:root{--red-050:#fdf2f3;--red-100:#fbe6e7;--red-500:#dc2e3a;--red-600:#d4000f;--red-700:#a7000c;--black-100:#e9e7e7;--black-900:#121212;--ink-950:#0b0909;--ink-900:#191717;--ink-800:#474443;--ink-500:#9c9797;--line-300:#ccc8c8;--surface-100:#f5f4f4;--white:#fff;--admin-slate-900:#1d2739;--admin-slate-700:#344054;--admin-slate-600:#475467;--admin-slate-400:#98a2b3;--admin-surface-050:#f9fafc;--admin-surface-100:#f4f5f7;--admin-surface-hover:#f2f4f8;--admin-surface-selected:#edf0f5;--admin-surface-zebra:#f7f8fa;--admin-surface-disabled:#eef0f4;--admin-line-300:#d9dee7;--admin-line-200:#e7eaf0;--admin-icon-default:#475467;--admin-on-inverse-secondary:#c6cbd5;--admin-on-inverse-line:#2a2a2a;--data-1:#22364f;--data-2:#3d5a80;--data-3:#6b8cb4;--data-4:#9db4d2;--data-5:#cbd8e8;--data-accent:var(--red-600);--danger-700:#8f1519;--danger-100:#f7e0e0;--success-600:#1e9e63;--success-100:#e3f5ec;--warning-600:#d98520;--warning-100:#fbf0e1;--info-600:#2563eb;--info-100:#e3ecfc;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--z-drawer:1000;--z-modal:1000;--z-menu:1100;--z-toast:1200;--font-family:"Cairo", "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif;--text-display:44px;--lh-display:1.15;--text-metric:32px;--lh-metric:1.2;--text-metric-sm:24px;--lh-metric-sm:1.25;--text-h1:30px;--text-h2:26px;--text-h3:22px;--lh-heading:1.4;--text-lg:17px;--text-base:15px;--text-sm:14px;--text-th:13px;--text-xs:12px;--text-2xs:10px;--lh-body:1.5;--lh-tight:1.45;--radius-none:0;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;--shadow-card:0 2px 8px #1212120f;--shadow-tile:0 1px 3px #1018280a, 0 4px 12px #1018280d;--shadow-overlay:0 8px 24px #1212121f;--motion-fast:.15s;--motion-base:.2s;--motion-page:.3s;--text-primary:var(--admin-slate-900);--text-body:var(--admin-slate-700);--text-secondary:var(--admin-slate-600);--text-muted:var(--admin-slate-400);--text-inverse:var(--white);--text-secondary-on-inverse:var(--admin-on-inverse-secondary);--text-link:var(--red-600);--text-on-red:var(--white);--text-danger:var(--danger-700);--bg-page:var(--admin-surface-050);--bg-card:var(--white);--bg-sunken:var(--admin-surface-100);--bg-hover:var(--admin-surface-hover);--bg-selected:var(--admin-surface-selected);--bg-zebra:var(--admin-surface-zebra);--bg-disabled:var(--admin-surface-disabled);--bg-inverse:var(--black-900);--border-default:var(--admin-line-300);--border-subtle:var(--admin-line-200);--border-on-inverse:var(--admin-on-inverse-line);--border-focus:var(--red-600);--bg-brand-panel:var(--red-600);--icon-default:var(--admin-icon-default);--action-primary:var(--red-600);--action-pressed:var(--red-700);--action-destructive:var(--danger-700);--action-disabled:var(--admin-surface-disabled);--sidebar-width:260px;--topbar-height:64px;--canvas-pad:var(--space-14);--canvas-pad-top:var(--space-8);--nav-item-h:44px;--nav-pill-h:36px;--nav-bar-w:3px;--facet-row-h:36px;--table-header-h:44px;--table-row-comfortable:80px;--table-row-compact:64px;--table-row-media:136px;--toolbar-h:72px;--pagination-h:56px;--header-list:88px;--header-dashboard:120px;--header-record:128px;--header-form:80px;--h-control:40px;--h-button:40px;--h-button-small:32px;--h-field-auth:44px;--h-menu-row:40px;--h-tag:24px;--h-chip-inline:20px;--icon-hit:32px;--icon-glyph:16px;--icon-slot:20px;--sidebar-pad-inline:var(--space-6);--nav-pill-w:211px;--nav-bar-h:18px;--nav-label-inset:56px;--brand-logo-slot:36px;--topstrip-pad-start:32px;--topstrip-gap:14px;--domain-tab-h:32px;--account-pill-min-w:140px;--facet-rule-inset-start:34px;--facet-rule-inset-end:13px;--facet-label-indent:35px;--card-pad:var(--space-6);--card-gap:var(--space-4);--table-pad-inline:var(--space-6);--cell-pad-inline:var(--space-4);--thumb-media:80px;--avatar-row:32px;--avatar-party:72px;--avatar-pill:20px;--facts-col-w:194px;--kpi-card-h:168px;--kpi-illus-slot:48px;--status-tile-h:64px;--tile-grid-cols:4;--record-main-fr:1.92fr;--chart-wide-fr:2.3fr;--segmented-w:224px;--auth-brand-fr:46;--auth-form-fr:54;--auth-column-w:380px;--auth-control-w:300px;--w-drawer:480px;--max-content:1320px;--bp-wide:1440px;--weight-body:400;--weight-numeral:700;--weight-title:700;--border-width:1px;--bar-selected:3px;--underline-active:3px;--underline-tab:2px;--focus-ring-width:2px;--focus-ring-offset:2px;--scrollbar-size:10px;--scrollbar-size-overlay:3px;--scrollbar-thumb:var(--admin-slate-400);--motion-instant:.1s;--motion-sheet:.25s;--ease-out:ease-out;--ease-page:cubic-bezier(.2, 0, 0, 1);--shimmer-duration:1.4s;--wash-on-inverse-hover:color-mix(in srgb, var(--white) 8%, transparent);--scrim:color-mix(in srgb, var(--black-900) 40%, transparent);--shimmer-highlight:var(--bg-card)}@font-face{font-family:Cairo;font-style:normal;font-weight:400;font-display:swap;src:local(Cairo),url(/fonts/Cairo-Regular.ttf)format("truetype")}@font-face{font-family:Cairo;font-style:normal;font-weight:700;font-display:swap;src:local(Cairo Bold),local(Cairo),url(/fonts/Cairo-Bold.ttf)format("truetype")}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;accent-color:var(--action-primary);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;direction:rtl}html,body{min-height:100%;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--weight-body);line-height:var(--lh-body);letter-spacing:0;text-align:start;background-color:var(--bg-page);color:var(--text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{font-weight:var(--weight-body);letter-spacing:0;margin:0}h1{font-size:var(--text-h1);line-height:var(--lh-heading)}h2{font-size:var(--text-h2);line-height:var(--lh-heading)}h3{font-size:var(--text-h3);line-height:var(--lh-heading)}h4{font-size:var(--text-lg);line-height:var(--lh-heading)}h5,h6{font-size:var(--text-base);line-height:var(--lh-heading)}small{font-size:var(--text-xs);line-height:var(--lh-tight)}b,strong{font-weight:var(--weight-body)}code,kbd,samp,pre{font-family:var(--font-family);font-size:inherit}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding-inline-start:0;list-style:none}img,svg,video,canvas{max-inline-size:100%;display:block}table{border-collapse:collapse;border-spacing:0;inline-size:100%}th{text-align:start;font-weight:var(--weight-body)}button,input,select,textarea,optgroup{font:inherit;font-weight:var(--weight-body);letter-spacing:0;color:inherit;margin:0}button{cursor:pointer;text-align:start;color:inherit;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed}textarea{resize:vertical}::placeholder{color:var(--text-muted);opacity:1}:focus-visible{outline:var(--focus-ring-width) solid var(--border-focus);outline-offset:var(--focus-ring-offset)}:focus:not(:focus-visible){outline:none}[data-surface=inverse] :focus-visible,.u-on-inverse :focus-visible{outline-offset:calc(var(--focus-ring-offset) * -1)}::selection{background-color:var(--red-100);color:var(--text-primary)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{inline-size:var(--scrollbar-size);block-size:var(--scrollbar-size)}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--radius-full);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}::-webkit-scrollbar-corner{background:0 0}[data-scroll=overlay]::-webkit-scrollbar{inline-size:var(--scrollbar-size-overlay);block-size:var(--scrollbar-size-overlay)}[data-scroll=overlay]::-webkit-scrollbar-track{background:0 0}[data-scroll=overlay]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--radius-full);border:0}[data-surface=inverse],.u-on-inverse{scrollbar-color:var(--border-on-inverse) transparent}[data-surface=inverse]::-webkit-scrollbar-thumb{background-color:var(--border-on-inverse)}.u-on-inverse::-webkit-scrollbar-thumb{background-color:var(--border-on-inverse)}[data-surface=inverse]::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary-on-inverse)}.u-on-inverse::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary-on-inverse)}bdi,.ltr,.u-ltr{direction:ltr;unicode-bidi:isolate}@keyframes shimmer-sweep{0%{inset-inline-start:-60%}to{inset-inline-start:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:var(--motion-instant)!important;transition-duration:var(--motion-instant)!important;scroll-behavior:auto!important;animation-iteration-count:1!important}}@page{margin:14mm}@media print{html,body{background:var(--bg-card);color:var(--text-primary)}body{font-size:var(--text-xs);line-height:var(--lh-tight)}.u-no-print,[data-print=hide],[data-shell=sidebar],[data-shell=topstrip],nav,[role=navigation],[role=toolbar],[role=dialog],[role=alert],[role=status]{display:none!important}.u-print-only{display:revert!important}*{box-shadow:none!important;overflow:visible!important}main,[data-print=root]{max-inline-size:none!important;margin:0!important;padding:0!important;display:block!important}thead{display:table-header-group}tfoot{display:table-footer-group}tr,img,figure,[data-print=keep-together]{break-inside:avoid}table,th,td{border-color:var(--border-default)!important}a{color:inherit;text-decoration:none}}.u-ltr{direction:ltr;unicode-bidi:isolate}.u-ltr-block{text-align:start;direction:ltr;unicode-bidi:isolate;display:block}.u-tabular{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.u-truncate{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.u-clamp2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-inline-size:0;display:-webkit-box;overflow:hidden}.u-visually-hidden,.u-visually-hidden-focusable:not(:focus):not(:focus-within){clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.u-scroll-x{overflow-inline:auto;overflow-block:hidden}.u-shimmer{background-color:var(--bg-sunken);position:relative;overflow:hidden}.u-shimmer:after{content:"";background-image:linear-gradient(90deg, transparent 0%, var(--shimmer-highlight) 50%, transparent 100%);inline-size:60%;animation:shimmer-sweep var(--shimmer-duration) var(--ease-out) infinite;position:absolute;inset-block:0;inset-inline-start:-60%}@media (prefers-reduced-motion:reduce){.u-shimmer:after{display:none}}@page{margin:14mm}@media print{html,body{background:var(--bg-card);color:var(--text-primary)}body{font-size:var(--text-xs);line-height:var(--lh-tight)}.u-no-print,[data-print=hide],[data-shell=sidebar],[data-shell=topstrip],nav,[role=navigation],[role=toolbar],[role=dialog],[role=alert],[role=status]{display:none!important}.u-print-only{display:revert!important}*{box-shadow:none!important;overflow:visible!important}main,[data-print=root]{max-inline-size:none!important;margin:0!important;padding:0!important;display:block!important}thead{display:table-header-group}tfoot{display:table-footer-group}tr,img,figure,[data-print=keep-together]{break-inside:avoid}table,th,td{border-color:var(--border-default)!important}a{color:inherit;text-decoration:none}}.toast-dock{z-index:var(--z-toast);gap:var(--space-2);pointer-events:none;flex-direction:column-reverse;max-inline-size:420px;display:flex;position:fixed;inset-block-end:var(--space-6);inset-inline-start:var(--space-6)}.toast{align-items:flex-start;gap:var(--space-3);box-sizing:border-box;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background-color:var(--bg-inverse);box-shadow:var(--shadow-overlay);color:var(--text-inverse);pointer-events:auto;animation:toast-enter var(--motion-base) var(--ease-out);display:flex}@media (prefers-reduced-motion:reduce){.toast{animation:none}}@keyframes toast-enter{0%{opacity:0;translate:0 8px}}.toast__valence{inline-size:var(--bar-selected);border-radius:var(--radius-full);flex:none;align-self:stretch}.toast--success .toast__valence{background-color:var(--success-600)}.toast--error .toast__valence{background-color:var(--action-destructive)}.toast__message{min-inline-size:0;font-size:var(--text-sm);line-height:var(--lh-body);color:var(--text-inverse);text-align:start;overflow-wrap:anywhere;flex:auto}.toast__dismiss{font-family:var(--font-family);font-size:var(--text-xs);line-height:var(--lh-body);letter-spacing:0;color:var(--text-secondary-on-inverse);cursor:pointer;background-color:#0000;border:0;flex:none;padding:0;font-weight:400}.toast__dismiss:hover{color:var(--text-inverse)}.toast__dismiss:focus-visible{outline:var(--focus-ring-width) solid var(--text-inverse);border-radius:var(--radius-xs)}.brand-icon{flex:none;display:block}.asset-slot{border-radius:var(--radius-sm);flex:none;display:inline-block}.asset-slot[data-asset-kind=illustration]{background-color:var(--bg-sunken)}.asset-slot--delivered{object-position:center;background-color:#0000}.asset-slot--icon[data-asset-icon]{border-radius:var(--radius-none);background-color:#0000;justify-content:center;align-items:center;display:inline-flex}.state-block{text-align:center;justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;inline-size:100%;display:flex}.state-block__slot{margin-block-end:var(--space-1)}.state-block__title{color:var(--text-primary);font-weight:400;line-height:var(--lh-heading);margin:0}.state-block__line{color:var(--text-body);line-height:var(--lh-body);max-inline-size:48ch;margin:0}.state-block__action{margin-block-start:var(--space-2)}.state-block--page{padding-block:var(--space-16);padding-inline:var(--space-6)}.state-block--page .state-block__title{font-size:var(--text-h3)}.state-block--page .state-block__line{font-size:var(--text-sm)}.state-block--card{padding-block:var(--space-10);padding-inline:var(--space-6)}.state-block--card .state-block__title{font-size:var(--text-sm)}.state-block--card .state-block__line{font-size:var(--text-xs)}.state-block--table{min-block-size:240px;padding-block:var(--space-8);padding-inline:var(--space-6);justify-content:center}.state-block--table .state-block__title{font-size:var(--text-sm)}.state-block--table .state-block__line{font-size:var(--text-xs)}.state-block__detail{margin:var(--space-2) 0 0;max-inline-size:60ch;font-size:var(--text-xs);line-height:var(--lh-body);color:var(--text-muted);overflow-wrap:anywhere}.forbidden-block__home{block-size:var(--space-10);padding-inline:var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-sm);background-color:var(--bg-card);color:var(--text-body);font-size:var(--text-sm);line-height:var(--lh-tight);transition:background-color var(--motion-fast) ease-out;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.forbidden-block__home:hover{background-color:var(--bg-hover)}.forbidden-block__home:focus-visible{outline:var(--focus-ring-width) solid var(--border-focus);outline-offset:var(--focus-ring-offset)}.sk{background-color:var(--bg-sunken);background-image:linear-gradient(90deg, transparent 0%, var(--bg-card) 50%, transparent 100%);background-repeat:no-repeat;background-size:60% 100%;animation:1.4s linear infinite sk-sweep;display:block}@keyframes sk-sweep{0%{background-position:160% 0}to{background-position:-60% 0}}@media (prefers-reduced-motion:reduce){.sk{background-image:none;animation:none}}.sk--line{block-size:var(--text-xs);border-radius:var(--radius-full)}.sk--block{border-radius:var(--radius-sm)}.sk--block-md{border-radius:var(--radius-md)}.sk--block-full{border-radius:var(--radius-full)}.sk-row--compact>.sk-cell{block-size:var(--table-row-compact)}.sk-row--comfortable>.sk-cell{block-size:var(--table-row-comfortable)}.sk-cell{padding-inline:var(--cell-pad-inline);vertical-align:middle;border-block-end:1px solid var(--border-subtle)}.sk-cell__stack{gap:var(--space-2);flex-direction:column;display:flex}.sk-cell--end .sk-cell__stack{align-items:flex-end}.sk-metric{block-size:var(--kpi-card-h);padding-inline:var(--space-6);background-color:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-tile);border:0;flex-direction:column;justify-content:center;align-items:center;display:flex}.sk-metric__icon{inline-size:var(--kpi-illus-slot);block-size:var(--kpi-illus-slot);border-radius:var(--radius-sm)}.sk-metric__label{inline-size:96px;margin-block-start:var(--space-4)}.sk-metric__value{inline-size:132px;block-size:var(--text-metric);margin-block-start:var(--space-3)}.sk-chart{border-radius:var(--radius-sm);inline-size:100%}.sidebar{background:var(--bg-card);border-inline-end:var(--border-width) solid var(--border-default);flex-direction:column;block-size:100%;min-block-size:0;inline-size:100%;display:flex}.sidebar__brand{align-items:center;gap:var(--space-3);block-size:var(--topbar-height);padding-inline:var(--space-6);border-block-end:var(--border-width) solid var(--border-default);flex:none;display:flex}.sidebar__wordmark{color:var(--text-primary);font-size:var(--text-lg);line-height:var(--lh-tight);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar__brand svg{color:var(--action-primary);flex:none}.sidebar__nav{min-block-size:0;padding-block:0 var(--space-6);overscroll-behavior:contain;flex:auto;overflow-y:auto}.sidebar__list{gap:calc(var(--nav-item-h) - var(--nav-pill-h));padding:0 var(--sidebar-pad-inline);flex-direction:column;margin:0;list-style:none;display:flex}.sidebar__group-label{margin:var(--space-14) 0 var(--space-6);padding-inline:var(--sidebar-pad-inline);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-body);line-height:var(--lh-tight);text-align:start}.sidebar__nav>.sidebar__group:first-child>.sidebar__group-label{margin-block-start:var(--space-6)}.sidebar__item{align-items:center;gap:var(--space-3);block-size:var(--nav-pill-h);padding-inline:var(--space-6) var(--space-3);border-radius:var(--radius-none);color:var(--text-body);font-size:var(--text-sm);line-height:var(--lh-tight);transition:background-color var(--motion-fast) var(--ease-out);text-decoration:none;display:flex;position:relative}.sidebar__item:hover{background:var(--bg-hover)}.sidebar__item--active,.sidebar__item--active:hover{background:var(--red-050);color:var(--action-primary)}.sidebar__item--active:before{content:"";inline-size:var(--nav-bar-w);block-size:var(--nav-bar-h);background:var(--action-primary);position:absolute;inset-block-start:50%;inset-inline-start:calc(-1 * var(--space-3));transform:translateY(-50%)}.sidebar__item--inert{color:var(--text-muted);cursor:default}.sidebar__item--inert:hover{background:0 0}.sidebar__item .asset-slot{color:var(--icon-default);background-color:#0000}.sidebar__item--active .asset-slot,.sidebar__item--active:hover .asset-slot{color:var(--action-primary)}.sidebar__item--inert .asset-slot{color:var(--text-muted)}.sidebar__label{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-inline-size:0;overflow:hidden}.sidebar__facets{list-style:none;display:block}.sidebar__notice{margin-block:var(--space-6);padding:var(--space-4) var(--sidebar-pad-inline);border-inline-start:2px solid var(--text-danger);background-color:var(--danger-100)}.sidebar__notice-text{color:var(--text-body);font-size:var(--text-xs);line-height:var(--lh-body);text-align:start;margin:0}.sidebar__notice-retry{color:var(--text-link);font:inherit;font-size:var(--text-xs);cursor:pointer;text-align:start;background:0 0;border:0;margin-block-start:var(--space-2);padding:0}.sidebar__notice-retry:hover{text-decoration:underline}.menu__anchor{display:contents}.menu{z-index:var(--z-menu);box-sizing:border-box;max-block-size:min(360px,60vh);padding:var(--space-2);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);background-color:var(--bg-card);box-shadow:var(--shadow-overlay);position:fixed;overflow-y:auto}.menu:focus{outline:none}.menu__item{align-items:center;gap:var(--space-3);box-sizing:border-box;inline-size:100%;block-size:var(--h-menu-row);padding-inline:var(--space-4);border-radius:var(--radius-xs);font-family:var(--font-family);font-size:var(--text-sm);line-height:var(--lh-tight);font-weight:var(--weight-body);letter-spacing:0;color:var(--text-body);text-align:start;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out);background-color:#0000;border:0;display:flex}.menu__item:hover:not(:disabled),.menu__item--active:not(:disabled){background-color:var(--bg-hover)}.menu__item:focus-visible{outline:var(--focus-ring-width) solid var(--border-focus);outline-offset:calc(var(--focus-ring-offset) * -1)}.menu__item--selected{background-color:var(--red-050);color:var(--action-primary)}.menu__item--destructive{color:var(--action-destructive)}.menu__item:disabled{cursor:not-allowed;color:var(--text-muted)}.menu__icon{inline-size:var(--icon-slot);block-size:var(--icon-slot);flex:none;justify-content:center;align-items:center;display:inline-flex}.menu__label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-inline-size:0;overflow:hidden}.menu__check{inline-size:var(--icon-slot);block-size:var(--icon-slot);color:var(--action-primary);flex:none;justify-content:center;align-items:center;display:inline-flex}.menu__separator{block-size:var(--border-width);margin-block:var(--space-1);margin-inline:var(--space-5);background-color:var(--border-subtle)}.avatar{border-radius:var(--radius-full);background-color:var(--bg-sunken);color:var(--text-secondary);-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}.avatar--20{inline-size:var(--avatar-pill);block-size:var(--avatar-pill);font-size:var(--text-2xs)}.avatar--32{inline-size:var(--avatar-row);block-size:var(--avatar-row);font-size:var(--text-xs)}.avatar--56{block-size:56px;inline-size:56px;font-size:var(--text-sm)}.avatar--72{inline-size:var(--avatar-party);block-size:var(--avatar-party);font-size:var(--text-lg)}.avatar__img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.avatar--loading{background-image:linear-gradient(90deg, transparent 0%, var(--bg-card) 50%, transparent 100%);background-repeat:no-repeat;background-size:60% 100%;animation:1.4s linear infinite avatar-sweep}@keyframes avatar-sweep{0%{background-position:160% 0}to{background-position:-60% 0}}@media (prefers-reduced-motion:reduce){.avatar--loading{background-image:none;animation:none}}.top-strip{--tab-gutter:18px;--live-dot:8px;background:var(--bg-card);border-block-end:var(--border-width) solid var(--border-default);flex:none}.top-strip__row{block-size:calc(var(--topbar-height) - var(--border-width));padding-inline:var(--topstrip-pad-start) var(--canvas-pad);align-items:center;display:flex}.top-strip__tabs{align-items:center;gap:var(--topstrip-gap);flex:auto;min-inline-size:0;display:flex;overflow:hidden}.top-strip__end{align-items:center;gap:var(--space-4);flex:none;margin-inline-start:auto;padding-inline-start:var(--space-4);display:flex}.strip-tab{flex-direction:column;flex:none;align-items:stretch;display:flex}.strip-tab__body{align-items:center;gap:var(--tab-gutter);block-size:var(--domain-tab-h);padding-inline:var(--tab-gutter);border-radius:var(--radius-sm) var(--radius-sm) var(--radius-none) var(--radius-none);transition:background-color var(--motion-fast) var(--ease-out);display:flex}.strip-tab:hover .strip-tab__body{background:var(--bg-sunken)}.strip-tab--active .strip-tab__body,.strip-tab--active:hover .strip-tab__body{background:var(--red-050)}.strip-tab__main{align-items:center;gap:var(--tab-gutter);color:var(--text-body);font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--weight-body);line-height:var(--lh-tight);white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.strip-tab--active .strip-tab__main{color:var(--action-primary)}.strip-tab__main .asset-slot{color:var(--icon-default);background-color:#0000}.strip-tab--active .strip-tab__main .asset-slot{color:var(--action-primary)}.strip-tab__chevron{color:var(--icon-default);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.strip-tab--active .strip-tab__chevron{color:var(--action-primary)}.strip-tab__bar{block-size:var(--underline-active);background:0 0}.strip-tab--active .strip-tab__bar{background:var(--action-primary)}.top-strip__live{inline-size:var(--live-dot);block-size:var(--live-dot);border-radius:var(--radius-full);background:var(--text-muted);flex:none}.top-strip__live--live{background:var(--success-600)}.top-strip__live--stale,.top-strip__live--connecting{background:var(--warning-600)}.top-strip__live--offline{background:var(--text-muted)}.account-pill{align-items:center;gap:var(--space-2);block-size:var(--h-control);min-inline-size:var(--account-pill-min-w);max-inline-size:calc(2 * var(--account-pill-min-w));padding-inline:var(--tab-gutter);border-radius:var(--radius-sm);background:var(--action-primary);color:var(--text-on-red);font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--weight-body);line-height:var(--lh-tight);text-align:start;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out);border:0;flex:none;display:flex}.account-pill:hover{background:var(--action-pressed)}.account-pill__avatar{flex:none;align-items:center;display:flex}.account-pill__name{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-inline-size:0;overflow:hidden}.account-pill__chevron{flex:none;align-items:center;display:flex}.top-strip__banner{padding-block:var(--space-3);padding-inline:var(--canvas-pad);border-block-start:var(--border-width) solid var(--border-default);background:var(--warning-100);color:var(--warning-600);font-size:var(--text-sm);line-height:var(--lh-body)}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);background:var(--bg-page);block-size:100dvh;display:grid;overflow:hidden}.app-shell__main{flex-direction:column;min-block-size:0;min-inline-size:0;display:flex}.app-shell__canvas{min-block-size:0;padding-inline:var(--canvas-pad);padding-block:0 var(--space-8);scrollbar-gutter:stable both-edges;background:var(--bg-page);flex:auto;position:relative;overflow-y:auto}.app-shell__content{max-inline-size:var(--max-content);margin-inline:auto}.app-shell__canvas--full-bleed .app-shell__content{max-inline-size:none}.app-shell__boot-sidebar{background:var(--bg-card);border-inline-end:var(--border-width) solid var(--border-default);block-size:100%}.app-shell__boot-bar{block-size:var(--topbar-height);background:var(--bg-card);border-block-end:var(--border-width) solid var(--border-default);flex:none}
