@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap");:root{--primary:#4318FF;--primary-hover:#3311DB;--primary-soft:rgba(67,24,255,0.08);--primary-border:rgba(67,24,255,0.15);--secondary:#4318FF;--secondary-container:#4318FF;--on-secondary-container:#ffffff;--sidebar:#ffffff;--sidebar-hover:rgba(67,24,255,0.06);--sidebar-border:#E2E8F0;--background:#F4F7FE;--background-soft:#E9EDF7;--surface:#ffffff;--surface-border:#E2E8F0;--text-main:#1E293B;--text-heading:#1E293B;--text-muted:#64748B;--text-soft:#94A3B8;--success:#05CD99;--success-soft:rgba(5,205,153,0.12);--success-border:rgba(5,205,153,0.2);--warning:#FFCE20;--warning-soft:rgba(255,206,32,0.12);--warning-border:rgba(255,206,32,0.2);--danger:#EE5D50;--danger-soft:rgba(238,93,80,0.1);--danger-border:rgba(238,93,80,0.2);--error:#EE5D50;--border:#E2E8F0;--border-strong:#CBD5E1;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:24px;--radius-2xl:28px;--radius-pill:9999px;--shadow-sm:0 2px 4px rgba(0,0,0,0.02);--shadow-md:0 10px 20px rgba(0,0,0,0.03),0 2px 6px rgba(0,0,0,0.04);--shadow-lg:0 20px 40px rgba(0,0,0,0.05);--ease:cubic-bezier(0.16,1,0.3,1);--font-sans:"Inter","Plus Jakarta Sans",sans-serif;--font-display:"Outfit","Plus Jakarta Sans",sans-serif;--font-mono:"JetBrains Mono",monospace;--chart-grid:#E2E8F0;--chart-line:#4318FF;--chart-area-top:rgba(67,24,255,0.3);--chart-area-bot:rgba(67,24,255,0.0);--bg-deep:var(--background);--bg-sidebar:var(--sidebar);--bg-panel:var(--surface);--bg-elevated:var(--background-soft);--bg-modal:var(--surface);--brand-violet:var(--primary);--brand-violet-dim:var(--primary-soft);--text-primary:var(--text-heading);--text-secondary:var(--text-main);--text-tertiary:var(--text-muted);--border-subtle:var(--border);--border-focus:var(--primary);--shadow-panel:var(--shadow-md);--shadow-glow:0 8px 30px rgba(67,24,255,0.12);--status-ok:var(--success);--status-err:var(--danger);--status-warn:var(--warning)}html.dark{--bg-base:#0d0d14;--bg-card:#161622;--bg-elevated-dk:#1a1a24;--bg-hover:#1e1e2a;--border:#2a2a3a;--border-strong:#3a3a4e;--primary:#6366f1;--primary-hover:#5254cc;--primary-soft:rgba(99,102,241,0.12);--primary-border:rgba(99,102,241,0.25);--primary-light:#818cf8;--secondary:#6366f1;--text-main:#f1f1f5;--text-heading:#f1f1f5;--text-muted:#6b6b7e;--text-soft:#3d3d50;--success:#22c55e;--success-soft:rgba(34,197,94,0.10);--success-border:rgba(34,197,94,0.20);--warning:#f59e0b;--warning-soft:rgba(245,158,11,0.10);--warning-border:rgba(245,158,11,0.20);--danger:#ef4444;--danger-soft:rgba(239,68,68,0.10);--danger-border:rgba(239,68,68,0.20);--error:#ef4444;--info:#3b82f6;--info-soft:rgba(59,130,246,0.10);--accent:#a855f7;--gradient-brand-start:#6366f1;--gradient-brand-middle:#a855f7;--gradient-brand-end:#f472b6;--background:var(--bg-base);--background-soft:var(--bg-base);--surface:var(--bg-card);--surface-border:var(--border);--sidebar:var(--bg-card);--sidebar-hover:var(--bg-hover);--sidebar-border:var(--border);--bg:var(--bg-base);--bg-accent:var(--bg-card);--surface-strong:var(--bg-elevated-dk);--surface-hover:var(--bg-hover);--line:var(--border);--line-subtle:rgba(99,102,241,0.07);--text:var(--text-main);--muted:var(--text-muted);--text-error:var(--error);--text-success:var(--success);--text-high:var(--text-main);--accent-soft:var(--primary-soft);--accent-hover:var(--primary-hover);--brand-violet:var(--primary);--brand-violet-dim:var(--primary-soft);--bg-deep:var(--bg-base);--bg-sidebar:var(--bg-card);--bg-panel:var(--bg-card);--bg-modal:var(--bg-elevated-dk);--text-primary:var(--text-main);--text-secondary:var(--text-muted);--text-tertiary:var(--text-soft);--border-subtle:var(--border);--border-focus:var(--primary);--status-ok:var(--success);--status-err:var(--danger);--status-warn:var(--warning);--shadow-sm:none;--shadow-md:0 8px 16px rgba(0,0,0,0.50);--shadow-lg:0 20px 40px rgba(0,0,0,0.60);--shadow:0 8px 24px rgba(0,0,0,0.45);--shadow-panel:0 4px 24px rgba(0,0,0,0.45);--shadow-glow:0 8px 24px rgba(99,102,241,0.20);--shadow-hover:0 8px 20px rgba(0,0,0,0.50);--chart-grid:#2a2a3a;--chart-line:#6366f1;--chart-area-top:rgba(99,102,241,0.25);--chart-area-bot:rgba(99,102,241,0.0)}body{background-color:var(--background);color:var(--text-main);font-family:var(--font-sans);margin:0;padding:0;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;color:var(--text-heading);letter-spacing:-.02em}html.dark{color-scheme:dark}.app-container{display:flex;flex-direction:row;min-height:100vh;background-color:var(--background);width:100%;overflow:hidden}.app-main-layout{flex:1 1;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}.app-topbar-custom{position:-webkit-sticky;position:sticky;top:0;height:64px;background-color:var(--background);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:none;z-index:100;display:flex;align-items:center;padding:0 24px;transition:background-color .3s ease,border-color .3s ease;flex-shrink:0}html.dark .app-topbar-custom{background-color:var(--background);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid var(--border)}.topbar-inner-container{display:flex;justify-content:space-between;align-items:center;width:100%}.topbar-left-brand{display:flex;align-items:center;gap:16px}.mobile-menu-trigger-custom{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px}@media (min-width:768px){.mobile-menu-trigger-custom{display:none}}.topbar-brand-logo-wrap{display:flex;align-items:center;gap:10px;background:none;border:none;outline:none;padding:0;cursor:pointer}.brand-logo-icon{color:var(--primary);font-variation-settings:"FILL" 1;font-size:26px;transition:transform .2s ease}.topbar-brand-logo-wrap:hover .brand-logo-icon{transform:rotate(-10deg) scale(1.05)}.brand-logo-text{font-size:16px;font-weight:800;color:var(--primary);letter-spacing:-.02em;white-space:nowrap}.topbar-client-select-wrap{display:none;align-items:center;gap:6px;background-color:var(--surface);padding:6px 14px;border-radius:9999px;border:1px solid var(--border);position:relative;transition:all .25s var(--ease)}.topbar-client-select-wrap:hover{border-color:var(--primary-border);background-color:var(--primary-soft)}@media (min-width:1024px){.topbar-client-select-wrap{display:flex}}.select-lead-icon{font-size:15px;color:var(--text-muted)}.topbar-client-select-box{background:transparent;border:none;font-size:12px;font-weight:700;color:var(--text-main);outline:none;padding-right:18px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.select-chevron{font-size:15px;color:var(--text-muted);position:absolute;right:10px;pointer-events:none}.topbar-right-actions{display:flex;align-items:center;gap:12px}.topbar-icon-btn{position:relative;background:none;border:none;padding:8px;color:var(--text-muted);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .16s var(--ease),color .16s var(--ease)}.topbar-icon-btn:hover{background-color:var(--primary-soft);color:var(--text-main)}.topbar-icon-btn .notification-badge-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background-color:var(--danger);border:2px solid var(--background);border-radius:50%}.topbar-profile-wrap{position:relative;display:flex;align-items:center;gap:6px}.topbar-signout-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:background .14s var(--ease),color .14s var(--ease),border-color .14s var(--ease)}.topbar-signout-btn:hover{background:var(--surface);border-color:var(--border);color:var(--danger,#e53e3e)}.topbar-signout-btn:disabled{opacity:.5;cursor:not-allowed}.topbar-signout-btn .material-symbols-outlined{font-size:18px}.topbar-profile-btn{display:flex;align-items:center;gap:8px;background:none;border-radius:9999px;padding:4px 12px 4px 4px;cursor:pointer;transition:background .16s var(--ease);border:1px solid transparent}.topbar-profile-btn:hover{background-color:var(--primary-soft);border-color:var(--primary-border)}.topbar-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary-soft) 0,rgba(67,24,255,.15) 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1.5px solid var(--primary-border)}.topbar-avatar--lg{width:42px;height:42px;border-radius:50%}.topbar-avatar-initials{font-size:11px;font-weight:800;color:var(--primary);letter-spacing:.04em}.topbar-avatar--lg .topbar-avatar-initials{font-size:13px}.topbar-user-info{display:none;flex-direction:column;align-items:flex-start;gap:0}@media (min-width:1024px){.topbar-user-info{display:flex}}.topbar-user-name{font-size:12px;font-weight:700;color:var(--text-main);line-height:1.2;white-space:nowrap}.topbar-user-role{font-size:10px;font-weight:600;color:var(--text-muted);line-height:1.2;white-space:nowrap}.topbar-profile-chevron{font-size:16px;color:var(--text-muted);display:none}@media (min-width:1024px){.topbar-profile-chevron{display:block}}.topbar-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 10px 30px -5px rgba(0,0,0,.08);padding:8px;z-index:200;animation:dropdown-in .14s var(--ease) both}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-header{display:flex;align-items:center;gap:12px;padding:8px 8px 12px}.profile-dropdown-name{margin:0;font-size:13px;font-weight:700;color:var(--text-main);line-height:1.3}.profile-dropdown-role{margin:2px 0 0;font-size:11px;font-weight:500;color:var(--text-muted)}.profile-dropdown-divider{height:1px;background-color:var(--border);margin:4px 0}.profile-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 8px;background:none;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;font-family:inherit;color:var(--text-muted);cursor:pointer;transition:background .14s var(--ease),color .14s var(--ease);text-align:left}.profile-dropdown-item:hover{background-color:var(--primary-soft);color:var(--text-main)}.profile-dropdown-item--danger:hover{background-color:var(--danger-soft);color:var(--danger)}.app-sidebar-custom{width:260px;background-color:var(--surface);border-right:1px solid var(--border);display:none;flex-direction:column;height:100vh;flex-shrink:0;transition:width .3s cubic-bezier(.2,.8,.2,1),background-color .3s ease,border-color .3s ease;overflow:hidden;position:relative;z-index:110}@media (min-width:768px){.app-sidebar-custom{display:flex}}.sidebar-brand-area{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 20px;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-collapse-trigger{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;transition:background .16s var(--ease),color .16s var(--ease)}.sidebar-collapse-trigger:hover{background-color:var(--primary-soft);color:var(--primary)}.sidebar-scrollable-nav{display:flex;flex-direction:column;gap:24px;flex:1 1;padding:24px 12px;overflow-y:auto}.sidebar-nav-group{display:flex;flex-direction:column;gap:4px}.sidebar-group-header{font-size:10px;font-weight:800;text-transform:uppercase;color:var(--text-muted);opacity:.8;padding:0 12px;margin:0 0 8px;letter-spacing:.08em}.sidebar-group-items{display:flex;flex-direction:column;gap:2px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--text-muted);text-decoration:none;font-size:13px;font-weight:600;transition:background .16s var(--ease),color .16s var(--ease)}.sidebar-nav-item:hover{background-color:var(--primary-soft);color:var(--text-main)}.sidebar-nav-item.is-active{background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);color:#ffffff;border-left:none;transform:none;box-shadow:0 4px 12px var(--primary-soft)}.sidebar-item-icon{font-size:20px;flex-shrink:0}.app-page-view-custom{flex:1 1;overflow-y:auto;padding:32px;background-color:var(--background)}.sidebar-collapsed .app-sidebar-custom{width:72px}.sidebar-collapsed .sidebar-brand-area{padding:0;justify-content:center}.sidebar-collapsed .sidebar-collapse-trigger{display:flex;margin:0 auto}.sidebar-collapsed .sidebar-group-items{align-items:center}.sidebar-collapsed .sidebar-nav-item{justify-content:center;padding:10px}.mobile-drawer-backdrop{position:fixed;inset:0;background-color:rgba(15,23,42,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex}.mobile-drawer-content{width:280px;background-color:var(--surface);height:100%;display:flex;flex-direction:column;padding:24px 16px;box-shadow:4px 0 20px rgba(0,0,0,.1);overflow-y:auto}.mobile-drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.drawer-header-brand{display:flex;align-items:center;gap:8px}.drawer-header-brand .text-primary{color:var(--primary);font-variation-settings:"FILL" 1}.drawer-brand-text{font-size:16px;font-weight:700;color:var(--primary)}.drawer-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer}.mobile-drawer-body{display:flex;flex-direction:column;gap:20px;flex:1 1}.drawer-nav-group{display:flex;flex-direction:column;gap:8px}.drawer-group-header{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);opacity:1;margin:0;letter-spacing:.05em}.drawer-group-items{display:flex;flex-direction:column;gap:2px}.drawer-nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-muted);text-decoration:none;font-size:13px;font-weight:600;transition:background .16s var(--ease),color .16s var(--ease)}.drawer-nav-item:hover{background-color:var(--primary-soft);color:var(--text-main)}.drawer-nav-item.is-active{background-color:var(--primary);color:#ffffff;border-left:none}.drawer-item-icon{font-size:20px}.mobile-drawer-footer{margin-top:24px;border-top:1px solid var(--border);padding-top:16px}.drawer-logout-btn{width:100%;height:38px;background-color:var(--background);color:var(--text-main);border:none;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .16s var(--ease)}.drawer-logout-btn:hover{background-color:var(--danger);color:#ffffff}.app-page-view-custom,.sidebar-scrollable-nav{scrollbar-width:none;-ms-overflow-style:none}.app-page-view-custom::-webkit-scrollbar,.sidebar-scrollable-nav::-webkit-scrollbar{display:none}.premium-page-header{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:0;padding:12px 0;margin:-12px 0 24px;width:100%;justify-content:space-between;box-shadow:none;flex-wrap:wrap;gap:16px;overflow:visible;z-index:10}.premium-header-left,.premium-page-header{position:relative;display:flex;align-items:center}.premium-header-left{gap:14px;z-index:1}.premium-header-icon-box{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--primary) 0,oklch(62% .26 280) 100%);border:none;display:flex;align-items:center;justify-content:center;color:#ffffff;flex-shrink:0;box-shadow:0 4px 12px -3px rgba(67,24,255,.25),inset 0 .5px .5px rgba(255,255,255,.5)}.premium-header-icon-box .material-symbols-outlined{font-size:20px}.premium-header-text{display:flex;flex-direction:column;gap:2px}.premium-header-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.premium-header-title{font-size:28px;font-weight:800;letter-spacing:-.03em;color:var(--text-main);margin:0;background:linear-gradient(135deg,var(--text-main) 60%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.premium-header-badge{background:rgba(5,205,153,.06);color:oklch(48% .15 145);font-size:9px;font-family:var(--font-mono,monospace),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700;padding:2px 7px;border-radius:6px;letter-spacing:.05em;text-transform:uppercase;border:1px solid rgba(5,205,153,.15);display:flex;align-items:center;gap:4px}.premium-header-badge-dot{width:5px;height:5px;border-radius:50%;background-color:oklch(48% .15 145);box-shadow:0 0 6px oklch(48% .15 145);animation:premiumPulse 2s infinite}@keyframes premiumPulse{0%{transform:scale(.9);box-shadow:0 0 0 0 rgba(5,205,153,.7)}70%{transform:scale(1);box-shadow:0 0 0 5px rgba(5,205,153,0)}to{transform:scale(.9);box-shadow:0 0 0 0 rgba(5,205,153,0)}}.premium-header-meta-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);font-weight:500}.premium-header-meta-tag{font-family:var(--font-mono,monospace),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;font-weight:600;color:var(--text-soft);background:var(--background-soft);padding:1px 4px;border-radius:3px}.premium-header-subtitle{font-size:12px;color:var(--text-muted);font-weight:500;margin:0}.premium-header-right{position:relative;display:flex;align-items:center;gap:16px;z-index:1;flex-wrap:wrap}