:root{--h4-title-font:inherit;--h4-title-size:26px;--h4-title-size-md:30px;--h4-title-weight:700;--h4-title-color:var(--h4-dark);--h4-title-tracking:-.025em;--h4-font:"IBM Plex Sans Arabic", system-ui, sans-serif;--h4-font-num:"Readex Pro", "IBM Plex Sans Arabic", sans-serif;--h4-font-features:normal;--h4-bg:#f3f4ef;--h4-surface:#fff;--h4-surface-2:#f8f9f5;--h4-hover:#fafbf7;--h4-border:#e6e8e0;--h4-line:#eef0ea;--h4-input-border:#daddd3;--h4-ink:#0e1a17;--h4-ink-2:#3f4a45;--h4-muted:#5e6a64;--h4-primary:#0f4c3a;--h4-primary-hover:#0a3a2c;--h4-on-primary:#fff;--h4-primary-soft:#e7efe9;--h4-focus:#c8f169;--h4-dark:#0e2e25;--h4-dark-2:#123a2f;--h4-dark-3:#1b4d3e;--h4-accent:#c8f169;--h4-accent-light:#ddf6a0;--h4-accent-ink:#46640f;--h4-accent-soft:#f1f9dc;--h4-side-ink:#e8f0ec;--h4-side-sub:#9fb8ac;--h4-side-label:#86a397;--h4-side-link:#bfd0c7;--h4-font-display:var(--h4-font);--h4-hero-bg:#0e2e25;--h4-hero-ink:#fff;--h4-hero-amount:#fff;--h4-hero-muted:#bfd0c7;--h4-hero-faint:#9fb8ac;--h4-selected:#f6f9ec;--h4-selected-bar:#0f4c3a;--h4-avatar-bg:#e7efe9;--h4-avatar-ink:#0f4c3a;--h4-main-badge-bg:#c8f169;--h4-main-badge-ink:#0e2e25;--h4-ok:#14703a;--h4-ok-bg:#dcf3e3;--h4-bad:#b03a08;--h4-bad-bg:#fde7da;--h4-warn:#835000;--h4-warn-bg:#fbefc8;--h4-info:#1d4ed8;--h4-info-bg:#e3eafd;--h4-pending-bg:#fffbea;--h4-pending-border:#f1e2a8;--h4-reversal-row:#fff8f4;--h4-neutral:#5b6168;--h4-neutral-bg:#edeeef;--h4-on-dark-ok:#8fe0ae;--h4-on-dark-bad:#ffb4b4;--h4-radius-card:20px;--h4-radius-kpi:18px;--h4-radius:12px;--h4-radius-sm:9px;--h4-shadow:none;--h4-shadow-lift:0 2px 4px #0e1a170d, 0 18px 40px -18px #0e1a1733;--h4-shadow-pop:0 30px 80px -20px #0e1a1759;--h4-backdrop:#0e1a1773}.h4-page{font-family:var(--h4-font);color:var(--h4-ink);flex-direction:column;gap:20px;display:flex}.h4-dialog{font-family:var(--h4-font);color:var(--h4-ink)}.h4 *,.h4-dialog *{box-sizing:border-box}.h4-num{font-family:var(--h4-font-num);font-variant-numeric:tabular-nums}:root{--nav-gap:max(12px, calc(env(safe-area-inset-bottom) + 4px))}.h4-frame{min-height:100vh;display:flex}.h4-frame-col{flex-direction:column;flex:1;min-width:0;display:flex}.h4-frame-main{min-width:0;padding:1.25rem 1rem calc(var(--nav-gap) + 100px);flex-direction:column;flex:1;gap:1.5rem;display:flex}@media (width>=48rem){.h4-frame-main{padding-inline:2rem;padding-top:1.75rem}}@media (width>=64rem){.h4-frame-main{padding-bottom:3rem}}.h4-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.h4-title,.h4-head h1{font-family:var(--h4-title-font);font-size:var(--h4-title-size);font-weight:var(--h4-title-weight);color:var(--h4-title-color);letter-spacing:var(--h4-title-tracking);margin:0}@media (width>=48rem){.h4-title,.h4-head h1{font-size:var(--h4-title-size-md)}}.h4-head p{color:var(--h4-muted);margin:4px 0 0;font-size:14px}.h4-head-actions{flex-wrap:wrap;gap:8px;display:flex}.h4-card{background:var(--h4-surface);border:1px solid var(--h4-border);border-radius:var(--h4-radius-card);box-shadow:var(--h4-shadow)}.h4-kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.h4-kpi{border-radius:var(--h4-radius-kpi);padding:18px 20px}.h4-kpi-label{color:var(--h4-muted);font-size:13px}.h4-kpi-value{margin-top:6px;font-size:24px;font-weight:600}.h4-kpi-sub{color:var(--h4-muted);margin-top:4px;font-size:12px}.h4-kpi.h4-hero{background:var(--h4-hero-bg);color:var(--h4-hero-ink);box-shadow:var(--h4-shadow);border:0}.h4-hero .h4-kpi-label{color:var(--h4-hero-muted)}.h4-hero .h4-kpi-value{color:var(--h4-hero-amount)}.h4-hero .h4-kpi-sub{color:var(--h4-hero-faint)}.h4-h2{color:var(--h4-ink);margin:0;font-size:16px;font-weight:600}.h4-btn{border-radius:var(--h4-radius);height:44px;font:600 14px var(--h4-font);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex}.h4-btn-p,.h4-btn-ok,.h4-btn-bad,.h4-btn-accent{color:#fff;border:0;font-size:15px;font-weight:700;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,background-color .2s,color .2s}.h4-btn-p:hover,.h4-btn-ok:hover,.h4-btn-bad:hover,.h4-btn-accent:hover{color:#fff;transform:translateY(-1px)}.h4-btn-p:active,.h4-btn-ok:active,.h4-btn-bad:active,.h4-btn-accent:active{transition-duration:80ms;transform:translateY(0)scale(.97)}.h4-btn-p{background:var(--h4-primary);color:var(--h4-on-primary);box-shadow:inset 0 1px 0 #ffffff26, 0 6px 16px -8px color-mix(in srgb, var(--h4-primary) 80%, transparent)}.h4-btn-p:hover{background:var(--h4-primary-hover);color:var(--h4-on-primary);box-shadow:inset 0 1px 0 #ffffff26, 0 10px 22px -10px color-mix(in srgb, var(--h4-primary) 90%, transparent)}.h4-btn-ok{background:var(--h4-ok);box-shadow:0 6px 16px -8px color-mix(in srgb, var(--h4-ok) 80%, transparent)}.h4-btn-bad{background:var(--h4-bad);box-shadow:0 6px 16px -8px color-mix(in srgb, var(--h4-bad) 80%, transparent)}.h4-btn-accent{background:var(--h4-accent-ink);box-shadow:0 6px 16px -8px color-mix(in srgb, var(--h4-accent-ink) 80%, transparent)}.h4-btn:disabled,.h4-btn:disabled:hover{transform:none}.h4-btn-o{background:var(--h4-surface);color:var(--h4-ink);border-color:var(--h4-input-border)}.h4-btn-o:hover{background:var(--h4-hover)}.h4-btn-sm{border-radius:var(--h4-radius-sm);height:34px;padding:0 12px;font-size:13px}.h4-btn-icon{flex:none;width:44px;padding:0}.h4-btn:disabled{opacity:.45;cursor:not-allowed}.h4-field{color:var(--h4-muted);flex-direction:column;gap:7px;font-size:13px;font-weight:500;display:flex}.h4-inp{border:1px solid var(--h4-input-border);border-radius:var(--h4-radius);height:46px;font:500 16px var(--h4-font);color:var(--h4-ink);background:var(--h4-surface);width:100%;min-width:0;padding:0 14px}.h4-inp:focus{outline:2px solid var(--h4-focus);border-color:var(--h4-primary)}select.h4-inp{appearance:none}.h4-inp.h4-num{font-family:var(--h4-font-num)}.h4-note{background:var(--h4-selected);border-radius:var(--h4-radius);color:var(--h4-muted);padding:12px;font-size:13px}.h4-error{color:var(--h4-bad);margin:0;font-size:13px}.h4-tbl{border-collapse:collapse;width:100%;font-size:14px}.h4-tbl th{text-align:right;color:var(--h4-muted);background:var(--h4-surface-2);border-bottom:1px solid var(--h4-border);white-space:nowrap;padding:12px 16px;font-size:12.5px;font-weight:500}.h4-tbl td{border-bottom:1px solid var(--h4-line);white-space:nowrap;padding:13px 16px}.h4-tbl tr:hover td{background:var(--h4-hover)}.h4-tbl tr.h4-rev td{background:var(--h4-reversal-row)}.h4-tbl .h4-wrap{white-space:normal;min-width:120px}.h4-muted{color:var(--h4-muted)}.h4-in{color:var(--h4-ok)}.h4-out{color:var(--h4-bad)}.h4-link{color:var(--h4-primary);font-weight:600;text-decoration:none}.h4-link:hover{text-decoration:underline}.h4-tag{border-radius:7px;align-items:center;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.h4-tag-in{background:var(--h4-ok-bg);color:var(--h4-ok)}.h4-tag-dp{background:var(--h4-info-bg);color:var(--h4-info)}.h4-tag-rev{background:var(--h4-bad-bg);color:var(--h4-bad)}.h4-tag-out{background:var(--h4-warn-bg);color:var(--h4-warn)}.h4-badge{background:var(--h4-main-badge-bg);color:var(--h4-main-badge-ink);border-radius:99px;align-items:center;padding:1px 8px;font-size:11px;font-weight:600;display:inline-flex}.h4-avatar{background:var(--h4-avatar-bg);width:36px;height:36px;color:var(--h4-avatar-ink);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.h4-mcard{background:var(--h4-surface);border:1px solid var(--h4-border);border-radius:16px;flex-direction:column;gap:10px;min-width:0;padding:14px 16px;display:flex}.h4-mcard-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.h4-mcard-meta{color:var(--h4-muted);flex-direction:column;gap:2px;font-size:12.5px;display:flex}.h4-dialog{z-index:60;font-family:var(--h4-font);color:var(--h4-ink);background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.h4-dialog-box{background:var(--h4-surface);border-radius:var(--h4-radius-card);width:100%;max-width:640px;max-height:calc(100dvh - 32px);box-shadow:var(--h4-shadow-pop);overflow:auto}.h4-dialog-head{border-bottom:1px solid var(--h4-line);justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.h4-dialog-head h2{margin:0;font-size:17px;font-weight:600}.h4-dialog-body{flex-direction:column;gap:16px;padding:20px;display:flex}@media (width<=767px){.h4-dialog{align-items:flex-end;padding:0}.h4-dialog-box{border-radius:var(--h4-radius-card) var(--h4-radius-card) 0 0;max-height:92dvh}}.h4-phone{display:none}@media (width<=767px){.h4-desk{display:none}.h4-phone{display:flex}.h4-head-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.h4-head-actions>.h4-btn{width:100%;padding:0 8px;font-size:14px}.h4-inp{font-size:16px}}.h4,.h4 :host{--color-indigo:var(--h4-primary);--shadow-card:var(--h4-shadow);--shadow-lift:var(--h4-shadow-lift);--shadow-pop:var(--h4-shadow-pop);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--animate-rise:h4-rise .55s var(--ease-out-expo) both;--animate-pop:h4-pop .35s var(--ease-out-expo) both;--animate-fade:h4-fade .25s ease both}:where(.h4) *,:where(.h4) :after,:where(.h4) :before,:where(.h4) ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}:where(.h4) ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:where(.h4) hr{height:0;color:inherit;border-top-width:1px}:where(.h4) abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(.h4) h1,:where(.h4) h2,:where(.h4) h3,:where(.h4) h4,:where(.h4) h5,:where(.h4) h6{font-size:inherit;font-weight:inherit}:where(.h4) a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}:where(.h4) b,:where(.h4) strong{font-weight:bolder}:where(.h4) code,:where(.h4) kbd,:where(.h4) samp,:where(.h4) pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}:where(.h4) small{font-size:80%}:where(.h4) sub,:where(.h4) sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}:where(.h4) sub{bottom:-.25em}:where(.h4) sup{top:-.5em}:where(.h4) table{text-indent:0;border-color:inherit;border-collapse:collapse}:where(.h4) :-moz-focusring:where(:not(iframe)){outline:auto}:where(.h4) progress{vertical-align:baseline}:where(.h4) summary{display:list-item}:where(.h4) ol,:where(.h4) ul,:where(.h4) menu{list-style:none}:where(.h4) img,:where(.h4) svg,:where(.h4) video,:where(.h4) canvas,:where(.h4) audio,:where(.h4) iframe,:where(.h4) embed,:where(.h4) object{vertical-align:middle;display:block}:where(.h4) img,:where(.h4) video{max-width:100%;height:auto}:where(.h4) button,:where(.h4) input,:where(.h4) select,:where(.h4) optgroup,:where(.h4) textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(.h4) ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(.h4) :where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(.h4) :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}:where(.h4) ::file-selector-button{margin-inline-end:4px}:where(.h4) ::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){:where(.h4) ::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){:where(.h4) ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}:where(.h4) textarea{resize:vertical}:where(.h4) ::-webkit-search-decoration{-webkit-appearance:none}:where(.h4) ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}:where(.h4) ::-webkit-datetime-edit{display:inline-flex}:where(.h4) ::-webkit-datetime-edit-fields-wrapper{padding:0}:where(.h4) ::-webkit-datetime-edit{padding-block:0}:where(.h4) ::-webkit-datetime-edit-year-field{padding-block:0}:where(.h4) ::-webkit-datetime-edit-month-field{padding-block:0}:where(.h4) ::-webkit-datetime-edit-day-field{padding-block:0}:where(.h4) ::-webkit-datetime-edit-hour-field{padding-block:0}:where(.h4) ::-webkit-datetime-edit-minute-field{padding-block:0}:where(.h4) ::-webkit-datetime-edit-second-field{padding-block:0}:where(.h4) ::-webkit-datetime-edit-millisecond-field{padding-block:0}:where(.h4) ::-webkit-datetime-edit-meridiem-field{padding-block:0}:where(.h4) ::-webkit-calendar-picker-indicator{line-height:1}:where(.h4) :-moz-ui-invalid{box-shadow:none}:where(.h4) button,:where(.h4) input:where([type=button],[type=reset],[type=submit]){appearance:button}:where(.h4) ::file-selector-button{appearance:button}:where(.h4) ::-webkit-inner-spin-button{height:auto}:where(.h4) ::-webkit-outer-spin-button{height:auto}:where(.h4) [hidden]:where(:not([hidden=until-found])){display:none!important}@keyframes h4-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes h4-pop{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:none}}@keyframes h4-pop-out{to{opacity:0;transform:translateY(8px)scale(.97)}}@keyframes h4-fade{0%{opacity:0}to{opacity:1}}@keyframes h4-fade-out{to{opacity:0}}@keyframes h4-sheet-in{0%{transform:translateY(100%)}to{transform:none}}.h4 :focus-visible{outline:2px solid var(--h4-primary);outline-offset:2px}.h4 .card{border-style:var(--tw-border-style);border-width:1px;border-color:var(--h4-border);background-color:var(--h4-surface);box-shadow:var(--h4-shadow);border-radius:22px}.h4 .card-pad{padding:1.25rem}@media (width>=48rem){.h4 .card-pad{padding:1.5rem}}.h4 .card-hover{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s);--tw-duration:.3s;transition-duration:.3s;transition-timing-function:var(--ease-out-expo)}.h4 .card-hover:hover{box-shadow:var(--h4-shadow-lift);transform:translateY(-3px)}.h4 .panel-dark{color:var(--h4-surface);background:var(--h4-hero-bg);box-shadow:var(--h4-shadow-lift);border-radius:22px;position:relative;overflow:hidden}.h4 .panel-dark:after{content:"";background:radial-gradient(circle, var(--h4-accent), transparent 70%);border-radius:50%;width:220px;height:220px;position:absolute;inset:auto -40px -60px auto}@supports (color:color-mix(in lab, red, red)){.h4 .panel-dark:after{background:radial-gradient(circle, color-mix(in srgb, var(--h4-accent) 22%, transparent), transparent 70%)}}.h4 .panel-dark:after{pointer-events:none}.h4 .h1{font-family:var(--h4-title-font);font-size:var(--h4-title-size);font-weight:var(--h4-title-weight);color:var(--h4-title-color);letter-spacing:var(--h4-title-tracking);margin:0}@media (width>=48rem){.h4 .h1{font-size:var(--h4-title-size-md)}}.h4 .h2{--tw-font-weight:700;color:var(--h4-dark);margin:0;font-size:17px;font-weight:700}.h4 .sub{font-size:.875rem;line-height:var(--tw-leading,calc(1.25 / .875));color:var(--h4-muted)}.h4 .field{--tw-font-weight:600;color:var(--h4-ink-2);flex-direction:column;gap:.375rem;font-size:13px;font-weight:600;display:flex}.h4 .input{box-sizing:border-box;border-style:var(--tw-border-style);border-width:1px;border-color:var(--h4-input-border);border-radius:.75rem;width:100%;height:2.75rem}@supports (color:color-mix(in lab, red, red)){.h4 .input{border-color:color-mix(in oklab, var(--h4-input-border) 70%, transparent)}}.h4 .input{background-color:var(--h4-surface-2);--tw-font-weight:400;color:var(--h4-ink);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s);--tw-duration:.2s;--tw-outline-style:none;outline-style:none;padding-inline:.875rem;font-size:15px;font-weight:400;transition-duration:.2s}.h4 .input:hover{border-color:var(--h4-input-border)}.h4 .input:focus{border-color:var(--h4-primary);background-color:var(--h4-surface);box-shadow:0 0 0 4px var(--h4-primary)}@supports (color:color-mix(in lab, red, red)){.h4 .input:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--h4-primary) 12%, transparent)}}.h4 .input:disabled,.h4 .input[readonly]{opacity:.7}.h4 textarea.input{height:auto;padding-block:.625rem}.h4 .input[type=date]{text-align:right;font-variant-numeric:tabular-nums;direction:ltr;min-width:0;padding-inline:.6rem}.h4 .input-num{text-align:right;--tw-font-weight:700;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);direction:ltr;font-weight:700}.h4 .btn{cursor:pointer;border-style:var(--tw-border-style);--tw-font-weight:700;white-space:nowrap;-webkit-user-select:none;user-select:none;height:2.75rem;transition:transform .2s var(--ease-out-expo), box-shadow .2s, background-color .2s, color .2s;border-width:0;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding-inline:1.125rem;font-size:15px;font-weight:700;text-decoration-line:none;display:inline-flex;position:relative}.h4 .btn:hover{transform:translateY(-1px)}.h4 .btn:active{transition-duration:80ms;transform:translateY(0)scale(.97)}.h4 .btn:disabled{cursor:wait;opacity:.6;transform:none}.h4 .btn-sm{height:2.25rem;font-size:.875rem;line-height:var(--tw-leading,calc(1.25 / .875));border-radius:10px;padding-inline:.75rem}.h4 .btn-primary{background:var(--h4-primary);color:var(--h4-on-primary);box-shadow:inset 0 1px 0 #ffffff26, 0 6px 16px -8px var(--h4-primary)}@supports (color:color-mix(in lab, red, red)){.h4 .btn-primary{box-shadow:inset 0 1px 0 #ffffff26, 0 6px 16px -8px color-mix(in srgb, var(--h4-primary) 80%, transparent)}}.h4 .btn-primary:hover{background:var(--h4-primary-hover)}.h4 .btn-gold{background-color:var(--h4-accent);color:var(--h4-dark);box-shadow:0 6px 16px -8px var(--h4-accent)}@supports (color:color-mix(in lab, red, red)){.h4 .btn-gold{box-shadow:0 6px 16px -8px color-mix(in srgb, var(--h4-accent) 90%, transparent)}}.h4 .btn-gold:hover{background-color:var(--h4-accent-light)}.h4 .btn-ok{background-color:var(--h4-ok);color:var(--h4-surface);box-shadow:0 6px 16px -8px var(--h4-ok)}@supports (color:color-mix(in lab, red, red)){.h4 .btn-ok{box-shadow:0 6px 16px -8px color-mix(in srgb, var(--h4-ok) 80%, transparent)}}.h4 .btn-bad{background-color:var(--h4-bad);color:var(--h4-surface);box-shadow:0 6px 16px -8px var(--h4-bad)}@supports (color:color-mix(in lab, red, red)){.h4 .btn-bad{box-shadow:0 6px 16px -8px color-mix(in srgb, var(--h4-bad) 80%, transparent)}}.h4 .btn-ghost{border-style:var(--tw-border-style);border-width:1px;border-color:var(--h4-input-border)}@supports (color:color-mix(in lab, red, red)){.h4 .btn-ghost{border-color:color-mix(in oklab, var(--h4-input-border) 80%, transparent)}}.h4 .btn-ghost{background-color:var(--h4-surface);color:var(--h4-ink-2)}.h4 .btn-ghost:hover{border-color:var(--h4-input-border);background-color:var(--h4-surface-2);color:var(--h4-primary)}.h4 .btn-soft{background-color:var(--h4-primary-soft);color:var(--h4-primary)}.h4 .btn-link{--tw-font-weight:600;color:var(--h4-primary);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s);font-weight:600;text-decoration-line:none}@media (hover:hover){.h4 :is(.h4 .btn-link):hover{color:var(--h4-dark)}}.h4 .icon-btn{cursor:pointer;border-style:var(--tw-border-style);width:2.5rem;height:2.5rem;color:var(--h4-muted);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s);background-color:#0000;border-width:0;border-radius:.75rem;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.h4 :is(.h4 .icon-btn):hover{background-color:var(--h4-bg)}}@media (hover:hover){.h4 :is(.h4 .icon-btn):hover{color:var(--h4-ink)}}.h4 .table{border-collapse:collapse;width:100%;font-size:.875rem;line-height:var(--tw-leading,calc(1.25 / .875))}.h4 .table th{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--h4-border);background-color:var(--h4-surface-2);text-align:right;font-size:.75rem;line-height:var(--tw-leading,calc(1 / .75));--tw-font-weight:600;white-space:nowrap;color:var(--h4-muted);padding-block:.75rem;padding-inline:1rem;font-weight:600}.h4 .table td{border-bottom-style:var(--tw-border-style);vertical-align:middle;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s);--tw-duration:.15s;border-bottom-width:1px;border-color:var(--h4-line);padding-block:.875rem;padding-inline:1rem;transition-duration:.15s}.h4 .table tbody tr:last-child td{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.h4 .table .num{text-align:center}.h4 .table tbody tr:not([class*=bg-]):hover td{background:var(--h4-hover)}.h4 .chip{font-size:.75rem;line-height:var(--tw-leading,calc(1 / .75));--tw-font-weight:700;white-space:nowrap;border-radius:3.40282e38px;align-items:center;gap:.375rem;padding-block:.125rem;padding-inline:.5rem .625rem;font-weight:700;display:inline-flex}.h4 .chip:before{content:"";opacity:.8;background-color:currentColor;border-radius:3.40282e38px;width:.375rem;height:.375rem}.h4 .chip-temp{background-color:var(--h4-warn-bg);color:var(--h4-warn)}.h4 .chip-confirmed{background-color:var(--h4-ok-bg);color:var(--h4-ok)}.h4 .chip-cancelled{background-color:var(--h4-bad-bg);color:var(--h4-bad)}.h4 .chip-expired{background-color:var(--h4-neutral-bg);color:var(--h4-muted)}.h4 .chip-done{background-color:var(--h4-neutral-bg);color:var(--h4-neutral)}.h4 .chip-receipt{background-color:var(--h4-ok-bg);color:var(--h4-ok)}.h4 .chip-payment{background-color:var(--h4-primary-soft);color:var(--h4-primary)}.h4 .chip-expense{background-color:var(--h4-bad-bg);color:var(--h4-bad)}.h4 .chip-transfer{background-color:var(--h4-accent-soft);color:var(--h4-accent-ink)}.h4 .money{white-space:nowrap;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);direction:ltr;unicode-bidi:isolate}.h4 .tabs{background-color:var(--h4-bg);border-radius:1rem;gap:.25rem;padding:.25rem;display:flex}.h4 .tab{height:2.5rem;font-size:.875rem;line-height:var(--tw-leading,calc(1.25 / .875));--tw-font-weight:700;color:var(--h4-ink-2);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s);--tw-duration:.2s;border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:.375rem;font-weight:700;text-decoration-line:none;transition-duration:.2s;display:flex}.h4 .tab-on{background-color:var(--h4-surface);color:var(--h4-primary);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.h4 .icon-chip{border-radius:1rem;flex:none;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex}.h4 .modal{border-style:var(--tw-border-style);max-height:calc(100dvh - 24px);width:min(var(--w,540px), calc(100vw - 24px));background-color:#0000;border-width:0;margin:auto;padding:0;overflow:visible}.h4 .modal[open]{animation:var(--animate-pop)}.h4 .modal::backdrop{background:var(--h4-backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:var(--animate-fade)}.h4 .modal.is-closing{animation:.18s both h4-pop-out}.h4 .modal.is-closing::backdrop{animation:.18s both h4-fade-out}.h4 .modal-box{background-color:var(--h4-surface);max-height:calc(100dvh - 24px);box-shadow:var(--h4-shadow-pop);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.h4 .modal-head{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--h4-border);justify-content:space-between;align-items:center;gap:.75rem;padding-block:1.125rem;padding-inline:1.5rem;display:flex}.h4 .modal-body{padding:1.5rem;overflow-y:auto}@media (width<=640px){.h4 .modal{width:100vw;max-width:100vw;margin-top:auto;margin-bottom:0}.h4 .modal[open]{animation:h4-sheet-in .4s var(--ease-out-expo) both}.h4 .modal-box{border-bottom-right-radius:0;border-bottom-left-radius:0}}.h4 .m-list{flex-direction:column;gap:.75rem;display:flex}@media (width>=48rem){.h4 .m-list{display:none}}.h4 .m-card{border-style:var(--tw-border-style);border-width:1px;border-color:var(--h4-border);background-color:var(--h4-surface);color:var(--h4-ink);box-shadow:var(--h4-shadow);transition:transform .15s var(--ease-out-expo);border-radius:20px;padding:1rem;text-decoration-line:none;display:block}.h4 a.m-card:active{transform:scale(.985)}.h4 .m-row{font-size:.875rem;line-height:var(--tw-leading,calc(1.25 / .875));justify-content:space-between;align-items:center;gap:.75rem;display:flex}.h4 .m-label{font-size:.75rem;line-height:var(--tw-leading,calc(1 / .75));color:var(--h4-muted)}@media (width<48rem){.h4 .desk{display:none}}.h4 .meter{background-color:var(--h4-bg);border-radius:3.40282e38px;height:.375rem;overflow:hidden}.h4 .meter>span{height:100%;transition:width .8s var(--ease-out-expo);border-radius:3.40282e38px;display:block}.h4 .stagger>*{animation:var(--animate-rise);animation-delay:calc(var(--i,0) * 45ms)}.h4:not(#\#) .pointer-events-auto{pointer-events:auto}.h4:not(#\#) .pointer-events-none{pointer-events:none}.h4:not(#\#) .sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.h4:not(#\#) .absolute{position:absolute}.h4:not(#\#) .fixed{position:fixed}.h4:not(#\#) .relative{position:relative}.h4:not(#\#) .static{position:static}.h4:not(#\#) .sticky{position:sticky}.h4:not(#\#) .inset-0{inset:0}.h4:not(#\#) .inset-x-0{inset-inline:0}.h4:not(#\#) .inset-x-3{inset-inline:.75rem}.h4:not(#\#) .inset-x-16{inset-inline:4rem}.h4:not(#\#) .start-0{inset-inline-start:0}.h4:not(#\#) .-end-0\.5{inset-inline-end:-.125rem}.h4:not(#\#) .end-0{inset-inline-end:0}.h4:not(#\#) .end-2\.5{inset-inline-end:.625rem}.h4:not(#\#) .end-3{inset-inline-end:.75rem}.h4:not(#\#) .-top-0\.5{top:-.125rem}.h4:not(#\#) .top-0{top:0}.h4:not(#\#) .top-1{top:.25rem}.h4:not(#\#) .top-1\/2{top:50%}.h4:not(#\#) .top-2\.5{top:.625rem}.h4:not(#\#) .top-3{top:.75rem}.h4:not(#\#) .top-4{top:1rem}.h4:not(#\#) .top-full{top:100%}.h4:not(#\#) .bottom-0{bottom:0}.h4:not(#\#) .bottom-2\.5{bottom:.625rem}.h4:not(#\#) .bottom-\[var\(--nav-gap\)\]{bottom:var(--nav-gap)}.h4:not(#\#) .z-10{z-index:10}.h4:not(#\#) .z-20{z-index:20}.h4:not(#\#) .z-30{z-index:30}.h4:not(#\#) .z-40{z-index:40}.h4:not(#\#) .z-50{z-index:50}.h4:not(#\#) .z-\[100\]{z-index:100}.h4:not(#\#) .col-span-2{grid-column:span 2/span 2}.h4:not(#\#) .col-span-3{grid-column:span 3/span 3}.h4:not(#\#) .col-span-5{grid-column:span 5/span 5}.h4:not(#\#) .container{width:100%}@media (width>=40rem){.h4:not(#\#) .container{max-width:40rem}}@media (width>=48rem){.h4:not(#\#) .container{max-width:48rem}}@media (width>=64rem){.h4:not(#\#) .container{max-width:64rem}}@media (width>=80rem){.h4:not(#\#) .container{max-width:80rem}}@media (width>=96rem){.h4:not(#\#) .container{max-width:96rem}}.h4:not(#\#) .m-0{margin:0}.h4:not(#\#) .m-3{margin:.75rem}.h4:not(#\#) .mx-3{margin-inline:.75rem}.h4:not(#\#) .me-auto{margin-inline-end:auto}.h4:not(#\#) .-mt-7{margin-top:-1.75rem}.h4:not(#\#) .mt-0{margin-top:0}.h4:not(#\#) .mt-0\.5{margin-top:.125rem}.h4:not(#\#) .mt-1{margin-top:.25rem}.h4:not(#\#) .mt-1\.5{margin-top:.375rem}.h4:not(#\#) .mt-2{margin-top:.5rem}.h4:not(#\#) .mt-2\.5{margin-top:.625rem}.h4:not(#\#) .mt-3{margin-top:.75rem}.h4:not(#\#) .mt-4{margin-top:1rem}.h4:not(#\#) .mt-auto{margin-top:auto}.h4:not(#\#) .mb-0{margin-bottom:0}.h4:not(#\#) .mb-2{margin-bottom:.5rem}.h4:not(#\#) .-ml-px{margin-left:-1px}.h4:not(#\#) .block{display:block}.h4:not(#\#) .contents{display:contents}.h4:not(#\#) .flex{display:flex}.h4:not(#\#) .grid{display:grid}.h4:not(#\#) .hidden{display:none}.h4:not(#\#) .inline-block{display:inline-block}.h4:not(#\#) .inline-flex{display:inline-flex}.h4:not(#\#) .table{display:table}.h4:not(#\#) .size-4{width:1rem;height:1rem}.h4:not(#\#) .size-5{width:1.25rem;height:1.25rem}.h4:not(#\#) .size-6{width:1.5rem;height:1.5rem}.h4:not(#\#) .size-8{width:2rem;height:2rem}.h4:not(#\#) .size-9{width:2.25rem;height:2.25rem}.h4:not(#\#) .size-10{width:2.5rem;height:2.5rem}.h4:not(#\#) .size-11{width:2.75rem;height:2.75rem}.h4:not(#\#) .size-12{width:3rem;height:3rem}.h4:not(#\#) .size-14{width:3.5rem;height:3.5rem}.h4:not(#\#) .size-16{width:4rem;height:4rem}.h4:not(#\#) .h-2{height:.5rem}.h4:not(#\#) .h-2\.5{height:.625rem}.h4:not(#\#) .h-4{height:1rem}.h4:not(#\#) .h-5{height:1.25rem}.h4:not(#\#) .h-6{height:1.5rem}.h4:not(#\#) .h-8{height:2rem}.h4:not(#\#) .h-10{height:2.5rem}.h4:not(#\#) .h-11{height:2.75rem}.h4:not(#\#) .h-12{height:3rem}.h4:not(#\#) .h-14{height:3.5rem}.h4:not(#\#) .h-16{height:4rem}.h4:not(#\#) .h-40{height:10rem}.h4:not(#\#) .h-\[52px\]{height:52px}.h4:not(#\#) .h-\[54px\]{height:54px}.h4:not(#\#) .h-\[56px\]{height:56px}.h4:not(#\#) .h-\[68px\]{height:68px}.h4:not(#\#) .h-\[calc\(100vh-24px\)\]{height:calc(100vh - 24px)}.h4:not(#\#) .h-\[calc\(var\(--nav-gap\)\+34px\)\]{height:calc(var(--nav-gap) + 34px)}.h4:not(#\#) .h-\[min\(92dvh\,1100px\)\]{height:min(92dvh,1100px)}.h4:not(#\#) .h-full{height:100%}.h4:not(#\#) .max-h-72{max-height:18rem}.h4:not(#\#) .max-h-\[min\(380px\,50vh\)\]{max-height:min(380px,50vh)}.h4:not(#\#) .max-h-\[min\(420px\,60vh\)\]{max-height:min(420px,60vh)}.h4:not(#\#) .min-h-11{min-height:2.75rem}.h4:not(#\#) .min-h-\[260px\]{min-height:260px}.h4:not(#\#) .min-h-\[300px\]{min-height:300px}.h4:not(#\#) .min-h-screen{min-height:100vh}.h4:not(#\#) .w-5{width:1.25rem}.h4:not(#\#) .w-10{width:2.5rem}.h4:not(#\#) .w-11{width:2.75rem}.h4:not(#\#) .w-16{width:4rem}.h4:not(#\#) .w-\[1\%\]{width:1%}.h4:not(#\#) .w-\[3px\]{width:3px}.h4:not(#\#) .w-\[264px\]{width:264px}.h4:not(#\#) .w-\[290px\]{width:290px}.h4:not(#\#) .w-\[380px\]{width:380px}.h4:not(#\#) .w-full{width:100%}.h4:not(#\#) .max-w-\[400px\]{max-width:400px}.h4:not(#\#) .max-w-\[440px\]{max-width:440px}.h4:not(#\#) .max-w-\[min\(440px\,calc\(100vw-32px\)\)\]{max-width:min(440px,100vw - 32px)}.h4:not(#\#) .min-w-0{min-width:0}.h4:not(#\#) .min-w-4{min-width:1rem}.h4:not(#\#) .min-w-5{min-width:1.25rem}.h4:not(#\#) .min-w-6{min-width:1.5rem}.h4:not(#\#) .min-w-\[64px\]{min-width:64px}.h4:not(#\#) .min-w-\[86px\]{min-width:86px}.h4:not(#\#) .min-w-\[220px\]{min-width:220px}.h4:not(#\#) .min-w-\[600px\]{min-width:600px}.h4:not(#\#) .min-w-\[620px\]{min-width:620px}.h4:not(#\#) .min-w-\[640px\]{min-width:640px}.h4:not(#\#) .min-w-\[720px\]{min-width:720px}.h4:not(#\#) .min-w-\[760px\]{min-width:760px}.h4:not(#\#) .min-w-\[860px\]{min-width:860px}.h4:not(#\#) .min-w-\[900px\]{min-width:900px}.h4:not(#\#) .flex-1{flex:1}.h4:not(#\#) .flex-\[1\.4\]{flex:1.4}.h4:not(#\#) .flex-\[1_1_120px\]{flex:120px}.h4:not(#\#) .flex-\[1_1_200px\]{flex:200px}.h4:not(#\#) .flex-\[1_1_260px\]{flex:260px}.h4:not(#\#) .flex-\[1_1_320px\]{flex:320px}.h4:not(#\#) .flex-\[1_1_420px\]{flex:420px}.h4:not(#\#) .flex-\[2_1_240px\]{flex:2 240px}.h4:not(#\#) .flex-\[3_1_560px\]{flex:3 560px}.h4:not(#\#) .flex-none{flex:none}.h4:not(#\#) .origin-top-left{transform-origin:0 0}.h4:not(#\#) .-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.h4:not(#\#) .-rotate-90{rotate:-90deg}.h4:not(#\#) .transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.h4:not(#\#) .animate-\[var\(--animate-pop\)\]{animation:var(--animate-pop)}.h4:not(#\#) .animate-\[var\(--animate-rise\)\]{animation:var(--animate-rise)}.h4:not(#\#) .cursor-default{cursor:default}.h4:not(#\#) .cursor-not-allowed{cursor:not-allowed}.h4:not(#\#) .cursor-pointer{cursor:pointer}.h4:not(#\#) .scroll-mt-32{scroll-margin-top:8rem}.h4:not(#\#) .\[scrollbar-width\:none\]{scrollbar-width:none}.h4:not(#\#) .\[scrollbar-width\:thin\]{scrollbar-width:thin}.h4:not(#\#) .\[scrollbar-color\:var\(--h4-dark-3\)_transparent\]{scrollbar-color:var(--h4-dark-3) transparent}.h4:not(#\#) .list-none{list-style-type:none}.h4:not(#\#) .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.h4:not(#\#) .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.h4:not(#\#) .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.h4:not(#\#) .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.h4:not(#\#) .grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.h4:not(#\#) .flex-col{flex-direction:column}.h4:not(#\#) .flex-wrap{flex-wrap:wrap}.h4:not(#\#) .items-center{align-items:center}.h4:not(#\#) .items-end{align-items:flex-end}.h4:not(#\#) .items-start{align-items:flex-start}.h4:not(#\#) .items-stretch{align-items:stretch}.h4:not(#\#) .justify-around{justify-content:space-around}.h4:not(#\#) .justify-between{justify-content:space-between}.h4:not(#\#) .justify-center{justify-content:center}.h4:not(#\#) .justify-end{justify-content:flex-end}.h4:not(#\#) .gap-0\.5{gap:.125rem}.h4:not(#\#) .gap-1{gap:.25rem}.h4:not(#\#) .gap-1\.5{gap:.375rem}.h4:not(#\#) .gap-2{gap:.5rem}.h4:not(#\#) .gap-2\.5{gap:.625rem}.h4:not(#\#) .gap-3{gap:.75rem}.h4:not(#\#) .gap-4{gap:1rem}.h4:not(#\#) .gap-5{gap:1.25rem}.h4:not(#\#) :where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(.25rem * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(.25rem * .5) * calc(1 - var(--tw-space-y-reverse)))}.h4:not(#\#) :where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}.h4:not(#\#) :where(.divide-\[\#F2F0EA\]>:not(:last-child)){border-color:#f2f0ea}.h4:not(#\#) :where(.divide-\[var\(--h4-line\)\]>:not(:last-child)){border-color:var(--h4-line)}.h4:not(#\#) :where(.divide-line>:not(:last-child)){border-color:var(--h4-border)}.h4:not(#\#) .self-end{align-self:flex-end}.h4:not(#\#) .self-start{align-self:flex-start}.h4:not(#\#) .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.h4:not(#\#) .overflow-clip{overflow:clip}.h4:not(#\#) .overflow-hidden{overflow:hidden}.h4:not(#\#) .overflow-x-auto{overflow-x:auto}.h4:not(#\#) .overflow-y-auto{overflow-y:auto}.h4:not(#\#) .\!rounded-none{border-radius:0!important}.h4:not(#\#) .rounded-2xl{border-radius:1rem}.h4:not(#\#) .rounded-\[20px\]{border-radius:20px}.h4:not(#\#) .rounded-\[22px\]{border-radius:22px}.h4:not(#\#) .rounded-\[26px\]{border-radius:26px}.h4:not(#\#) .rounded-full{border-radius:3.40282e38px}.h4:not(#\#) .rounded-lg{border-radius:.5rem}.h4:not(#\#) .rounded-md{border-radius:.375rem}.h4:not(#\#) .rounded-xl{border-radius:.75rem}.h4:not(#\#) .rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.h4:not(#\#) .rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.h4:not(#\#) .rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.h4:not(#\#) .border{border-style:var(--tw-border-style);border-width:1px}.h4:not(#\#) .border-0{border-style:var(--tw-border-style);border-width:0}.h4:not(#\#) .border-4{border-style:var(--tw-border-style);border-width:4px}.h4:not(#\#) .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.h4:not(#\#) .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.h4:not(#\#) .border-\[\#F0EFE9\]{border-color:#f0efe9}.h4:not(#\#) .border-gray-300{border-color:oklch(87.2% .01 258.338)}.h4:not(#\#) .border-line{border-color:var(--h4-border)}.h4:not(#\#) .border-line-2{border-color:var(--h4-input-border)}.h4:not(#\#) .border-line\/70{border-color:var(--h4-border)}@supports (color:color-mix(in lab, red, red)){.h4:not(#\#) .border-line\/70{border-color:color-mix(in oklab, var(--h4-border) 70%, transparent)}}.h4:not(#\#) .border-paper{border-color:var(--h4-bg)}.h4:not(#\#) .bg-\[\#E9E8E2\]{background-color:#e9e8e2}.h4:not(#\#) .bg-bad{background-color:var(--h4-bad)}.h4:not(#\#) .bg-bad-bg{background-color:var(--h4-bad-bg)}.h4:not(#\#) .bg-gold{background-color:var(--h4-accent)}.h4:not(#\#) .bg-gold-dark{background-color:var(--h4-accent-ink)}.h4:not(#\#) .bg-gold-soft{background-color:var(--h4-accent-soft)}.h4:not(#\#) .bg-gold\/15{background-color:var(--h4-accent)}@supports (color:color-mix(in lab, red, red)){.h4:not(#\#) .bg-gold\/15{background-color:color-mix(in oklab, var(--h4-accent) 15%, transparent)}}.h4:not(#\#) .bg-gold\/20{background-color:var(--h4-accent)}@supports (color:color-mix(in lab, red, red)){.h4:not(#\#) .bg-gold\/20{background-color:color-mix(in oklab, var(--h4-accent) 20%, transparent)}}.h4:not(#\#) .bg-gray-200{background-color:oklch(92.8% .006 264.531)}.h4:not(#\#) .bg-indigo{background-color:var(--h4-primary)}.h4:not(#\#) .bg-indigo-soft{background-color:var(--h4-primary-soft)}.h4:not(#\#) .bg-indigo\/30{background-color:var(--h4-primary)}@supports (color:color-mix(in lab, red, red)){.h4:not(#\#) .bg-indigo\/30{background-color:color-mix(in oklab, var(--h4-primary) 30%, transparent)}}.h4:not(#\#) .bg-line-2{background-color:var(--h4-input-border)}.h4:not(#\#) .bg-navy{background-color:var(--h4-dark)}.h4:not(#\#) .bg-ok{background-color:var(--h4-ok)}.h4:not(#\#) .bg-ok-bg{background-color:var(--h4-ok-bg)}.h4:not(#\#) .bg-paper{background-color:var(--h4-bg)}.h4:not(#\#) .bg-paper-2{background-color:var(--h4-surface-2)}.h4:not(#\#) .bg-paper-2\/60{background-color:var(--h4-surface-2)}@supports (color:color-mix(in lab, red, red)){.h4:not(#\#) .bg-paper-2\/60{background-color:color-mix(in oklab, var(--h4-surface-2) 60%, transparent)}}.h4:not(#\#) .bg-paper\/75{background-color:var(--h4-bg)}@supports (color:color-mix(in lab, red, red)){.h4:not(#\#) .bg-paper\/75{background-color:color-mix(in oklab, var(--h4-bg) 75%, transparent)}}.h4:not(#\#) .bg-transparent{background-color:#0000}.h4:not(#\#) .bg-warn{background-color:var(--h4-warn)}.h4:not(#\#) .bg-warn-bg{background-color:var(--h4-warn-bg)}.h4:not(#\#) .bg-white{background-color:var(--h4-surface)}.h4:not(#\#) .bg-white\/20{background-color:var(--h4-surface)}@supports (color:color-mix(in lab, red, red)){.h4:not(#\#) .bg-white\/20{background-color:color-mix(in oklab, var(--h4-surface) 20%, transparent)}}.h4:not(#\#) .bg-white\/70{background-color:var(--h4-surface)}@supports (color:color-mix(in lab, red, red)){.h4:not(#\#) .bg-white\/70{background-color:color-mix(in oklab, var(--h4-surface) 70%, transparent)}}.h4:not(#\#) .bg-white\/90{background-color:var(--h4-surface)}@supports (color:color-mix(in lab, red, red)){.h4:not(#\#) .bg-white\/90{background-color:color-mix(in oklab, var(--h4-surface) 90%, transparent)}}.h4:not(#\#) .bg-white\/\[0\.06\]{background-color:var(--h4-surface)}@supports (color:color-mix(in lab, red, red)){.h4:not(#\#) .bg-white\/\[0\.06\]{background-color:color-mix(in oklab, var(--h4-surface) 6%, transparent)}}.h4:not(#\#) .bg-white\/\[0\.08\]{background-color:var(--h4-surface)}@supports (color:color-mix(in lab, red, red)){.h4:not(#\#) .bg-white\/\[0\.08\]{background-color:color-mix(in oklab, var(--h4-surface) 8%, transparent)}}.h4:not(#\#) .p-0{padding:0}.h4:not(#\#) .p-1\.5{padding:.375rem}.h4:not(#\#) .p-2{padding:.5rem}.h4:not(#\#) .p-3{padding:.75rem}.h4:not(#\#) .p-4{padding:1rem}.h4:not(#\#) .p-5{padding:1.25rem}.h4:not(#\#) .p-10{padding:2.5rem}.h4:not(#\#) .px-1{padding-inline:.25rem}.h4:not(#\#) .px-1\.5{padding-inline:.375rem}.h4:not(#\#) .px-2{padding-inline:.5rem}.h4:not(#\#) .px-2\.5{padding-inline:.625rem}.h4:not(#\#) .px-3{padding-inline:.75rem}.h4:not(#\#) .px-3\.5{padding-inline:.875rem}.h4:not(#\#) .px-4{padding-inline:1rem}.h4:not(#\#) .px-5{padding-inline:1.25rem}.h4:not(#\#) .px-6{padding-inline:1.5rem}.h4:not(#\#) .py-0\.5{padding-block:.125rem}.h4:not(#\#) .py-2{padding-block:.5rem}.h4:not(#\#) .py-2\.5{padding-block:.625rem}.h4:not(#\#) .py-3{padding-block:.75rem}.h4:not(#\#) .py-3\.5{padding-block:.875rem}.h4:not(#\#) .py-4{padding-block:1rem}.h4:not(#\#) .py-6{padding-block:1.5rem}.h4:not(#\#) .py-8{padding-block:2rem}.h4:not(#\#) .py-10{padding-block:2.5rem}.h4:not(#\#) .py-12{padding-block:3rem}.h4:not(#\#) .\!ps-2{padding-inline-start:.5rem!important}.h4:not(#\#) .ps-3{padding-inline-start:.75rem}.h4:not(#\#) .ps-4{padding-inline-start:1rem}.h4:not(#\#) .ps-12{padding-inline-start:3rem}.h4:not(#\#) .\!pe-1{padding-inline-end:.25rem!important}.h4:not(#\#) .pe-0{padding-inline-end:0}.h4:not(#\#) .pe-9{padding-inline-end:2.25rem}.h4:not(#\#) .pt-2{padding-top:.5rem}.h4:not(#\#) .pt-4{padding-top:1rem}.h4:not(#\#) .pt-5{padding-top:1.25rem}.h4:not(#\#) .pt-6{padding-top:1.5rem}.h4:not(#\#) .pt-7{padding-top:1.75rem}.h4:not(#\#) .pb-1\.5{padding-bottom:.375rem}.h4:not(#\#) .pb-2{padding-bottom:.5rem}.h4:not(#\#) .pb-3{padding-bottom:.75rem}.h4:not(#\#) .pb-5{padding-bottom:1.25rem}.h4:not(#\#) .text-center{text-align:center}.h4:not(#\#) .text-left{text-align:left}.h4:not(#\#) .text-right{text-align:right}.h4:not(#\#) .font-display{font-family:var(--h4-font-display)}.h4:not(#\#) .text-2xl{font-size:1.5rem;line-height:var(--tw-leading,calc(2 / 1.5))}.h4:not(#\#) .text-3xl{font-size:1.875rem;line-height:var(--tw-leading,calc(2.25 / 1.875))}.h4:not(#\#) .text-5xl{font-size:3rem;line-height:var(--tw-leading,1)}.h4:not(#\#) .text-base{font-size:1rem;line-height:var(--tw-leading,calc(1.5 / 1))}.h4:not(#\#) .text-lg{font-size:1.125rem;line-height:var(--tw-leading,calc(1.75 / 1.125))}.h4:not(#\#) .text-sm{font-size:.875rem;line-height:var(--tw-leading,calc(1.25 / .875))}.h4:not(#\#) .text-xl{font-size:1.25rem;line-height:var(--tw-leading,calc(1.75 / 1.25))}.h4:not(#\#) .text-xs{font-size:.75rem;line-height:var(--tw-leading,calc(1 / .75))}.h4:not(#\#) .text-\[0\.8em\]{font-size:.8em}.h4:not(#\#) .text-\[10px\]{font-size:10px}.h4:not(#\#) .text-\[11px\]{font-size:11px}.h4:not(#\#) .text-\[12px\]{font-size:12px}.h4:not(#\#) .text-\[13px\]{font-size:13px}.h4:not(#\#) .text-\[14\.5px\]{font-size:14.5px}.h4:not(#\#) .text-\[15px\]{font-size:15px}.h4:not(#\#) .text-\[16px\]{font-size:16px}.h4:not(#\#) .text-\[17px\]{font-size:17px}.h4:not(#\#) .text-\[18px\]{font-size:18px}.h4:not(#\#) .text-\[19px\]{font-size:19px}.h4:not(#\#) .text-\[26px\]{font-size:26px}.h4:not(#\#) .text-\[28px\]{font-size:28px}.h4:not(#\#) .text-\[30px\]{font-size:30px}.h4:not(#\#) .leading-5{--tw-leading:calc(.25rem * 5);line-height:1.25rem}.h4:not(#\#) .leading-6{--tw-leading:calc(.25rem * 6);line-height:1.5rem}.h4:not(#\#) .leading-7{--tw-leading:calc(.25rem * 7);line-height:1.75rem}.h4:not(#\#) .leading-tight{--tw-leading:1.25;line-height:1.25}.h4:not(#\#) .font-bold{--tw-font-weight:700;font-weight:700}.h4:not(#\#) .font-medium{--tw-font-weight:500;font-weight:500}.h4:not(#\#) .font-normal{--tw-font-weight:400;font-weight:400}.h4:not(#\#) .font-semibold{--tw-font-weight:600;font-weight:600}.h4:not(#\#) .tracking-\[0\.4em\]{--tw-tracking:.4em;letter-spacing:.4em}.h4:not(#\#) .tracking-wide{--tw-tracking:.025em;letter-spacing:.025em}.h4:not(#\#) .whitespace-normal{white-space:normal}.h4:not(#\#) .whitespace-nowrap{white-space:nowrap}.h4:not(#\#) .text-\[\#6B6B80\]{color:#6b6b80}.h4:not(#\#) .text-\[\#C9CAE3\]{color:#c9cae3}.h4:not(#\#) .text-\[var\(--h4-hero-muted\)\]{color:var(--h4-hero-muted)}.h4:not(#\#) .text-\[var\(--h4-side-ink\)\]{color:var(--h4-side-ink)}.h4:not(#\#) .text-\[var\(--h4-side-label\)\]{color:var(--h4-side-label)}.h4:not(#\#) .text-\[var\(--h4-side-link\)\]{color:var(--h4-side-link)}.h4:not(#\#) .text-\[var\(--h4-side-sub\)\]{color:var(--h4-side-sub)}.h4:not(#\#) .text-bad{color:var(--h4-bad)}.h4:not(#\#) .text-gold{color:var(--h4-accent)}.h4:not(#\#) .text-gold-dark{color:var(--h4-accent-ink)}.h4:not(#\#) .text-gold-light{color:var(--h4-accent-light)}.h4:not(#\#) .text-gray-500{color:oklch(55.1% .027 264.364)}.h4:not(#\#) .text-gray-600{color:oklch(44.6% .03 256.802)}.h4:not(#\#) .text-gray-700{color:oklch(37.3% .034 259.733)}.h4:not(#\#) .text-gray-800{color:oklch(27.8% .033 256.848)}.h4:not(#\#) .text-indigo{color:var(--h4-primary)}.h4:not(#\#) .text-ink{color:var(--h4-ink)}.h4:not(#\#) .text-ink-2{color:var(--h4-ink-2)}.h4:not(#\#) .text-muted{color:var(--h4-muted)}.h4:not(#\#) .text-navy{color:var(--h4-dark)}.h4:not(#\#) .text-ok{color:var(--h4-ok)}.h4:not(#\#) .text-warn{color:var(--h4-warn)}.h4:not(#\#) .text-white{color:var(--h4-surface)}.h4:not(#\#) .line-through{text-decoration-line:line-through}.h4:not(#\#) .no-underline{text-decoration-line:none}.h4:not(#\#) .opacity-0{opacity:0}.h4:not(#\#) .opacity-50{opacity:.5}.h4:not(#\#) .opacity-60{opacity:.6}.h4:not(#\#) .opacity-70{opacity:.7}.h4:not(#\#) .opacity-75{opacity:.75}.h4:not(#\#) .shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.h4:not(#\#) .shadow-\[0_10px_24px_-8px_color-mix\(in_srgb\,var\(--color-indigo\)_80\%\,transparent\)\]{--tw-shadow:0 10px 24px -8px var(--tw-shadow-color,var(--color-indigo))}@supports (color:color-mix(in lab, red, red)){.h4:not(#\#) .shadow-\[0_10px_24px_-8px_color-mix\(in_srgb\,var\(--color-indigo\)_80\%\,transparent\)\]{--tw-shadow:0 10px 24px -8px var(--tw-shadow-color,color-mix(in srgb,var(--color-indigo) 80%,transparent))}}.h4:not(#\#) .shadow-\[0_10px_24px_-8px_color-mix\(in_srgb\,var\(--color-indigo\)_80\%\,transparent\)\]{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.h4:not(#\#) .shadow-\[var\(--shadow-lift\)\]{--tw-shadow:var(--shadow-lift);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.h4:not(#\#) .shadow-\[var\(--shadow-pop\)\]{--tw-shadow:var(--shadow-pop);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.h4:not(#\#) .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.h4:not(#\#) .ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.h4:not(#\#) .ring-gray-300{--tw-ring-color:oklch(87.2% .01 258.338)}.h4:not(#\#) .ring-indigo\/20{--tw-ring-color:var(--h4-primary)}@supports (color:color-mix(in lab, red, red)){.h4:not(#\#) .ring-indigo\/20{--tw-ring-color:color-mix(in oklab, var(--h4-primary) 20%, transparent)}}.h4:not(#\#) .ring-paper{--tw-ring-color:var(--h4-bg)}.h4:not(#\#) .filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.h4:not(#\#) .backdrop-blur-sm{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.h4:not(#\#) .backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.h4:not(#\#) .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.h4:not(#\#) .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.h4:not(#\#) .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.h4:not(#\#) .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.h4:not(#\#) .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.h4:not(#\#) .duration-150{--tw-duration:.15s;transition-duration:.15s}.h4:not(#\#) .duration-300{--tw-duration:.3s;transition-duration:.3s}.h4:not(#\#) .ease-in-out{--tw-ease:cubic-bezier(.4, 0, .2, 1);transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (hover:hover){.h4:not(#\#) .group-hover\:bg-indigo\/50:is(:where(.group):hover *){background-color:var(--h4-primary)}@supports (color:color-mix(in lab, red, red)){.h4:not(#\#) .group-hover\:bg-indigo\/50:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--h4-primary) 50%, transparent)}}.h4:not(#\#) .group-hover\:text-gold-light:is(:where(.group):hover *){color:var(--h4-accent-light)}}.h4:not(#\#) .peer-checked\:border-gold-dark:is(:where(.peer):checked~*){border-color:var(--h4-accent-ink)}.h4:not(#\#) .peer-checked\:border-indigo:is(:where(.peer):checked~*){border-color:var(--h4-primary)}.h4:not(#\#) .peer-checked\:bg-bad:is(:where(.peer):checked~*){background-color:var(--h4-bad)}.h4:not(#\#) .peer-checked\:bg-gold-dark:is(:where(.peer):checked~*){background-color:var(--h4-accent-ink)}.h4:not(#\#) .peer-checked\:bg-indigo:is(:where(.peer):checked~*){background-color:var(--h4-primary)}.h4:not(#\#) .peer-checked\:bg-indigo-soft:is(:where(.peer):checked~*){background-color:var(--h4-primary-soft)}.h4:not(#\#) .peer-checked\:bg-ok:is(:where(.peer):checked~*){background-color:var(--h4-ok)}.h4:not(#\#) .peer-checked\:text-indigo:is(:where(.peer):checked~*){color:var(--h4-primary)}.h4:not(#\#) .peer-checked\:text-white:is(:where(.peer):checked~*){color:var(--h4-surface)}.h4:not(#\#) .peer-checked\:shadow-md:is(:where(.peer):checked~*){--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.h4:not(#\#) .peer-focus-visible\:ring-2:is(:where(.peer):focus-visible~*){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.h4:not(#\#) .peer-focus-visible\:ring-indigo:is(:where(.peer):focus-visible~*){--tw-ring-color:var(--h4-primary)}.h4:not(#\#) .peer-disabled\:opacity-60:is(:where(.peer):disabled~*){opacity:.6}.h4:not(#\#) .peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.h4:not(#\#) .after\:absolute:after{content:var(--tw-content);position:absolute}.h4:not(#\#) .after\:start-0\.5:after{content:var(--tw-content);inset-inline-start:.125rem}.h4:not(#\#) .after\:top-0\.5:after{content:var(--tw-content);top:.125rem}.h4:not(#\#) .after\:size-5:after{content:var(--tw-content);width:1.25rem;height:1.25rem}.h4:not(#\#) .after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.h4:not(#\#) .after\:bg-white:after{content:var(--tw-content);background-color:var(--h4-surface)}.h4:not(#\#) .after\:shadow:after{content:var(--tw-content);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.h4:not(#\#) .after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.h4:not(#\#) .peer-checked\:after\:start-\[18px\]:is(:where(.peer):checked~*):after{content:var(--tw-content);inset-inline-start:18px}@media (hover:hover){.h4:not(#\#) .hover\:bg-gray-100:hover{background-color:oklch(96.7% .003 264.542)}.h4:not(#\#) .hover\:bg-paper:hover{background-color:var(--h4-bg)}.h4:not(#\#) .hover\:bg-white\/10:hover{background-color:var(--h4-surface)}@supports (color:color-mix(in lab, red, red)){.h4:not(#\#) .hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--h4-surface) 10%, transparent)}}.h4:not(#\#) .hover\:bg-white\/\[0\.05\]:hover{background-color:var(--h4-surface)}@supports (color:color-mix(in lab, red, red)){.h4:not(#\#) .hover\:bg-white\/\[0\.05\]:hover{background-color:color-mix(in oklab, var(--h4-surface) 5%, transparent)}}.h4:not(#\#) .hover\:text-gray-400:hover{color:oklch(70.7% .022 261.325)}.h4:not(#\#) .hover\:text-gray-700:hover{color:oklch(37.3% .034 259.733)}.h4:not(#\#) .hover\:text-indigo:hover{color:var(--h4-primary)}.h4:not(#\#) .hover\:text-white:hover{color:var(--h4-surface)}}.h4:not(#\#) .focus\:border-blue-300:focus{border-color:oklch(80.9% .105 251.813)}.h4:not(#\#) .focus\:ring:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.h4:not(#\#) .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.h4:not(#\#) .active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.h4:not(#\#) .active\:bg-gray-100:active{background-color:oklch(96.7% .003 264.542)}.h4:not(#\#) .active\:text-gray-500:active{color:oklch(55.1% .027 264.364)}.h4:not(#\#) .active\:text-gray-700:active{color:oklch(37.3% .034 259.733)}.h4:not(#\#) .active\:text-gray-800:active{color:oklch(27.8% .033 256.848)}@media (width<48rem){.h4:not(#\#) .max-md\:fixed{position:fixed}.h4:not(#\#) .max-md\:inset-x-3{inset-inline:.75rem}.h4:not(#\#) .max-md\:top-\[68px\]{top:68px}.h4:not(#\#) .max-md\:-mx-4{margin-inline:-1rem}.h4:not(#\#) .max-md\:mt-3{margin-top:.75rem}.h4:not(#\#) .max-md\:hidden{display:none}.h4:not(#\#) .max-md\:w-auto{width:auto}.h4:not(#\#) .max-md\:w-full{width:100%}.h4:not(#\#) .max-md\:overflow-x-auto{overflow-x:auto}.h4:not(#\#) .max-md\:px-4{padding-inline:1rem}.h4:not(#\#) .max-md\:pb-1{padding-bottom:.25rem}.h4:not(#\#) .max-md\:text-xl{font-size:1.25rem;line-height:var(--tw-leading,calc(1.75 / 1.25))}}@media (width>=40rem){.h4:not(#\#) .sm\:flex{display:flex}.h4:not(#\#) .sm\:hidden{display:none}.h4:not(#\#) .sm\:flex-1{flex:1}.h4:not(#\#) .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.h4:not(#\#) .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.h4:not(#\#) .sm\:items-center{align-items:center}.h4:not(#\#) .sm\:justify-between{justify-content:space-between}.h4:not(#\#) .sm\:gap-2{gap:.5rem}}@media (width>=48rem){.h4:not(#\#) .md\:col-span-3{grid-column:span 3/span 3}.h4:not(#\#) .md\:hidden{display:none}.h4:not(#\#) .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.h4:not(#\#) .md\:flex-wrap{flex-wrap:wrap}.h4:not(#\#) .md\:gap-4{gap:1rem}.h4:not(#\#) .md\:p-7{padding:1.75rem}.h4:not(#\#) .md\:p-12{padding:3rem}.h4:not(#\#) .md\:px-8{padding-inline:2rem}.h4:not(#\#) .md\:text-\[32px\]{font-size:32px}}@media (width>=64rem){.h4:not(#\#) .lg\:col-span-2{grid-column:span 2/span 2}.h4:not(#\#) .lg\:block{display:block}.h4:not(#\#) .lg\:hidden{display:none}.h4:not(#\#) .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.h4:not(#\#) .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.h4:not(#\#) .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=80rem){.h4:not(#\#) .xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.h4:not(#\#) .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.h4:not(#\#) .xl\:grid-cols-\[1\.4fr_1fr\]{grid-template-columns:1.4fr 1fr}}.h4:not(#\#) .rtl\:flex-row-reverse:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@media (prefers-color-scheme:dark){.h4:not(#\#) .dark\:border-gray-600{border-color:oklch(44.6% .03 256.802)}.h4:not(#\#) .dark\:bg-gray-700{background-color:oklch(37.3% .034 259.733)}.h4:not(#\#) .dark\:bg-gray-800{background-color:oklch(27.8% .033 256.848)}.h4:not(#\#) .dark\:text-gray-200{color:oklch(92.8% .006 264.531)}.h4:not(#\#) .dark\:text-gray-300{color:oklch(87.2% .01 258.338)}.h4:not(#\#) .dark\:text-gray-400{color:oklch(70.7% .022 261.325)}.h4:not(#\#) .dark\:text-gray-600{color:oklch(44.6% .03 256.802)}@media (hover:hover){.h4:not(#\#) .dark\:hover\:bg-gray-900:hover{background-color:oklch(21% .034 264.665)}.h4:not(#\#) .dark\:hover\:text-gray-200:hover{color:oklch(92.8% .006 264.531)}.h4:not(#\#) .dark\:hover\:text-gray-300:hover{color:oklch(87.2% .01 258.338)}}.h4:not(#\#) .dark\:focus\:border-blue-700:focus{border-color:oklch(48.8% .243 264.376)}.h4:not(#\#) .dark\:focus\:border-blue-800:focus{border-color:oklch(42.4% .199 265.638)}.h4:not(#\#) .dark\:active\:bg-gray-700:active{background-color:oklch(37.3% .034 259.733)}.h4:not(#\#) .dark\:active\:text-gray-300:active{color:oklch(87.2% .01 258.338)}}@media (width<48rem){.h4:not(#\#) .\[\&_\.card-pad\]\:max-md\:p-4 .card-pad{padding:1rem}}.h4:not(#\#) .\[\&\>\*\]\:flex-none>*{flex:none}@media (prefers-reduced-motion:reduce){.h4 *,.h4 :before,.h4 :after{transition:none!important;animation:none!important}}@media (width<=1023px){.h4 input:not([type=checkbox]):not([type=radio]),.h4 select,.h4 textarea{font-size:16px!important}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){.h4 *,.h4 :before,.h4 :after,.h4 ::backdrop{--tw-border-style:solid;--tw-duration:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-leading:initial;--tw-tracking:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}.h4-cols{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.h4-side{flex-direction:column;flex:280px;order:1;gap:14px;min-width:0;display:flex}.h4-main{flex:3 560px;order:0;min-width:0}.h4-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.h4-pending{background:var(--h4-pending-bg);border:1px solid var(--h4-pending-border);border-radius:var(--h4-radius);flex-direction:column;gap:10px;padding:12px;display:flex}.h4-pending-out{background:var(--h4-surface-2);border-color:var(--h4-border)}.h4-boxlist{border-top:1px solid var(--h4-line);margin:0;padding:0;list-style:none}.h4-boxrow{text-align:right;border:0;border-bottom:1px solid var(--h4-line);width:100%;color:var(--h4-ink);cursor:pointer;font:inherit;background:0 0;align-items:center;gap:12px;padding:12px 18px;display:flex}.h4-boxrow:hover{background:var(--h4-hover)}.h4-boxrow.is-on{background:var(--h4-selected);box-shadow:inset -3px 0 0 var(--h4-selected-bar)}.h4-boxrow>span:last-child{display:block}.h4-boxrow .h4-row{display:flex}.h4-filters{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:end;gap:12px;display:grid}.h4-swap{grid-template-columns:1fr auto 1fr;align-items:end;gap:10px;display:grid}.h4-swap-btn{border-radius:50%;width:46px;height:46px;padding:0}@media (width<=767px){.h4-cols{flex-direction:column}.h4-side,.h4-main{flex-basis:auto;width:100%}.h4-side{order:0}.h4-main{order:1}.h4-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.h4-filters .h4-field{min-width:0}.h4-filters .h4-span{grid-column:1/-1}.h4-swap{grid-template-columns:1fr}.h4-swap-btn{border-radius:var(--h4-radius);width:100%}}@media print{.h4-side,.h4-head-actions,.h4-filters,.h4-kpis{display:none!important}}[data-theme=hall]{--h4-font:"IBM Plex Sans Arabic", ui-sans-serif, system-ui, sans-serif;--h4-font-num:"IBM Plex Sans Arabic", ui-sans-serif, system-ui, sans-serif;--h4-font-features:"ss01";--h4-bg:#f5f4f0;--h4-surface:#fff;--h4-surface-2:#f9f8f5;--h4-hover:#faf9f5;--h4-border:#eceae3;--h4-line:#f2f0ea;--h4-input-border:#dedbd0;--h4-ink:#17172b;--h4-muted:#6a6a80;--h4-primary:#3036a8;--h4-primary-hover:#252a8f;--h4-on-primary:#fff;--h4-focus:#3036a840;--h4-hero-bg:radial-gradient(120% 140% at 100% 0%, #2b2f7a 0%, #14164a 55%, #0e1038 100%);--h4-hero-ink:#fff;--h4-hero-amount:#f3d58c;--h4-hero-muted:#c9cae3;--h4-hero-faint:#c9cae3;--h4-selected:#eef0fd;--h4-selected-bar:#3036a8;--h4-avatar-bg:#fbf4e2;--h4-avatar-ink:#8c6a1c;--h4-main-badge-bg:#fbf4e2;--h4-main-badge-ink:#8c6a1c;--h4-ok:#17734a;--h4-ok-bg:#e8f6ee;--h4-bad:#c0322b;--h4-bad-bg:#fdedec;--h4-warn:#8f5e00;--h4-warn-bg:#fff5d9;--h4-info:#3036a8;--h4-info-bg:#eef0fd;--h4-pending-bg:#fbf4e2;--h4-pending-border:#ebddb5;--h4-reversal-row:#fdf6f5;--h4-shadow:0 1px 2px #14164a0a, 0 10px 30px -18px #14164a2e;--h4-shadow-pop:0 30px 80px -20px #14164a73;--h4-ink-2:#3a3a52;--h4-primary-soft:#eef0fd;--h4-dark:#14164a;--h4-dark-2:#1d2060;--h4-dark-3:#2b2f7a;--h4-accent:#d4af5a;--h4-accent-light:#f3d58c;--h4-accent-ink:#8c6a1c;--h4-accent-soft:#fbf4e2;--h4-neutral:#4a4a5e;--h4-neutral-bg:#eeede8;--h4-on-dark-ok:#8fe0ae;--h4-on-dark-bad:#ffb4b4;--h4-shadow-lift:0 2px 4px #14164a0d, 0 18px 40px -18px #14164a47;--h4-backdrop:#0e103873;--h4-side-ink:#e6e7f5;--h4-side-sub:#9fa1c9;--h4-side-label:#8486b5;--h4-side-link:#c9cae6;--h4-font-display:"Reem Kufi", "IBM Plex Sans Arabic", sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--h4-bg);color:var(--h4-ink);font-family:var(--h4-font);font-feature-settings:var(--h4-font-features);margin:0;line-height:1.6}button,input,select,textarea{font:inherit}.lab-num{font-family:var(--h4-font-num);font-variant-numeric:tabular-nums}.lab-card{background:var(--h4-surface);border:1px solid var(--h4-border);border-radius:var(--h4-radius-card);box-shadow:var(--h4-shadow)}.lab-pad{padding:20px 22px}.lab-h2{color:var(--h4-ink);align-items:center;gap:8px;margin:0;font-size:17px;font-weight:700;display:flex}.lab-h3{color:var(--h4-ink);margin:0;font-size:14.5px;font-weight:700}.lab-muted{color:var(--h4-muted)}.lab-small{font-size:13px}.lab-stack{flex-direction:column;gap:16px;display:flex}.lab-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lab-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.lab-list li{align-items:flex-start;gap:10px;font-size:14.5px;display:flex}.lab-dot{background:var(--h4-primary-soft);width:22px;height:22px;color:var(--h4-primary);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:1px;display:inline-flex}.lab-chip{background:var(--h4-surface-2);height:28px;color:var(--h4-ink-2,var(--h4-ink));border:1px solid var(--h4-border);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:12.5px;font-weight:600;display:inline-flex}.lab-chip-ok{background:var(--h4-ok-bg);color:var(--h4-ok);border-color:#0000}.lab-chip-bad{background:var(--h4-bad-bg);color:var(--h4-bad);border-color:#0000}.lab-chip-soft{background:var(--h4-accent-soft);color:var(--h4-accent-ink);border-color:#0000}.lab-btn{border:1px solid var(--h4-input-border);background:var(--h4-surface);height:40px;color:var(--h4-ink);cursor:pointer;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.lab-btn:hover{background:var(--h4-hover)}.lab-btn:active{transform:scale(.97)}.lab-btn-p{background:var(--h4-primary);color:var(--h4-on-primary);border-color:#0000}.lab-btn-p:hover{background:var(--h4-primary-hover)}.lab-btn-sm{border-radius:10px;height:32px;padding:0 11px;font-size:13px}.lab-btn-ok{background:var(--h4-ok-bg);color:var(--h4-ok);border-color:#0000}.lab-btn-bad{background:var(--h4-bad-bg);color:var(--h4-bad);border-color:#0000}.lab-btn-ok.on{background:var(--h4-ok);color:#fff}.lab-btn-bad.on{background:var(--h4-bad);color:#fff}.lab-link{color:var(--h4-primary);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:none}.lab-link:hover{text-decoration:underline}.lab-top{z-index:11;align-items:center;gap:8px;display:flex;position:relative}@media (width<=1023px){.lab-hide-sm{display:none}.lab-top{gap:6px}.lab-top .lab-btn-sm{width:34px;padding:0}.lab-top .lab-seg button{padding:0 9px}}.lab-seg{background:var(--h4-surface-2);border:1px solid var(--h4-border);border-radius:12px;padding:3px;display:inline-flex}.lab-seg button{height:32px;color:var(--h4-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.lab-seg button.on{background:var(--h4-surface);color:var(--h4-ink);box-shadow:0 1px 3px #00000014}.lab-swatch{border-radius:50%;width:10px;height:10px;display:inline-block}.lab-hero{color:var(--h4-hero-ink,#fff);background:var(--h4-hero-bg);box-shadow:var(--h4-shadow-lift);border-radius:24px;padding:26px 28px;position:relative;overflow:hidden}.lab-hero:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--h4-accent) 26%, transparent), transparent 70%);pointer-events:none;border-radius:50%;width:260px;height:260px;position:absolute;inset:auto -60px -90px auto}.lab-hero h1{font-family:var(--h4-title-font);align-items:center;gap:12px;margin:0;font-size:30px;font-weight:700;display:flex}.lab-hero p{max-width:760px;color:var(--h4-hero-muted,#fffc);margin:8px 0 0;font-size:15.5px;line-height:1.8}.lab-hero .lab-chip{color:var(--h4-hero-ink,#fff);background:#ffffff1a;border-color:#ffffff24}.lab-hero-icon{background:var(--h4-accent);width:52px;height:52px;color:var(--h4-dark);border-radius:16px;flex:none;justify-content:center;align-items:center;display:inline-flex}.lab-progress{background:#ffffff24;border-radius:99px;width:180px;height:8px;overflow:hidden}.lab-progress>span{background:var(--h4-accent);border-radius:99px;height:100%;transition:width .4s;display:block}.lab-card .lab-progress{background:var(--h4-surface-2)}.lab-card .lab-progress>span{background:var(--h4-ok)}.lab-tabs{background:var(--h4-surface);border:1px solid var(--h4-border);border-radius:16px;gap:6px;width:fit-content;max-width:100%;padding:5px;display:flex;overflow-x:auto}.lab-tabs button{height:40px;color:var(--h4-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:11px;align-items:center;gap:8px;padding:0 16px;font-size:14.5px;font-weight:700;display:inline-flex}.lab-tabs button .n{background:var(--h4-surface-2);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:inline-flex}.lab-tabs button.on{background:var(--h4-primary);color:var(--h4-on-primary)}.lab-tabs button.on .n{background:#fff3}.lab-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (width<=900px){.lab-two{grid-template-columns:1fr}}.lab-who{border-radius:99px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.lab-who-package{background:var(--h4-primary-soft);color:var(--h4-primary)}.lab-who-system{background:var(--h4-accent-soft);color:var(--h4-accent-ink)}.lab-who-you{background:var(--h4-ok-bg);color:var(--h4-ok)}.lab-decide{background:var(--h4-surface-2);border-radius:14px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.lab-decide b{min-width:64px;color:var(--h4-accent-ink);flex:none;font-size:13px}.lab-flow{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:0;display:grid}.lab-flow-step{background:var(--h4-surface);border:1px solid var(--h4-border);border-radius:18px;flex-direction:column;gap:8px;margin-inline-end:22px;padding:18px 16px 16px;display:flex;position:relative}.lab-flow-step:last-child{margin-inline-end:0}.lab-flow-step:not(:last-child):after{content:"←";inset-inline-end:-19px;color:var(--h4-muted);font-size:16px;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.lab-flow-num{background:var(--h4-dark);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:inline-flex}.lab-flow-step p{color:var(--h4-muted);margin:0;font-size:13.5px;line-height:1.7}@media (width<=1100px){.lab-flow{grid-auto-flow:row;gap:22px}.lab-flow-step{margin-inline-end:0}.lab-flow-step:not(:last-child):after{content:"↓";inset-inline:28px auto;top:auto;bottom:-21px;transform:none}}.lab-try{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:20px;display:grid}.lab-rail{scrollbar-width:thin;flex-direction:column;gap:16px;max-height:calc(100vh - 96px);padding-bottom:4px;display:flex;position:sticky;top:80px;overflow-y:auto}@media (width<=1280px){.lab-try{grid-template-columns:1fr}.lab-rail{max-height:none;position:static;overflow:visible}}.lab-note{background:var(--h4-info-bg);color:var(--h4-info);border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13.5px;font-weight:500;display:flex}.lab-scn{border:1px solid var(--h4-border);background:var(--h4-surface);border-radius:14px;overflow:hidden}.lab-scn+.lab-scn{margin-top:8px}.lab-scn-head{cursor:pointer;text-align:right;width:100%;color:var(--h4-ink);background:0 0;border:0;align-items:center;gap:10px;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.lab-scn-head:hover{background:var(--h4-hover)}.lab-scn-mark{background:var(--h4-surface-2);width:24px;height:24px;color:var(--h4-muted);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.lab-scn-mark.pass{background:var(--h4-ok);color:#fff}.lab-scn-mark.fail{background:var(--h4-bad);color:#fff}.lab-scn-body{flex-direction:column;gap:10px;padding:0 14px 14px;font-size:13.5px;display:flex}.lab-scn-body ol{flex-direction:column;gap:4px;margin:0;padding-inline-start:20px;display:flex}.lab-expect{background:var(--h4-ok-bg);color:var(--h4-ok);border-radius:12px;padding:10px 12px}.lab-expect b{margin-bottom:2px;font-size:12px;display:block}.lab-change{border:1px solid var(--h4-border);background:var(--h4-surface);border-radius:14px;overflow:hidden}.lab-change+.lab-change{margin-top:10px}.lab-change.fresh{border-color:var(--h4-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--h4-primary) 14%, transparent);animation:.5s cubic-bezier(.16,1,.3,1) lab-in}@keyframes lab-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.lab-change-head{background:var(--h4-surface-2);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:13.5px;font-weight:700;display:flex}.lab-change-body{flex-direction:column;gap:8px;padding:10px 14px 12px;font-size:13.5px;display:flex}.lab-event{line-height:1.7}.lab-sys{background:var(--h4-accent-soft);color:var(--h4-accent-ink);border-radius:10px;flex-direction:column;gap:4px;margin-top:6px;padding:8px 10px;font-size:12.5px;display:flex}.lab-delta{background:var(--h4-surface-2);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.lab-delta .v{font-family:var(--h4-font-num);font-variant-numeric:tabular-nums;white-space:nowrap}.lab-up{color:var(--h4-ok);font-weight:700}.lab-down{color:var(--h4-bad);font-weight:700}.lab-state{border-collapse:collapse;width:100%;font-size:13px}.lab-state td{border-bottom:1px solid var(--h4-line);padding:6px 0}.lab-state td:last-child{text-align:left;font-family:var(--h4-font-num);font-variant-numeric:tabular-nums}.lab-state tr:last-child td{border-bottom:0}.lab-state .flash td{animation:1.4s ease-out lab-flash}@keyframes lab-flash{0%{background:color-mix(in srgb, var(--h4-accent) 35%, transparent)}to{background:0 0}}.lab-steps{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.lab-stepcard{background:var(--h4-surface);border:1px solid var(--h4-border);border-radius:18px;flex-direction:column;gap:8px;padding:16px;display:flex}.lab-stepcard p{color:var(--h4-muted);margin:0;font-size:13.5px}.lab-pkgs{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.lab-pkg{background:var(--h4-surface);border:1px solid var(--h4-border);box-shadow:var(--h4-shadow);color:inherit;border-radius:20px;flex-direction:column;gap:10px;padding:18px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}a.lab-pkg:hover{box-shadow:var(--h4-shadow-lift);transform:translateY(-3px)}.lab-pkg.soon{opacity:.6;box-shadow:none}.lab-pkg-icon{background:var(--h4-primary-soft);width:44px;height:44px;color:var(--h4-primary);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.lab-pkg p{color:var(--h4-muted);flex:1;margin:0;font-size:13.5px;line-height:1.7}.lab-want{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.lab-want div{background:var(--h4-surface-2);border-radius:14px;padding:14px;font-size:13.5px}.lab-want b{margin-bottom:4px;display:block}.lab-enter{background:radial-gradient(1000px 500px at 85% -10%, color-mix(in srgb, var(--h4-accent) 22%, transparent), transparent 60%), var(--h4-bg);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.lab-enter-box{background:var(--h4-surface);width:100%;max-width:980px;box-shadow:var(--h4-shadow-lift);border-radius:28px;grid-template-columns:1.1fr 1fr;display:grid;overflow:hidden}.lab-enter-side{color:#fff;background:var(--h4-hero-bg);flex-direction:column;gap:18px;padding:36px;display:flex}.lab-enter-side h1{margin:0;font-size:32px;line-height:1.3}.lab-enter-side li{color:var(--h4-hero-muted,#ffffffd9)}.lab-enter-side .lab-dot{color:var(--h4-accent);background:#ffffff24}.lab-enter-form{flex-direction:column;justify-content:center;gap:16px;padding:36px;display:flex}.lab-input{border:1px solid var(--h4-input-border);background:var(--h4-surface);width:100%;height:48px;color:var(--h4-ink);border-radius:12px;padding:0 14px;font-size:16px}.lab-input:focus{border-color:var(--h4-primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--h4-primary) 14%, transparent);outline:none}@media (width<=820px){.lab-enter-box{grid-template-columns:1fr}.lab-enter-side,.lab-enter-form{padding:24px}}.lab-mark{background:var(--h4-accent);width:44px;height:44px;color:var(--h4-dark);border-radius:14px;flex:none;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:inline-flex}.lab-mark.sm{border-radius:11px;width:36px;height:36px;font-size:15px}.lab-tab-link{height:40px;color:var(--h4-muted);white-space:nowrap;border-radius:11px;align-items:center;gap:7px;padding:0 14px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.lab-tab-link:hover{color:var(--h4-ink)}.lab-tab-link.on{background:var(--h4-primary);color:var(--h4-on-primary)}.lab-acting{background:var(--h4-accent-soft);color:var(--h4-accent-ink);border:1px solid color-mix(in srgb, var(--h4-accent) 40%, transparent);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.lab-guest{z-index:50;scrollbar-width:thin;flex-direction:column;gap:12px;width:380px;max-width:calc(100vw - 32px);padding:4px;display:flex;position:fixed;inset-block:16px;inset-inline-start:16px;overflow-y:auto}.lab-guest-head{background:var(--h4-dark);color:#fff;border-radius:16px;align-items:center;gap:10px;padding:14px 16px;display:flex}.lab-guest-toggle{display:none}@media (width<=1100px){.lab-guest{width:auto;max-height:60vh;inset-block:auto 12px;inset-inline:12px}.lab-guest.closed>:not(.lab-guest-head){display:none}.lab-guest-toggle{margin-inline-start:auto;display:inline-flex}}.lab-chip-warn{color:#a16207;background:#f59e0b29;border-color:#0000}.lab-mono{direction:ltr;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.lab-report{background:var(--h4-bad-bg);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.lab-report-q{color:var(--h4-bad);font-size:13.5px;font-weight:600}.lab-textarea{border:1px solid var(--h4-input-border);background:var(--h4-surface);width:100%;min-height:76px;color:var(--h4-ink);resize:vertical;border-radius:10px;padding:10px 12px;font-size:15px}.lab-textarea:focus{border-color:var(--h4-primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--h4-primary) 14%, transparent);outline:none}.lab-report-shot{align-items:center;gap:10px;display:flex}.lab-report-shot img{object-fit:cover;border:1px solid var(--h4-input-border);border-radius:8px;width:88px;height:56px}.lab-report-status{background:var(--h4-surface-2,var(--h4-accent-soft));border-radius:10px;flex-direction:column;gap:6px;margin-top:6px;padding:8px 10px;font-size:12.5px;display:flex}.lab-card .lab-report{background:color-mix(in srgb, var(--h4-primary) 6%, var(--h4-surface))}.lab-scn-body .lab-report{background:var(--h4-bad-bg)}