:root{--bg-base:oklch(0.135 0.012 240);--bg-sunken:oklch(0.115 0.010 240);--bg-elevated:oklch(0.170 0.014 240);--bg-overlay:oklch(0.205 0.016 240);--bg-hover:oklch(0.230 0.018 240);--bg-active:oklch(0.260 0.020 240);--border-faint:oklch(0.220 0.015 240/0.6);--border-subtle:oklch(0.265 0.018 240);--border-strong:oklch(0.345 0.022 240);--border-accent:oklch(0.82 0.17 145/0.4);--text-primary:oklch(0.975 0.004 240);--text-secondary:oklch(0.730 0.012 240);--text-tertiary:oklch(0.560 0.014 240);--text-muted:oklch(0.430 0.014 240);--text-inverse:oklch(0.13 0.012 240);--accent:oklch(0.82 0.17 145);--accent-hover:oklch(0.86 0.17 145);--accent-pressed:oklch(0.76 0.17 145);--accent-soft:oklch(0.82 0.17 145/0.14);--accent-faint:oklch(0.82 0.17 145/0.06);--accent-glow:oklch(0.82 0.17 145/0.35);--on-accent:oklch(0.13 0.012 240);--success:oklch(0.80 0.16 148);--success-soft:oklch(0.80 0.16 148/0.14);--warning:oklch(0.82 0.16 78);--warning-soft:oklch(0.82 0.16 78/0.14);--danger:oklch(0.70 0.21 25);--danger-soft:oklch(0.70 0.21 25/0.14);--info:oklch(0.74 0.13 235);--info-soft:oklch(0.74 0.13 235/0.14);--neutral:oklch(0.60 0.012 240);--neutral-soft:oklch(0.60 0.012 240/0.14);--c-p1:oklch(0.82 0.17 145);--c-p2:oklch(0.74 0.13 235);--c-p3:oklch(0.82 0.16 78);--c-p4:oklch(0.72 0.18 305);--c-p5:oklch(0.75 0.17 45);--font-display:"Space Grotesk","IBM Plex Sans Arabic",system-ui,sans-serif;--font-body:"IBM Plex Sans","IBM Plex Sans Arabic",system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",monospace;--font-arabic:"IBM Plex Sans Arabic","Space Grotesk",system-ui,sans-serif;--fs-2xs:11px;--fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:18px;--fs-2xl:22px;--fs-3xl:28px;--fs-4xl:36px;--fs-5xl:48px;--fs-6xl:64px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--lh-tight:1.15;--lh-snug:1.35;--lh-base:1.5;--lh-loose:1.7;--tracking-tight:-0.02em;--tracking-snug:-0.01em;--tracking-base:0em;--tracking-wide:0.04em;--tracking-mega:0.14em;--sp-0:0;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:40px;--sp-9:48px;--sp-10:64px;--sp-11:80px;--sp-12:96px;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-2xl:20px;--r-3xl:28px;--r-pill:999px;--shadow-xs:0 1px 2px oklch(0 0 0/0.30);--shadow-sm:0 2px 4px oklch(0 0 0/0.32),0 1px 2px oklch(0 0 0/0.24);--shadow-md:0 6px 14px oklch(0 0 0/0.36),0 2px 4px oklch(0 0 0/0.24);--shadow-lg:0 16px 36px oklch(0 0 0/0.42),0 4px 10px oklch(0 0 0/0.30);--shadow-xl:0 32px 64px oklch(0 0 0/0.50),0 8px 16px oklch(0 0 0/0.32);--shadow-glow:0 0 0 1px var(--accent-glow),0 8px 28px oklch(0.82 0.17 145/0.22);--ring-focus:0 0 0 3px oklch(0.82 0.17 145/0.28);--ring-danger:0 0 0 3px oklch(0.70 0.21 25/0.28);--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-in:cubic-bezier(0.55,0,0.78,0);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-snap:cubic-bezier(0.16,1,0.3,1);--ease-soft:cubic-bezier(0.4,0,0.2,1);--dur-instant:80ms;--dur-fast:150ms;--dur-base:220ms;--dur-slow:360ms;--dur-slower:520ms;--dur-cinematic:800ms;--sidebar-w:268px;--sidebar-w-collapsed:76px;--topbar-h:64px;--content-max:1440px;--z-base:1;--z-sticky:20;--z-overlay:50;--z-modal:100;--z-toast:200;--z-tooltip:300}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}html{color-scheme:dark}body{font-family:var(--font-body);font-size:var(--fs-md);line-height:var(--lh-base);color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11"}html[lang=ar] body{font-family:var(--font-arabic)}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:none;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:var(--accent-soft);color:var(--text-primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-pill);border:2px solid var(--bg-base)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:none;box-shadow:var(--ring-focus)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-reduced-motion:no-preference){@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up-lg{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-rtl{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}@keyframes fade-in-ltr{0%{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}60%{opacity:1;transform:scale(1.02)}to{transform:scale(1)}}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}@keyframes pulse-ring{0%{transform:scale(.6);opacity:.9}to{transform:scale(2.2);opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes orbit{0%{transform:rotate(0deg) translateX(40px) rotate(0deg)}to{transform:rotate(1turn) translateX(40px) rotate(-1turn)}}@keyframes count-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes draw-line{0%{stroke-dashoffset:var(--len,1000)}to{stroke-dashoffset:0}}@keyframes glow-pulse{0%,to{box-shadow:0 0 0 0 oklch(.82 .17 145/.5)}50%{box-shadow:0 0 0 10px oklch(.82 .17 145/0)}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes blink-caret{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes type-bar{0%{transform:scaleY(.3)}50%{transform:scaleY(1)}to{transform:scaleY(.3)}}@keyframes stretchX{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1)}}@keyframes stretchY{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1)}}@keyframes drawSpark{0%{stroke-dashoffset:200}to{stroke-dashoffset:0}}@keyframes donut-draw{0%{stroke-dashoffset:var(--len,360)}to{stroke-dashoffset:0}}@keyframes shimmerLine{0%{background-position:-200% 50%}to{background-position:200% 50%}}.anim-fade-in{animation:fade-in var(--dur-base) var(--ease-out) both}.anim-fade-up{animation:fade-up var(--dur-slow) var(--ease-out) both}.anim-fade-up-lg{animation:fade-up-lg var(--dur-slower) var(--ease-snap) both}.anim-scale-in{animation:scale-in var(--dur-base) var(--ease-spring) both}.anim-pop{animation:pop-in var(--dur-slow) var(--ease-spring) both}.stagger>*{animation-delay:calc(var(--stagger-start, 0s) + var(--i, 0) * 60ms)}.stagger-children>:first-child{--i:0}.stagger-children>:nth-child(2){--i:1}.stagger-children>:nth-child(3){--i:2}.stagger-children>:nth-child(4){--i:3}.stagger-children>:nth-child(5){--i:4}.stagger-children>:nth-child(6){--i:5}.stagger-children>:nth-child(7){--i:6}.stagger-children>:nth-child(8){--i:7}.stagger-children>:nth-child(9){--i:8}.stagger-children>:nth-child(10){--i:9}.stagger-children>:nth-child(11){--i:10}.stagger-children>:nth-child(12){--i:11}.page-enter>*{animation:fade-up var(--dur-slow) var(--ease-snap) both}.page-enter>:first-child{animation-delay:40ms}.page-enter>:nth-child(2){animation-delay:.1s}.page-enter>:nth-child(3){animation-delay:.16s}.page-enter>:nth-child(4){animation-delay:.22s}.page-enter>:nth-child(5){animation-delay:.28s}}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:40px;padding:0 var(--sp-5);border-radius:var(--r-md);font-size:var(--fs-md);font-weight:var(--fw-medium);letter-spacing:var(--tracking-snug);white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);overflow:hidden;isolation:isolate}.btn:active{transform:scale(.97)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.btn .btn-icon{width:16px;height:16px;flex:none}.btn-sm{height:32px;padding:0 var(--sp-4);font-size:var(--fs-sm);border-radius:var(--r-sm)}.btn-lg{height:48px;padding:0 var(--sp-6)}.btn-lg,.btn-xl{font-size:var(--fs-lg);border-radius:var(--r-lg)}.btn-xl{height:56px;padding:0 var(--sp-7)}.btn-icon-only{width:40px;padding:0}.btn-icon-only.btn-sm{width:32px}.btn-icon-only.btn-lg{width:48px}.btn-primary{background:linear-gradient(180deg,var(--accent-hover),var(--accent));color:var(--on-accent);font-weight:var(--fw-semibold);box-shadow:0 1px 0 oklch(1 0 0/.18) inset,0 0 0 1px oklch(0 0 0/.05),0 8px 20px var(--accent-glow)}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,oklch(1 0 0/.25) 50%,transparent 70%);background-size:220% 100%;background-position:-120% 0;transition:background-position var(--dur-slower) var(--ease-out);pointer-events:none}.btn-primary:hover{background:linear-gradient(180deg,var(--accent-hover),var(--accent-hover))}.btn-primary:hover:before{background-position:120% 0}.btn-primary:active{background:var(--accent-pressed)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-subtle)}.btn-secondary:hover{background:var(--bg-overlay);border-color:var(--border-strong)}.btn-secondary:active{background:var(--bg-active)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary)}.btn-outline{background:transparent;color:var(--text-primary);border-color:var(--border-strong)}.btn-outline:hover{background:var(--bg-elevated);border-color:var(--text-muted)}.btn-danger{background:var(--danger);color:white;font-weight:var(--fw-semibold)}.btn-danger:hover{background:oklch(.74 .21 25)}.btn-link{background:transparent;color:var(--accent);height:auto;padding:0;text-decoration:none;position:relative}.btn-link:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-base) var(--ease-out)}.btn-link:hover:after{transform:scaleX(1)}.icon-bubble{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-md);background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);flex:none}.icon-bubble.lg{width:48px;height:48px;border-radius:var(--r-lg)}.icon-bubble.sm{width:32px;height:32px;border-radius:var(--r-sm)}.icon-bubble.accent{background:var(--accent-soft);border-color:var(--border-accent);color:var(--accent)}.icon-bubble.info{background:var(--info-soft);color:var(--info);border-color:oklch(.74 .13 235/.3)}.icon-bubble.warn{background:var(--warning-soft);color:var(--warning);border-color:oklch(.82 .16 78/.3)}.icon-bubble.danger{background:var(--danger-soft);color:var(--danger);border-color:oklch(.7 .21 25/.3)}.badge{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:var(--tracking-wide);border-radius:var(--r-pill);background:var(--bg-overlay);color:var(--text-secondary);border:1px solid var(--border-subtle);white-space:nowrap}.badge-success{background:var(--success-soft);color:var(--success);border-color:oklch(.8 .16 148/.3)}.badge-warning{background:var(--warning-soft);color:var(--warning);border-color:oklch(.82 .16 78/.3)}.badge-danger{background:var(--danger-soft);color:var(--danger);border-color:oklch(.7 .21 25/.3)}.badge-info{background:var(--info-soft);color:var(--info);border-color:oklch(.74 .13 235/.3)}.badge-accent{background:var(--accent-soft);color:var(--accent);border-color:var(--border-accent)}.badge-solid{background:var(--accent);color:var(--on-accent);border-color:transparent}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-secondary);letter-spacing:var(--tracking-wide);text-transform:uppercase}.status .live-dot{width:8px;height:8px;border-radius:50%;background:currentColor;position:relative}.status .live-dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:currentColor;opacity:.35;animation:pulse-ring 1.4s var(--ease-out) infinite}.status.live{color:var(--success)}.status.paused{color:var(--warning)}.status.offline{color:var(--danger)}.status.idle{color:var(--text-muted)}.status.idle .live-dot:after{animation:none}.chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:var(--r-pill);background:var(--bg-elevated);color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.chip:hover{background:var(--bg-overlay);color:var(--text-primary)}.chip.is-active{background:var(--accent-soft);color:var(--accent);border-color:var(--border-accent)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-secondary);letter-spacing:var(--tracking-wide);text-transform:uppercase}.field-help{font-size:var(--fs-xs);color:var(--text-tertiary)}.field-error{font-size:var(--fs-xs);color:var(--danger);display:flex;align-items:center;gap:4px}.input,.select,.textarea{width:100%;height:40px;padding:0 var(--sp-4);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-md);color:var(--text-primary);font-size:var(--fs-md);font-family:inherit;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);outline:none}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-strong)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);background:var(--bg-overlay);box-shadow:var(--ring-focus)}.input.is-error,.textarea.is-error{border-color:var(--danger)}.input.is-error:focus,.textarea.is-error:focus{box-shadow:var(--ring-danger)}.textarea{height:auto;padding:var(--sp-3) var(--sp-4);min-height:96px;resize:vertical;line-height:var(--lh-snug)}.input-group{position:relative;display:flex;align-items:center}.input-group .input{-webkit-padding-start:40px;padding-inline-start:40px}.input-group .input.has-trailing{-webkit-padding-end:40px;padding-inline-end:40px}.input-group .input-leading,.input-group .input-trailing{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:40px;height:100%;color:var(--text-tertiary);pointer-events:none}.input-group .input-leading{inset-inline-start:0}.input-group .input-trailing{inset-inline-end:0;pointer-events:auto;cursor:pointer}.switch{position:relative;display:inline-block;width:40px;height:22px;flex:none}.switch input{opacity:0;width:0;height:0}.switch-track{position:absolute;inset:0;background:var(--bg-active);border:1px solid var(--border-subtle);border-radius:999px;transition:all var(--dur-base) var(--ease-out)}.switch-track:after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:16px;height:16px;background:var(--text-secondary);border-radius:50%;transition:transform var(--dur-base) var(--ease-spring),background var(--dur-base) var(--ease-out)}.switch input:checked~.switch-track{background:oklch(.82 .17 145/.25);border-color:var(--accent)}.switch input:checked~.switch-track:after{transform:translateX(18px);background:var(--accent);box-shadow:0 0 12px oklch(.82 .17 145/.7)}html[dir=rtl] .switch input:checked~.switch-track:after{transform:translateX(-18px)}.segmented{display:inline-flex;padding:4px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-md);gap:2px}.segmented button{height:30px;padding:0 var(--sp-4);border-radius:6px;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-tertiary);transition:all var(--dur-fast) var(--ease-out);display:inline-flex;align-items:center;gap:6px}.segmented button:hover{color:var(--text-primary)}.segmented button.is-active{background:var(--bg-overlay);color:var(--text-primary);box-shadow:var(--shadow-xs)}.card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-xl);position:relative;overflow:hidden}.card-pad{padding:var(--sp-6)}.card-pad-sm{padding:var(--sp-4)}.card-pad-lg{padding:var(--sp-7)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border-subtle);gap:var(--sp-3)}.card-title{font-size:var(--fs-md);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-snug);color:var(--text-primary)}.card-subtitle{font-size:var(--fs-xs);color:var(--text-tertiary);margin-top:2px}.card-body{padding:var(--sp-6)}.card-footer{padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--border-subtle);display:flex;gap:var(--sp-3);justify-content:flex-end;background:var(--bg-sunken)}.stat-card{position:relative;padding:var(--sp-6);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-xl);overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,var(--accent-faint),transparent 60%);pointer-events:none}.stat-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-tertiary);font-weight:var(--fw-medium)}.stat-value{font-family:var(--font-display);font-size:var(--fs-4xl);letter-spacing:var(--tracking-tight);color:var(--text-primary);line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-trend,.stat-value{font-weight:var(--fw-medium);margin-top:var(--sp-3)}.stat-trend{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-trend.up{color:var(--success)}.stat-trend.down{color:var(--danger)}.stat-trend.flat{color:var(--text-muted)}.table-wrap{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-xl);overflow:hidden}.table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table td,.table th{padding:var(--sp-3) var(--sp-5);text-align:start;vertical-align:middle}.table thead th{font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-tertiary);background:var(--bg-sunken);border-bottom:1px solid var(--border-subtle);position:-webkit-sticky;position:sticky;top:0;z-index:1}.table tbody tr{border-bottom:1px solid var(--border-faint);transition:background var(--dur-fast)}.table tbody tr:last-child{border-bottom:0}.table tbody tr:hover{background:var(--bg-overlay)}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 0,var(--bg-overlay) 50%,var(--bg-elevated) 100%);background-size:200% 100%;animation:shimmerLine 1.4s linear infinite;border-radius:var(--r-sm)}.spinner{width:18px;height:18px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.spinner-lg{width:32px;height:32px;border-width:3px}.spinner-sm{width:14px;height:14px;border-width:2px}.modal-backdrop{position:fixed;inset:0;background:oklch(0 0 0/.65);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--sp-4);animation:fade-in var(--dur-fast) var(--ease-out) both}.modal{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:scale-in var(--dur-base) var(--ease-spring) both}.modal-header{padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.modal-body{padding:var(--sp-6);overflow-y:auto;flex:1 1}.modal-footer{padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--border-subtle);display:flex;gap:var(--sp-3);justify-content:flex-end;background:var(--bg-sunken)}.empty{padding:var(--sp-9) var(--sp-6);text-align:center;color:var(--text-tertiary)}.empty-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--bg-elevated);color:var(--text-muted);margin-bottom:var(--sp-4)}.empty-title{color:var(--text-primary);font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin-bottom:var(--sp-2)}.stack{gap:var(--sp-4)}.stack,.stack-sm{display:flex;flex-direction:column}.stack-sm{gap:var(--sp-2)}.stack-lg{display:flex;flex-direction:column;gap:var(--sp-6)}.row,.row-center{display:flex;align-items:center;gap:var(--sp-3)}.row-center{justify-content:center}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.grid{display:grid;grid-gap:var(--sp-4);gap:var(--sp-4)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.app-main{display:flex;flex-direction:column;min-width:0}.app-topbar{height:var(--topbar-h);border-bottom:1px solid var(--border-subtle);background:var(--bg-sunken);display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-6);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.app-content{padding:var(--sp-6);max-width:var(--content-max);width:100%;margin:0 auto}.app-sidebar{-webkit-border-end:1px solid var(--border-subtle);border-inline-end:1px solid var(--border-subtle);background:var(--bg-sunken);position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;overflow-y:auto}.app-sidebar-header{padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border-subtle);font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--accent);letter-spacing:var(--tracking-tight)}.app-sidebar-nav{padding:var(--sp-4) var(--sp-3);display:flex;flex-direction:column;gap:2px}.app-sidebar-link{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium);transition:all var(--dur-fast) var(--ease-out);cursor:pointer;text-decoration:none}.app-sidebar-link:hover{background:var(--bg-elevated);color:var(--text-primary)}.app-sidebar-link.is-active{background:var(--accent-soft);color:var(--accent)}@media (max-width:768px){.app-shell{grid-template-columns:1fr}.app-sidebar{display:none}}