:root{--color-violet-900: #1E0A3C;--color-violet-800: #2D1060;--color-violet-700: #3B1278;--color-violet-600: #5B2FA8;--color-violet-500: #7C3AED;--color-violet-400: #A78BFA;--color-violet-300: #C4B5FD;--color-violet-200: #DDD6FE;--color-violet-100: #EDE9FE;--color-violet-50: #F5F3FF;--color-rose-500: #EC4899;--color-rose-400: #F472B6;--color-rose-300: #F9A8D4;--color-rose-200: #FBCFE8;--color-teal-600: #0D9488;--color-teal-500: #14B8A6;--color-teal-400: #34D399;--color-teal-300: #5EEAD4;--color-amber-600: #D97706;--color-amber-400: #F59E0B;--color-amber-200: #FCD34D;--color-red-700: #B91C1C;--color-red-600: #DC2626;--color-red-500: #EF4444;--color-red-100: #FEE2E2;--color-green-700: #065F46;--color-green-600: #059669;--color-green-500: #10B981;--color-green-100: #D1FAE5;--color-navy-900: #0F0B1E;--color-navy-800: #13102A;--color-navy-700: #1A1530;--color-navy-600: #1E1040;--color-navy-500: #221D3A;--color-navy-400: #2E2850;--brand-primary: var(--color-violet-500);--brand-primary-dk: var(--color-violet-600);--brand-primary-lt: var(--color-violet-100);--brand-accent: var(--color-rose-400);--brand-accent2: var(--color-teal-400);--bg: #F8F7FF;--surface: #FFFFFF;--surface2: #F3F0FF;--border: #E5E2F5;--text: #1E1040;--text-muted: #7C6FAE;--primary: var(--color-violet-600);--primary-light: var(--color-violet-100);--primary-mid: var(--color-violet-400);--danger: var(--color-red-600);--success: var(--color-green-600);--warning: var(--color-amber-600);--sb-bg: #1E1040;--sb-text: rgba(255,255,255,.65);--sb-active: rgba(255,255,255,.1);--sb-border: rgba(255,255,255,.08);--shadow-sm: 0 2px 8px rgba(108,63,197,.07);--shadow-md: 0 6px 24px rgba(108,63,197,.12);--shadow-btn: 0 4px 14px rgba(91,47,168,.25);--shadow-sheet: 0 -8px 40px rgba(0,0,0,.18);--radius-xs: 8px;--radius-sm: 11px;--radius: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font: "Plus Jakarta Sans", sans-serif;--font-display: "Plus Jakarta Sans", sans-serif;--text-xs: 9px;--text-sm: 11px;--text-base: 13px;--text-md: 14px;--text-lg: 15px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 23px;--text-4xl: 26px;--text-hero: 32px;--fw-regular: 400;--fw-medium: 500;--fw-semi: 600;--fw-bold: 700;--fw-extrabold: 800;--fw-black: 900;--leading-tight: 1.1;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.65;--transition: .2s cubic-bezier(.4,0,.2,1);--transition-spring: .28s cubic-bezier(.32,1.2,.55,1);--transition-sheet: .28s cubic-bezier(.32,0,.67,0)}[data-theme=dark]{--bg: #0F0B1E;--surface: #1A1530;--surface2: #221D3A;--border: #2E2850;--text: #EDE9FE;--text-muted: #9D8EC7;--primary: var(--color-violet-500);--primary-light: rgba(124,58,237,.15);--primary-mid: var(--color-violet-400);--shadow-sm: 0 2px 12px rgba(0,0,0,.25);--shadow-md: 0 8px 32px rgba(0,0,0,.4);--sb-bg: #13102A;--sb-text: rgba(255,255,255,.55);--sb-active: rgba(124,58,237,.2);--sb-border: rgba(255,255,255,.06)}.pa-h1{font-family:var(--font-display);font-size:var(--text-hero);font-weight:var(--fw-black);line-height:var(--leading-tight);color:var(--text);letter-spacing:-.5px}.pa-h2{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--fw-black);line-height:var(--leading-tight);color:var(--text);letter-spacing:-.3px}.pa-h3{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--fw-extrabold);line-height:var(--leading-snug);color:var(--text)}.pa-section-title{font-family:var(--font);font-size:var(--text-sm);font-weight:var(--fw-extrabold);text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.pa-body{font-family:var(--font);font-size:var(--text-md);font-weight:var(--fw-medium);line-height:var(--leading-normal);color:var(--text)}.pa-body-sm{font-family:var(--font);font-size:var(--text-base);font-weight:var(--fw-medium);line-height:var(--leading-normal);color:var(--text-muted)}.pa-label{font-family:var(--font);font-size:var(--text-sm);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.pa-kpi{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--fw-black);letter-spacing:-.5px;line-height:1;color:var(--text)}.ui-app-bg{background:var(--bg, #F8F7FF);min-height:100vh}.ui-header-soft{background:linear-gradient(180deg,#ec489912,#7c3aed0a);border-bottom:1px solid rgba(124,58,237,.1);position:sticky;top:0;z-index:50}.ui-card{background:var(--surface, #fff);border-radius:16px;box-shadow:var(--shadow-sm, 0 2px 8px rgba(108,63,197,.07));border:1px solid var(--border, #E5E2F5);transition:transform .15s,box-shadow .15s}.ui-card:active{transform:scale(.985)}.ui-card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 6px 24px rgba(108,63,197,.12))}.ui-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:12px 20px;border:none;border-radius:12px;background:var(--primary, #5B2FA8);color:#fff;font-family:var(--font, "Plus Jakarta Sans", sans-serif);font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #5b2fa840;transition:opacity .15s,transform .12s}.ui-btn-primary:hover{opacity:.88}.ui-btn-primary:active{transform:scale(.96)}.ui-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:1.5px solid var(--border, #E5E2F5);border-radius:12px;background:var(--bg, #F8F7FF);color:var(--text-muted, #7C6FAE);font-family:var(--font, "Plus Jakarta Sans", sans-serif);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s}.ui-btn-ghost:hover{border-color:var(--primary, #5B2FA8);color:var(--primary, #5B2FA8)}.ui-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;line-height:1}.ui-badge-violet{background:#7c3aed1a;color:#7c3aed}.ui-badge-amber{background:#fbbf2424;color:#d97706}.ui-badge-green{background:#10b9811f;color:#059669}.ui-badge-rose{background:#ec48991a;color:#db2777}.ui-badge-muted{background:var(--surface2, #F3F0FF);color:var(--text-muted, #7C6FAE)}.ui-badge-red{background:#ef44441a;color:#dc2626}.ui-section-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted, #7C6FAE)}.ui-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-muted, #7C6FAE);font-size:13px;font-weight:600;gap:8px}.ui-divider{height:1px;background:var(--border, #E5E2F5);margin:0}.ui-avatar{border-radius:50%;background:linear-gradient(135deg,#5b2fa8,#a78bfa);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}[data-theme=light]{--bg: #F8F7FF;--surface: #FFFFFF;--surface2: #F3F0FF;--border: #E5E2F5;--text: #1E1040;--text-muted: #7C6FAE;--shadow-sm: 0 2px 8px rgba(108,63,197,.07);--shadow-md: 0 6px 24px rgba(108,63,197,.12);--primary: #5B2FA8;--primary-light:#EDE9FE;--primary-mid: #A78BFA;--sb-bg: #1E1040;--sb-text: rgba(255,255,255,.65);--sb-active: rgba(124,58,237,.28);--sb-border: rgba(255,255,255,.08)}[data-theme=dark]{--bg: #0F0B1E;--surface: #1A1530;--surface2: #221D3A;--border: #2E2850;--text: #EDE9FE;--text-muted: #9D8EC7;--shadow-sm: 0 2px 12px rgba(0,0,0,.25);--shadow-md: 0 8px 32px rgba(0,0,0,.4);--primary: #7C3AED;--primary-light:rgba(124,58,237,.15);--primary-mid: #A78BFA;--sb-bg: #13102A;--sb-text: rgba(255,255,255,.55);--sb-active: rgba(124,58,237,.22);--sb-border: rgba(255,255,255,.06)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:var(--font, "Plus Jakarta Sans", sans-serif);background:var(--bg, #F8F7FF);color:var(--text, #1E1040);transition:background var(--transition, .2s),color var(--transition, .2s)}.header{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;box-shadow:var(--shadow-sm);transition:background var(--transition),border-color var(--transition)}.header-top{display:flex;align-items:center;padding:14px 18px 10px;gap:10px}.theme-toggle{width:50px;height:26px;border-radius:20px;background:var(--surface2);border:1.5px solid var(--border);cursor:pointer;position:relative;display:flex;align-items:center;padding:0 3px;transition:all var(--transition);flex-shrink:0}[data-theme=dark] .theme-toggle{background:var(--v2, #7C3AED);border-color:var(--v2, #7C3AED)}.toggle-thumb{width:19px;height:19px;border-radius:50%;background:#fff;transition:transform var(--transition);display:flex;align-items:center;justify-content:center;font-size:11px;box-shadow:0 1px 4px #0003}[data-theme=dark] .toggle-thumb{transform:translate(22px)}.sidebar{display:flex;flex-direction:column;width:220px;min-width:220px;height:100vh;position:sticky;top:0;background:var(--sb-bg, #1E1040);padding:28px 0 20px;z-index:100;overflow-y:auto;flex-shrink:0;transition:background var(--transition)}.sb-logo{font-family:var(--font, "Plus Jakarta Sans", sans-serif);font-size:20px;font-weight:800;color:#fff;padding:0 20px 22px;border-bottom:1px solid var(--sb-border, rgba(255,255,255,.08));margin-bottom:10px}.sb-logo span{color:var(--v3, #A78BFA)}.sb-section{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--sb-text, rgba(255,255,255,.65));opacity:.5;padding:14px 23px 5px}.sb-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:0 10px}.sb-item{display:flex;align-items:center;gap:11px;padding:9px 13px;border-radius:11px;color:var(--sb-text, rgba(255,255,255,.65));text-decoration:none;font-size:13.5px;font-weight:500;transition:background .15s,color .15s}.sb-item:hover{background:#ffffff17;color:#fff}.sb-item.sb-active,.sb-item.active{background:var(--sb-active, rgba(124,58,237,.28));color:#fff;font-weight:700}.sb-icon{font-size:16px;width:22px;text-align:center;flex-shrink:0}.sb-footer{padding:14px 10px 0;border-top:1px solid var(--sb-border, rgba(255,255,255,.08));margin-top:8px}.sb-user{display:flex;align-items:center;gap:10px;padding:9px 13px;border-radius:11px;color:var(--sb-text, rgba(255,255,255,.7));cursor:pointer;text-decoration:none}.sb-user:hover{background:#ffffff14;color:#fff}.sb-avatar{width:30px;height:30px;border-radius:50%;background:var(--v3, #A78BFA);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.sb-user-name{font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-user-role{font-size:10px;color:var(--sb-text, rgba(255,255,255,.45))}.side-drawer,#mobile-drawer{position:fixed;top:0;left:-300px;width:280px;height:100vh;background:#fff;z-index:9999;box-shadow:4px 0 32px #0000002e;transition:left var(--transition-spring, .28s cubic-bezier(.32,1.2,.55,1));display:flex;flex-direction:column;overflow-y:auto}.side-drawer.open,#mobile-drawer.open{left:0}.drawer-header{background:linear-gradient(135deg,#1e0a3c,#3b1278 40%,#6d28d9 75%,#a21caf);padding:48px 20px 24px;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden}.drawer-header:after{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;border-radius:50%;background:#ffffff12;pointer-events:none}.drawer-logo-txt{font-family:var(--font, "Plus Jakarta Sans", sans-serif);font-size:22px;font-weight:800;color:#fff}.drawer-logo-txt span{color:var(--v3, #A78BFA)}.drawer-tagline{font-size:11px;color:#ffffffa6;margin-top:3px;letter-spacing:.5px}.drawer-section-title{font-size:10px;font-weight:800;color:#8a8fa8;letter-spacing:1.5px;text-transform:uppercase;padding:16px 20px 6px}.drawer-item{display:flex;align-items:center;gap:14px;padding:12px 20px;text-decoration:none;color:#1a1a2e;font-size:14px;font-weight:600;font-family:var(--font, "Plus Jakarta Sans", sans-serif);transition:background .15s;border-left:3px solid transparent}.drawer-item:hover{background:#f3f0ff}.drawer-item.active{background:#ede9fe;color:#5b2fa8;border-left-color:#5b2fa8}.drawer-item .di{font-size:20px;width:28px;text-align:center}.drawer-footer{margin-top:auto;padding:16px 20px;border-top:1px solid #E5E2F5}.drawer-logout{display:flex;align-items:center;gap:10px;color:#dc2626;font-size:14px;font-weight:600;cursor:pointer;padding:8px 0;background:none;border:none;width:100%;font-family:var(--font, "Plus Jakarta Sans", sans-serif)}.menu-overlay,#mobile-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0e08248c;z-index:9998;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.menu-overlay.open,#mobile-backdrop.open{display:block}@media (min-width: 641px){#mobile-nav,#mobile-drawer,#mobile-backdrop{display:none!important}}@media (max-width: 640px){#mobile-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--surface, #fff);border-top:1.5px solid var(--border, #E5E2F5);align-items:center;justify-content:space-around;z-index:1000;box-shadow:0 -2px 16px #6c3fc51a;padding-bottom:env(safe-area-inset-bottom,0)}#view-container{padding-bottom:64px!important;height:auto!important;min-height:100vh!important}.mn-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 8px;border:none;background:none;cursor:pointer;color:var(--text-muted, #888);font-size:10px;font-weight:600;text-decoration:none;font-family:var(--font, "Plus Jakarta Sans", sans-serif);transition:color .13s;min-width:48px}.mn-item:hover,.mn-item.mn-active{color:var(--primary, #5B2FA8)}.mn-icon{font-size:20px;line-height:1.3;display:block}}.pa-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 28px 48px;text-align:center;animation:pa-empty-in .35s cubic-bezier(.32,1.1,.55,1) both}@keyframes pa-empty-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.pa-empty-illu{width:96px;height:96px;border-radius:28px;display:flex;align-items:center;justify-content:center;font-size:44px;margin-bottom:20px;position:relative}.pa-empty-illu:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:34px;border:2px dashed currentColor;opacity:.18}.pa-empty-title{font-size:1.05rem;font-weight:800;color:var(--text);margin-bottom:8px;line-height:1.3}.pa-empty-sub{font-size:.875rem;color:var(--text-muted);line-height:1.6;max-width:260px;margin-bottom:24px}.pa-empty-btn{display:inline-flex;align-items:center;gap:7px;padding:12px 22px;border-radius:12px;border:none;font-family:var(--font, "Plus Jakarta Sans", sans-serif);font-size:.9rem;font-weight:700;cursor:pointer;color:#fff;background:var(--primary, #5B2FA8);box-shadow:var(--shadow-btn, 0 4px 16px rgba(91,47,168,.28));transition:transform .12s,box-shadow .12s}.pa-empty-btn:active{transform:scale(.96)}#pa-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e0824a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;animation:pa-fade-in .18s ease}@keyframes pa-fade-in{0%{opacity:0}to{opacity:1}}#pa-confirm-box{background:var(--surface, #fff);border-radius:20px;padding:28px 24px 20px;width:100%;max-width:340px;box-shadow:0 20px 60px #0003;animation:pa-scale-in .22s cubic-bezier(.32,1.2,.55,1)}@keyframes pa-scale-in{0%{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}#pa-confirm-icon{font-size:40px;text-align:center;margin-bottom:14px}#pa-confirm-title{font-size:1rem;font-weight:800;color:var(--text, #1A1040);text-align:center;margin-bottom:8px}#pa-confirm-msg{font-size:.875rem;color:var(--text-muted, #6B6490);text-align:center;line-height:1.55;margin-bottom:22px}.pa-confirm-actions{display:flex;gap:10px}.pa-confirm-cancel{flex:1;padding:12px;border:1.5px solid var(--border, #E5E2F5);border-radius:12px;background:none;font-family:var(--font, "Plus Jakarta Sans", sans-serif);font-size:.9rem;font-weight:600;color:var(--text-muted, #6B6490);cursor:pointer;transition:background .12s}.pa-confirm-cancel:hover{background:var(--surface2, #F5F3FF)}.pa-confirm-ok{flex:1;padding:12px;border:none;border-radius:12px;background:#dc2626;font-family:var(--font, "Plus Jakarta Sans", sans-serif);font-size:.9rem;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 4px 14px #dc262659;transition:transform .1s}.pa-confirm-ok:active{transform:scale(.96)}#pa-offline-banner{position:fixed;top:0;left:0;right:0;background:#1a1040;color:#fff;font-family:var(--font, "Plus Jakarta Sans", sans-serif);font-size:.82rem;font-weight:600;text-align:center;padding:10px 16px;z-index:99997;display:none;align-items:center;justify-content:center;gap:7px;animation:pa-slide-down .25s ease}@keyframes pa-slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}#pa-offline-banner.visible{display:flex}#pa-offline-dot{width:7px;height:7px;border-radius:50%;background:#ef4444;flex-shrink:0;animation:pa-pulse-dot 1.4s ease-in-out infinite}@keyframes pa-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}#app-shell{flex:1;max-width:none!important;padding-bottom:0!important;overflow-y:auto;height:100vh;min-width:0}.app-nav,.unified-bnav,.bottom-nav{display:none!important}