:root{--font-sans:"Inter var", "Inter", "Segoe UI Variable Text", "Segoe UI", ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-arabic:"IBM Plex Sans Arabic", "Noto Sans Arabic", "Segoe UI", "Dubai", "Geeza Pro", "Tahoma", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-md:.875rem;--text-base:.9375rem;--text-lg:1.0625rem;--text-xl:1.3125rem;--text-2xl:1.625rem;--text-3xl:2.125rem;--text-display:2.75rem;--track-tight:-.022em;--track-snug:-.012em;--track-wide:.06em;--leading-tight:1.22;--leading-snug:1.4;--leading-normal:1.6;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:28px;--s-8:32px;--s-10:40px;--s-12:48px;--s-14:56px;--s-16:64px;--s-20:80px;--radius-xs:5px;--radius-sm:8px;--radius:11px;--radius-lg:15px;--radius-xl:20px;--radius-pill:999px;--sidebar-w:260px;--topbar-h:60px;--content-max:1080px;--content-narrow:860px;--teal-300:#5fe9d5;--teal-400:#2ed8bf;--teal-500:#14c2aa;--teal-600:#0b9c89;--teal-700:#0a7668}:root,[data-theme=dark]{--bg:#07090d;--bg-ambient-1:#14c2aa12;--bg-ambient-2:#3860b20d;--surface-1:#0b0e14;--surface-2:#10141d;--surface-3:#151b26;--surface-4:#1b2230;--surface-inset:#080a0f;--line-faint:#151b25;--line:#1e2633;--line-strong:#2b3546;--line-lit:#2ed8bf57;--fg:#e9eef6;--fg-strong:#fff;--fg-muted:#95a2b6;--fg-subtle:#65728a;--fg-faint:#465063;--brand:var(--teal-500);--brand-bright:var(--teal-400);--brand-on:#02120f;--brand-wash:#14c2aa1a;--brand-wash-strong:#14c2aa2e;--brand-rim:#2ed8bf4d;--brand-glow:#14c2aa38;--ok:#3fd897;--ok-wash:#3fd8971c;--ok-rim:#3fd8974d;--warn:#f0b542;--warn-wash:#f0b5421c;--warn-rim:#f0b5424d;--neutral:#7d8ba2;--neutral-wash:#7d8ba21c;--neutral-rim:#7d8ba242;--danger:#f2606c;--danger-wash:#f2606c1c;--danger-rim:#f2606c52;--info:#5b9dff;--info-wash:#5b9dff1c;--info-rim:#5b9dff4d;--focus:#48e3cc;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 24px -10px #000000b3;--shadow-pop:0 18px 48px -16px #000c, 0 0 0 1px var(--line-strong);--shadow-modal:0 32px 80px -20px #000000db, 0 0 0 1px var(--line-strong);--overlay:#04060ab8;--glass:#10141dc7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#f6f7f9;--bg-ambient-1:#0b9c8912;--bg-ambient-2:#3860b20b;--surface-1:#fff;--surface-2:#fff;--surface-3:#f4f6f9;--surface-4:#eceff4;--surface-inset:#f1f3f7;--line-faint:#eef0f4;--line:#e0e4ea;--line-strong:#c9d0da;--line-lit:#0b9c895c;--fg:#101720;--fg-strong:#05090f;--fg-muted:#576375;--fg-subtle:#7d8798;--fg-faint:#a4adbc;--brand:var(--teal-600);--brand-bright:var(--teal-700);--brand-on:#fff;--brand-wash:#0b9c8917;--brand-wash-strong:#0b9c8926;--brand-rim:#0b9c894d;--brand-glow:#0b9c8929;--ok:#0f9463;--ok-wash:#0f94631a;--ok-rim:#0f946342;--warn:#a97410;--warn-wash:#a974101a;--warn-rim:#a9741042;--neutral:#667488;--neutral-wash:#66748817;--neutral-rim:#6674883d;--danger:#cf3441;--danger-wash:#cf344114;--danger-rim:#cf344142;--info:#2c6fd6;--info-wash:#2c6fd617;--info-rim:#2c6fd642;--focus:#0b9c89;--shadow-sm:0 1px 2px #1018280f;--shadow-md:0 8px 24px -12px #1018282e;--shadow-pop:0 18px 44px -16px #10182838, 0 0 0 1px var(--line);--shadow-modal:0 32px 72px -20px #10182842, 0 0 0 1px var(--line);--overlay:#141b2670;--glass:#ffffffd1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;--flow:1}html[dir=rtl]{--flow:-1}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);font-feature-settings:"cv05" 1, "ss03" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}html[lang=ar] body{font-family:var(--font-arabic);line-height:1.8}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4,html[lang=ar] .metric-value,html[lang=ar] .display{letter-spacing:0;line-height:1.45}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(1100px 620px at 78% -8%, var(--bg-ambient-1), transparent 62%), radial-gradient(900px 560px at 4% 102%, var(--bg-ambient-2), transparent 60%);position:fixed;inset:0}#root{z-index:1;position:relative}h1,h2,h3,h4{line-height:var(--leading-tight);letter-spacing:var(--track-tight);color:var(--fg-strong);font-weight:640}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-base)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}ul,ol{list-style:none}svg{flex:none;display:block}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-xs)}::selection{background:var(--brand-wash-strong);color:var(--fg-strong)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;font-size:.92em}.num{font-variant-numeric:tabular-nums;unicode-bidi:isolate}.truncate{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--radius-pill);background-clip:content-box;border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--fg-faint);background-clip:content-box}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes pulse-brand{0%,to{opacity:.55;transform:scale(.97)}50%{opacity:1;transform:scale(1)}}.btn{justify-content:center;align-items:center;gap:var(--s-2);padding-inline:var(--s-4);border-radius:var(--radius-sm);block-size:36px;font-size:var(--text-sm);letter-spacing:var(--track-snug);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;font-weight:560;transition:background .14s cubic-bezier(.22,1,.36,1),border-color .14s cubic-bezier(.22,1,.36,1),color .14s cubic-bezier(.22,1,.36,1),box-shadow .14s cubic-bezier(.22,1,.36,1),transform 90ms cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative}html[lang=ar] .btn{letter-spacing:0}.btn:active:not(:disabled){transform:scale(.975)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--brand);color:var(--brand-on);box-shadow:inset 0 1px #ffffff29,0 1px 2px #0000004d}.btn-primary:hover:not(:disabled){background:var(--brand-bright);box-shadow:inset 0 1px 0 #fff3, 0 4px 16px -6px var(--brand-glow)}.btn-secondary{background:var(--surface-3);border-color:var(--line-strong);color:var(--fg)}.btn-secondary:hover:not(:disabled){background:var(--surface-4);border-color:var(--fg-faint)}.btn-ghost{color:var(--fg-muted)}.btn-ghost:hover:not(:disabled){background:var(--surface-3);color:var(--fg)}.btn-danger{background:var(--danger-wash);border-color:var(--danger-rim);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff;border-color:var(--danger)}.btn-lg{block-size:44px;padding-inline:var(--s-5);font-size:var(--text-base);border-radius:var(--radius)}.btn-sm{block-size:30px;padding-inline:var(--s-3);font-size:var(--text-xs)}.btn-icon{inline-size:34px;padding:0}.btn-icon.btn-sm{block-size:28px;inline-size:28px}.btn .lead-icon{transition:transform .18s cubic-bezier(.22,1,.36,1)}.btn:hover:not(:disabled) .lead-icon{transform:translateX(calc(2px * var(--flow)))}.panel{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-lg)}.panel-head{justify-content:space-between;align-items:flex-start;gap:var(--s-4);padding:var(--s-5) var(--s-5) var(--s-4);display:flex}.panel-head+.panel-body,.panel-head+.rows{border-block-start:1px solid var(--line-faint)}.panel-title{align-items:center;gap:var(--s-2);font-size:var(--text-md);letter-spacing:var(--track-snug);color:var(--fg-strong);font-weight:620;display:flex}html[lang=ar] .panel-title{letter-spacing:0}.panel-note{font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--fg-muted);max-inline-size:64ch;margin-block-start:var(--s-2)}.panel-body{padding:var(--s-5)}.section-head{justify-content:space-between;align-items:baseline;gap:var(--s-4);margin-block-end:var(--s-4);display:flex}.eyebrow{font-size:var(--text-2xs);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--fg-subtle);font-weight:640}html[lang=ar] .eyebrow{letter-spacing:0;text-transform:none}.rows>*+*{border-block-start:1px solid var(--line-faint)}.row{align-items:center;gap:var(--s-5);padding:var(--s-4) var(--s-5);transition:background .14s cubic-bezier(.22,1,.36,1);display:flex}.row-stack{align-items:stretch;gap:var(--s-3);flex-direction:column}.rows[data-muted=true]>.row:not(:first-child){opacity:.55}.row-text{flex:1;min-inline-size:0}.row-label{align-items:center;gap:var(--s-2);font-size:var(--text-sm);color:var(--fg);font-weight:560;display:flex}.row-help{font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--fg-muted);max-inline-size:66ch;margin-block-start:3px}.row-control{flex:none;inline-size:min(100%,260px)}.row-sensitive{background:linear-gradient(to right, var(--warn-wash), transparent 42%);box-shadow:inset 2px 0 0 var(--warn-rim)}html[dir=rtl] .row-sensitive{background:linear-gradient(to left, var(--warn-wash), transparent 42%);box-shadow:inset -2px 0 0 var(--warn-rim)}.switch{border-radius:var(--radius-pill);background:var(--surface-inset);border:1px solid var(--line-strong);flex:none;block-size:23px;inline-size:40px;transition:background .22s cubic-bezier(.22,1,.36,1),border-color .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1);position:relative}.switch:after{content:"";background:var(--fg-subtle);border-radius:50%;block-size:15px;inline-size:15px;transition:transform .26s cubic-bezier(.32,.72,0,1),background .2s cubic-bezier(.22,1,.36,1),inline-size .2s cubic-bezier(.32,.72,0,1);position:absolute;inset-block-start:3px;inset-inline-start:3px;box-shadow:0 1px 2px #00000059}.switch:active:not(:disabled):after{inline-size:19px}.switch[aria-checked=true]{background:var(--brand);border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-wash)}.switch[aria-checked=true]:after{background:var(--brand-on);transform:translateX(calc(17px * var(--flow)))}.switch:active:not(:disabled)[aria-checked=true]:after{transform:translateX(calc(13px * var(--flow)))}.switch:disabled{opacity:.4;cursor:not-allowed}.field{block-size:36px;inline-size:100%;padding-inline:var(--s-3);background:var(--surface-inset);border:1px solid var(--line-strong);border-radius:var(--radius-sm);font-size:var(--text-sm);transition:border-color .14s cubic-bezier(.22,1,.36,1),box-shadow .14s cubic-bezier(.22,1,.36,1),background .14s cubic-bezier(.22,1,.36,1)}textarea.field{block-size:auto;min-block-size:92px;padding-block:var(--s-3);line-height:var(--leading-snug);resize:vertical}.field::placeholder{color:var(--fg-faint)}.field:hover:not(:disabled){border-color:var(--fg-faint)}.field:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-wash);background:var(--surface-3);outline:none}.field:disabled{opacity:.55;cursor:not-allowed}.search-field{position:relative}.search-field>svg:first-child{color:var(--fg-subtle);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:var(--s-3);transform:translateY(-50%)}.search-field>.field{padding-inline-start:var(--s-10)}.trigger{align-items:center;gap:var(--s-2);min-block-size:36px;inline-size:100%;padding-inline:var(--s-3);background:var(--surface-inset);border:1px solid var(--line-strong);border-radius:var(--radius-sm);font-size:var(--text-sm);text-align:start;transition:border-color .14s cubic-bezier(.22,1,.36,1),background .14s cubic-bezier(.22,1,.36,1);display:flex}.trigger:hover:not(:disabled){border-color:var(--fg-faint);background:var(--surface-3)}.trigger[data-state=open]{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-wash)}.trigger-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.trigger-placeholder{color:var(--fg-faint)}.trigger-caret{color:var(--fg-subtle);transition:transform .2s cubic-bezier(.22,1,.36,1)}.trigger[data-state=open] .trigger-caret{transform:rotate(180deg)}.pop{z-index:70;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow-pop);overflow:hidden}.pop-search{padding:var(--s-2);border-block-end:1px solid var(--line-faint)}.pop-list{max-block-size:300px;padding:var(--s-1);overflow-y:auto}.pop-group{padding:var(--s-3) var(--s-3) var(--s-1);font-size:var(--text-2xs);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--fg-faint);font-weight:640}html[lang=ar] .pop-group{letter-spacing:0;text-transform:none}.pop-item{align-items:center;gap:var(--s-3);inline-size:100%;padding:var(--s-2) var(--s-3);border-radius:var(--radius-xs);font-size:var(--text-sm);text-align:start;color:var(--fg-muted);transition:background .1s cubic-bezier(.22,1,.36,1),color .1s cubic-bezier(.22,1,.36,1);display:flex}.pop-item:hover,.pop-item[data-active=true]{background:var(--surface-4);color:var(--fg)}.pop-item[data-selected=true]{color:var(--brand)}.pop-item:disabled{opacity:.4;cursor:not-allowed}.pop-empty{padding:var(--s-6) var(--s-4);text-align:center;font-size:var(--text-sm);color:var(--fg-subtle)}.pop-sep{block-size:1px;margin:var(--s-1) 0;background:var(--line-faint)}.overlay{z-index:80;background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:fixed;inset:0}.dialog{z-index:81;transform:translate(calc(-50% * var(--flow)), -50%);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--radius-lg);max-block-size:calc(100vh - 64px);inline-size:min(100vw - 32px,460px);box-shadow:var(--shadow-modal);padding:var(--s-6);position:fixed;inset-block-start:50%;inset-inline-start:50%;overflow-y:auto}.dialog-title{font-size:var(--text-lg);letter-spacing:var(--track-snug);font-weight:640}html[lang=ar] .dialog-title{letter-spacing:0}.dialog-body{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--fg-muted);margin-block-start:var(--s-3)}.dialog-actions{justify-content:flex-end;gap:var(--s-2);margin-block-start:var(--s-6);display:flex}.badge{align-items:center;gap:var(--s-2);padding-inline:var(--s-2);border-radius:var(--radius-xs);block-size:21px;font-size:var(--text-2xs);white-space:nowrap;border:1px solid #0000;font-weight:620;display:inline-flex}.badge-dot{block-size:5px;inline-size:5px;box-shadow:0 0 0 2px color-mix(in srgb, currentColor 22%, transparent);background:currentColor;border-radius:50%}.badge-ok{color:var(--ok);background:var(--ok-wash);border-color:var(--ok-rim)}.badge-warn{color:var(--warn);background:var(--warn-wash);border-color:var(--warn-rim)}.badge-danger{color:var(--danger);background:var(--danger-wash);border-color:var(--danger-rim)}.badge-info{color:var(--info);background:var(--info-wash);border-color:var(--info-rim)}.badge-brand{color:var(--brand-bright);background:var(--brand-wash);border-color:var(--brand-rim)}.badge-neutral{color:var(--fg-muted);background:var(--neutral-wash);border-color:var(--neutral-rim)}.badge-pulse .badge-dot{animation:2.4s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 2px color-mix(in srgb, currentColor 22%, transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb, currentColor 4%, transparent)}}.chips{gap:var(--s-2);flex-wrap:wrap;display:flex}.chip{align-items:center;gap:var(--s-2);padding-inline:var(--s-3) var(--s-1);border-radius:var(--radius-sm);background:var(--surface-3);border:1px solid var(--line);block-size:30px;font-size:var(--text-xs);transition:border-color .14s cubic-bezier(.22,1,.36,1),background .14s cubic-bezier(.22,1,.36,1);display:inline-flex}.chip:hover{border-color:var(--line-strong)}.chip-swatch{border-radius:3px;flex:none;block-size:9px;inline-size:9px}.chip-remove{border-radius:var(--radius-xs);block-size:22px;inline-size:22px;color:var(--fg-subtle);place-items:center;transition:background .12s cubic-bezier(.22,1,.36,1),color .12s cubic-bezier(.22,1,.36,1);display:grid}.chip-remove:hover{background:var(--danger-wash);color:var(--danger)}.avatar{background:var(--surface-3);object-fit:cover;border-radius:50%;flex:none}.guild-icon{border-radius:var(--radius);background:var(--surface-3);border:1px solid var(--line);letter-spacing:var(--track-snug);color:var(--fg-muted);flex:none;place-items:center;font-weight:640;display:grid;position:relative;overflow:hidden}.guild-icon img{object-fit:cover;block-size:100%;inline-size:100%}.skeleton{background:var(--surface-3);border-radius:var(--radius-xs);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--fg) 6%, transparent), transparent);animation:1.5s ease-in-out infinite sweep;position:absolute;inset:0;transform:translate(-100%)}@keyframes sweep{to{transform:translate(100%)}}.empty{text-align:center;align-items:center;gap:var(--s-3);padding:var(--s-14) var(--s-6);flex-direction:column;display:flex}.empty-mark{border-radius:var(--radius);background:var(--surface-3);border:1px solid var(--line);block-size:46px;inline-size:46px;color:var(--fg-subtle);place-items:center;margin-block-end:var(--s-1);display:grid}.empty-title{font-size:var(--text-base);color:var(--fg-strong);font-weight:600}.empty-body{font-size:var(--text-sm);color:var(--fg-muted);max-inline-size:44ch;line-height:var(--leading-snug)}.spinner{animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.notice{align-items:flex-start;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:var(--leading-snug);border:1px solid;display:flex}.notice-warn{background:var(--warn-wash);border-color:var(--warn-rim);color:var(--warn)}.notice-danger{background:var(--danger-wash);border-color:var(--danger-rim);color:var(--danger)}.notice-info{background:var(--info-wash);border-color:var(--info-rim);color:var(--info)}.notice-ok{background:var(--ok-wash);border-color:var(--ok-rim);color:var(--ok)}.notice-body{color:var(--fg)}.table{border-collapse:collapse;inline-size:100%;font-size:var(--text-sm)}.table th{padding:var(--s-3) var(--s-4);text-align:start;font-size:var(--text-2xs);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--fg-subtle);border-block-end:1px solid var(--line);white-space:nowrap;font-weight:640}html[lang=ar] .table th{letter-spacing:0;text-transform:none}.table td{padding:var(--s-3) var(--s-4);border-block-end:1px solid var(--line-faint);vertical-align:middle}.table tbody tr{transition:background .12s cubic-bezier(.22,1,.36,1)}.table tbody tr[data-clickable=true]{cursor:pointer}.table tbody tr:hover{background:var(--surface-3)}.table-scroll{border-radius:var(--radius-lg);overflow-x:auto}.chart{inline-size:100%;position:relative}.chart svg{block-size:auto;inline-size:100%;overflow:visible}.chart-legend{gap:var(--s-4);flex-wrap:wrap;margin-block-end:var(--s-3);display:flex}.chart-legend-item{align-items:center;gap:var(--s-2);font-size:var(--text-xs);color:var(--fg-muted);display:inline-flex}.chart-key{border-radius:var(--radius-pill);block-size:2px;inline-size:12px}.chart-readout{padding:var(--s-2) var(--s-3);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);pointer-events:none;flex-direction:column;gap:3px;display:flex;position:absolute;inset-block-start:0;inset-inline-end:0}.chart-readout-day{font-size:var(--text-2xs);color:var(--fg-subtle)}.chart-readout-row{align-items:center;gap:var(--s-2);font-size:var(--text-xs);display:flex}.chart-readout-value{color:var(--fg-strong);font-weight:620}.chart-readout-label{color:var(--fg-muted)}.chart-empty{min-block-size:150px;font-size:var(--text-sm);color:var(--fg-subtle);border:1px dashed var(--line);border-radius:var(--radius);place-items:center;display:grid}.chart-table-toggle{margin-block-start:var(--s-2);margin-inline-start:auto;display:block}.card-templates{gap:var(--s-3);grid-template-columns:repeat(4,1fr);display:grid}.card-template{gap:var(--s-2);padding:var(--s-3);background:var(--surface-3);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;text-align:start;flex-direction:column;transition:background .16s cubic-bezier(.22,1,.36,1),border-color .16s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.card-template:hover{background:var(--surface-4);border-color:var(--line-strong)}.card-template[data-selected=true]{border-color:#0000}.card-template-ring{border:1.5px solid var(--brand);border-radius:var(--radius);pointer-events:none;position:absolute;inset:0}.card-template-name{font-size:var(--text-xs);color:var(--fg-muted);font-weight:600}.card-template[data-selected=true] .card-template-name{color:var(--fg)}.card-template-figure{align-items:center;gap:var(--s-2);block-size:46px;padding:var(--s-2);border-radius:var(--radius-sm);background:var(--surface-inset);display:flex;overflow:hidden}.ctf-avatar{border-radius:var(--radius-pill);background:var(--fg-faint);flex:none;block-size:22px;inline-size:22px}.ctf-lines{flex-direction:column;gap:4px;inline-size:100%;display:flex}.ctf-line{background:var(--fg-faint);border-radius:2px;block-size:4px}.ctf-line-title{background:var(--fg-subtle);inline-size:72%}.ctf-line-sub{inline-size:52%}.ctf-line-chip{background:var(--brand);opacity:.7;inline-size:30%}.card-template[data-template=aurora] .card-template-figure,.card-template[data-template=spotlight] .card-template-figure{background:#0b0e14}.card-template[data-template=aurora] .ctf-line,.card-template[data-template=spotlight] .ctf-line{background:#3a4458}.card-template[data-template=aurora] .ctf-line-title,.card-template[data-template=spotlight] .ctf-line-title{background:#9aa6ba}.card-template[data-template=aurora] .ctf-avatar,.card-template[data-template=spotlight] .ctf-avatar{background:#46506a}.card-template[data-template=paper] .card-template-figure{background:#f2f1ee}.card-template[data-template=paper] .ctf-avatar{border-radius:var(--radius-xs);background:#c9c6bf}.card-template[data-template=paper] .ctf-line{background:#cfccc4}.card-template[data-template=paper] .ctf-line-title{background:#8c877d}.card-template[data-template=spotlight] .card-template-figure{flex-direction:column;justify-content:center;gap:4px}.card-template[data-template=spotlight] .ctf-avatar{block-size:16px;inline-size:16px}.card-template[data-template=spotlight] .ctf-lines{align-items:center}.card-template[data-template=banner] .card-template-figure{background:linear-gradient(120deg, var(--brand), var(--brand-on))}.card-template[data-template=banner] .ctf-line,.card-template[data-template=banner] .ctf-line-title{background:#ffffffd1}.card-template[data-template=banner] .ctf-line-chip{display:none}.card-template[data-template=banner] .ctf-avatar{background:#ffffffe6}.accent-picker{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.accent-swatch,.accent-custom>span{border-radius:var(--radius-pill);cursor:pointer;border:1px solid #ffffff29;block-size:22px;inline-size:22px;transition:transform .16s cubic-bezier(.22,1,.36,1)}.accent-swatch:hover{transform:scale(1.12)}.accent-swatch[data-selected=true]{box-shadow:0 0 0 2px var(--surface-2), 0 0 0 3.5px var(--fg)}.accent-custom{cursor:pointer;display:inline-flex;position:relative}.accent-custom>input{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;position:absolute;inset:0}.accent-custom>span{background-image:conic-gradient(#e0508a,#e08a2e,#3aa655,#5b7cf0,#8b5cf6,#e0508a);display:block}.accent-hex{font-size:var(--text-xs);color:var(--fg-subtle)}.card-preview-block{gap:var(--s-3);padding:var(--s-5);border-block-start:1px solid var(--line-faint);flex-direction:column;display:flex}.card-preview{aspect-ratio:1000/340;border-radius:var(--radius);background:var(--surface-inset);transition:opacity .24s cubic-bezier(.22,1,.36,1);overflow:hidden}.card-preview[data-loading=true]{opacity:.55}.card-preview>img{block-size:auto;inline-size:100%;display:block}.card-preview-skeleton{background:linear-gradient(90deg, var(--surface-inset), var(--surface-3), var(--surface-inset));background-size:200% 100%;block-size:100%;inline-size:100%;animation:1.4s cubic-bezier(.65,0,.35,1) infinite card-preview-sweep}.card-preview-failed{padding:var(--s-6);font-size:var(--text-sm);color:var(--fg-subtle);justify-content:center;align-items:center;display:flex}@keyframes card-preview-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.card-preview-skeleton{animation:none}}@media (width<=760px){.card-templates{grid-template-columns:repeat(2,1fr)}}.shell{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-block-size:100%;display:grid}.sidebar{background:var(--surface-1);border-inline-end:1px solid var(--line)}.sidebar-inner{block-size:100vh;padding:var(--s-4) var(--s-3);flex-direction:column;display:flex;position:sticky;inset-block-start:0;overflow-y:auto}.brand{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-2) var(--s-4);display:flex}.brand-mark{border-radius:var(--radius-sm);background:var(--brand-wash);border:1px solid var(--brand-rim);block-size:32px;inline-size:32px;color:var(--brand-bright);flex:none;place-items:center;display:grid}.brand-name{font-size:var(--text-base);letter-spacing:var(--track-tight);color:var(--fg-strong);font-weight:660;line-height:1.1}.brand-sub{font-size:var(--text-2xs);color:var(--fg-subtle);margin-block-start:2px;line-height:1.2}html[lang=ar] .brand-name{letter-spacing:0}.switcher{align-items:center;gap:var(--s-3);inline-size:100%;padding:var(--s-2);border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line);text-align:start;transition:background .16s cubic-bezier(.22,1,.36,1),border-color .16s cubic-bezier(.22,1,.36,1);display:flex}.switcher:hover{background:var(--surface-3);border-color:var(--line-strong)}.switcher[data-state=open]{border-color:var(--brand-rim);background:var(--surface-3)}.switcher-text{flex:1;min-inline-size:0}.switcher-name{font-size:var(--text-sm);color:var(--fg-strong);font-weight:600}.switcher-meta{font-size:var(--text-2xs);color:var(--fg-subtle);margin-block-start:1px}.nav{flex-direction:column;gap:1px;margin-block-start:var(--s-2);display:flex;position:relative}.nav-group-label{padding:var(--s-5) var(--s-3) var(--s-2);font-size:var(--text-2xs);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--fg-faint);font-weight:640}html[lang=ar] .nav-group-label{letter-spacing:0;text-transform:none}.nav-item{align-items:center;gap:var(--s-3);padding:7px var(--s-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--fg-muted);z-index:1;font-weight:520;transition:color .16s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.nav-item:hover{color:var(--fg)}.nav-item[data-active=true]{color:var(--fg-strong);font-weight:580}.nav-item svg{color:currentColor;opacity:.8;transition:opacity .16s cubic-bezier(.22,1,.36,1)}.nav-item[data-active=true] svg{color:var(--brand-bright);opacity:1}.nav-indicator{border-radius:var(--radius-sm);background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--line);z-index:0;position:absolute;inset-inline:0}.nav-indicator:before{content:"";border-radius:var(--radius-pill);background:var(--brand);inline-size:2px;box-shadow:0 0 10px var(--brand-glow);position:absolute;inset-block:7px;inset-inline-start:0}.nav-count{font-size:var(--text-2xs);font-variant-numeric:tabular-nums;color:var(--fg-faint);margin-inline-start:auto}.sidebar-foot{margin-block-start:auto;padding-block-start:var(--s-4)}.account{align-items:center;gap:var(--s-3);inline-size:100%;padding:var(--s-2);border-radius:var(--radius);text-align:start;transition:background .16s cubic-bezier(.22,1,.36,1);display:flex}.account:hover,.account[data-state=open]{background:var(--surface-3)}.account-name{min-inline-size:0;font-size:var(--text-sm);flex:1;font-weight:560}.main{flex-direction:column;min-inline-size:0;display:flex}.topbar{z-index:40;align-items:center;gap:var(--s-3);block-size:var(--topbar-h);padding-inline:var(--s-6);background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);border-block-end:1px solid var(--line);display:flex;position:sticky;inset-block-start:0}.topbar-title{font-size:var(--text-md);letter-spacing:var(--track-snug);font-weight:600}html[lang=ar] .topbar-title{letter-spacing:0}.spacer{flex:1}.page{inline-size:100%;max-inline-size:var(--content-max);padding:var(--s-8) var(--s-6) var(--s-20);flex:1;margin-inline:auto}.page-narrow{max-inline-size:var(--content-narrow)}.page-head{margin-block-end:var(--s-7)}.page-title{font-size:var(--text-2xl)}.page-sub{color:var(--fg-muted);font-size:var(--text-sm);line-height:var(--leading-snug);max-inline-size:72ch;margin-block-start:var(--s-2)}.stack{gap:var(--s-5);flex-direction:column;display:flex}.stack-tight{gap:var(--s-3)}.stack-loose{gap:var(--s-8)}.cluster{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.hero{padding:var(--s-6);border-radius:var(--radius-xl);background:var(--surface-2);border:1px solid var(--line);position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle, var(--brand-glow), transparent 65%);opacity:.55;pointer-events:none;border-radius:50%;block-size:460px;inline-size:460px;position:absolute;inset-block-start:-180px;inset-inline-start:-120px}.hero-row{align-items:center;gap:var(--s-5);display:flex;position:relative}.hero-name{font-size:var(--text-2xl);letter-spacing:var(--track-tight)}html[lang=ar] .hero-name{letter-spacing:0}.hero-meta{align-items:center;gap:var(--s-2) var(--s-4);font-size:var(--text-sm);color:var(--fg-muted);flex-wrap:wrap;margin-block-start:var(--s-2);display:flex}.hero-stats{gap:var(--s-4);border-block-start:1px solid var(--line-faint);grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin-block-start:var(--s-6);padding-block-start:var(--s-5);display:grid;position:relative}.metric-label{font-size:var(--text-xs);color:var(--fg-subtle)}.metric-value{font-size:var(--text-xl);letter-spacing:var(--track-tight);color:var(--fg-strong);unicode-bidi:isolate;margin-block-start:var(--s-1);font-weight:640}.metric-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.metric-card{padding:var(--s-4) var(--s-5);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-lg)}.module-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(248px,1fr));display:grid}.module-card{gap:var(--s-3);padding:var(--s-5);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;transition:border-color .2s cubic-bezier(.22,1,.36,1),background .2s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.module-card:hover{border-color:var(--line-strong);background:var(--surface-3)}.module-card[data-on=true]:before{content:"";inset-block-start:0;inset-inline:var(--s-5);background:linear-gradient(to right, transparent, var(--brand-rim), transparent);block-size:1px;position:absolute}.module-head{align-items:center;gap:var(--s-3);display:flex}.module-icon{border-radius:var(--radius-sm);background:var(--surface-3);border:1px solid var(--line);block-size:30px;inline-size:30px;color:var(--fg-muted);flex:none;place-items:center;display:grid}.module-card[data-on=true] .module-icon{background:var(--brand-wash);border-color:var(--brand-rim);color:var(--brand-bright)}.module-name{font-size:var(--text-sm);color:var(--fg-strong);flex:1;font-weight:600}.module-go{color:var(--fg-faint);opacity:0;transition:opacity .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1)}.module-card:hover .module-go{opacity:1;color:var(--brand-bright);transform:translateX(calc(2px * var(--flow)))}.module-facts{gap:var(--s-1);font-size:var(--text-xs);color:var(--fg-muted);flex-direction:column;display:flex}.module-fact{justify-content:space-between;gap:var(--s-3);display:flex}.module-fact>span:last-child{color:var(--fg);font-variant-numeric:tabular-nums;unicode-bidi:isolate}.check-row{align-items:flex-start;gap:var(--s-3);padding:var(--s-3) var(--s-5);display:flex}.check-mark{border:1px solid;border-radius:50%;flex:none;place-items:center;block-size:20px;inline-size:20px;margin-block-start:1px;display:grid}.check-ok{color:var(--ok);border-color:var(--ok-rim);background:var(--ok-wash)}.check-warn{color:var(--warn);border-color:var(--warn-rim);background:var(--warn-wash)}.check-action{color:var(--danger);border-color:var(--danger-rim);background:var(--danger-wash)}.check-text{min-inline-size:0;font-size:var(--text-sm);flex:1}.check-detail{font-size:var(--text-xs);color:var(--fg-muted);margin-block-start:2px}.progress-row{align-items:center;gap:var(--s-3);display:flex}.progress-rail{border-radius:var(--radius-pill);background:var(--surface-4);block-size:6px;box-shadow:inset 0 0 0 1px var(--line);flex:1;overflow:hidden}.progress-fill{border-radius:var(--radius-pill);background:linear-gradient(to right, var(--brand), var(--brand-bright));transform-origin:0;block-size:100%;inline-size:100%}html[dir=rtl] .progress-fill{background:linear-gradient(to left, var(--brand), var(--brand-bright));transform-origin:100%}.server-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(276px,1fr));display:grid}.server-grid>*{display:flex}.server-card{align-items:center;gap:var(--s-4);inline-size:100%;padding:var(--s-4);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-lg);text-align:start;transition:border-color .22s cubic-bezier(.22,1,.36,1),background .22s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.server-card:hover{border-color:var(--line-lit);background:var(--surface-3)}.server-card[data-installed=false]{background:0 0;border-style:dashed}.server-card[data-installed=false]:hover{background:var(--surface-2);border-color:var(--line-strong)}.server-card-text{flex:1;min-inline-size:0}.server-card-name{font-size:var(--text-md);color:var(--fg-strong);font-weight:600}.server-card-meta{align-items:center;gap:var(--s-2);font-size:var(--text-xs);color:var(--fg-muted);flex-wrap:wrap;margin-block-start:var(--s-2);display:flex}.server-card-add{border-radius:var(--radius-sm);background:var(--brand-wash);border:1px solid var(--brand-rim);block-size:30px;inline-size:30px;color:var(--brand-bright);flex:none;place-items:center;transition:background .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1);display:grid}.server-card:hover .server-card-add{background:var(--brand);color:var(--brand-on);transform:scale(1.06)}.server-card-go{color:var(--fg-faint);flex:none;transition:color .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1)}.server-card:hover .server-card-go{color:var(--brand-bright);transform:translateX(calc(4px * var(--flow)))}.savebar-slot{z-index:50;pointer-events:none;margin-block-start:var(--s-6);position:sticky;inset-block-end:var(--s-5)}.savebar{align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-3) var(--s-3) var(--s-5);background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(150%);backdrop-filter:blur(16px)saturate(150%);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);pointer-events:auto;display:flex}.savebar-text{font-size:var(--text-sm);flex:1;font-weight:560}.toasts{z-index:90;gap:var(--s-2);pointer-events:none;flex-direction:column;max-inline-size:min(420px,100vw - 48px);display:flex;position:fixed;inset-block-end:var(--s-6);inset-inline-end:var(--s-6)}.toast{align-items:flex-start;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow-pop);font-size:var(--text-sm);pointer-events:auto;display:flex}.toast-icon{margin-block-start:1px}.toast-text{color:var(--fg);line-height:var(--leading-snug);flex:1}.toast-success .toast-icon{color:var(--ok)}.toast-error .toast-icon{color:var(--danger)}.toast-warning .toast-icon{color:var(--warn)}.toast-info .toast-icon{color:var(--info)}.auth{grid-template-columns:1.05fr .95fr;min-block-size:100%;display:grid;position:relative;overflow:hidden}.auth-story{justify-content:center;gap:var(--s-6);padding:var(--s-16) var(--s-14);border-inline-end:1px solid var(--line);flex-direction:column;display:flex;position:relative;overflow:hidden}.auth-story:before{content:"";background:radial-gradient(circle, var(--brand-glow), transparent 62%);opacity:.8;pointer-events:none;border-radius:50%;block-size:760px;inline-size:760px;position:absolute;inset-block-start:-22%;inset-inline-start:-18%}.auth-headline{font-size:var(--text-display);letter-spacing:-.03em;text-wrap:balance;max-inline-size:19ch;line-height:1.1;position:relative}html[lang=ar] .auth-headline{letter-spacing:0;line-height:1.35}.auth-lede{font-size:var(--text-lg);line-height:var(--leading-snug);color:var(--fg-muted);max-inline-size:46ch;position:relative}.auth-proof{gap:var(--s-3);border-block-start:1px solid var(--line);flex-direction:column;max-inline-size:44ch;padding-block-start:var(--s-6);display:flex;position:relative}.auth-proof-row{align-items:center;gap:var(--s-3);display:flex}.auth-proof-row>.badge{flex:none;justify-content:center;inline-size:104px}.auth-proof-text{font-size:var(--text-sm);color:var(--fg-muted);line-height:var(--leading-snug)}.auth-panel{padding:var(--s-8) var(--s-6);place-items:center;display:grid}.auth-card{inline-size:min(100%,384px)}.auth-card-title{font-size:var(--text-xl)}.auth-card-body{font-size:var(--text-sm);color:var(--fg-muted);line-height:var(--leading-snug);margin-block-start:var(--s-2)}.auth-scopes{gap:var(--s-2);margin-block:var(--s-6);padding:var(--s-4);border-radius:var(--radius);background:var(--surface-inset);border:1px solid var(--line);flex-direction:column;display:flex}.auth-scope{align-items:center;gap:var(--s-2);font-size:var(--text-xs);color:var(--fg-muted);display:flex}.auth-foot{font-size:var(--text-xs);color:var(--fg-subtle);text-align:center;line-height:var(--leading-snug);margin-block-start:var(--s-4)}.auth-corner{z-index:2;position:absolute;inset-block-start:var(--s-5);inset-inline-end:var(--s-5)}.palette{z-index:91;transform:translateX(calc(-50% * var(--flow)));background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--radius-lg);inline-size:min(100vw - 32px,540px);box-shadow:var(--shadow-modal);position:fixed;inset-block-start:14vh;inset-inline-start:50%;overflow:hidden}.palette-input{block-size:52px;inline-size:100%;padding-inline:var(--s-5);border:none;border-block-end:1px solid var(--line-faint);font-size:var(--text-base);background:0 0}.palette-input:focus{outline:none}.palette-list{max-block-size:360px;padding:var(--s-2);overflow-y:auto}.palette-hint{justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-4);border-block-start:1px solid var(--line-faint);font-size:var(--text-2xs);color:var(--fg-faint);display:flex}.kbd{border-radius:var(--radius-xs);background:var(--surface-4);border:1px solid var(--line-strong);block-size:19px;min-inline-size:20px;font-family:var(--font-mono);color:var(--fg-muted);place-items:center;padding-inline:5px;font-size:10px;display:inline-grid}.mobile-only{display:none}.drawer{z-index:81;background:var(--surface-1);border-inline-end:1px solid var(--line-strong);inline-size:min(84vw,300px);box-shadow:var(--shadow-modal);padding:var(--s-4) var(--s-3);flex-direction:column;display:flex;position:fixed;inset-block:0;inset-inline-start:0;overflow-y:auto}.sheet{z-index:81;background:var(--surface-2);border-inline-start:1px solid var(--line-strong);inline-size:min(100vw,460px);box-shadow:var(--shadow-modal);flex-direction:column;display:flex;position:fixed;inset-block:0;inset-inline-end:0;overflow-y:auto}.sheet-head{align-items:center;gap:var(--s-3);padding:var(--s-5);background:var(--surface-2);border-block-end:1px solid var(--line);display:flex;position:sticky;inset-block-start:0}.sheet-body{padding:var(--s-5)}@media (width<=1080px){.auth{grid-template-columns:1fr}.auth-story{padding:var(--s-14) var(--s-8) var(--s-8);border-inline-end:none;border-block-end:1px solid var(--line)}.auth-headline{font-size:var(--text-3xl)}}@media (width<=900px){.shell{grid-template-columns:1fr}.brand-sub,.account-name{display:none}.panel-head{align-items:stretch;gap:var(--s-3);flex-direction:column}.hero-stats{gap:var(--s-3);grid-template-columns:repeat(3,1fr)}.metric-value{font-size:var(--text-lg)}.sidebar{display:none}.mobile-only{display:flex}.topbar{padding-inline:var(--s-4)}.page{padding:var(--s-6) var(--s-4) var(--s-16)}.hero{padding:var(--s-5)}.hero-row{align-items:flex-start;gap:var(--s-4);flex-direction:column}.savebar-slot{inset-block-end:var(--s-3)}.toasts{inset-inline:var(--s-4);max-inline-size:none;inset-block-end:var(--s-4)}.sheet{inline-size:100vw}.row{align-items:stretch;gap:var(--s-3);flex-direction:column}.row-control{inline-size:100%}}@media (width>=901px) and (width<=1180px){:root{--sidebar-w:224px}.page{padding-inline:var(--s-5)}}.filter-bar{align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5);border-block-end:1px solid var(--line-faint);flex-wrap:wrap;display:flex}.filter-bar>*{inline-size:min(100%,190px)}.filter-bar-count{inline-size:auto;font-size:var(--text-xs);color:var(--fg-subtle);white-space:nowrap;margin-inline-start:auto}.kbd-hint{align-items:center;gap:var(--s-2);padding:5px var(--s-3);border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);color:var(--fg-subtle);font-size:var(--text-xs);transition:border-color .14s cubic-bezier(.22,1,.36,1),color .14s cubic-bezier(.22,1,.36,1);display:inline-flex}.kbd-hint:hover{border-color:var(--line-strong);color:var(--fg-muted)}.kbd-combo{direction:ltr;unicode-bidi:isolate;align-items:center;gap:3px;display:inline-flex}@media (width<=720px){.kbd-hint{display:none}}