:root{--brand-purple: #7c3aed;--brand-blue: #2563eb;--brand-cyan: #06b6d4;--brand-pink: #ec4899;--accent-purple: #7c3aed;--accent-blue: #2563eb;--accent-cyan: #06b6d4;--accent-pink: #ec4899;--accent-green: #10b981;--brand-gradient: linear-gradient(135deg, #7c3aed 0%, #2563eb 100%);--brand-gradient-soft: linear-gradient(135deg, rgba(124, 58, 237, .15) 0%, rgba(37, 99, 235, .15) 100%);--brand-glow: 0 0 24px rgba(124, 58, 237, .45);--success: #10b981;--success-bg: rgba(16, 185, 129, .12);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .12);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .12);--info: #06b6d4;--info-bg: rgba(6, 182, 212, .12);--font-sans-he: "Heebo", system-ui, sans-serif;--font-sans-en: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.7;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--sidebar-width: 260px;--sidebar-collapsed: 72px;--header-height: 64px;--content-max: 1440px;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--t-fast: .15s;--t-base: .25s;--t-slow: .4s;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 800;--z-modal: 900;--z-toast: 1000}:root[data-theme=dark],:root{--bg-base: #0a0a14;--bg-canvas: #0f0f1c;--bg-surface: #15152a;--bg-elevated: #1c1c34;--bg-overlay: rgba(10, 10, 20, .7);--bg-glass: rgba(28, 28, 52, .55);--bg-hover: rgba(255, 255, 255, .04);--bg-active: rgba(124, 58, 237, .12);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--border-brand: rgba(124, 58, 237, .5);--text-primary: #f4f4fb;--text-secondary: #b8b8cf;--text-tertiary: #7a7a96;--text-muted: #4f4f6b;--text-inverse: #0a0a14;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .6);--shadow-glow: 0 0 40px rgba(124, 58, 237, .25);--scrollbar-track: transparent;--scrollbar-thumb: rgba(255, 255, 255, .12);--scrollbar-thumb-hover: rgba(255, 255, 255, .22)}:root[data-theme=light]{--bg-base: #f7f7fb;--bg-canvas: #ffffff;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-overlay: rgba(15, 15, 28, .5);--bg-glass: rgba(255, 255, 255, .75);--bg-hover: rgba(15, 15, 28, .04);--bg-active: rgba(124, 58, 237, .08);--border-subtle: rgba(15, 15, 28, .06);--border-default: rgba(15, 15, 28, .1);--border-strong: rgba(15, 15, 28, .18);--border-brand: rgba(124, 58, 237, .5);--text-primary: #0a0a14;--text-secondary: #4a4a66;--text-tertiary: #7a7a96;--text-muted: #b0b0c4;--text-inverse: #ffffff;--shadow-sm: 0 1px 2px rgba(15, 15, 28, .05);--shadow-md: 0 4px 12px rgba(15, 15, 28, .08);--shadow-lg: 0 10px 30px rgba(15, 15, 28, .1);--shadow-xl: 0 20px 60px rgba(15, 15, 28, .12);--shadow-glow: 0 0 40px rgba(124, 58, 237, .15);--scrollbar-track: transparent;--scrollbar-thumb: rgba(15, 15, 28, .15);--scrollbar-thumb-hover: rgba(15, 15, 28, .28)}:root[data-theme=gold]{--brand-purple: #d4af37;--brand-blue: #b8952e;--brand-cyan: #9ca3af;--brand-pink: #c9a227;--accent-purple: #d4af37;--accent-blue: #c9a227;--accent-cyan: #a3a3a3;--accent-pink: #b8952e;--accent-green: #9ca3af;--success: #d4af37;--success-bg: rgba(212, 175, 55, .12);--warning: #c9a227;--warning-bg: rgba(201, 162, 39, .12);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .14);--info: #9ca3af;--info-bg: rgba(156, 163, 175, .12);--brand-gradient: linear-gradient(135deg, #b8860b 0%, #d4af37 45%, #f5e6b8 100%);--brand-gradient-soft: linear-gradient( 135deg, rgba(212, 175, 55, .14) 0%, rgba(156, 163, 175, .08) 100% );--brand-glow: 0 0 24px rgba(212, 175, 55, .4);--bg-base: #0a0a0a;--bg-canvas: #0f0f0f;--bg-surface: #141414;--bg-elevated: #1c1c1c;--bg-overlay: rgba(0, 0, 0, .75);--bg-glass: rgba(20, 20, 20, .72);--bg-hover: rgba(255, 255, 255, .05);--bg-active: rgba(212, 175, 55, .12);--border-subtle: rgba(255, 255, 255, .07);--border-default: rgba(255, 255, 255, .12);--border-strong: rgba(212, 175, 55, .35);--border-brand: rgba(212, 175, 55, .5);--text-primary: #fafafa;--text-secondary: #a3a3a3;--text-tertiary: #737373;--text-muted: #525252;--text-inverse: #0a0a0a;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .55);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .65);--shadow-glow: 0 0 40px rgba(212, 175, 55, .18);--scrollbar-track: transparent;--scrollbar-thumb: rgba(212, 175, 55, .2);--scrollbar-thumb-hover: rgba(212, 175, 55, .35)}:root[data-theme=gold] .zb-btn--gradient{box-shadow:0 4px 14px #d4af3759}:root[data-theme=gold] .zb-btn--gradient:hover{box-shadow:0 8px 24px #d4af3773}:root[data-theme=gold] .header-lang-option.is-active,:root[data-theme=gold] .header-profile-item.is-active{background:color-mix(in srgb,var(--brand-purple) 15%,transparent)}:root[data-theme=gold] .zb-kpi-trend.is-up{color:var(--accent-purple)}:root[data-theme=gold] .zb-kpi-trend.is-down{color:var(--text-tertiary)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}html[lang=he]{font-family:var(--font-sans-he)}html[lang=en]{font-family:var(--font-sans-en)}body{font-family:inherit;font-size:var(--text-base);line-height:var(--leading-normal);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh;overflow-x:hidden;transition:background var(--t-base) var(--ease-in-out),color var(--t-base) var(--ease-in-out)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(124,58,237,.18),transparent 60%),radial-gradient(ellipse 60% 40% at 100% 0%,rgba(37,99,235,.15),transparent 60%),radial-gradient(ellipse 60% 40% at 0% 100%,rgba(236,72,153,.1),transparent 60%);pointer-events:none;z-index:0;opacity:1;transition:opacity var(--t-base)}:root[data-theme=light] body:before{opacity:.5}:root[data-theme=gold] body:before{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(212,175,55,.14),transparent 60%),radial-gradient(ellipse 50% 40% at 100% 0%,rgba(156,163,175,.08),transparent 55%),radial-gradient(ellipse 50% 40% at 0% 100%,rgba(184,134,11,.1),transparent 55%);opacity:1}#root{position:relative;z-index:1;min-height:100vh}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);font-weight:700;color:var(--text-primary);letter-spacing:-.02em}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{color:var(--text-secondary);line-height:var(--leading-relaxed)}a{color:var(--brand-blue);text-decoration:none;transition:color var(--t-fast)}a:hover{color:var(--brand-purple)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}img,svg,video{display:block;max-width:100%}ul,ol{list-style:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}:focus-visible{outline:2px solid var(--brand-purple);outline-offset:2px;border-radius:var(--radius-sm)}button:focus-visible,a:focus-visible{outline-offset:3px}::selection{background:color-mix(in srgb,var(--brand-purple) 35%,transparent);color:var(--text-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;inset-inline-start:var(--space-4);z-index:var(--z-toast);padding:var(--space-3) var(--space-4);background:var(--brand-gradient);color:#fff;border-radius:var(--radius-md);font-weight:600;transition:top var(--t-base)}.skip-link:focus{top:var(--space-4)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseDot{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 8px #10b98100}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 20px #7c3aed4d}50%{box-shadow:0 0 40px #7c3aed99}}.fade-in{animation:fadeIn var(--t-base) var(--ease-out)}.slide-in{animation:slideInRight var(--t-base) var(--ease-out)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html[dir=rtl]{text-align:right}html[dir=rtl] .reverse-on-rtl{transform:scaleX(-1)}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:var(--sidebar-width);background:var(--bg-canvas);border-inline-end:1px solid var(--border-subtle);display:flex;flex-direction:column;z-index:var(--z-sticky);transition:transform var(--t-base) var(--ease-in-out),width var(--t-base) var(--ease-in-out)}.sidebar-header{padding:var(--space-5) var(--space-5) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);min-width:0}.sidebar-logo{width:38px;height:38px;border-radius:var(--radius-md);display:grid;place-items:center;flex-shrink:0;box-shadow:var(--brand-glow);transition:transform var(--t-base) var(--ease-spring)}.sidebar-logo:hover{transform:rotate(-8deg) scale(1.05)}.sidebar-brand-text{display:flex;flex-direction:column;min-width:0}.sidebar-brand-name{font-size:var(--text-base);font-weight:700;color:var(--text-primary);line-height:1.2}.sidebar-brand-tag{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500;letter-spacing:.05em;text-transform:uppercase}.sidebar-close{display:none;width:36px;height:36px;border-radius:var(--radius-md);color:var(--text-secondary);transition:background var(--t-fast)}.sidebar-close:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-search{position:relative;margin:0 var(--space-5) var(--space-5)}.sidebar-search-icon{position:absolute;top:50%;inset-inline-start:var(--space-3);transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.sidebar-search-input{width:100%;height:40px;padding-inline-start:calc(var(--space-3) + 16px + var(--space-2));padding-inline-end:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);outline:none;transition:border-color var(--t-fast),background var(--t-fast)}.sidebar-search-input::placeholder{color:var(--text-tertiary)}.sidebar-search-input:focus{border-color:var(--border-brand);background:var(--bg-elevated)}.sidebar-nav{flex:1;padding:0 var(--space-3) var(--space-4);overflow-y:auto;display:flex;flex-direction:column;gap:2px}.sidebar-link{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:background var(--t-fast),color var(--t-fast),transform var(--t-fast);cursor:pointer}.sidebar-link-indicator{position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);width:3px;height:0;border-radius:var(--radius-full);background:var(--brand-gradient);transition:height var(--t-base) var(--ease-spring)}.sidebar-link:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-link.is-active{background:var(--bg-active);color:var(--text-primary)}.sidebar-link.is-active .sidebar-link-indicator{height:60%;box-shadow:0 0 12px var(--brand-purple)}.sidebar-link.is-active .sidebar-link-icon{color:var(--brand-purple)}.sidebar-link-icon{flex-shrink:0;color:var(--text-tertiary);transition:color var(--t-fast)}.sidebar-link:hover .sidebar-link-icon{color:var(--text-primary)}.sidebar-link-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-empty{padding:var(--space-4);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.sidebar-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.sidebar-status{display:flex;align-items:center;gap:var(--space-2);min-width:0}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--success);animation:pulseDot 2s var(--ease-in-out) infinite}.status-label{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}.sidebar-collapse-btn{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.sidebar-collapse-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-default)}.sidebar.is-collapsed{width:var(--sidebar-collapsed)}.sidebar.is-collapsed .sidebar-brand-text,.sidebar.is-collapsed .sidebar-search,.sidebar.is-collapsed .sidebar-link-label,.sidebar.is-collapsed .sidebar-empty,.sidebar.is-collapsed .status-label{display:none}.sidebar.is-collapsed .sidebar-header{justify-content:center;padding-inline:var(--space-3)}.sidebar.is-collapsed .sidebar-close{display:none}.sidebar.is-collapsed .sidebar-nav{padding-inline:var(--space-2)}.sidebar.is-collapsed .sidebar-link{justify-content:center;padding-inline:var(--space-2)}.sidebar.is-collapsed .sidebar-link-indicator{display:none}.sidebar.is-collapsed .sidebar-footer{flex-direction:column;align-items:center;gap:var(--space-3);padding-inline:var(--space-2)}.sidebar.is-collapsed .sidebar-status{justify-content:center}@media(max-width:768px){.sidebar{transform:translate(100%);box-shadow:var(--shadow-xl)}html[dir=ltr] .sidebar{transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.sidebar-close{display:grid;place-items:center}.sidebar-collapse-btn{display:none}.sidebar.is-collapsed{width:var(--sidebar-width)}.sidebar.is-collapsed .sidebar-brand-text,.sidebar.is-collapsed .sidebar-search,.sidebar.is-collapsed .sidebar-link-label,.sidebar.is-collapsed .status-label{display:initial}.sidebar.is-collapsed .sidebar-header{justify-content:space-between;padding-inline:var(--space-5)}.sidebar.is-collapsed .sidebar-link{justify-content:flex-start;padding-inline:var(--space-3)}.sidebar.is-collapsed .sidebar-link-indicator{display:block}}.dashboard-header{position:fixed;top:0;inset-inline-end:0;inset-inline-start:var(--sidebar-width);height:var(--header-height);background:var(--bg-glass);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid var(--border-subtle);z-index:calc(var(--z-sticky) - 1);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);gap:var(--space-4);transition:inset-inline-start var(--t-base) var(--ease-in-out)}.header-left,.header-right{display:flex;align-items:center;gap:var(--space-2)}.header-menu-button{display:none;width:40px;height:40px;border-radius:var(--radius-md);color:var(--text-secondary);transition:background var(--t-fast),color var(--t-fast);align-items:center;justify-content:center}.header-menu-button:hover{background:var(--bg-hover);color:var(--text-primary)}.header-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.header-brand-tag{color:var(--text-tertiary);font-weight:500}.header-divider{color:var(--text-muted)}.header-page-title{color:var(--text-primary);font-weight:600}.header-icon-button{position:relative;display:flex;align-items:center;gap:6px;width:40px;height:40px;justify-content:center;border-radius:var(--radius-md);color:var(--text-secondary);transition:background var(--t-fast),color var(--t-fast),transform var(--t-fast)}.header-icon-button:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px)}.header-icon-button:active{transform:translateY(0)}.header-lang{position:relative}.header-lang-button{display:inline-flex;align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-3);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.header-lang-button:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-default)}.header-lang-flag{font-size:16px;line-height:1}.header-lang-label{font-weight:600}.header-lang-chevron{color:var(--text-tertiary);transition:transform var(--t-fast)}.header-lang-button[aria-expanded=true] .header-lang-chevron{transform:rotate(180deg)}.header-lang-menu{position:absolute;top:calc(100% + 6px);inset-inline-end:0;min-width:180px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px;z-index:50;animation:fadeIn var(--t-fast) var(--ease-out)}.header-lang-option{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;color:var(--text-primary);cursor:pointer;transition:background var(--t-fast);text-align:start}.header-lang-option:hover{background:var(--bg-hover)}.header-lang-check{margin-inline-start:auto;color:var(--brand-purple)}@media(max-width:640px){.header-lang-label{display:none}.header-lang-button{padding:0 var(--space-2)}.header-trial-label{display:none}.header-trial-bar{padding:0 var(--space-2);gap:var(--space-2)}}.header-trial-bar{display:inline-flex;align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-3);border-radius:var(--radius-full);background:#7c3aed1f;border:1px solid rgba(124,58,237,.35);color:var(--text-primary);flex-shrink:0}.header-trial-bar.is-urgent{background:#f59e0b1f;border-color:#f59e0b73}.header-trial-icon{color:var(--brand-purple);flex-shrink:0}.header-trial-bar.is-urgent .header-trial-icon{color:var(--warning, #f59e0b)}.header-trial-label{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);white-space:nowrap}.header-trial-timer{display:inline-flex;align-items:center;gap:var(--space-2);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--text-primary);flex-shrink:0}.header-trial-days{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);white-space:nowrap;padding:2px 8px;border-radius:var(--radius-full);background:#7c3aed26}.header-trial-clock{font-size:var(--text-sm);font-weight:700;white-space:nowrap;min-width:4.75rem;text-align:center}.header-trial-upgrade{display:inline-flex;align-items:center;gap:4px;margin-inline-start:var(--space-1);padding:4px 10px;border-radius:var(--radius-full);background:var(--brand-gradient);color:#fff;font-size:var(--text-xs);font-weight:700;text-decoration:none;white-space:nowrap;transition:filter var(--t-fast),transform var(--t-fast)}.header-trial-upgrade:hover{filter:brightness(1.08);transform:translateY(-1px)}@media(max-width:900px){.header-trial-clock{min-width:auto;font-size:var(--text-xs)}.header-trial-days{display:none}}.has-badge .badge-dot{position:absolute;top:8px;inset-inline-end:8px;width:8px;height:8px;background:var(--danger);border-radius:var(--radius-full);border:2px solid var(--bg-canvas);animation:pulse 2s infinite}.has-badge .badge-count{position:absolute;top:-2px;inset-inline-end:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;border:2px solid var(--bg-canvas)}.notifications-menu{position:absolute;top:calc(100% + var(--space-2));inset-inline-end:96px;width:min(430px,94vw);max-height:min(70vh,520px);overflow:auto;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:calc(var(--z-dropdown) + 1);animation:fadeIn var(--t-fast) var(--ease-out)}.notifications-menu-header{position:sticky;top:0;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.notifications-menu-actions{display:flex;align-items:center;gap:var(--space-2)}.notifications-action-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);height:28px;padding:0 var(--space-2);font-size:var(--text-xs);cursor:pointer}.notifications-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.notifications-action-btn.is-danger:hover{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 50%,var(--border-subtle))}.notifications-empty{padding:var(--space-5) var(--space-4);color:var(--text-tertiary);font-size:var(--text-sm);text-align:center}.notifications-item{position:relative;padding:var(--space-3) var(--space-4);padding-inline-end:44px;border-bottom:1px solid var(--border-subtle)}.notifications-item:last-child{border-bottom:none}.notifications-item-title{color:var(--text-primary);font-size:var(--text-sm);line-height:1.45;margin-bottom:2px}.notifications-item-meta{margin-top:var(--space-1);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--text-tertiary);font-size:var(--text-xs)}.notifications-item-delete{position:absolute;top:50%;inset-inline-end:10px;transform:translateY(-50%);width:28px;height:28px;border:none;border-radius:var(--radius-sm);display:grid;place-items:center;color:var(--text-tertiary);background:transparent;cursor:pointer}.notifications-item-delete:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent)}@media(max-width:768px){.notifications-menu{inset-inline-end:8px}.notifications-action-btn span{display:none}}.header-profile{position:relative;margin-inline-start:var(--space-2)}.header-profile-button{display:flex;align-items:center;gap:var(--space-2);padding:4px 10px 4px 4px;border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-subtle);transition:border-color var(--t-fast),background var(--t-fast);color:var(--text-primary)}html[dir=ltr] .header-profile-button{padding:4px 4px 4px 10px}.header-profile-button:hover{border-color:var(--border-default);background:var(--bg-elevated)}.profile-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--brand-gradient);display:grid;place-items:center;color:#fff;flex-shrink:0}.profile-name{font-size:var(--text-sm);font-weight:600}.profile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-dropdown)}.profile-menu{position:absolute;top:calc(100% + var(--space-2));inset-inline-end:0;min-width:220px;padding:var(--space-2);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:calc(var(--z-dropdown) + 1);animation:fadeIn var(--t-fast) var(--ease-out)}.profile-menu-header{padding:var(--space-3);display:flex;flex-direction:column;gap:2px;border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-2)}.profile-menu-header strong{color:var(--text-primary);font-size:var(--text-sm)}.profile-menu-header span{color:var(--text-tertiary);font-size:var(--text-xs)}.profile-menu-item{display:block;width:100%;text-align:start;text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}button.profile-menu-item{background:transparent;border:none}.profile-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.profile-menu-item.is-danger:hover{color:var(--danger);background:var(--danger-bg)}.profile-menu-divider{height:1px;background:var(--border-subtle);margin:var(--space-2) 0}@media(max-width:768px){.dashboard-header{inset-inline-start:0;padding:0 var(--space-4)}.header-menu-button{display:grid}.profile-name{display:none}.header-profile-button{padding:4px}}.dashboard-layout{display:flex;min-height:100vh;width:100%}.dashboard-layout.is-sidebar-collapsed{--sidebar-width: var(--sidebar-collapsed)}.dashboard-main{flex:1;display:flex;flex-direction:column;min-width:0;margin-inline-start:var(--sidebar-width);transition:margin-inline-start var(--t-base) var(--ease-in-out)}.dashboard-content{flex:1;padding:var(--space-8);padding-top:calc(var(--header-height) + var(--space-8));min-width:0}.dashboard-content-inner{max-width:var(--content-max);margin:0 auto;width:100%}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-overlay)}@media(max-width:1024px){.dashboard-content{padding:var(--space-6);padding-top:calc(var(--header-height) + var(--space-6))}}@media(max-width:768px){.dashboard-main{margin-inline-start:0}.dashboard-content{padding:var(--space-4);padding-top:calc(var(--header-height) + var(--space-4))}.sidebar-overlay{display:block;animation:fadeIn var(--t-base)}}.zb-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out)}.zb-card--glass{background:var(--bg-glass);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-color:var(--border-default)}.zb-card--gradient{background:var(--bg-surface);position:relative}.zb-card--gradient:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--brand-gradient-soft);pointer-events:none}.zb-card--gradient>*{position:relative;z-index:1}.zb-card--flat{background:transparent;border:none}.zb-card--hoverable{cursor:pointer}.zb-card--hoverable:hover{transform:translateY(-2px);border-color:var(--border-default);box-shadow:var(--shadow-lg)}.zb-card-header{padding:var(--space-5) var(--space-5) var(--space-4);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);border-bottom:1px solid var(--border-subtle)}.zb-card-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.01em}.zb-card-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:2px;font-weight:400}.zb-card-body{padding:var(--space-5)}.zb-card-header+.zb-card-body{padding-top:var(--space-4)}.zb-card-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.zb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:inherit;font-weight:600;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid transparent;text-decoration:none;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast);position:relative;overflow:hidden}.zb-btn:hover{transform:translateY(-1px)}.zb-btn:active{transform:translateY(0)}.zb-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.zb-btn.is-loading{cursor:wait}.zb-btn--full{width:100%}.zb-btn--sm{padding:6px var(--space-3);font-size:var(--text-xs);height:32px}.zb-btn--md{padding:8px var(--space-4);font-size:var(--text-sm);height:40px}.zb-btn--lg{padding:12px var(--space-6);font-size:var(--text-base);height:48px}.zb-btn--primary{background:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary)}.zb-btn--primary:hover{background:var(--text-secondary);border-color:var(--text-secondary)}.zb-btn--secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-default)}.zb-btn--secondary:hover{background:var(--bg-elevated);border-color:var(--border-strong)}.zb-btn--ghost{background:transparent;color:var(--text-secondary)}.zb-btn--ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.zb-btn--danger{background:var(--danger);color:#fff}.zb-btn--danger:hover{filter:brightness(1.1);box-shadow:0 4px 12px #ef44444d}.zb-btn--gradient{background:var(--brand-gradient);color:#fff;box-shadow:0 4px 14px #7c3aed59}.zb-btn--gradient:hover{box-shadow:0 8px 24px #7c3aed80;filter:brightness(1.05)}.zb-btn-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.zb-btn-spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.zb-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);line-height:1.4;border:1px solid transparent;white-space:nowrap}.zb-badge-dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor;flex-shrink:0}.zb-badge--neutral{background:var(--bg-hover);color:var(--text-secondary);border-color:var(--border-subtle)}.zb-badge--brand{background:color-mix(in srgb,var(--brand-purple) 12%,transparent);color:var(--brand-purple);border-color:color-mix(in srgb,var(--brand-purple) 30%,transparent)}.zb-badge--success{background:var(--success-bg);color:var(--success);border-color:color-mix(in srgb,var(--success) 30%,transparent)}.zb-badge--warning{background:var(--warning-bg);color:var(--warning);border-color:color-mix(in srgb,var(--warning) 30%,transparent)}.zb-badge--danger{background:var(--danger-bg);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.zb-badge--info{background:var(--info-bg);color:var(--info);border-color:color-mix(in srgb,var(--info) 30%,transparent)}.zb-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap}.zb-page-header-text{display:flex;align-items:center;gap:var(--space-4)}.zb-page-header-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--brand-gradient);display:grid;place-items:center;color:#fff;box-shadow:var(--brand-glow);flex-shrink:0}.zb-page-header-title{font-size:var(--text-3xl);font-weight:800;color:var(--text-primary);letter-spacing:-.025em;line-height:1.1}.zb-page-header-subtitle{margin-top:4px;color:var(--text-tertiary);font-size:var(--text-sm)}.zb-page-header-actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}@media(max-width:640px){.zb-page-header-title{font-size:var(--text-2xl)}.zb-page-header-icon{width:40px;height:40px}}.zb-kpi{--accent: var(--accent-purple);position:relative;padding:var(--space-5);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--t-base),border-color var(--t-base),box-shadow var(--t-base)}.zb-kpi--purple{--accent: var(--accent-purple)}.zb-kpi--blue{--accent: var(--accent-blue)}.zb-kpi--cyan{--accent: var(--accent-cyan)}.zb-kpi--pink{--accent: var(--accent-pink)}.zb-kpi--green{--accent: var(--accent-green)}.zb-kpi:before{content:"";position:absolute;top:0;inset-inline-start:0;width:3px;height:100%;background:var(--accent);opacity:.7;transition:opacity var(--t-base)}.zb-kpi:after{content:"";position:absolute;top:-40%;inset-inline-end:-20%;width:200px;height:200px;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);opacity:.08;pointer-events:none}.zb-kpi:hover{transform:translateY(-2px);border-color:var(--border-default);box-shadow:var(--shadow-md)}.zb-kpi:hover:before{opacity:1;box-shadow:0 0 12px var(--accent)}.zb-kpi-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-3);position:relative;z-index:1}.zb-kpi-label{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500}.zb-kpi-icon{width:36px;height:36px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);display:grid;place-items:center}.zb-kpi-value{font-size:var(--text-3xl);font-weight:800;color:var(--text-primary);letter-spacing:-.025em;line-height:1;margin-bottom:var(--space-3);font-variant-numeric:tabular-nums;position:relative;z-index:1}.zb-kpi-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);position:relative;z-index:1}.zb-kpi-trend{display:inline-flex;align-items:center;gap:2px;font-size:var(--text-xs);font-weight:700;font-variant-numeric:tabular-nums}.zb-kpi-trend.is-up{color:var(--success)}.zb-kpi-trend.is-down{color:var(--danger)}.zb-kpi-trend-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-inline-start:4px;flex:1}.zb-kpi-spark{width:80px;height:24px;opacity:.85}.zb-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-6);gap:var(--space-3)}.zb-empty-icon{width:64px;height:64px;border-radius:var(--radius-xl);background:var(--brand-gradient-soft);display:grid;place-items:center;color:var(--brand-purple);margin-bottom:var(--space-2)}.zb-empty-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.zb-empty-description{color:var(--text-tertiary);font-size:var(--text-sm);max-width:400px}.zb-empty-action{margin-top:var(--space-2)}.auth-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;width:100%}@media(max-width:900px){.auth-page{grid-template-columns:1fr}}.auth-aside{position:relative;background:linear-gradient(135deg,#1a0f3d,#0a0a14,#0a0e2b);display:flex;align-items:center;justify-content:center;padding:var(--space-12);overflow:hidden;color:#fff}.auth-aside:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(124,58,237,.4),transparent 50%),radial-gradient(circle at 80% 70%,rgba(37,99,235,.3),transparent 50%),radial-gradient(circle at 50% 100%,rgba(236,72,153,.2),transparent 50%);pointer-events:none}.auth-aside-content{position:relative;z-index:1;max-width:480px}.auth-logo{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:800;color:#fff;margin-bottom:var(--space-12);letter-spacing:-.02em}.auth-aside-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;letter-spacing:-.04em;line-height:1.05;color:#fff;margin-bottom:var(--space-5)}.auth-aside-subtitle{font-size:var(--text-lg);color:#ffffffbf;line-height:1.6;margin-bottom:var(--space-8)}.auth-aside-features{display:flex;flex-direction:column;gap:var(--space-3);list-style:none;padding:0}.auth-aside-features li{font-size:var(--text-base);color:#ffffffd9;font-weight:500}@media(max-width:900px){.auth-aside{display:none}}.auth-main{display:flex;align-items:center;justify-content:center;padding:var(--space-8);background:var(--bg-base)}.auth-card{width:100%;max-width:420px;padding:var(--space-8);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.auth-title{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.025em;margin-bottom:var(--space-1);color:var(--text-primary)}.auth-subtitle{color:var(--text-tertiary);font-size:var(--text-sm);margin-bottom:var(--space-6)}.auth-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--danger-bg);color:var(--danger);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4);animation:fadeIn var(--t-fast) var(--ease-out)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-4)}.auth-field{display:flex;flex-direction:column;gap:var(--space-2)}.auth-field label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.auth-input-wrap{position:relative}.auth-input-icon{position:absolute;top:50%;inset-inline-start:var(--space-3);transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.auth-input-wrap input{width:100%;height:44px;padding:0 var(--space-3);padding-inline-start:calc(var(--space-3) + 16px + var(--space-2));padding-inline-end:40px;background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.auth-input-wrap input::placeholder{color:var(--text-muted)}.auth-input-wrap input:focus{border-color:var(--brand-purple);box-shadow:0 0 0 3px #7c3aed26}.auth-input-toggle{position:absolute;top:50%;inset-inline-end:var(--space-2);transform:translateY(-50%);width:32px;height:32px;display:grid;place-items:center;color:var(--text-tertiary);border-radius:var(--radius-sm);transition:background var(--t-fast),color var(--t-fast)}.auth-input-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.auth-divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-4) 0;color:var(--text-tertiary);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.1em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.auth-footer{text-align:center;font-size:var(--text-sm);color:var(--text-secondary)}.auth-footer a{font-weight:600;color:var(--brand-purple)}.auth-demo{margin-top:var(--space-5);padding:var(--space-3);background:var(--brand-gradient-soft);border:1px dashed var(--border-brand);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-secondary);text-align:center;line-height:1.6}.auth-demo strong{display:block;color:var(--text-primary);margin-bottom:2px}.auth-demo code{font-family:var(--font-mono);background:var(--bg-hover);padding:1px 6px;border-radius:4px;color:var(--brand-purple);font-weight:600;margin:0 4px}.auth-lang-switcher{position:fixed;top:var(--space-4);inset-inline-end:var(--space-4);z-index:100;display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:999px;background:#0a0a14bf;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 24px #00000059}.auth-lang-option{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:999px;background:transparent;color:#ffffffa6;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--t-fast),color var(--t-fast);white-space:nowrap}.auth-lang-option:hover{color:#ffffffe6;background:#ffffff14}.auth-lang-option.is-active{background:var(--brand-gradient);color:#fff;box-shadow:var(--brand-glow)}.auth-lang-flag{font-size:15px;line-height:1}@media(max-width:480px){.auth-lang-switcher{top:var(--space-3);inset-inline-end:var(--space-3)}.auth-lang-option span:not(.auth-lang-flag){display:none}.auth-lang-option{padding:8px 10px}}.auth-page--centered{grid-template-columns:1fr;place-items:center;padding:var(--space-8)}.auth-page--centered .auth-card{width:100%}.auth-google-wrap{position:relative;width:100%;min-height:44px;display:flex;align-items:center;justify-content:center}.auth-google-gis{width:100%;display:flex;justify-content:center}.auth-google-gis>div{width:100%!important}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast)}.auth-google-btn--loading{cursor:wait;opacity:.85}.auth-google-hint{margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);background:var(--brand-gradient-soft);border:1px dashed var(--border-brand);font-size:var(--text-xs);color:var(--text-secondary);text-align:center;line-height:1.5}.auth-google-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-default)}.auth-google-btn:disabled{opacity:.6;cursor:not-allowed}.auth-spin{width:18px;height:18px;border:2px solid var(--border-subtle);border-top-color:var(--brand-purple);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-invite-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--space-5);padding:var(--space-3);background:var(--bg-hover);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary)}.auth-invite-meta span{display:inline-flex;align-items:center;gap:8px}.overview-page{display:flex;flex-direction:column;gap:var(--space-6)}.overview-welcome{position:relative;overflow:hidden}.overview-welcome-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap}.overview-welcome-title{font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--space-1);letter-spacing:-.02em}.overview-welcome-subtitle{color:var(--text-secondary);font-size:var(--text-base)}.overview-welcome-stats{display:flex;gap:var(--space-6)}.overview-welcome-stat{display:flex;flex-direction:column;gap:2px}.overview-welcome-stat-value{font-size:var(--text-2xl);font-weight:800;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums;line-height:1}.overview-welcome-stat-label{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}.overview-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.overview-charts{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-4)}@media(max-width:1024px){.overview-charts{grid-template-columns:1fr}}.overview-traffic-chart .zb-card-body{padding:var(--space-4) var(--space-3) var(--space-3)}.chart-legend{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--text-tertiary)}.legend-item{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:500}.legend-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.card-header-icon{color:var(--text-tertiary);flex-shrink:0}.donut-legend{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2) var(--space-4);margin-top:var(--space-3)}.donut-legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs)}.donut-legend-name{flex:1;color:var(--text-secondary)}.donut-legend-value{color:var(--text-primary);font-weight:600;font-variant-numeric:tabular-nums}.overview-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.overview-list{display:flex;flex-direction:column;gap:var(--space-3)}.overview-list-item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm)}.overview-list-flag{font-size:20px;flex-shrink:0}.overview-list-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.overview-list-path,.overview-list-name{color:var(--text-primary);font-weight:500;font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-list-path{font-family:var(--font-mono);font-size:var(--text-xs)}.overview-list-meta{font-size:var(--text-xs);color:var(--text-tertiary)}.overview-list-bar{width:60px;height:6px;background:var(--bg-hover);border-radius:var(--radius-full);overflow:hidden;flex-shrink:0}.overview-list-bar-fill{height:100%;background:var(--brand-gradient);border-radius:var(--radius-full);transition:width var(--t-base)}.overview-list-pct{font-size:var(--text-xs);color:var(--text-secondary);font-weight:600;font-variant-numeric:tabular-nums;min-width:36px;text-align:end}.overview-events{display:flex;flex-direction:column}.overview-event-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-subtle);transition:background var(--t-fast)}.overview-event-item:last-child{border-bottom:none}.overview-event-item:hover{background:var(--bg-hover)}.overview-event-icon{width:28px;height:28px;border-radius:var(--radius-md);background:#7c3aed1f;color:var(--brand-purple);display:grid;place-items:center;flex-shrink:0}.overview-event-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.overview-event-line{font-size:var(--text-sm);color:var(--text-primary);line-height:1.5}.overview-event-line strong{font-weight:600}.overview-event-action{color:var(--text-tertiary)}.overview-event-name{font-family:var(--font-mono);font-size:var(--text-xs);padding:1px 6px;background:#7c3aed1f;color:var(--brand-purple);border-radius:var(--radius-sm);font-weight:600}.overview-event-page{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}.overview-event-time{font-size:var(--text-xs);color:var(--text-tertiary)}