:root{--brand-50:#eaf0fd;--brand-100:#d1defa;--brand-200:#a3bef5;--brand-300:#6f99ee;--brand-400:#4776e6;--brand-500:#2455e0;--brand-600:#1c44c2;--brand-700:#17369a;--brand-800:#142b78;--brand-900:#112258;--brand-950:#0a1330;--neutral-0:#fff;--neutral-50:#f7f8fa;--neutral-100:#eef0f4;--neutral-200:#dfe3ea;--neutral-300:#c7cdd9;--neutral-400:#98a1b3;--neutral-500:#6b7488;--neutral-600:#4d5566;--neutral-700:#3a4152;--neutral-800:#252b38;--neutral-900:#161a24;--neutral-950:#0d1016;--success-50:#e8f7f0;--success-500:#12a06a;--success-700:#0b7a50;--warning-50:#fdf4e3;--warning-500:#d98b0a;--warning-700:#a66707;--danger-50:#fdecea;--danger-500:#db4437;--danger-700:#a92e24;--info-50:#e7f2fd;--info-500:#2b7fd4;--info-700:#1f5fa1;--bg-app:var(--neutral-50);--bg-surface:var(--neutral-0);--bg-raised:var(--neutral-0);--bg-sunken:var(--neutral-100);--bg-inverted:var(--neutral-900);--text-primary:var(--neutral-900);--text-secondary:var(--neutral-600);--text-muted:var(--neutral-500);--text-on-brand:var(--neutral-0);--text-inverted:var(--neutral-0);--border-subtle:var(--neutral-200);--border-strong:var(--neutral-300);--accent:var(--brand-600);--accent-hover:var(--brand-700);--accent-subtle:var(--brand-50);--font-sans:"IBM Plex Sans Arabic", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "Cascadia Code", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--leading-tight:1.25;--leading-normal:1.6;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-xs:0 1px 2px #4711050f;--shadow-sm:0 1px 3px #47110514, 0 1px 2px #4711050a;--shadow-md:0 4px 12px #47110514;--shadow-lg:0 12px 32px #4711051f;--shadow-focus:0 0 0 3px #2455e040;--sidebar-width:260px;--sidebar-width-collapsed:72px;--topbar-height:60px;--transition-fast:.12s ease;--transition-base:.2s ease}:root[data-theme=dark]{--bg-app:var(--neutral-950);--bg-surface:var(--neutral-900);--bg-raised:var(--neutral-800);--bg-sunken:#0a0d13;--bg-inverted:var(--neutral-0);--text-primary:var(--neutral-100);--text-secondary:var(--neutral-400);--text-muted:var(--neutral-500);--text-inverted:var(--neutral-900);--border-subtle:#2a3140;--border-strong:#3a4252;--accent:var(--brand-400);--accent-hover:var(--brand-300);--accent-subtle:#2455e02e;--success-50:#12a06a26;--warning-50:#d98b0a26;--danger-50:#db443726;--info-50:#2b7fd426;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000073;--shadow-lg:0 12px 32px #0000008c}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased;min-height:100dvh}table,.tabular{font-variant-numeric:tabular-nums}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);font-weight:var(--weight-semibold);text-wrap:balance}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{text-wrap:pretty}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full);border:2px solid var(--bg-app)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-medium);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);white-space:nowrap;border:1px solid #0000;min-height:38px;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--text-on-brand)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-strong)}.btn--secondary:hover:not(:disabled){background:var(--bg-sunken)}.btn--ghost{color:var(--text-secondary);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--bg-sunken);color:var(--text-primary)}.btn--danger{background:var(--danger-500);color:#fff}.btn--danger:hover:not(:disabled){background:var(--danger-700)}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);min-height:30px}.btn--icon{padding:var(--space-2);min-width:36px;min-height:36px}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.card__header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-block-end:1px solid var(--border-subtle);display:flex}.card__title{font-size:var(--text-md);font-weight:var(--weight-semibold)}.card__body{padding:var(--space-6)}.card__body--flush{padding:0}.stat{align-items:center;gap:var(--space-4);padding:var(--space-5);display:flex}.stat__icon{border-radius:var(--radius-md);background:var(--accent-subtle);width:44px;height:44px;color:var(--accent);flex-shrink:0;place-items:center;display:grid}.stat__value{font-size:var(--text-2xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;line-height:1.15}.stat__label{font-size:var(--text-sm);color:var(--text-secondary)}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;display:inline-flex}.badge--neutral{background:var(--bg-sunken);color:var(--text-secondary)}.badge--success{background:var(--success-50);color:var(--success-700)}.badge--warning{background:var(--warning-50);color:var(--warning-700)}.badge--danger{background:var(--danger-50);color:var(--danger-700)}.badge--info{background:var(--info-50);color:var(--info-700)}.badge--brand{background:var(--accent-subtle);color:var(--accent)}:root[data-theme=dark] .badge--success{color:#4ecf9b}:root[data-theme=dark] .badge--warning{color:#f0b755}:root[data-theme=dark] .badge--danger{color:#f0857a}:root[data-theme=dark] .badge--info{color:#6fb2ec}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-base)}.table th{text-align:start;padding:var(--space-3) var(--space-5);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;background:var(--bg-sunken);white-space:nowrap}.table td{padding:var(--space-4) var(--space-5);border-block-start:1px solid var(--border-subtle);vertical-align:middle}.table tbody tr:hover{background:var(--bg-sunken)}.table__num{font-variant-numeric:tabular-nums;white-space:nowrap}.field{gap:var(--space-2);flex-direction:column;display:flex}.field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);min-height:38px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.input:focus{border-color:var(--accent);box-shadow:var(--shadow-focus);outline:none}.input[aria-invalid=true]{border-color:var(--danger-500)}.field__error{font-size:var(--text-sm);color:var(--danger-500)}.empty{align-items:center;gap:var(--space-3);padding:var(--space-16) var(--space-6);text-align:center;color:var(--text-secondary);flex-direction:column;display:flex}.stat--plain{align-items:flex-start;gap:var(--space-1);flex-direction:column}.stat__hint{font-size:var(--text-xs);color:var(--text-muted)}.attention{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.attention__item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--accent-subtle);color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--transition-fast);border:1px solid #0000;display:flex}.attention__item:hover{border-color:var(--accent);text-decoration:none}.attention__item svg{width:16px;height:16px;color:var(--accent);flex-shrink:0;margin-inline-start:auto}[dir=ltr] .attention__item svg{transform:rotate(180deg)}.attention__count{font-weight:var(--weight-bold);font-size:var(--text-lg);color:var(--accent);font-variant-numeric:tabular-nums}.two-col{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.stack{gap:var(--space-4);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);display:flex}.row--between{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.grid-stats{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.spacer{flex:1}.muted{color:var(--text-secondary)}.sidebar{width:var(--sidebar-width);background:var(--bg-surface);border-inline-end:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;height:100dvh;display:flex;position:sticky;inset-block-start:0}.sidebar__brand{align-items:center;gap:var(--space-3);height:var(--topbar-height);padding-inline:var(--space-5);border-block-end:1px solid var(--border-subtle);flex-shrink:0;display:flex}.sidebar__logo{width:30px;height:30px;color:var(--accent)}.sidebar__name{font-size:var(--text-md);font-weight:var(--weight-bold);letter-spacing:-.01em}.sidebar__nav{padding:var(--space-4) var(--space-3);flex:1;overflow-y:auto}.sidebar__section+.sidebar__section{margin-block-start:var(--space-6)}.sidebar__section-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding-inline:var(--space-3);margin-block-end:var(--space-2)}.sidebar__link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:var(--weight-medium);transition:background var(--transition-fast), color var(--transition-fast);display:flex}.sidebar__link:hover{background:var(--bg-sunken);color:var(--text-primary);text-decoration:none}.sidebar__link svg{flex-shrink:0;width:19px;height:19px}.sidebar__link--active{background:var(--accent-subtle);color:var(--accent);position:relative}.sidebar__link--active:before{content:"";border-radius:var(--radius-full);background:var(--accent);width:3px;position:absolute;inset-block:6px;inset-inline-start:calc(var(--space-3) * -1)}.sidebar__link--soon{opacity:.45;cursor:not-allowed}.sidebar__link--soon:hover{color:var(--text-secondary);background:0 0}.sidebar__soon{padding-inline:var(--space-2);border-radius:var(--radius-full);background:var(--bg-sunken);color:var(--text-muted);white-space:nowrap;margin-inline-start:auto;font-size:10px}@media (width<=1024px){.sidebar{z-index:50;transition:transform var(--transition-base);box-shadow:var(--shadow-lg);position:fixed;inset-block:0;inset-inline-start:0;transform:translate(100%)}[dir=ltr] .sidebar{transform:translate(-100%)}.sidebar--open{transform:translate(0)}}.topbar{height:var(--topbar-height);align-items:center;gap:var(--space-3);padding-inline:var(--space-5);background:var(--bg-surface);border-block-end:1px solid var(--border-subtle);z-index:20;display:flex;position:sticky;inset-block-start:0}.topbar__title{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.topbar__burger{display:none}.topbar__user{align-items:center;gap:var(--space-3);border-inline-start:1px solid var(--border-subtle);padding-inline-start:var(--space-3);display:flex}.topbar__avatar{border-radius:var(--radius-full);background:var(--accent);width:34px;height:34px;color:var(--text-on-brand);font-weight:var(--weight-semibold);flex-shrink:0;place-items:center;display:grid}.topbar__user-meta{flex-direction:column;line-height:1.3;display:flex}.topbar__user-name{font-size:var(--text-sm);font-weight:var(--weight-medium)}.topbar__user-role{font-size:var(--text-xs);color:var(--text-muted)}@media (width<=1024px){.topbar__burger{display:inline-flex}}@media (width<=640px){.topbar__user-meta{display:none}}.layout{min-height:100dvh;display:flex}.layout__main{flex-direction:column;flex:1;min-width:0;display:flex}.layout__content{padding:var(--space-6);flex:1}.layout__scrim{z-index:40;cursor:pointer;background:#0d101680;border:none;position:fixed;inset:0}@media (width>=1025px){.layout__scrim{display:none}}@media (width<=640px){.layout__content{padding:var(--space-4)}}.page-header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.skeleton{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--bg-sunken) 25%, var(--border-subtle) 37%, var(--bg-sunken) 63%);background-size:400% 100%;height:12px;animation:1.4s infinite skeleton-shimmer;display:block}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0}}.search{flex:1;min-width:220px;max-width:340px;position:relative}.search svg{width:17px;height:17px;color:var(--text-muted);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:var(--space-3);transform:translateY(-50%)}.search__input{padding-inline-start:var(--space-8)}.filter-tabs{gap:var(--space-1);background:var(--bg-sunken);padding:var(--space-1);border-radius:var(--radius-md);display:flex;overflow-x:auto}.filter-tabs__tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast);display:inline-flex}.filter-tabs__tab:hover{color:var(--text-primary)}.filter-tabs__tab--active{background:var(--bg-surface);color:var(--accent);box-shadow:var(--shadow-xs)}.filter-tabs__count{font-size:var(--text-xs);padding-inline:var(--space-2);border-radius:var(--radius-full);background:var(--bg-sunken);font-variant-numeric:tabular-nums}.filter-tabs__tab--active .filter-tabs__count{background:var(--accent-subtle)}.pagination{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-block-start:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.pagination__page{font-size:var(--text-sm);font-variant-numeric:tabular-nums;padding-inline:var(--space-2)}.drawer-root{z-index:100;position:fixed;inset:0}.drawer__scrim{cursor:pointer;animation:fade-in var(--transition-base);background:#0d101680;border:none;position:absolute;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.drawer{background:var(--bg-surface);width:min(480px,100%);box-shadow:var(--shadow-lg);animation:drawer-in var(--transition-base);flex-direction:column;display:flex;position:absolute;inset-block:0;inset-inline-end:0}@keyframes drawer-in{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}[dir=ltr] .drawer{animation-name:drawer-in-ltr}@keyframes drawer-in-ltr{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.drawer__header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-block-end:1px solid var(--border-subtle);flex-shrink:0;display:flex}.drawer__body{padding:var(--space-5);flex:1;overflow-y:auto}.drawer__footer{padding:var(--space-4) var(--space-5);border-block-start:1px solid var(--border-subtle);gap:var(--space-3);flex-shrink:0;justify-content:flex-end;display:flex}.confirm{width:min(420px,100% - 2rem);padding:var(--space-6);gap:var(--space-4);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(50%,-50%)}[dir=ltr] .confirm{transform:translate(-50%,-50%)}.toasts{z-index:200;gap:var(--space-2);flex-direction:column;display:flex;position:fixed;inset-block-end:var(--space-5);inset-inline-start:var(--space-5)}.toast{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--bg-inverted);color:var(--text-inverted);box-shadow:var(--shadow-lg);font-size:var(--text-sm);max-width:380px;animation:toast-in var(--transition-base);display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast button{color:inherit;opacity:.7;font-size:var(--text-lg);line-height:1}.toast--success{border-inline-start:3px solid var(--success-500)}.toast--error{border-inline-start:3px solid var(--danger-500)}.toast--info{border-inline-start:3px solid var(--info-500)}.empty__icon{color:var(--text-muted);opacity:.6}.drawer__section-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-block-end:var(--space-3)}.is-refetching{opacity:.6;transition:opacity var(--transition-fast)}.settings-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.settings-hint{font-size:var(--text-xs);color:var(--text-muted)}.log-props summary{cursor:pointer;font-size:var(--text-xs);color:var(--accent);margin-block-start:var(--space-1)}.log-props pre{padding:var(--space-3);background:var(--bg-sunken);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:var(--font-mono);max-width:420px;margin-block-start:var(--space-2);overflow-x:auto}.msg{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--bg-sunken);border-inline-start:3px solid var(--border-strong)}.msg--staff{background:var(--accent-subtle);border-inline-start-color:var(--accent)}.msg--internal{background:var(--warning-50);border-inline-start-color:var(--warning-500);border-style:dashed;border-inline-start-style:solid}.msg__head{align-items:center;gap:var(--space-2);font-size:var(--text-xs);flex-wrap:wrap;margin-block-end:var(--space-2);display:flex}.msg p{font-size:var(--text-base);white-space:pre-wrap}.detail-list{gap:var(--space-3) var(--space-4);font-size:var(--text-base);grid-template-columns:auto 1fr;display:grid}.detail-list dt{color:var(--text-secondary);white-space:nowrap}.detail-list dd{font-weight:var(--weight-medium);margin:0}.timeline{gap:var(--space-4);border-inline-start:2px solid var(--border-subtle);flex-direction:column;padding-inline-start:var(--space-5);display:flex}.timeline__item{position:relative}.timeline__item:before{content:"";border-radius:var(--radius-full);background:var(--accent);width:8px;height:8px;position:absolute;inset-block-start:6px;inset-inline-start:calc(var(--space-5) * -1 - 5px)}.timeline__meta{font-size:var(--text-xs);color:var(--text-muted)}.chart{position:relative}.chart__plot{border-block-end:1px solid var(--border-strong);align-items:flex-end;gap:2px;display:flex;position:relative}.chart__grid{border-block-start:1px dashed var(--border-subtle);pointer-events:none;block-size:0;position:absolute;inset-inline:0}.chart__col{cursor:pointer;background:0 0;border:none;flex:1;align-items:flex-end;block-size:100%;padding:0;display:flex}.chart__bar{background:var(--accent);opacity:.85;inline-size:100%;transition:opacity var(--transition-fast);border-start-start-radius:4px;border-start-end-radius:4px}.chart__col:hover .chart__bar,.chart__col--active .chart__bar{opacity:1}.chart__tooltip{background:var(--bg-inverted);color:var(--text-inverted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:var(--text-xs);white-space:nowrap;pointer-events:none;z-index:5;flex-direction:column;gap:2px;display:flex;position:absolute;inset-block-start:-8px;transform:translate(50%)}[dir=ltr] .chart__tooltip{transform:translate(-50%)}.chart__tooltip strong{font-size:var(--text-sm)}.chart__tooltip-date{opacity:.65}.chart__axis{font-size:var(--text-xs);color:var(--text-muted);justify-content:space-between;margin-block-start:var(--space-2);display:flex}.ranked{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ranked__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-block-end:var(--space-2);display:flex}.ranked__label{font-size:var(--text-sm);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranked__value{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}.ranked__track{border-radius:var(--radius-full);background:var(--bg-sunken);block-size:7px;overflow:hidden}.ranked__fill{border-radius:var(--radius-full);background:var(--accent);block-size:100%;min-inline-size:3px}.ranked__hint{font-size:var(--text-xs);color:var(--text-muted);margin-block-start:var(--space-1);display:block}.login{min-height:100dvh;padding:var(--space-6);background:radial-gradient(circle at 15% 10%, var(--accent-subtle), transparent 45%), radial-gradient(circle at 85% 90%, var(--accent-subtle), transparent 45%), var(--bg-app);place-items:center;display:grid}.login__card{width:100%;max-width:380px;padding:var(--space-8);gap:var(--space-5);box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.login__brand{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;margin-block-end:var(--space-2);display:flex}.login__logo{width:56px;height:56px;color:var(--accent)}.login__title{font-size:var(--text-xl);font-weight:var(--weight-bold)}.login__accounts,.login__accounts-list{gap:var(--space-2);flex-direction:column;display:flex}.login__account{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);cursor:pointer;text-align:start;transition:border-color .15s,background .15s;display:flex}.login__account:hover,.login__account--active{border-color:var(--accent);background:var(--accent-subtle)}.login__account-avatar{border-radius:var(--radius-full);background:var(--accent);width:34px;height:34px;color:var(--text-on-brand);font-weight:var(--weight-semibold);flex-shrink:0;place-items:center;display:grid}.login__account-meta{flex-direction:column;flex:1;min-width:0;display:flex}.login__account-name{font-weight:var(--weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.login__account-sub{font-size:var(--text-xs);color:var(--text-muted)}.login__account-remove{border-radius:var(--radius-full);width:24px;height:24px;color:var(--text-muted);font-size:var(--text-sm);flex-shrink:0;place-items:center;line-height:1;display:grid}.login__account-remove:hover{background:var(--danger-subtle,#dc26261f);color:var(--danger,#dc2626)}