:root{--brand-50:#eef4f9;--brand-100:#cbdceb;--brand-600:#0c3254;--brand-800:#09253e;--brand-900:#061828;--accent-50:#eaf8f0;--accent-100:#c2ebd3;--accent-500:#0b9345;--accent-700:#086831;--gray-0:#fff;--gray-50:#f7f7f5;--gray-100:#efeeea;--gray-200:#e2e0da;--gray-300:#cdcac2;--gray-400:#8f8b81;--gray-500:#6b675e;--gray-600:#5f5b52;--gray-700:#47443d;--gray-800:#2e2c27;--gray-900:#1d1c19;--success-50:#eaf3de;--success-700:#27500a;--success-300:#97c459;--warning-50:#faeeda;--warning-700:#633806;--warning-300:#ef9f27;--danger-50:#fcebeb;--danger-700:#791f1f;--danger-300:#f09595;--danger-600:#a32d2d;--info-50:#e6f1fb;--info-700:#0c447c;--info-300:#85b7eb;--gray-900-a45:#1d1c1973;--gray-900-a16:#1d1c1929;--gray-900-a08:#1d1c1914;--color-bg:var(--gray-50);--color-surface:var(--gray-0);--color-surface-sunken:var(--gray-50);--color-surface-hover:var(--gray-50);--color-surface-selected:var(--brand-50);--color-surface-pressed:var(--gray-100);--color-border:var(--gray-200);--color-border-strong:var(--gray-400);--color-text:var(--gray-900);--color-text-secondary:var(--gray-600);--color-text-muted:var(--gray-500);--color-text-disabled:var(--gray-500);--color-text-on-primary:var(--gray-0);--color-backdrop:var(--gray-900-a45);--color-skeleton:var(--gray-100);--color-tooltip-bg:var(--gray-800);--color-tooltip-text:var(--gray-0);--color-primary:var(--brand-600);--color-primary-hover:var(--brand-800);--color-primary-active:var(--brand-900);--color-primary-subtle:var(--brand-50);--color-primary-subtle-text:var(--brand-800);--color-primary-subtle-border:var(--brand-100);--color-link:var(--brand-600);--color-link-hover:var(--brand-800);--color-focus:var(--brand-600);--color-icon-brand:var(--accent-500);--color-pattern:var(--accent-100);--color-auth-panel:var(--brand-600);--color-accent:var(--accent-500);--color-accent-subtle:var(--accent-50);--color-accent-text:var(--accent-700);--color-danger-solid:var(--danger-600);--color-danger-solid-hover:var(--danger-700);--color-danger-text:var(--danger-700);--tone-success-bg:var(--success-50);--tone-success-text:var(--success-700);--tone-success-border:var(--success-300);--tone-warning-bg:var(--warning-50);--tone-warning-text:var(--warning-700);--tone-warning-border:var(--warning-300);--tone-danger-bg:var(--danger-50);--tone-danger-text:var(--danger-700);--tone-danger-border:var(--danger-300);--tone-info-bg:var(--info-50);--tone-info-text:var(--info-700);--tone-info-border:var(--info-300);--tone-brand-bg:var(--brand-50);--tone-brand-text:var(--brand-800);--tone-brand-border:var(--brand-100);--tone-neutral-bg:var(--gray-100);--tone-neutral-text:var(--gray-700);--tone-neutral-border:var(--gray-300);--shadow-overlay:0 12px 32px var(--gray-900-a16), 0 2px 6px var(--gray-900-a08);--shadow-menu:0 6px 18px var(--gray-900-a16);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-control:8px;--radius-card:12px;--radius-pill:999px;--border-width:1px;--font-sans:"IBM Plex Sans", "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", Tahoma, Arial, sans-serif;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--weight-regular:400;--weight-semibold:600;--leading-body:1.5;--leading-heading:1.3;--control-height:40px;--control-height-sm:32px;--touch-target:44px;--sidebar-width:248px;--topbar-height:56px;--form-max-width:640px;--page-max-width:1440px;--duration-hover:.12s;--duration-press:.15s;--duration-enter:.22s;--duration-fade:.18s;--duration-exit:.16s;--duration-highlight:1s;--duration-shimmer:1.6s;--ease-out:cubic-bezier(.2, 0, 0, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--z-sticky:20;--z-topbar:30;--z-drawer:60;--z-overlay:100;--z-menu:110;--z-toast:120}:root[lang=ar]{--font-sans:"IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Tahoma, Arial, sans-serif;--leading-body:1.7;--leading-heading:1.6}@media (width<=768px),(pointer:coarse){:root{--control-height:var(--touch-target);--control-height-sm:var(--touch-target)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--dir:1;scrollbar-gutter:stable;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html[dir=rtl]{--dir:-1}body{background:var(--color-bg);min-height:100vh;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-md);font-weight:var(--weight-regular);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}h1,h2,h3,h4{font-weight:var(--weight-semibold);line-height:var(--leading-heading);color:var(--color-text)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}p{max-width:75ch}a{color:var(--color-link);text-underline-offset:2px;transition:color var(--duration-hover) var(--ease-out);text-decoration:underline;text-decoration-thickness:1px}a:hover{color:var(--color-link-hover)}button,input,select,textarea{font:inherit;color:inherit}img,svg{max-width:100%;display:block}svg{flex-shrink:0}strong{font-weight:var(--weight-semibold)}::selection{background:var(--color-primary-subtle);color:var(--color-primary-subtle-text)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;transition:none}.num,.money,table{font-variant-numeric:tabular-nums}[dir=rtl] .rtl-flip{transform:scaleX(-1)}.sr-only,.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:var(--z-toast);padding:var(--space-2) var(--space-4);border-radius:var(--radius-control);background:var(--color-primary);color:var(--color-text-on-primary);font-weight:var(--weight-semibold);opacity:0;pointer-events:none;position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2)}.skip-link:focus-visible{opacity:1;pointer-events:auto;color:var(--color-text-on-primary)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-property:color,background-color,border-color,opacity,box-shadow!important}}.btn{min-block-size:var(--control-height);padding-block:0;padding-inline:var(--space-4);border:var(--border-width) solid transparent;border-radius:var(--radius-control);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-hover) var(--ease-out), border-color var(--duration-hover) var(--ease-out), color var(--duration-hover) var(--ease-out), transform var(--duration-press) var(--ease-out);justify-content:center;align-items:center;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled,.btn.is-disabled{cursor:not-allowed;opacity:.55}.btn-content{align-items:center;gap:var(--space-2);display:inline-flex}.btn.is-loading{opacity:1;cursor:progress}.btn.is-loading .btn-content{visibility:hidden}.btn-spinner{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.btn-primary{background:var(--color-primary);color:var(--color-text-on-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);color:var(--color-text-on-primary)}.btn-primary:active:not(:disabled){background:var(--color-primary-active)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-text-secondary);color:var(--color-text)}.btn-ghost{color:var(--color-link);padding-inline:var(--space-3);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-primary-subtle);color:var(--color-primary-subtle-text)}.btn-danger{background:var(--color-danger-solid);color:var(--color-text-on-primary)}.btn-danger:hover:not(:disabled){background:var(--color-danger-solid-hover);color:var(--color-text-on-primary)}.btn-sm{min-block-size:var(--control-height-sm);padding-inline:var(--space-3);font-size:var(--text-sm)}.btn-block{inline-size:100%;display:flex}.btn-icon{inline-size:var(--control-height);padding-inline:0}.btn-icon.btn-sm{inline-size:var(--control-height-sm)}.spinner{--spinner-size:16px;inline-size:var(--spinner-size);block-size:var(--spinner-size);border:2px solid;border-block-start-color:#0000;border-radius:50%;animation:.8s linear infinite spin;display:inline-block}.link-button{align-items:center;gap:var(--space-1);color:var(--color-link);font-size:var(--text-sm);font-weight:var(--weight-regular);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline;display:inline-flex}.link-button:hover{color:var(--color-link-hover)}.badge{align-items:center;gap:var(--space-1);padding-block:2px;padding-inline:var(--space-2);border:var(--border-width) solid;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap;vertical-align:middle;line-height:1.5;display:inline-flex;position:relative}.badge-sm{padding-inline:6px}.badge-info{background:var(--tone-info-bg);color:var(--tone-info-text);border-color:var(--tone-info-border)}.badge-warning{background:var(--tone-warning-bg);color:var(--tone-warning-text);border-color:var(--tone-warning-border)}.badge-brand{background:var(--tone-brand-bg);color:var(--tone-brand-text);border-color:var(--tone-brand-border)}.badge-success{background:var(--tone-success-bg);color:var(--tone-success-text);border-color:var(--tone-success-border)}.badge-danger{background:var(--tone-danger-bg);color:var(--tone-danger-text);border-color:var(--tone-danger-border)}.badge-neutral{background:var(--tone-neutral-bg);color:var(--tone-neutral-text);border-color:var(--tone-neutral-border)}.badge-tag{border-radius:var(--radius-control)}.badge-updated:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;animation:highlight-fade var(--duration-highlight) var(--ease-out);background:currentColor;position:absolute;inset:-3px}.count-badge{border-radius:var(--radius-pill);background:var(--tone-warning-bg);border:var(--border-width) solid var(--tone-warning-border);block-size:20px;min-inline-size:20px;color:var(--tone-warning-text);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding-inline:6px;line-height:1;display:inline-flex}.count-badge.is-bumped{animation:pulse-once .3s var(--ease-out)}.page-header{gap:var(--space-2);flex-direction:column;margin-block-end:var(--space-6);display:flex}.page-header-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-header-text{gap:var(--space-2);flex-direction:column;min-inline-size:0;display:flex}.page-title{font-size:var(--text-2xl);font-weight:var(--weight-semibold);overflow-wrap:anywhere}.page-meta{align-items:center;gap:var(--space-2) var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.page-description{color:var(--color-text-secondary);font-size:var(--text-sm)}.page-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.back-link{align-items:center;gap:var(--space-1);min-block-size:32px;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-regular);align-self:flex-start;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--color-link)}.card{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-6)}.card-flush{padding:0}.card-header{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;margin-block-end:var(--space-4);display:flex}.card-flush>.card-header{padding:var(--space-4) var(--space-6);border-block-end:var(--border-width) solid var(--color-border);margin:0}.card-title{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.card-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.card+.card,.card+.table-card,.table-card+.card,.table-card+.table-card,.notice+.card,.notice+.table-card{margin-block-start:var(--space-6)}.section-title{font-size:var(--text-md);font-weight:var(--weight-semibold);margin-block:var(--space-6) var(--space-3)}.section-title:first-child{margin-block-start:0}.empty-state{align-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-6);text-align:center;flex-direction:column;display:flex}.empty-state-compact{padding:var(--space-6) var(--space-4)}.empty-state-icon{padding:var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-sunken);color:var(--color-text-secondary);display:inline-flex}.empty-state-title{font-weight:var(--weight-semibold)}.empty-state-body{color:var(--color-text-secondary);font-size:var(--text-sm)}.empty-state-action{margin-block-start:var(--space-2)}.skeleton{border-radius:var(--radius-control);background:var(--color-skeleton);inline-size:100%;max-inline-size:100%;display:block;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, var(--color-surface), transparent);opacity:.7;transform:translateX(calc(var(--dir) * -100%));animation:shimmer var(--duration-shimmer) var(--ease-in-out) infinite;position:absolute;inset:0}.loading-block{gap:var(--space-3);flex-direction:column;display:flex}.kpi-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}@media (width<=640px){.kpi-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-value{font-size:var(--text-xl);overflow-wrap:anywhere}.kpi-value:has(.money){overflow-wrap:normal}.kpi-value .money{white-space:normal}.kpi-value .money-currency{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-regular)}}@media (width<=400px){.kpi-value{font-size:var(--text-lg)}.kpi-value:has(.money){font-size:var(--text-md)}}.kpi{gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);color:var(--color-text);flex-direction:column;text-decoration:none;display:flex;position:relative}.kpi-link{transition:border-color var(--duration-hover) var(--ease-out), background-color var(--duration-hover) var(--ease-out)}.kpi-link:hover{border-color:var(--color-primary);color:var(--color-text)}.kpi-top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.kpi-label{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-regular)}.kpi-icon{border-radius:var(--radius-control);background:var(--tone-neutral-bg);color:var(--tone-neutral-text);padding:6px;display:inline-flex}.kpi-icon-brand{background:var(--tone-brand-bg);color:var(--tone-brand-text)}.kpi-icon-warning{background:var(--tone-warning-bg);color:var(--tone-warning-text)}.kpi-icon-success{background:var(--tone-success-bg);color:var(--tone-success-text)}.kpi-value{font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:1.2}.kpi-hint{color:var(--color-text-secondary);font-size:var(--text-xs)}.copy{vertical-align:middle;align-items:center;display:inline-flex}.copy-button{align-items:center;gap:var(--space-1);border-radius:var(--radius-control);min-block-size:28px;min-inline-size:28px;color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-regular);cursor:pointer;transition:background-color var(--duration-hover) var(--ease-out), color var(--duration-hover) var(--ease-out);background:0 0;border:none;padding-inline:6px;display:inline-flex}.copy-button:hover{background:var(--color-surface-sunken);color:var(--color-text)}.copy-button.is-copied{color:var(--tone-success-text)}.copy-button-text{animation:fade-in var(--duration-hover) var(--ease-out)}.relative-time{white-space:nowrap;position:relative}.relative-time-exact{z-index:var(--z-menu);padding:var(--space-1) var(--space-2);border-radius:var(--radius-control);background:var(--color-tooltip-bg);color:var(--color-tooltip-text);font-size:var(--text-xs);box-shadow:var(--shadow-menu);animation:fade-in var(--duration-hover) var(--ease-out);position:absolute;inset-block-start:calc(100% + 4px);inset-inline-start:0}.table-card{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);overflow:clip}.card>.table-card{border-radius:var(--radius-control)}.card-flush>.table-card{border:none;border-radius:0}.table-scroll{overscroll-behavior-x:contain;overflow-x:auto}@media (width>=1025px){.table-scroll{overflow-x:visible}.table-card{overflow:visible}.table thead th{z-index:var(--z-sticky);position:sticky;inset-block-start:var(--topbar-height)}.table thead th:first-child{border-start-start-radius:var(--radius-card)}.table thead th:last-child{border-start-end-radius:var(--radius-card)}.table tbody tr:last-child td:first-child{border-end-start-radius:var(--radius-card)}.table tbody tr:last-child td:last-child{border-end-end-radius:var(--radius-card)}}.table{border-collapse:separate;border-spacing:0;inline-size:100%;font-size:var(--text-sm)}.table th,.table td{padding:var(--space-3) var(--space-4);border-block-end:var(--border-width) solid var(--color-border);text-align:start;vertical-align:top}.table th{background:var(--color-surface-sunken);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap}.table tbody tr:last-child td{border-block-end:none}.table tbody tr:not(.row-message):not(.row-skeleton) td{transition:background-color var(--duration-hover) var(--ease-out)}.table tbody tr:not(.row-message):not(.row-skeleton):hover td{background:var(--color-surface-hover)}.table .align-end{text-align:end}.table .align-center{text-align:center}.table td.align-end .money{justify-content:flex-end}.th-sort{align-items:center;gap:var(--space-1);color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}.th-sort:hover{color:var(--color-text)}.th-sort-idle{opacity:.5}.table-error{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-6);color:var(--tone-danger-text);flex-wrap:wrap;display:flex}.cell-sub{color:var(--color-text-secondary);font-size:var(--text-xs);margin-block-start:2px;display:block}.cell-strong{font-weight:var(--weight-semibold)}.cell-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.row-attention td:first-child{box-shadow:inset calc(var(--dir) * 3px) 0 0 var(--tone-warning-border)}.table tbody tr.row-link{cursor:pointer}@media (width<=640px){.table-stack .table thead{clip:rect(0 0 0 0);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.table-stack .table,.table-stack .table tbody,.table-stack .table tr,.table-stack .table td{inline-size:100%;display:block}.table-stack .table tbody tr{padding:var(--space-3) var(--space-4);border-block-end:var(--border-width) solid var(--color-border)}.table-stack .table tbody tr:last-child{border-block-end:none}.table-stack .table td{gap:var(--space-3);padding:var(--space-1) 0;text-align:start;border:none;grid-template-columns:minmax(96px,38%) minmax(0,1fr);display:grid}.table-stack .table td:not(.cell-full):not(.cell-primary)>*{justify-self:start}.table-stack .table td:before{content:attr(data-label);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-regular);padding-block-start:2px}.table-stack .table td.cell-primary,.table-stack .table td:not([data-label]){padding-block-end:var(--space-2);display:block}.table-stack .table td.cell-primary:before,.table-stack .table td:not([data-label]):before{display:none}.table-stack .table .row-message td,.table-stack .table td.cell-full{display:block}.table-stack .table td.cell-full:before{margin-block-end:var(--space-1);display:block}.table-stack .cell-actions{justify-content:flex-start;padding-block-start:var(--space-2)}.table-stack .table tbody tr:hover td{background:0 0}.table-cards{background:0 0;border:none;border-radius:0;overflow:visible}.table-cards .table tbody{gap:var(--space-3);flex-direction:column;display:flex}.table-cards .table tbody tr,.table-cards .table tbody tr:last-child{padding:var(--space-4);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card)}.table-cards .table tbody tr.row-message{padding:0}.table-cards .table tbody tr.row-attention{border-inline-start:3px solid var(--tone-warning-border)}.table-cards .row-attention td:first-child{box-shadow:none}}.pager{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-block-start:var(--border-width) solid var(--color-border);flex-wrap:wrap;display:flex}.pager-range{color:var(--color-text-secondary);font-size:var(--text-sm)}.pager-buttons{gap:var(--space-2);display:flex}.form-stack{gap:var(--space-4);flex-direction:column;display:flex}.form-narrow{max-inline-size:var(--form-max-width)}.form-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.form-actions{gap:var(--space-2);flex-wrap:wrap;padding-block-start:var(--space-2);display:flex}.field{flex-direction:column;gap:6px;min-inline-size:0;display:flex}.field-label{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.field-optional{color:var(--color-text-secondary);font-weight:var(--weight-regular)}.field-help{color:var(--color-text-secondary);font-size:var(--text-xs)}.field-error{color:var(--color-danger-text);font-size:var(--text-sm);align-items:flex-start;gap:6px;display:flex}.field-error svg{margin-block-start:3px}.input{inline-size:100%;min-block-size:var(--control-height);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);font-size:var(--text-md);transition:border-color var(--duration-hover) var(--ease-out);line-height:1.4}.input:hover:not(:disabled){border-color:var(--color-text-secondary)}.password-field{display:block;position:relative}.password-field>.input{padding-inline-end:44px}html[dir=rtl] .password-field>.input{padding-inline:44px var(--space-3)}.password-toggle{border-radius:var(--radius-control);inline-size:44px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset-block:0;inset-inline-end:0}.password-toggle:hover:not(:disabled){color:var(--color-text)}.password-toggle:disabled{cursor:default;opacity:.5}.input:focus-visible,.input:focus{outline:2px solid var(--color-focus);outline-offset:0;border-color:var(--color-focus)}.input::placeholder{color:var(--color-text-muted)}.input:disabled{background:var(--color-surface-sunken);color:var(--color-text-disabled);cursor:not-allowed}textarea.input{resize:vertical;min-block-size:88px}.has-error .input,.input[aria-invalid=true]{border-color:var(--color-danger-text)}.select{position:relative}.select select{appearance:none;cursor:pointer;padding-inline-end:var(--space-8)}.select-chevron{color:var(--color-text-secondary);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-end:var(--space-3);transform:translateY(-50%)}.fieldset{gap:var(--space-1);border:none;flex-direction:column;min-inline-size:0;display:flex}.choice{align-items:flex-start;gap:var(--space-3);min-block-size:var(--control-height-sm);cursor:pointer;padding-block:6px;display:flex}.choice input{block-size:18px;inline-size:18px;accent-color:var(--color-primary);flex-shrink:0;margin-block-start:3px}.choice-text{font-size:var(--text-sm);flex-direction:column;display:flex}.choice-hint{color:var(--color-text-secondary);font-size:var(--text-xs)}.search-field{max-inline-size:480px;position:relative}.search-field .input{padding-inline-start:40px}.search-field-icon{color:var(--color-text-secondary);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:var(--space-3);transform:translateY(-50%)}.toolbar{align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-block-end:var(--space-4);display:flex}.toolbar .search-field{flex:260px}.file-input{align-items:center;gap:var(--space-3);min-inline-size:0;min-block-size:var(--control-height);padding:var(--space-1) var(--space-1);border:var(--border-width) dashed var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);cursor:pointer;padding-inline-end:var(--space-3);display:flex;position:relative}.file-input:hover{border-color:var(--color-text-secondary)}.file-input:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.file-input.is-disabled{cursor:not-allowed;opacity:.6}.file-input-button{pointer-events:none;flex-shrink:0}.file-input-name{min-inline-size:0;color:var(--color-text-secondary);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.typeahead{position:relative}.typeahead-list{max-block-size:240px;padding:var(--space-1);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);box-shadow:var(--shadow-menu);animation:fade-in var(--duration-hover) var(--ease-out);margin-block-start:var(--space-1);list-style:none;overflow-y:auto}.typeahead-option{padding:var(--space-2) var(--space-3);cursor:pointer;text-align:start;border-radius:6px;flex-direction:column;gap:2px;display:flex}.typeahead-option.active{background:var(--color-primary-subtle);color:var(--color-primary-subtle-text)}.typeahead-detail{color:var(--color-text-secondary);font-size:var(--text-xs)}.typeahead-option.active .typeahead-detail{color:var(--color-primary-subtle-text)}.typeahead-empty{padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm)}.notice{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:var(--border-width) solid;border-radius:var(--radius-control);font-size:var(--text-sm);display:flex}.notice-icon{margin-block-start:2px}.notice-body{flex-direction:column;flex:1;gap:2px;min-inline-size:0;display:flex}.notice-title{font-weight:var(--weight-semibold)}.notice-action{flex-shrink:0;align-self:center}.notice-info{background:var(--tone-info-bg);border-color:var(--tone-info-border);color:var(--tone-info-text)}.notice-success{background:var(--tone-success-bg);border-color:var(--tone-success-border);color:var(--tone-success-text)}.notice-warning{background:var(--tone-warning-bg);border-color:var(--tone-warning-border);color:var(--tone-warning-text)}.notice-danger{background:var(--tone-danger-bg);border-color:var(--tone-danger-border);color:var(--tone-danger-text)}.notice+.notice,.notice+.form-stack,.notice+.field,.field+.notice{margin-block-start:var(--space-3)}html.scroll-locked{overflow:hidden}.dialog-backdrop{z-index:var(--z-overlay);padding:var(--space-6);background:var(--color-backdrop);animation:fade-in var(--duration-enter) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-backdrop.is-leaving{opacity:0;animation:fade-out var(--duration-exit) var(--ease-in)}.dialog{background:var(--color-surface);border-radius:var(--radius-card);max-block-size:calc(100dvh - 48px);inline-size:100%;box-shadow:var(--shadow-overlay);animation:dialog-in var(--duration-enter) var(--ease-out);flex-direction:column;display:flex}.dialog.is-leaving{opacity:0;animation:dialog-out var(--duration-exit) var(--ease-in)}.dialog:focus-visible{outline:none}.dialog-sm{max-inline-size:480px}.dialog-md{max-inline-size:560px}.dialog-lg{max-inline-size:760px}.dialog-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-block-end:var(--border-width) solid var(--color-border);display:flex}.dialog-heading{gap:var(--space-1);flex-direction:column;min-inline-size:0;display:flex}.dialog-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);overflow-wrap:anywhere}.dialog-description{color:var(--color-text-secondary);font-size:var(--text-sm)}.dialog-close{border-radius:var(--radius-control);block-size:36px;inline-size:36px;color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--duration-hover) var(--ease-out), color var(--duration-hover) var(--ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-block-start:-6px;margin-inline-end:-8px;display:inline-flex}.dialog-close:hover{background:var(--color-surface-sunken);color:var(--color-text)}.dialog>form{flex-direction:column;min-block-size:0;display:flex}.modal-body{gap:var(--space-4);padding:var(--space-6);flex-direction:column;display:flex;overflow-y:auto}.modal-footer{justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-block-start:var(--border-width) solid var(--color-border);background:var(--color-surface-sunken);border-end-end-radius:var(--radius-card);border-end-start-radius:var(--radius-card);flex-wrap:wrap;display:flex}.confirm-body{gap:var(--space-2);color:var(--color-text);flex-direction:column;display:flex}.confirm-amount{font-size:var(--text-xl);font-weight:var(--weight-semibold)}@media (width<=640px){.dialog-backdrop{align-items:flex-end;padding:0}.dialog{border-end-end-radius:0;border-end-start-radius:0;max-block-size:calc(100dvh - 24px);max-inline-size:none}.modal-footer{border-radius:0}.modal-footer .btn{flex:auto}.modal-body,.dialog-header,.modal-footer{padding-inline:var(--space-4)}}.toaster{z-index:var(--z-toast);align-items:flex-end;gap:var(--space-2);pointer-events:none;flex-direction:column;max-inline-size:min(420px,100vw - 32px);display:flex;position:fixed;inset-block-end:var(--space-6);inset-inline-end:var(--space-6)}.toast{align-items:flex-start;gap:var(--space-3);inline-size:100%;padding-block:var(--space-3);padding-inline:var(--space-4) var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);box-shadow:var(--shadow-overlay);pointer-events:auto;animation:toast-in var(--duration-enter) var(--ease-out);border-inline-start-width:4px;display:flex}.toast.is-leaving{opacity:0;animation:toast-out var(--duration-exit) var(--ease-in)}.toast-success{border-inline-start-color:var(--tone-success-border)}.toast-success .toast-icon{color:var(--tone-success-text)}.toast-error{border-inline-start-color:var(--tone-danger-text)}.toast-error .toast-icon{color:var(--tone-danger-text)}.toast-info{border-inline-start-color:var(--color-primary)}.toast-info .toast-icon{color:var(--color-primary)}.toast-icon{margin-block-start:2px}.toast-message{font-size:var(--text-sm);flex:1}.toast-close{border-radius:var(--radius-control);block-size:32px;inline-size:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-block:-6px;display:inline-flex}.toast-close:hover{background:var(--color-surface-sunken);color:var(--color-text)}@media (width<=640px){.toaster{inset-inline:var(--space-4);align-items:stretch;max-inline-size:none;inset-block-end:var(--space-4)}}.tabs{gap:var(--space-1);border-block-end:var(--border-width) solid var(--color-border);scrollbar-width:none;margin-block-end:var(--space-6);display:flex;position:relative;overflow-x:auto}.tab{align-items:center;gap:var(--space-2);min-block-size:var(--touch-target);padding-inline:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;cursor:pointer;transition:color var(--duration-hover) var(--ease-out);background:0 0;border:none;display:inline-flex}.tab:hover{color:var(--color-text)}.tab.is-active{color:var(--color-primary-subtle-text)}.tab:focus-visible{outline-offset:-2px}.tab-count{border-radius:var(--radius-pill);background:var(--tone-neutral-bg);min-inline-size:20px;color:var(--tone-neutral-text);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:center;padding-inline:6px}.tab-count.is-attention{background:var(--tone-warning-bg);color:var(--tone-warning-text)}.tabs-indicator{background:var(--color-primary);block-size:2px;inline-size:100px;transition:transform var(--duration-enter) var(--ease-out);position:absolute;inset-block-end:0;inset-inline-start:0}.timeline{flex-direction:column;list-style:none;display:flex}.timeline-item{gap:var(--space-3);padding-block-end:var(--space-4);display:flex;position:relative}.timeline-item:not(:last-child):before{content:"";background:var(--color-border);inline-size:2px;position:absolute;inset-block:14px 0;inset-inline-start:5px}.timeline-dot{border:2px solid var(--color-primary);background:var(--color-surface);border-radius:50%;flex-shrink:0;block-size:12px;inline-size:12px;margin-block-start:5px}.timeline-item:last-child .timeline-dot{background:var(--color-primary)}.timeline-content{flex-direction:column;gap:2px;min-inline-size:0;display:flex}.timeline-meta{color:var(--color-text-secondary);font-size:var(--text-xs)}.timeline-body{font-size:var(--text-sm)}.dl-grid{gap:var(--space-2) var(--space-4);font-size:var(--text-sm);grid-template-columns:max-content minmax(0,1fr);display:grid}.dl-grid dt{color:var(--color-text-secondary)}.dl-grid dd{overflow-wrap:anywhere}@media (width<=480px){.dl-grid{grid-template-columns:minmax(0,1fr);gap:0}.dl-grid dt{font-size:var(--text-xs);margin-block-start:var(--space-2)}}.amounts{gap:var(--space-2) 0;font-size:var(--text-sm);grid-template-columns:minmax(max-content,1fr) minmax(0,auto);display:grid}.amounts dt{color:var(--color-text-secondary)}.amounts dd{text-align:end;font-variant-numeric:tabular-nums;padding-inline-start:var(--space-4)}.amounts .strong{color:var(--color-text);font-weight:var(--weight-semibold)}.amounts .total{border-block-start:var(--border-width) solid var(--color-border);font-size:var(--text-md);padding-block-start:var(--space-2)}.money{white-space:nowrap}.package-image{object-fit:contain;background:var(--color-surface-sunken);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);flex-shrink:0;display:block}.package-image.thumb{block-size:80px;inline-size:80px}.package-image.small{block-size:56px;inline-size:56px}.package-image.detail{block-size:auto;inline-size:100%;max-inline-size:320px}.package-image-frame{flex-shrink:0;display:block;position:relative}.package-image-frame.thumb{block-size:80px;inline-size:80px}.package-image-frame.small{block-size:56px;inline-size:56px}.package-image-pending{pointer-events:none;position:absolute;inset:0}.package-image-placeholder{border:var(--border-width) solid var(--color-primary-subtle-border);border-radius:var(--radius-control);background:var(--color-primary-subtle);color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.muted{color:var(--color-text-secondary)}.text-sm{font-size:var(--text-sm)}.cluster{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.stack{gap:var(--space-4);flex-direction:column;display:flex}.stack-sm{gap:var(--space-2);flex-direction:column;display:flex}.nowrap{white-space:nowrap}.ltr{direction:ltr;unicode-bidi:isolate}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:scale(.98)}}@keyframes dialog-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes toast-in{0%{opacity:0;transform:translateX(calc(var(--dir) * 16px))}}@keyframes toast-out{0%{opacity:1}to{opacity:0;transform:translateX(calc(var(--dir) * 16px))}}@keyframes shimmer{to{transform:translateX(calc(var(--dir) * 100%))}}@keyframes highlight-fade{0%{opacity:.22}to{opacity:0}}@keyframes pulse-once{50%{transform:scale(1.15)}}@keyframes item-in{0%{opacity:0;transform:translateY(4px)}}.item-in{animation:item-in var(--duration-enter) var(--ease-out)}@keyframes expand-in{0%{opacity:0;transform:translateY(-4px)}}.expand-in{animation:expand-in var(--duration-enter) var(--ease-out)}.fade-in{animation:fade-in var(--duration-fade) var(--ease-out)}.pressable{transition:transform var(--duration-press) var(--ease-out);-webkit-tap-highlight-color:transparent;cursor:pointer}@media (hover:hover){.pressable:hover{background:var(--color-surface-hover)}}.pressable:active{background:var(--color-surface-pressed);transform:scale(.98)}@media (prefers-reduced-motion:reduce){.dialog,.toast,.item-in,.expand-in{animation-name:fade-in}.dialog.is-leaving,.toast.is-leaving{animation-name:fade-out}.skeleton:after,.count-badge.is-bumped{animation:none}.btn:active:not(:disabled),.pressable:active{transform:none}.fade-in{animation:none}.spinner{opacity:.6;border-block-start-color:currentColor;animation:1.6s ease-in-out infinite spinner-fade}}@keyframes spinner-fade{50%{opacity:.25}}.brand{align-items:center;gap:var(--space-2);color:var(--color-text);font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:1.2;display:inline-flex}.brand-mark{flex:none}.app{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-block-size:100vh;display:grid}.sidebar{background:var(--color-surface);border-inline-end:var(--border-width) solid var(--color-border)}.sidebar-inner{flex-direction:column;max-block-size:100vh;display:flex;position:sticky;inset-block-start:0}.sidebar-brand{block-size:var(--topbar-height);padding-inline:var(--space-4);border-block-end:var(--border-width) solid var(--color-border);flex-shrink:0;align-items:center;text-decoration:none;display:flex}.app-body{flex-direction:column;min-block-size:100vh;min-inline-size:0;display:flex}.topbar{z-index:var(--z-topbar);align-items:center;gap:var(--space-3);block-size:var(--topbar-height);padding-inline:var(--space-6);background:var(--color-surface);border-block-end:var(--border-width) solid var(--color-border);display:flex;position:sticky;inset-block-start:0}.topbar-menu,.topbar-brand{display:none}.topbar-spacer{flex:1}.topbar-icon{border-radius:var(--radius-control);block-size:40px;inline-size:40px;color:var(--color-text-secondary);transition:background-color var(--duration-hover) var(--ease-out), color var(--duration-hover) var(--ease-out);justify-content:center;align-items:center;display:inline-flex;position:relative}.topbar-icon:hover{background:var(--color-surface-hover);color:var(--color-text)}.topbar-icon-badge{block-size:18px;min-inline-size:18px;font-size:11px;position:absolute;inset-block-start:2px;inset-inline-end:0}.page{inline-size:100%;max-inline-size:var(--page-max-width);padding:var(--space-8) var(--space-8) var(--space-12);flex:1}.page:focus{outline:none}.page>*{animation:fade-in var(--duration-fade) var(--ease-out)}@media (width<=1024px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.topbar{padding-inline:var(--space-2) var(--space-4);gap:var(--space-2)}.topbar-menu,.topbar-brand{display:inline-flex}.page{padding:var(--space-6) var(--space-6) var(--space-12)}}@media (width<=640px){.topbar-language,.user-menu-name{display:none}.page{padding:var(--space-4) var(--space-4) var(--space-12)}}.nav{gap:var(--space-4);padding:var(--space-4) var(--space-3);flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.nav-group{flex-direction:column;gap:2px;display:flex}.nav-group-title{padding-inline:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold);margin-block-end:var(--space-1)}.nav-link{z-index:1;align-items:center;gap:var(--space-3);min-block-size:40px;padding-inline:var(--space-3);border-radius:var(--radius-control);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-regular);transition:background-color var(--duration-hover) var(--ease-out), color var(--duration-hover) var(--ease-out);text-decoration:none;display:flex;position:relative}.nav-link:hover{background:var(--color-surface-hover);color:var(--color-text)}.nav-link.active,.nav-link.active:hover{color:var(--color-primary-subtle-text);background:0 0}.nav-link.active svg{color:var(--color-primary)}.nav-label{flex:1;min-inline-size:0}.nav-badge{margin-inline-start:auto}.nav-indicator{inset-block-start:0;inset-inline:var(--space-3);z-index:0;border-radius:var(--radius-control);background:var(--color-primary-subtle);transition:transform var(--duration-enter) var(--ease-out);position:absolute}.nav-indicator:before{content:"";background:var(--color-primary);border-start-end-radius:3px;border-end-end-radius:3px;inline-size:3px;position:absolute;inset-block:10px;inset-inline-start:0}@media (width<=768px),(pointer:coarse){.nav-link{min-block-size:var(--touch-target)}}.drawer-backdrop{z-index:var(--z-drawer);background:var(--color-backdrop);animation:fade-in var(--duration-enter) var(--ease-out);position:fixed;inset:0}.drawer-backdrop.is-leaving{opacity:0;animation:fade-out var(--duration-exit) var(--ease-in)}.drawer{background:var(--color-surface);inline-size:min(320px,86vw);box-shadow:var(--shadow-overlay);animation:drawer-in var(--duration-enter) var(--ease-out);flex-direction:column;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.drawer.is-leaving{transform:translateX(calc(var(--dir) * -100%));animation:drawer-out var(--duration-exit) var(--ease-in)}.drawer:focus-visible{outline:none}.drawer-header{block-size:var(--topbar-height);padding-inline:var(--space-4) var(--space-2);border-block-end:var(--border-width) solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.drawer-header .dialog-close{margin:0}.drawer-title{font-weight:var(--weight-semibold)}.drawer-body{flex:1;overflow-y:auto}.drawer-brand{padding:var(--space-4) var(--space-6) 0}.drawer-body .nav{overflow:visible}.drawer-footer{align-items:stretch;gap:var(--space-3);padding:var(--space-4);border-block-start:var(--border-width) solid var(--color-border);flex-direction:column;display:flex}.drawer-footer .segmented{align-self:flex-start}@keyframes drawer-in{0%{transform:translateX(calc(var(--dir) * -100%))}}@keyframes drawer-out{0%{transform:translate(0)}to{transform:translateX(calc(var(--dir) * -100%))}}.user-menu{position:relative}.user-menu-button{align-items:center;gap:var(--space-2);min-block-size:40px;max-inline-size:260px;padding-inline:var(--space-1) var(--space-2);border-radius:var(--radius-control);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-regular);cursor:pointer;transition:background-color var(--duration-hover) var(--ease-out);background:0 0;border:none;display:inline-flex}.user-menu-button:hover{background:var(--color-surface-hover)}.user-menu-name-sr{display:none}@media (width<=640px){.user-menu-name-sr{display:inline}}.user-menu-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.avatar{background:var(--color-primary-subtle);block-size:32px;inline-size:32px;color:var(--color-primary-subtle-text);font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.menu{z-index:var(--z-menu);min-inline-size:240px;padding:var(--space-2);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-menu);animation:menu-in var(--duration-enter) var(--ease-out);position:absolute;inset-block-start:calc(100% + 6px);inset-inline-end:0}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}}.menu-header{padding:var(--space-2) var(--space-3) var(--space-3);border-block-end:var(--border-width) solid var(--color-border);flex-direction:column;gap:2px;margin-block-end:var(--space-1);display:flex}.menu-header-name{font-weight:var(--weight-semibold)}.menu-header-sub{color:var(--color-text-secondary);font-size:var(--text-xs)}.menu-item{align-items:center;gap:var(--space-2);min-block-size:40px;inline-size:100%;padding-inline:var(--space-3);border-radius:var(--radius-control);color:var(--color-text);font-size:var(--text-sm);text-align:start;cursor:pointer;background:0 0;border:none;display:flex}.menu-item:hover{background:var(--color-surface-hover)}.segmented{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-sunken);padding:2px;display:inline-flex}.segmented button{min-block-size:32px;padding-inline:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background-color var(--duration-hover) var(--ease-out), color var(--duration-hover) var(--ease-out);background:0 0;border:none;border-radius:6px}.segmented button:hover{color:var(--color-text)}.segmented button[aria-pressed=true]{background:var(--color-surface);color:var(--color-text);box-shadow:0 0 0 var(--border-width) var(--color-border)}.segmented button[lang=ar]{font-family:system-ui,Segoe UI,Tahoma,Arial,sans-serif}@media (width<=768px),(pointer:coarse){.segmented button{min-block-size:40px}}.auth{min-block-size:100vh;padding:var(--space-6) var(--space-4) var(--space-12);background:var(--color-bg);flex-direction:column;align-items:center;display:flex}.auth-top{justify-content:space-between;align-items:center;gap:var(--space-3);inline-size:100%;max-inline-size:1040px;flex-wrap:wrap;margin-block-end:var(--space-8);display:flex}.auth-top-end{align-items:center;gap:var(--space-2);display:flex}.auth-card{gap:var(--space-6);inline-size:100%;max-inline-size:440px;padding:var(--space-8);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);flex-direction:column;margin-block:auto;display:flex}.auth-card-wide{max-inline-size:680px;margin-block-start:0}.auth-heading{gap:var(--space-2);flex-direction:column;display:flex}.auth-title{font-size:var(--text-2xl)}.auth-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm)}.auth-links{align-items:center;gap:var(--space-2);font-size:var(--text-sm);flex-direction:column;display:flex}.auth-footer{color:var(--color-text-secondary);font-size:var(--text-sm);margin-block-start:var(--space-6)}.auth-divider{border:none;border-block-start:var(--border-width) solid var(--color-border)}.auth-split{background:var(--color-bg);min-block-size:100vh;display:grid}.auth-split-main{isolation:isolate;background:linear-gradient(180deg, var(--color-primary-subtle), var(--color-bg) 360px);position:relative;overflow:hidden}.auth-pattern{z-index:-1;block-size:320px;inline-size:100%;fill:var(--color-pattern);opacity:.5;-webkit-mask-image:linear-gradient(180deg, var(--color-surface), transparent);mask-image:linear-gradient(180deg, var(--color-surface), transparent);position:absolute;inset-block-start:0;inset-inline:0}.auth-split .auth-top{justify-content:flex-end;margin-block-end:var(--space-4)}.auth-main{flex-direction:column;align-items:center;inline-size:100%;margin-block-start:auto;display:flex}.auth-intro{align-items:center;gap:var(--space-1);text-align:center;flex-direction:column;margin-block-end:var(--space-6);display:flex}.auth-intro .brand-mark{margin-block-end:var(--space-2)}.auth-intro-name{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:1.3}.auth-intro-tagline{color:var(--color-text-secondary);font-size:var(--text-sm)}.auth-split .auth-card{margin-block:0}.auth-split .auth-footer{margin-block-end:auto}.auth-panel{display:none}@media (width>=1024px){.auth-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.auth-panel{background:var(--color-auth-panel) url(/assets/login-panel-Dmr6Y8UZ.webp) center / cover no-repeat;block-size:100vh;display:block;position:sticky;inset-block-start:0}}@media (width<=480px){.auth{padding-inline:var(--space-4)}.auth-card{padding:var(--space-6) var(--space-4)}.auth-top{margin-block-end:var(--space-4)}}@media (prefers-reduced-motion:reduce){.drawer,.menu{animation-name:fade-in}.drawer.is-leaving{animation-name:fade-out;transform:none}.nav-indicator,.tabs-indicator{transition:none}.page>*{animation:none}}.card-pad{padding:var(--space-4) var(--space-6)}.card-flush>.card-pad+.card-pad{padding-block-start:0}.stack-xs{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.pre-line{white-space:pre-line}.tab-panel:focus-visible{outline-offset:4px}.section-help{margin-block:calc(var(--space-2) * -1) var(--space-3)}.list{list-style:none}.list-plain{gap:var(--space-2);flex-direction:column;display:flex}.list-row{justify-content:space-between;align-items:center;gap:var(--space-3);min-block-size:56px;padding:var(--space-3) var(--space-6);border-block-end:var(--border-width) solid var(--color-border);color:var(--color-text);transition:background-color var(--duration-hover) var(--ease-out);text-decoration:none;display:flex}.list li:last-child .list-row{border-block-end:none}.list-row:hover{background:var(--color-surface-hover);color:var(--color-text)}.list-row-main{flex-direction:column;min-inline-size:0;display:flex}.file-row{align-items:center;gap:var(--space-2) var(--space-3);padding-block:var(--space-2);border-block-end:var(--border-width) solid var(--color-border);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.file-row:last-child{border-block-end:none}.file-row-name{overflow-wrap:anywhere;flex:160px;min-inline-size:0}.inline-form{gap:var(--space-3);border-block-start:var(--border-width) solid var(--color-border);flex-direction:column;padding-block-start:var(--space-4);display:flex}.card-pad.inline-form{padding-block-start:var(--space-4)}.inline-fields{align-items:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.inline-fields>.field,.inline-fields>.typeahead{flex:220px}.field-inline{align-items:center;gap:var(--space-3);flex-direction:row}.field-inline .select{min-inline-size:240px}.copyable{align-items:center;gap:2px;display:inline-flex}.page-loading{gap:var(--space-6);padding:var(--space-8);flex-direction:column;display:flex}.error-details{padding:var(--space-3);border-radius:var(--radius-control);background:var(--color-surface-sunken);color:var(--color-text-secondary);font-size:var(--text-xs);white-space:pre-wrap;text-align:start;margin-block-start:var(--space-4)}.inline-icon{vertical-align:-2px;display:inline-block}.dashboard{gap:var(--space-6);flex-direction:column;display:flex}.dashboard .page-header{margin-block-end:0}.needs-action{gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-2);background:var(--tone-warning-bg);border:var(--border-width) solid var(--tone-warning-border);border-radius:var(--radius-card);border-inline-start-width:4px;flex-direction:column;display:flex}.needs-action.is-clear{background:var(--color-surface);border-color:var(--color-border);border-inline-start-color:var(--tone-success-border);padding-block-end:var(--space-4)}.needs-action-clear{align-items:flex-start;gap:var(--space-3);color:var(--tone-success-text);display:flex}.needs-action-clear svg{margin-block-start:2px}.needs-action-head{align-items:center;gap:var(--space-2);display:flex}.needs-action-title{color:var(--color-text);font-size:var(--text-lg)}.needs-action-head .count-badge{background:var(--color-surface)}.needs-action-list{gap:0 var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));list-style:none;display:grid}.needs-action-item{align-items:center;gap:var(--space-3);min-block-size:56px;padding-block:var(--space-2);border-block-start:var(--border-width) solid var(--tone-warning-border);color:var(--color-text);text-decoration:none;display:flex}.needs-action-item:hover{color:var(--color-text)}.needs-action-item:hover .needs-action-label{text-underline-offset:2px;text-decoration:underline}.needs-action-icon{border-radius:var(--radius-control);background:var(--color-surface);color:var(--tone-warning-text);padding:6px;display:inline-flex}.needs-action-text{flex-direction:column;flex:1;min-inline-size:0;display:flex}.needs-action-label{font-weight:var(--weight-semibold)}.needs-action-detail{color:var(--tone-warning-text);font-size:var(--text-xs)}.needs-action-count{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--tone-warning-text)}.needs-action-arrow{color:var(--tone-warning-text)}.order-title{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.order-title .copy-button{min-block-size:32px;min-inline-size:32px}.order-lines{gap:var(--space-3);border:none;flex-direction:column;min-inline-size:0;display:flex}.order-lines legend{margin-block-end:var(--space-3)}.order-line{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-sunken);grid-template-columns:minmax(0,1fr) 120px auto;display:grid}.order-line-remove{margin-block-start:26px}.order-estimate{align-items:baseline;gap:2px var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--color-primary-subtle);color:var(--color-primary-subtle-text);font-weight:var(--weight-semibold);grid-template-columns:minmax(0,1fr) auto;display:grid}.order-estimate .field-help{color:var(--color-primary-subtle-text);grid-column:1/-1}.order-delivery{align-items:flex-start;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);margin-block-start:var(--space-3);display:flex}.order-delivery svg{color:var(--color-icon-brand);flex-shrink:0;margin-block-start:2px}.order-delivery p{flex-direction:column;gap:2px;display:flex}.order-delivery-title{color:var(--color-text);font-weight:var(--weight-semibold)}.field-readonly{padding-block:var(--space-2);color:var(--color-text)}.order-estimate-amount{font-size:var(--text-lg);font-weight:var(--weight-semibold)}@media (width<=640px){.order-line{grid-template-columns:minmax(0,1fr) auto}.order-line-product{grid-column:1/-1}.order-line-remove{margin-block-start:26px}}.detail-layout{align-items:start;gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(280px,340px);grid-template-areas:"main aside";display:grid}.detail-main{gap:var(--space-6);flex-direction:column;grid-area:main;min-inline-size:0;display:flex}.detail-aside{gap:var(--space-6);flex-direction:column;grid-area:aside;min-inline-size:0;display:flex}.detail-main .card+.card,.detail-aside .card+.card{margin-block-start:0}@media (width>=1025px){.detail-aside .next-step{position:sticky;inset-block-start:calc(var(--topbar-height) + var(--space-6))}}.next-step{gap:var(--space-4);flex-direction:column;display:flex}.next-step .card-header{margin-block-end:0}.next-step-text{color:var(--color-text-secondary);font-size:var(--text-sm)}.next-step-amount{padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--tone-warning-bg);border:var(--border-width) solid var(--tone-warning-border);flex-direction:column;gap:2px;display:flex}.next-step-amount .confirm-amount{color:var(--tone-warning-text)}.action-stack{gap:var(--space-2);flex-direction:column;display:flex}.address-block{font-size:var(--text-sm);flex-direction:column;gap:2px;display:flex}.item-with-image{align-items:center;gap:var(--space-3);display:flex}.item-name{flex-direction:column;align-items:flex-start;min-inline-size:0;display:flex}.order-amounts{inline-size:100%;max-inline-size:520px;margin-inline-start:auto}.order-refund-info{margin-block-start:var(--space-3)}.delivery-row{align-items:center;gap:var(--space-2) var(--space-4);padding-block:var(--space-3);border-block-end:var(--border-width) solid var(--color-border);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.delivery-row:last-child{border-block-end:none}.refund-preview{gap:var(--space-2);padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-sunken);flex-direction:column;margin-block-start:var(--space-2);display:flex}.refund-preview .section-title{font-size:var(--text-sm);margin:0}.pay-reference{align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-2);display:flex}.sticky-actions{display:none}@media (width<=1024px){.detail-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"aside""main"}.has-sticky-actions{padding-block-end:72px}body:has(.has-sticky-actions) .toaster{inset-block-end:calc(var(--space-4) + 72px)}.sticky-actions{z-index:var(--z-sticky);padding:var(--space-3) var(--space-4);background:var(--color-surface);border-block-start:var(--border-width) solid var(--color-border);box-shadow:var(--shadow-menu);padding-block-end:max(var(--space-3), env(safe-area-inset-bottom));display:block;position:fixed;inset-block-end:0;inset-inline:0}.order-amounts{max-inline-size:none}}.agent-page{max-inline-size:640px;margin-inline:auto}.agent-card{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.agent-card-head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.agent-card-title{font-size:var(--text-xl)}.agent-line{align-items:flex-start;gap:var(--space-2) var(--space-3);font-size:var(--text-md);flex-wrap:wrap;display:flex}.agent-line>svg{color:var(--color-icon-brand);margin-block-start:4px}.agent-line>span{flex-direction:column;flex:200px;min-inline-size:0;display:flex}.agent-contact{align-self:center}.agent-call,.agent-call .btn-content{gap:var(--space-2)}.agent-items{gap:var(--space-1);flex-direction:column;flex:200px;list-style:none;display:flex}.agent-actions{gap:var(--space-2);flex-direction:column;padding-block-start:var(--space-2);display:flex}.agent-actions .btn{min-block-size:48px;font-size:var(--text-md)}.chat-layout{align-items:start;gap:var(--space-4);grid-template-columns:340px minmax(0,1fr);display:grid}.chat-inbox{max-block-size:calc(100vh - var(--topbar-height) - 140px);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);flex-direction:column;display:flex;overflow:hidden}.chat-search{align-items:center;gap:var(--space-2);padding:var(--space-3);border-block-end:var(--border-width) solid var(--color-border);display:flex}.chat-search .search-field{flex:1}.chat-filters{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-block-end:var(--border-width) solid var(--color-border);grid-template-columns:repeat(auto-fit,minmax(96px,1fr));display:grid}.chat-filters .input{min-block-size:36px;font-size:var(--text-sm)}.chat-list{flex:1;overflow-y:auto}.chat-list-title{padding:var(--space-3) var(--space-3) var(--space-1);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.chat-item{gap:var(--space-1);padding:var(--space-3);border-block-end:var(--border-width) solid var(--color-border);color:var(--color-text);transition:background-color var(--duration-hover) var(--ease-out);flex-direction:column;text-decoration:none;display:flex;position:relative}.chat-item:hover{background:var(--color-surface-hover);color:var(--color-text)}.chat-item.active{background:var(--color-surface-selected);box-shadow:inset calc(var(--dir) * 3px) 0 0 var(--color-primary)}.chat-item-head,.chat-item-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.chat-item-title{font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-item.is-unread .chat-item-title{font-weight:var(--weight-semibold)}.chat-item-time{color:var(--color-text-secondary);font-size:var(--text-xs);flex-shrink:0}.chat-item-preview{color:var(--color-text-secondary);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-item-meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.chat-empty{justify-content:center;align-items:center;min-block-size:320px;display:flex}.chat-conversation{gap:var(--space-3);flex-direction:column;display:flex}.chat-conversation>.card+.card,.chat-conversation>.card+.chat-body,.chat-body+.card{margin-block-start:0}.chat-header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}.chat-header-text{gap:var(--space-1);flex-direction:column;flex:1;min-inline-size:0;display:flex}.chat-back{display:none}.chat-body{align-items:start;gap:var(--space-3);grid-template-columns:minmax(0,1fr) 260px;display:grid}.chat-messages{gap:var(--space-3);min-block-size:320px;max-block-size:calc(100vh - var(--topbar-height) - 380px);padding:var(--space-4);background:var(--color-surface-sunken);flex-direction:column;display:flex;overflow-y:auto}.chat-older{align-self:center}.chat-msg{max-inline-size:78%;padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);border-end-start-radius:4px;align-self:flex-start}.chat-msg.mine{border-color:var(--color-primary-subtle-border);background:var(--color-primary-subtle);border-end-end-radius:4px;border-end-start-radius:var(--radius-card);align-self:flex-end}.chat-msg.note{border-style:dashed;border-color:var(--tone-warning-border);background:var(--tone-warning-bg)}.chat-note-label{align-items:center;gap:var(--space-1);color:var(--tone-warning-text);font-size:var(--text-xs);font-weight:var(--weight-semibold);margin-block-end:var(--space-1);display:flex}.chat-msg-meta{align-items:baseline;gap:2px var(--space-2);font-size:var(--text-sm);flex-wrap:wrap;margin-block-end:2px;display:flex}.chat-msg-meta .cell-sub{display:inline}.chat-msg-text{white-space:pre-wrap;overflow-wrap:anywhere}.chat-attachment{align-items:center;gap:var(--space-1);font-size:var(--text-sm);margin-block-start:var(--space-1);display:flex}.chat-msg-actions{gap:var(--space-3);margin-block-start:var(--space-1);display:flex}.chat-edit-actions{margin-block-start:var(--space-2)}.chat-seen{justify-content:flex-end;align-items:center;gap:var(--space-1);color:var(--tone-success-text);font-size:var(--text-xs);margin-block-start:var(--space-1);display:flex}.chat-context{padding:var(--space-4)}.chat-manage{border-block-start:var(--border-width) solid var(--color-border);margin-block-start:var(--space-4);padding-block-start:var(--space-4)}.chat-composer{gap:var(--space-2);padding:var(--space-3);flex-direction:column;display:flex}.chat-composer.note{border-color:var(--tone-warning-border);background:var(--tone-warning-bg)}.chat-note-toggle{min-block-size:0}.chat-composer-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.chat-attach{cursor:pointer}.chat-attach:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.chat-file{align-items:center;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-sm);display:inline-flex}.chat-readonly{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);display:flex}.segmented-block{display:flex}.segmented-block button{flex:1}@media (width<=1180px){.chat-body{grid-template-columns:minmax(0,1fr)}}@media (width<=1024px){.chat-layout{grid-template-columns:minmax(0,1fr)}.chat-layout.has-selection .chat-inbox,.chat-layout:not(.has-selection) .chat-main{display:none}.chat-inbox{max-block-size:none}.chat-back{display:inline-flex}.chat-msg{max-inline-size:92%}.chat-messages{max-block-size:60vh}}.balance-card{gap:var(--space-1);flex-direction:column;display:flex}.balance-amount{font-size:var(--text-3xl);font-weight:var(--weight-semibold);color:var(--color-text)}.amount-positive{color:var(--tone-success-text)}.amount-negative{color:var(--color-danger-text)}.card-list-wrap{gap:var(--space-3);flex-direction:column;display:flex}.card-list{align-items:start;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));list-style:none;display:grid}.card-list-message{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card)}.card-section{gap:var(--space-3);flex-direction:column;display:flex}.card-section-header{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.order-card{gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);color:var(--color-text);flex-direction:column;text-decoration:none;display:flex}a.order-card:hover{border-color:var(--color-border-strong);color:var(--color-text)}.order-card-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.order-card-top{row-gap:var(--space-2);flex-wrap:wrap}.order-card-row>.badge{flex-shrink:0;margin-inline-start:auto}.order-card-id{flex-direction:column;gap:2px;min-inline-size:0;max-inline-size:100%;display:flex}.order-card-number{white-space:nowrap;color:var(--color-link);font-weight:var(--weight-semibold)}.order-card-pharmacy{color:var(--color-text-secondary);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.order-card-total{font-size:var(--text-xl);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;line-height:1.3}.order-card-total .money-currency{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-regular)}.order-card-foot{color:var(--color-text-muted);font-size:var(--text-xs)}.order-card-chevron{flex-shrink:0}.order-card-skeleton{gap:var(--space-3)}.order-card-detail{color:var(--color-text-secondary);font-size:var(--text-xs)}.order-card-stretched{transition:transform var(--duration-press) var(--ease-out);position:relative}.order-card-link{text-decoration:none}.order-card-link:after{content:"";border-radius:var(--radius-card);position:absolute;inset:0}.order-card-link:focus-visible{outline:none}.order-card-stretched:has(.order-card-link:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}@media (hover:hover){.order-card-stretched:has(.order-card-link:hover){border-color:var(--color-border-strong);background:var(--color-surface-hover)}}.order-card-stretched:has(.order-card-link:active){background:var(--color-surface-pressed);transform:scale(.98)}.order-card-actions{z-index:1;align-items:center;gap:var(--space-2);border-block-start:var(--border-width) solid var(--color-border);flex-wrap:wrap;margin-block-start:var(--space-1);padding-block-start:var(--space-3);display:flex;position:relative}@media (prefers-reduced-motion:reduce){.order-card-stretched:has(.order-card-link:active){transform:none}}.product-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr))}.product-card{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);overflow:hidden}.product-card-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);display:flex}.product-card-name{font-size:var(--text-md);font-weight:var(--weight-semibold)}.product-card-none{padding:0 var(--space-4) var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.medicine-name{flex-direction:column;align-items:flex-start;gap:2px;min-inline-size:0;display:flex}.variant-list{border-block-start:var(--border-width) solid var(--color-border);flex-direction:column;list-style:none;display:flex}.variant-list>li+li,.variant-list>.variant-row+.variant-row{border-block-start:var(--border-width) solid var(--color-border)}.variant-row{align-items:center;gap:var(--space-3);min-block-size:44px;inline-size:100%;padding:var(--space-3) var(--space-4);color:inherit;font:inherit;text-align:start;background:0 0;border:none;display:flex}.variant-text{flex-direction:column;flex:1;gap:2px;min-inline-size:0;display:flex}.variant-name{font-weight:var(--weight-semibold)}.variant-price{font-weight:var(--weight-semibold);flex-shrink:0}.package-detail-top{align-items:start;gap:var(--space-6);grid-template-columns:minmax(0,320px) minmax(0,1fr);display:grid}@media (width<=640px){.package-detail-top{grid-template-columns:minmax(0,1fr)}}.package-detail-media{gap:var(--space-2);flex-direction:column;display:flex}.package-thumbs{gap:var(--space-2);flex-wrap:wrap;display:flex}.thumb-button{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:10px;padding:0}.thumb-button.active{border-color:var(--color-primary)}.image-manager{gap:var(--space-3);border-block-start:var(--border-width) solid var(--color-border);flex-direction:column;padding-block-start:var(--space-4);display:flex}.image-manager .card-header,.image-manager .section-title{margin:0}.upload-label{cursor:pointer}input:focus-visible+.upload-label{outline:2px solid var(--color-focus);outline-offset:2px}.upload-progress{border-radius:var(--radius-control);background:var(--color-surface-sunken);block-size:24px;position:relative;overflow:hidden}.upload-progress-bar{background:var(--color-primary-subtle);transition:transform var(--duration-enter) var(--ease-out);position:absolute;inset:0}.upload-progress>span{font-size:var(--text-sm);padding-inline-start:var(--space-2);line-height:24px;position:relative}.image-list{gap:var(--space-2);list-style:none;display:grid}.image-list li{align-items:center;gap:var(--space-3);padding:var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);flex-wrap:wrap;display:flex}.image-list li.removed{opacity:.6}.image-meta{gap:var(--space-1);flex-direction:column;flex:1;min-inline-size:0;display:flex}.file-name{overflow-wrap:anywhere;font-size:var(--text-sm)}.image-actions{margin-inline-start:auto}.notification{gap:var(--space-3);padding:var(--space-4) var(--space-6);border-block-end:var(--border-width) solid var(--color-border);display:flex}.notification:last-child{border-block-end:none}.notification.is-unread{background:var(--color-surface-selected)}.notification-icon{border-radius:var(--radius-pill);background:var(--color-surface-sunken);color:var(--color-text-secondary);align-self:flex-start;padding:6px;display:inline-flex}.notification.is-unread .notification-icon{background:var(--color-surface);color:var(--color-primary)}.notification-body{gap:var(--space-1);flex-direction:column;flex:1;min-inline-size:0;display:flex}.notification-head{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}.notification-text{color:var(--color-text-secondary);font-size:var(--text-sm)}@media (width<=640px){.notification{padding-inline:var(--space-4)}}.card-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));list-style:none;display:grid}.card-grid>.card+.card{margin-block-start:0}.address-card{gap:var(--space-3);flex-direction:column;display:flex}.address-card-head{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.address-actions{margin-block-start:auto;padding-block-start:var(--space-2)}.form-section{gap:var(--space-4);min-inline-size:0;border:none;border-block-end:var(--border-width) solid var(--color-border);flex-direction:column;padding-block-end:var(--space-6);display:flex}.form-section-title{align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-block-end:var(--space-4);display:flex}.step-number{background:var(--color-primary-subtle);block-size:28px;inline-size:28px;color:var(--color-primary-subtle-text);font-size:var(--text-sm);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.application-summary{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-control);background:var(--color-surface-sunken);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.application-summary .kpi-label{margin-block-end:var(--space-1);display:block}.application-head{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.mfa-qr{padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);justify-content:center;display:flex}.input-code{font-size:var(--text-2xl);font-variant-numeric:tabular-nums;letter-spacing:.25em;text-align:center}.recovery-codes{gap:var(--space-2);flex-direction:column;display:flex}.recovery-codes-list{columns:2;column-gap:var(--space-6);padding:var(--space-4);border:var(--border-width) dashed var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface-sunken);font-family:inherit;font-size:var(--text-lg);font-variant-numeric:tabular-nums;text-align:center;line-height:1.9}.recovery-codes-copy{align-items:center;gap:var(--space-1);display:flex}.form-narrow-wide{max-inline-size:960px}.form-narrow-wide .card+.card{margin-block-start:0}.dosage-form-editor{border-block-start:1px solid var(--color-border);margin-block-start:var(--space-6);padding-block-start:var(--space-4)}.dosage-form-editor .section-title{align-items:center;gap:var(--space-2);display:flex}.dosage-form-row{align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.dosage-form-row .field{flex:16rem;margin-block-end:0}.import-steps{gap:var(--space-4);margin:0;padding-inline-start:var(--space-6);display:grid}.import-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-2);display:flex}.import-result{gap:var(--space-4);margin-block-start:var(--space-6);display:grid}.import-counts{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));margin:0;display:grid}.import-count{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card)}.import-count dt{color:var(--color-text-secondary);font-size:var(--text-sm)}.import-count dd{font-size:var(--text-xl);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;margin:0}.import-count.is-danger dd{color:var(--color-danger-text)}.import-confirm{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.import-progress{gap:var(--space-2);display:grid}.import-progress progress{inline-size:100%;accent-color:var(--color-primary)}.queue-warning{background:var(--tone-warning-bg);border:1px solid var(--tone-warning-border);border-radius:12px;padding:16px}.queue-warning>.section-title{color:var(--tone-warning-text);align-items:center;gap:8px;display:flex}.queue-warning .section-help{color:var(--tone-warning-text)}