:root{--font-latin:"Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-arabic:"Cairo", system-ui, sans-serif;--font:var(--font-latin)}:root[lang=ar],[dir=rtl]{--font:var(--font-arabic)}:root{--rtl-flip:1}[dir=rtl]{--rtl-flip:-1}:root{--fs-display:2.75rem;--lh-display:1.08;--fs-h1:2rem;--lh-h1:1.18;--fs-h2:1.5rem;--lh-h2:1.3;--fs-h3:1.1875rem;--lh-h3:1.4;--fs-body:1rem;--lh-body:1.6;--fs-sm:.875rem;--lh-sm:1.5;--fs-caption:.8125rem;--lh-caption:1.45}:root[lang=ar]{--lh-body:1.7;--lh-sm:1.6}:root{--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:32px;--s8:40px;--s9:48px;--s10:64px;--s12:80px;--r-sm:6px;--r:10px;--r-lg:14px;--r-full:999px;--ease:cubic-bezier(.32, .72, .3, 1);--dur:.18s;--dur-lg:.28s}:root,:root[data-theme=light]{--bg:#f7fafa;--surface:#fff;--surface-2:#f1f6f5;--border:#e4ecec;--border-strong:#cbd8d6;--text:#13201f;--muted:#5f716f;--faint:#90a09e;--accent:#0e9488;--accent-hover:#0b7a70;--accent-soft:#e3f4f2;--accent-ring:#0e94884d;--on-accent:#fff;--success:#2f9e6b;--success-soft:#e4f4ec;--warning:#c9852b;--warning-soft:#f8eedd;--danger:#cf4636;--danger-soft:#fbe7e4;--slot-taken-bg:#f1f6f5;--slot-taken-text:#a9b6b4;--shadow-sm:0 1px 2px #1028260d, 0 1px 3px #1028260f;--shadow-md:0 4px 14px #10282612, 0 2px 6px #1028260a;--shadow-lg:0 18px 48px #10282629, 0 6px 16px #10282614;--skeleton-base:#eaf1f0;--skeleton-shine:#f4f9f8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0c1413;--surface:#13201e;--surface-2:#182725;--border:#22322f;--border-strong:#324642;--text:#eaf2f0;--muted:#8fa29e;--faint:#6a7b78;--accent:#2fc0b2;--accent-hover:#48d2c4;--accent-soft:#16322f;--accent-ring:#2fc0b257;--on-accent:#07100f;--success:#3fbe85;--success-soft:#14302a;--warning:#e0a24a;--warning-soft:#312613;--danger:#e8695b;--danger-soft:#371c1a;--slot-taken-bg:#16221f;--slot-taken-text:#5c6e6a;--shadow-sm:0 1px 2px #00000059, 0 1px 3px #0000004d;--shadow-md:0 6px 18px #0006, 0 2px 6px #0000004d;--shadow-lg:0 22px 56px #0000008c, 0 8px 18px #0006;--skeleton-base:#1b2a28;--skeleton-shine:#243430;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.page{max-width:1120px;padding:var(--s7) var(--s6) var(--s12);margin-inline:auto}.appbar{z-index:40;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:saturate(1.1)blur(10px);backdrop-filter:saturate(1.1)blur(10px);border-block-end:1px solid var(--border);position:sticky;top:0}.appbar-inner{max-width:1120px;padding:var(--s4) var(--s6);align-items:center;gap:var(--s5);margin-inline:auto;display:flex}.appbar .brand{align-items:center;gap:var(--s3);margin-inline-end:auto;display:flex}.brand-mark{background:var(--accent);block-size:30px;inline-size:30px;color:var(--on-accent);box-shadow:var(--shadow-sm);border-radius:9px;place-items:center;display:grid}.brand-mark svg{block-size:17px;inline-size:17px}.brand-name{letter-spacing:-.01em;font-weight:700;font-size:var(--fs-h3)}.brand-sub{color:var(--muted);font-size:var(--fs-caption)}.segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-full);gap:2px;padding:3px;display:inline-flex}.segmented button{appearance:none;cursor:pointer;font:inherit;font-size:var(--fs-sm);color:var(--muted);border-radius:var(--r-full);transition:color var(--dur) var(--ease), background var(--dur) var(--ease);background:0 0;border:0;align-items:center;gap:6px;padding:7px 14px;font-weight:600;display:inline-flex}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.segmented button:hover:not([aria-pressed=true]){color:var(--text)}.section{margin-block-start:var(--s12)}.section-head{margin-block-end:var(--s6)}.eyebrow{font-size:var(--fs-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:700}:root[lang=ar] .eyebrow{letter-spacing:0}.section h2{font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:-.01em;margin:6px 0 0;font-weight:700}.section-head p{color:var(--muted);margin:var(--s3) 0 0;max-width:60ch}.subhead{align-items:baseline;gap:var(--s3);margin:var(--s8) 0 var(--s4);display:flex}.subhead h3{font-size:var(--fs-h3);margin:0;font-weight:700}.subhead .note{color:var(--faint);font-size:var(--fs-caption)}.specimen-grid{gap:var(--s5);display:grid}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}@media (width<=860px){.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s6);box-shadow:var(--shadow-sm)}.panel-label{font-size:var(--fs-caption);color:var(--faint);gap:var(--s3);flex-wrap:wrap;align-items:center;margin-block-end:var(--s4);font-weight:600;display:flex}.row{gap:var(--s4);flex-wrap:wrap;align-items:center;display:flex}.col{gap:var(--s4);flex-direction:column;display:flex}.theme-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.theme-card-head{align-items:center;gap:var(--s3);padding:var(--s4) var(--s5);border-block-end:1px solid var(--border);font-weight:700;font-size:var(--fs-sm);display:flex}.theme-card-head .dot{border-radius:var(--r-full);border:1px solid var(--border-strong);block-size:14px;inline-size:14px}.swatches{background:var(--border);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.swatch{background:var(--surface);padding:var(--s4) var(--s5);align-items:center;gap:var(--s3);display:flex}.swatch .chip{border:1px solid #0000000f;border-radius:8px;flex:none;block-size:30px;inline-size:30px}.swatch .meta{min-width:0}.swatch .name{font-size:var(--fs-sm);font-weight:600}.swatch .hex{font-size:var(--fs-caption);color:var(--muted);font-family:ui-monospace,SF Mono,Menlo,monospace}.type-row{align-items:baseline;gap:var(--s5);padding:var(--s4) 0;border-block-end:1px solid var(--border);display:flex}.type-row:last-child{border-block-end:0}.type-row .tag{inline-size:96px;color:var(--faint);font-size:var(--fs-caption);flex:none;font-family:ui-monospace,Menlo,monospace}.type-row .demo{min-width:0}.t-display{font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:-.02em;font-weight:800}.t-h1{font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:-.01em;font-weight:700}.t-h2{font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:700}.t-body{font-size:var(--fs-body);line-height:var(--lh-body);font-weight:400}.t-caption{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted);font-weight:500}.scale-row{align-items:center;gap:var(--s4);padding:6px 0;display:flex}.scale-row .bar{background:var(--accent);border-radius:3px;block-size:14px}.scale-row .lbl{font-family:ui-monospace,Menlo,monospace;font-size:var(--fs-caption);color:var(--muted);inline-size:88px}.radius-demo{background:var(--accent-soft);border:1px solid var(--accent);block-size:60px;inline-size:84px}.shadow-demo{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);block-size:64px;inline-size:100%}.btn{appearance:none;cursor:pointer;font:inherit;font-weight:650;font-size:var(--fs-sm);border-radius:var(--r);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;line-height:1.2;display:inline-flex}.btn svg{flex:none;block-size:17px;inline-size:17px}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--surface-2);border-color:var(--faint)}.btn-ghost{color:var(--accent);background:0 0}.btn-ghost:hover{background:var(--accent-soft)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(.94)}.btn[disabled],.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;box-shadow:none;pointer-events:none;transform:none}.btn-sm{font-size:var(--fs-caption);padding:7px 12px}.btn-lg{font-size:var(--fs-body);padding:13px 24px}.btn-block{width:100%}.spinner{opacity:.9;border:2px solid;border-block-start-color:#0000;border-radius:50%;block-size:16px;inline-size:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn.is-loading{pointer-events:none;position:relative;color:#0000!important}.btn.is-loading .spinner{color:var(--on-accent);margin:-8px 0 0 -8px;position:absolute;inset-block-start:50%;inset-inline-start:50%}.btn-secondary.is-loading .spinner,.btn-ghost.is-loading .spinner{color:var(--accent)}.field{flex-direction:column;gap:7px;display:flex}.label{font-size:var(--fs-sm);color:var(--text);font-weight:600}.label .opt{color:var(--faint);font-weight:500}.input,.select,.textarea{font:inherit;font-size:var(--fs-body);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r);inline-size:100%;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), background var(--dur) var(--ease);padding:10px 13px}.input::placeholder,.textarea::placeholder{color:var(--faint)}.input:hover,.select:hover,.textarea:hover{border-color:var(--faint)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.input[disabled],.select[disabled]{background:var(--surface-2);color:var(--faint);cursor:not-allowed}.input.is-error{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.help{font-size:var(--fs-caption);color:var(--muted)}.help.is-error{color:var(--danger);align-items:center;gap:6px;display:flex}.input-icon{position:relative}.input-icon .input{padding-inline-start:40px}.input-icon svg{block-size:18px;inline-size:18px;color:var(--faint);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:13px;transform:translateY(-50%)}.select-wrap{position:relative}.select{appearance:none;cursor:pointer;padding-inline-end:38px}.select-wrap svg{block-size:16px;inline-size:16px;color:var(--muted);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-end:13px;transform:translateY(-50%)}.badge{font-size:var(--fs-caption);border-radius:var(--r-full);border:1px solid #0000;align-items:center;gap:6px;padding:5px 10px;font-weight:650;line-height:1;display:inline-flex}.badge .led{background:currentColor;border-radius:50%;block-size:7px;inline-size:7px}.badge-accent{background:var(--accent-soft);color:var(--accent)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-neutral{background:var(--surface-2);color:var(--muted);border-color:var(--border)}.badge-outline{color:var(--muted);border-color:var(--border-strong);background:0 0}.led-pulse{position:relative}.led-pulse:after{content:"";animation:pulse 1.8s var(--ease) infinite;background:currentColor;border-radius:50%;position:absolute;inset:0}@keyframes pulse{0%{opacity:.5;transform:scale(1)}70%,to{opacity:0;transform:scale(2.6)}}.doc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s5);box-shadow:var(--shadow-sm);transition:box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease), transform var(--dur) var(--ease)}.doc-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-2px)}.doc-top{gap:var(--s4);align-items:center;display:flex}.avatar{border-radius:var(--r-full);background:var(--accent-soft);block-size:56px;inline-size:56px;color:var(--accent);font-weight:700;font-size:var(--fs-h3);flex:none;place-items:center;display:grid;position:relative}.avatar .presence{border:2.5px solid var(--surface);background:var(--success);border-radius:50%;block-size:14px;inline-size:14px;position:absolute;inset-block-end:1px;inset-inline-end:1px}.doc-name{font-weight:700;font-size:var(--fs-h3)}.doc-spec{color:var(--muted);font-size:var(--fs-sm)}.doc-meta{gap:var(--s4);color:var(--muted);font-size:var(--fs-sm);flex-wrap:wrap;margin-block-start:var(--s4);display:flex}.doc-meta span{align-items:center;gap:6px;display:inline-flex}.doc-meta svg{block-size:16px;inline-size:16px;color:var(--faint)}.doc-foot{align-items:center;gap:var(--s3);margin-block-start:var(--s5);display:flex}.rating{font-weight:650;font-size:var(--fs-sm);align-items:center;gap:5px;display:inline-flex}.rating svg{block-size:16px;inline-size:16px;color:var(--warning)}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s5);box-shadow:var(--shadow-sm)}.stat .k{align-items:center;gap:var(--s3);color:var(--muted);font-size:var(--fs-sm);font-weight:600;display:flex}.stat .k .ic{background:var(--accent-soft);block-size:34px;inline-size:34px;color:var(--accent);border-radius:9px;place-items:center;display:grid}.stat .k .ic svg{block-size:18px;inline-size:18px}.stat .v{font-size:var(--fs-h1);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-block-start:var(--s4);font-weight:800}.stat .trend{font-size:var(--fs-caption);align-items:center;gap:5px;margin-block-start:6px;font-weight:650;display:inline-flex}.trend.up{color:var(--success)}.trend.down{color:var(--danger)}.cal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s5);box-shadow:var(--shadow-sm)}.cal-head{align-items:center;gap:var(--s3);margin-block-end:var(--s4);display:flex}.cal-head .month{font-weight:700;font-size:var(--fs-h3);margin-inline-end:auto}.cal-nav{border:1px solid var(--border);background:var(--surface);block-size:32px;inline-size:32px;color:var(--muted);cursor:pointer;transition:background var(--dur) var(--ease), color var(--dur);border-radius:8px;place-items:center;display:grid}.cal-nav:hover{background:var(--surface-2);color:var(--text)}.cal-nav svg{block-size:16px;inline-size:16px}.cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-dow{text-align:center;font-size:var(--fs-caption);color:var(--faint);padding-block:6px;font-weight:700}.cal-day{aspect-ratio:1;cursor:pointer;font:inherit;font-weight:600;font-size:var(--fs-sm);color:var(--text);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:9px;place-items:center;display:grid;position:relative}.cal-day:hover:not(.is-muted):not(.is-selected){background:var(--surface-2)}.cal-day.is-muted{color:var(--faint);opacity:.5}.cal-day.is-today{color:var(--accent)}.cal-day.is-selected{background:var(--accent);color:var(--on-accent)}.cal-day .has{background:var(--accent);border-radius:50%;block-size:4px;inline-size:4px;position:absolute;inset-block-end:7px}.cal-day.is-selected .has{background:var(--on-accent)}.sched{gap:var(--s3);flex-direction:column;display:flex}.sched-item{align-items:center;gap:var(--s4);padding:var(--s4);border:1px solid var(--border);border-radius:var(--r);background:var(--surface);display:flex}.sched-time{font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--fs-sm);color:var(--text);flex:none;inline-size:78px}.sched-bar{background:var(--accent);border-radius:3px;flex:none;align-self:stretch;inline-size:3px}.sched-body{min-width:0}.sched-title{font-weight:650;font-size:var(--fs-sm)}.sched-sub{color:var(--muted);font-size:var(--fs-caption)}.slot-period{font-size:var(--fs-sm);color:var(--muted);margin:var(--s5) 0 var(--s3);align-items:center;gap:8px;font-weight:700;display:flex}.slot-period svg{block-size:16px;inline-size:16px;color:var(--faint)}.slots{gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(92px,1fr));display:grid}.slot{font:inherit;font-weight:650;font-size:var(--fs-sm);cursor:pointer;border-radius:var(--r);text-align:center;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-variant-numeric:tabular-nums;transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);padding:11px 8px}.slot:hover:not(:disabled):not(.is-selected){border-color:var(--accent);color:var(--accent)}.slot.is-selected{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-sm)}.slot:disabled,.slot.is-taken{background:var(--slot-taken-bg);color:var(--slot-taken-text);cursor:not-allowed;border-color:#0000;text-decoration:line-through;text-decoration-thickness:1px}.table-wrap{border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:var(--surface);overflow:hidden}table.tbl{border-collapse:collapse;inline-size:100%;font-size:var(--fs-sm)}.tbl thead th{text-align:start;color:var(--muted);font-weight:700;font-size:var(--fs-caption);letter-spacing:.02em;text-transform:uppercase;padding:var(--s4) var(--s5);background:var(--surface-2);border-block-end:1px solid var(--border);white-space:nowrap}.tbl tbody td{padding:var(--s4) var(--s5);border-block-end:1px solid var(--border);vertical-align:middle}.tbl tbody tr:last-child td{border-block-end:0}.tbl tbody tr{transition:background var(--dur) var(--ease)}.tbl tbody tr:hover{background:var(--surface-2)}.tbl .who{align-items:center;gap:var(--s3);display:flex}.tbl .who .avatar{block-size:36px;inline-size:36px;font-size:var(--fs-sm)}.tbl .who .nm{color:var(--text);font-weight:650}.tbl .who .em{color:var(--muted);font-size:var(--fs-caption)}.tbl .num{font-variant-numeric:tabular-nums}.row-actions{justify-content:flex-end;gap:6px;display:flex}.icon-btn{block-size:32px;inline-size:32px;color:var(--muted);cursor:pointer;transition:background var(--dur) var(--ease), color var(--dur);background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;display:grid}.icon-btn:hover{background:var(--surface);border-color:var(--border);color:var(--text)}.icon-btn.danger:hover{color:var(--danger);border-color:var(--danger-soft);background:var(--danger-soft)}.icon-btn svg{block-size:17px;inline-size:17px}.topnav{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:10px var(--s5);align-items:center;gap:var(--s5);box-shadow:var(--shadow-sm);display:flex}.topnav .links{gap:2px;margin-inline:auto;display:flex}.topnav .links a{color:var(--muted);font-weight:600;font-size:var(--fs-sm);border-radius:var(--r-sm);transition:background var(--dur) var(--ease), color var(--dur);padding:8px 14px;text-decoration:none}.topnav .links a:hover{background:var(--surface-2);color:var(--text)}.topnav .links a.active{color:var(--accent);background:var(--accent-soft)}.topnav .pill-btn{align-items:center;gap:8px;display:inline-flex}.sidenav{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);inline-size:248px;padding:var(--s4);box-shadow:var(--shadow-sm)}.sidenav .grp{color:var(--faint);font-size:var(--fs-caption);letter-spacing:.06em;text-transform:uppercase;padding:var(--s4) var(--s3) 6px;font-weight:700}:root[lang=ar] .sidenav .grp{letter-spacing:0}.sidenav a{align-items:center;gap:var(--s3);padding:10px var(--s3);border-radius:var(--r);color:var(--muted);font-weight:600;font-size:var(--fs-sm);transition:background var(--dur) var(--ease), color var(--dur);text-decoration:none;display:flex}.sidenav a svg{flex:none;block-size:19px;inline-size:19px}.sidenav a:hover{background:var(--surface-2);color:var(--text)}.sidenav a.active{background:var(--accent-soft);color:var(--accent)}.sidenav a .count{font-size:var(--fs-caption);background:var(--surface-2);color:var(--muted);border-radius:var(--r-full);margin-inline-start:auto;padding:2px 8px;font-weight:700}.sidenav a.active .count{background:var(--accent);color:var(--on-accent)}.modal-scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:var(--s5);z-index:80;opacity:0;transition:opacity var(--dur-lg) var(--ease);background:#08121173;place-items:center;display:grid;position:fixed;inset:0}.modal-scrim.open{opacity:1}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);inline-size:min(460px,100%);box-shadow:var(--shadow-lg);padding:var(--s6);transition:transform var(--dur-lg) var(--ease);transform:translateY(8px)scale(.985)}.modal-scrim.open .modal{transform:none}.modal-head{align-items:flex-start;gap:var(--s4);margin-block-end:var(--s4);display:flex}.modal-icon{border-radius:var(--r);background:var(--accent-soft);block-size:42px;inline-size:42px;color:var(--accent);flex:none;place-items:center;display:grid}.modal-icon.warn{background:var(--warning-soft);color:var(--warning)}.modal-icon svg{block-size:22px;inline-size:22px}.modal h3{font-size:var(--fs-h3);margin:0;font-weight:700}.modal .modal-sub{color:var(--muted);font-size:var(--fs-sm);margin:4px 0 0}.modal-foot{gap:var(--s3);justify-content:flex-end;margin-block-start:var(--s6);display:flex}.modal-close{margin-inline-start:auto}.toast-stack{gap:var(--s3);z-index:90;flex-direction:column;max-inline-size:360px;display:flex;position:fixed;inset-block-end:var(--s6);inset-inline-end:var(--s6)}.toast{align-items:flex-start;gap:var(--s3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:var(--s4);box-shadow:var(--shadow-lg);animation:toast-in var(--dur-lg) var(--ease);display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.toast.leaving{animation:toast-out var(--dur) var(--ease) forwards}@keyframes toast-out{to{opacity:0;transform:translateY(6px)}}.toast .t-ic{border-radius:50%;flex:none;place-items:center;block-size:22px;inline-size:22px;margin-block-start:1px;display:grid}.toast.ok .t-ic{background:var(--success-soft);color:var(--success)}.toast.info .t-ic{background:var(--accent-soft);color:var(--accent)}.toast.err .t-ic{background:var(--danger-soft);color:var(--danger)}.toast .t-ic svg{block-size:14px;inline-size:14px}.toast .t-body{flex:1;min-width:0}.toast .t-title{font-weight:700;font-size:var(--fs-sm)}.toast .t-msg{color:var(--muted);font-size:var(--fs-caption);margin-block-start:2px}.toast .t-x{color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:2px}.toast .t-x:hover{color:var(--text);background:var(--surface-2)}.toast .t-x svg{block-size:15px;inline-size:15px;display:block}.skel{background:var(--skeleton-base);border-radius:var(--r-sm);position:relative;overflow:hidden}.skel:after{content:"";background:linear-gradient(90deg, transparent, var(--skeleton-shine), transparent);animation:1.4s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}[dir=rtl] .skel:after{background:linear-gradient(-90deg, transparent, var(--skeleton-shine), transparent)}@keyframes shimmer{to{transform:translate(100%)}}[dir=rtl] .skel:after{animation-name:shimmer-rtl}@keyframes shimmer-rtl{to{transform:translate(-100%)}}.skel-line{block-size:12px}.skel-circle{border-radius:50%}.empty{text-align:center;padding:var(--s9) var(--s5)}.empty .art{border-radius:var(--r-lg);background:var(--surface-2);block-size:64px;inline-size:64px;color:var(--faint);margin:0 auto var(--s4);border:1px solid var(--border);place-items:center;display:grid}.empty .art svg{block-size:30px;inline-size:30px}.empty h4{font-size:var(--fs-h3);margin:0 0 6px;font-weight:700}.empty p{margin:0 auto var(--s5);color:var(--muted);font-size:var(--fs-sm);max-width:38ch}.divider{background:var(--border);block-size:1px;margin-block:var(--s5);border:0}.muted{color:var(--muted)}.stack-sm{gap:var(--s3);flex-direction:column;display:flex}.mono{font-family:ui-monospace,Menlo,monospace}.intro-callout{background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);border-radius:var(--r-lg);padding:var(--s5) var(--s6)}.intro-callout p{color:var(--text);margin:0}.intro-callout p+p{margin-block-start:var(--s3)}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s5);box-shadow:var(--shadow-sm)}.chart-head{align-items:baseline;gap:var(--s3);margin-block-end:var(--s5);display:flex}.chart-head .ct{font-size:var(--fs-sm);font-weight:700}.chart-head .csub{font-size:var(--fs-caption);color:var(--muted);margin-inline-start:auto}.donut{background:conic-gradient(var(--accent) 0 var(--p1,60%), var(--success) var(--p1,60%) var(--p2,78%), var(--warning) var(--p2,78%) var(--p3,90%), var(--danger) var(--p3,90%) 100%);border-radius:50%;flex:none;block-size:150px;inline-size:150px;position:relative}.donut:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:26px}.donut .dc{text-align:center;z-index:1;place-content:center;line-height:1.1;display:grid;position:absolute;inset:0}.donut .dc .n{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.donut .dc .l{color:var(--muted);margin-block-start:2px;font-size:11px}.legend-list{flex-direction:column;flex:1;gap:10px;min-inline-size:0;display:flex}.legend-list .li{font-size:var(--fs-sm);align-items:center;gap:9px;display:flex}.legend-list .li .sw{border-radius:3px;flex:none;block-size:11px;inline-size:11px}.legend-list .li .nm{color:var(--muted)}.legend-list .li .v{font-variant-numeric:tabular-nums;color:var(--text);margin-inline-start:auto;font-weight:700}.bars{align-items:flex-end;gap:var(--s3);block-size:132px;display:flex}.bars .b{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;block-size:100%;display:flex}.bars .b .col{inline-size:100%;max-inline-size:30px;block-size:calc(var(--h,50) * 1%);background:var(--accent);border-radius:6px 6px 0 0}.bars .b.dim .col{background:var(--accent-soft);border:1px solid var(--accent)}.bars .b .bl{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.util-row{align-items:center;gap:var(--s4);font-size:var(--fs-sm);padding:7px 0;display:flex}.util-row .who{flex:none;align-items:center;gap:8px;inline-size:130px;font-weight:600;display:flex}.util-row .who .avatar{block-size:26px;inline-size:26px;font-size:11px}.util-row .track{border-radius:var(--r-full);background:var(--surface-2);flex:1;block-size:10px;overflow:hidden}.util-row .fill{border-radius:var(--r-full);background:var(--accent);block-size:100%;inline-size:calc(var(--v,50) * 1%);display:block}.util-row .pct{text-align:end;font-variant-numeric:tabular-nums;inline-size:42px;font-weight:700}.cred{background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:var(--r);padding:var(--s4) var(--s5);gap:var(--s3);flex-direction:column;display:flex}.cred .cred-row{align-items:center;gap:var(--s4);display:flex}.cred .cred-row .k{inline-size:96px;color:var(--muted);font-size:var(--fs-caption);flex:none;font-weight:600}.cred .cred-row .val{font-family:ui-monospace,Menlo,monospace;font-size:var(--fs-sm);color:var(--text);font-weight:600}.cred .cred-row .copy{margin-inline-start:auto}.navlink{color:var(--muted);font-weight:600;font-size:var(--fs-sm);border-radius:var(--r-sm);transition:background var(--dur) var(--ease), color var(--dur);padding:8px 14px;text-decoration:none}.navlink:hover{background:var(--surface-2);color:var(--text)}.navlink.active{color:var(--accent);background:var(--accent-soft)}.appbar .links{margin-inline:auto}.auth-wrap{max-width:420px;margin-inline:auto}.narrow{max-width:760px;margin-inline:auto}.hero{text-align:center;padding:var(--s10) 0 var(--s8)}.hero h1{font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:-.02em;max-width:18ch;margin:0 auto;font-weight:800}.hero p{color:var(--muted);margin:var(--s5) auto 0;max-width:52ch;font-size:var(--fs-h3)}.hero .cta{margin-block-start:var(--s7)}.grid{gap:var(--s5);display:grid}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:1.4fr 1fr}@media (width<=860px){.grid-3,.grid-2{grid-template-columns:1fr}}.page-head{margin-block-end:var(--s7)}.page-head h1{font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:-.01em;margin:0;font-weight:700}.page-head p{color:var(--muted);margin:var(--s3) 0 0}.tabs{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-full);gap:2px;padding:3px;display:inline-flex}.tabs button{appearance:none;cursor:pointer;font:inherit;font-size:var(--fs-sm);color:var(--muted);border-radius:var(--r-full);background:0 0;border:0;padding:7px 16px;font-weight:600}.tabs button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.filters{gap:var(--s4);flex-wrap:wrap;align-items:flex-end;margin-block-end:var(--s6);display:flex}.filters .field{min-width:180px}.summary-row{justify-content:space-between;gap:var(--s4);padding:var(--s4) 0;border-block-end:1px solid var(--border);display:flex}.summary-row:last-of-type{border-block-end:0}.summary-row .k{color:var(--muted)}.summary-row .v{text-align:end;font-weight:650}.choice{gap:var(--s4);display:flex}.choice .opt{cursor:pointer;border:1px solid var(--border-strong);border-radius:var(--r);padding:var(--s4) var(--s5);background:var(--surface);transition:border-color var(--dur), background var(--dur);flex:1}.choice .opt:hover{border-color:var(--faint)}.choice .opt.sel{border-color:var(--accent);background:var(--accent-soft)}.choice .opt .ot{font-weight:700;font-size:var(--fs-sm)}.choice .opt .os{color:var(--muted);font-size:var(--fs-caption);margin-block-start:3px}@media (width<=560px){.choice{flex-direction:column}}.center-screen{place-items:center;min-height:60vh;display:grid}.price-tag{font-variant-numeric:tabular-nums;font-weight:800}