:root{--bg: #04050a;--bg-soft: #080b14;--panel: rgba(255, 255, 255, .028);--panel-border: rgba(255, 255, 255, .09);--text: #f2f5fb;--text-dim: #9aa3b5;--text-faint: #6b7280;--cyan: #22d3ee;--violet: #a78bfa;--violet-deep: #7c5cff;--pink: #f0a6ff;--green: #34d399;--yellow: #fbbf24;--red: #f87171;--glow-cyan: 0 0 8px rgba(34, 211, 238, .75), 0 0 24px rgba(34, 211, 238, .28);--glow-violet: 0 0 8px rgba(167, 139, 250, .8), 0 0 24px rgba(124, 92, 255, .35);--glow-pink: 0 0 8px rgba(240, 166, 255, .75), 0 0 24px rgba(217, 70, 239, .3);--glow-green: 0 0 8px rgba(52, 211, 153, .75), 0 0 24px rgba(52, 211, 153, .28);--glow-yellow: 0 0 8px rgba(251, 191, 36, .75), 0 0 24px rgba(251, 191, 36, .28);--glow-red: 0 0 8px rgba(248, 113, 113, .75), 0 0 24px rgba(248, 113, 113, .3);--radius: 16px;--font-title: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:var(--violet);text-decoration:none}::selection{background:#a78bfa59}h1,h2,h3,h4{font-family:var(--font-title);margin:0;line-height:1.25}.page-title{font-size:30px;font-weight:700;letter-spacing:-.01em}.card-title{font-size:19px;font-weight:700}.section-title{font-size:22px;font-weight:700}.kpi-value{font-family:var(--font-title);font-weight:700;font-size:36px;line-height:1.1}.kpi-label{font-size:14px;color:var(--text-dim);font-weight:500}.text-secondary{font-size:14px;color:var(--text-dim)}.text-meta{font-size:12px;color:var(--text-faint)}.glow-pink{color:var(--pink);text-shadow:var(--glow-pink)}.glow-violet{color:var(--violet);text-shadow:var(--glow-violet)}.glow-green{color:var(--green);text-shadow:var(--glow-green)}.glow-yellow{color:var(--yellow);text-shadow:var(--glow-yellow)}.glow-red{color:var(--red);text-shadow:var(--glow-red)}.glow-white{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.45),0 0 28px rgba(167,139,250,.3)}.app-shell{display:flex;min-height:100vh}.sidebar{width:264px;flex-shrink:0;background:linear-gradient(180deg,#070a13,#04050a);border-right:1px solid var(--panel-border);padding:24px 16px;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:8px 8px 20px}.sidebar-brand img{width:44px;height:44px;border-radius:50%;filter:drop-shadow(0 0 10px rgba(34,211,238,.55)) drop-shadow(0 0 26px rgba(124,92,255,.4))}.sidebar-brand .wordmark{font-family:var(--font-title);font-weight:700;font-size:24px;letter-spacing:.14em;color:#fff;text-shadow:0 0 12px rgba(167,139,250,.6),0 0 34px rgba(34,211,238,.3)}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;color:var(--text-dim);font-size:15px;font-weight:500;border:1px solid transparent;transition:all .18s ease;width:100%;text-align:left;background:none;cursor:pointer;font-family:var(--font-body)}.nav-item:hover{color:var(--text);background:#ffffff0a}.nav-item.active{color:#fff;background:#7c5cff1f;border-color:#a78bfa59;box-shadow:var(--glow-violet),inset 0 0 18px #7c5cff14}.nav-item .nav-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--text-faint)}.nav-item.active .nav-dot{background:var(--violet);box-shadow:var(--glow-violet)}.nav-section-label{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);padding:16px 14px 6px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border-bottom:1px solid var(--panel-border);position:sticky;top:0;z-index:20;background:#04050adb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.content{padding:32px;max-width:1480px;width:100%;margin:0 auto}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:20px;position:relative}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-header .card-title-wrap{display:flex;align-items:center;gap:10px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 720px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.content{padding:20px}.sidebar{display:none}}.mobile-nav{display:none}@media (max-width: 720px){.mobile-nav{display:flex;gap:8px;overflow-x:auto;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.07);scrollbar-width:none}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav-item{flex-shrink:0;font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--text-dim);text-decoration:none;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;white-space:nowrap}.mobile-nav-item.active{color:#fff;border-color:#a78bfa99;background:#7c5cff33;box-shadow:var(--glow-violet)}}.kpi-card{text-align:center;padding:24px 20px}.kpi-card .kpi-value{margin:8px 0 4px}.kpi-delta{font-size:13px;font-weight:600}.btn{font-family:var(--font-body);font-size:15px;font-weight:600;padding:11px 22px;border-radius:12px;cursor:pointer;border:1px solid rgba(167,139,250,.45);background:linear-gradient(135deg,#7c5cff40,#f0a6ff2e);color:#fff;text-shadow:0 0 8px rgba(167,139,250,.6);box-shadow:var(--glow-violet);transition:all .18s ease}.btn:hover{box-shadow:0 0 12px #a78bfae6,0 0 34px #7c5cff73;transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-ghost{background:#ffffff0a;border:1px solid var(--panel-border);color:var(--text);text-shadow:none;box-shadow:none}.btn-ghost:hover{background:#ffffff14;box-shadow:none}.btn-danger{border-color:#f8717180;background:#f871711f;box-shadow:var(--glow-red);text-shadow:var(--glow-red);color:var(--red)}.btn-sm{padding:7px 14px;font-size:14px;border-radius:10px}.input,.select,.textarea{font-family:var(--font-body);font-size:15px;color:var(--text);background:#ffffff0b;border:1px solid var(--panel-border);border-radius:10px;padding:10px 14px;width:100%;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.select:focus,.textarea:focus{border-color:#a78bfa99;box-shadow:var(--glow-violet)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.select option{background:#0b0e18}.textarea{min-height:90px;resize:vertical}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>label{font-size:14px;font-weight:600;color:var(--text-dim)}.search-input{max-width:320px}input[type=checkbox]{accent-color:var(--violet-deep);width:16px;height:16px;cursor:pointer}.toggle{position:relative;width:52px;height:30px;flex-shrink:0;border-radius:999px;cursor:pointer;border:1px solid var(--panel-border);background:#2a2f3a;transition:all .2s ease;padding:0}.toggle:after{content:"";position:absolute;top:3px;left:4px;width:22px;height:22px;border-radius:50%;background:#8b93a5;transition:all .2s ease}.toggle.on{background:#7c5cff59;border-color:#a78bfab3;box-shadow:var(--glow-violet)}.toggle.on:after{left:24px;background:var(--violet);box-shadow:var(--glow-violet)}.info-tip{position:relative;display:inline-flex}.info-tip-btn{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;font-style:italic;font-family:Georgia,serif;color:var(--cyan);border:1px solid rgba(34,211,238,.55);background:#22d3ee14;text-shadow:var(--glow-cyan);box-shadow:var(--glow-cyan);cursor:pointer;padding:0;flex-shrink:0}.info-tip-pop{position:absolute;z-index:50;top:calc(100% + 10px);left:50%;transform:translate(-50%);width:260px;padding:14px 16px;background:#0b0e18;border:1px solid rgba(34,211,238,.35);border-radius:12px;box-shadow:var(--glow-cyan),0 12px 40px #0009;font-size:13px;line-height:1.5;color:var(--text);pointer-events:none}.table-wrap{overflow-x:auto;border-radius:12px}table.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{text-align:left;padding:12px 16px;font-size:13px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--panel-border);white-space:nowrap}.data-table td{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .12s ease}.data-table tbody tr:hover{background:#ffffff08}.data-table .num{font-family:var(--font-title);font-weight:600}.badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:4px 12px;border-radius:999px;border:1px solid transparent;white-space:nowrap}.badge-green{color:var(--green);border-color:#34d39980;background:#34d3991a;text-shadow:var(--glow-green);box-shadow:var(--glow-green)}.badge-yellow{color:var(--yellow);border-color:#fbbf2480;background:#fbbf241a;text-shadow:var(--glow-yellow);box-shadow:var(--glow-yellow)}.badge-red{color:var(--red);border-color:#f8717180;background:#f871711f;text-shadow:var(--glow-red);box-shadow:var(--glow-red)}.badge-pink{color:var(--pink);border-color:#f0a6ff80;background:#f0a6ff1a;text-shadow:var(--glow-pink);box-shadow:var(--glow-pink)}.badge-violet{color:var(--violet);border-color:#a78bfa80;background:#a78bfa1a;text-shadow:var(--glow-violet);box-shadow:var(--glow-violet)}.badge-gray{color:var(--text-dim);border-color:var(--panel-border);background:#ffffff0a}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.dot-green{background:var(--green);box-shadow:var(--glow-green)}.dot-yellow{background:var(--yellow);box-shadow:var(--glow-yellow)}.dot-red{background:var(--red);box-shadow:var(--glow-red)}.dot-pink{background:var(--pink);box-shadow:var(--glow-pink)}.dot-violet{background:var(--violet);box-shadow:var(--glow-violet)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:#0a0d17;border:1px solid rgba(167,139,250,.3);border-radius:20px;box-shadow:var(--glow-violet),0 24px 80px #000000b3;width:100%;max-width:640px;max-height:88vh;overflow-y:auto;padding:28px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-close{background:none;border:none;color:var(--text-dim);font-size:22px;cursor:pointer;padding:4px 8px}.modal-close:hover{color:#fff}.filter-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:20px}.filter-bar .select,.filter-bar .input{width:auto;min-width:150px}.segmented{display:inline-flex;gap:4px;background:#ffffff0a;border:1px solid var(--panel-border);border-radius:12px;padding:4px}.segmented button{background:none;border:none;color:var(--text-dim);font-family:var(--font-body);font-size:14px;font-weight:600;padding:8px 16px;border-radius:9px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.segmented button.active{color:#fff;background:#7c5cff40;text-shadow:var(--glow-violet);box-shadow:var(--glow-violet)}.login-wrap{min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 55% 42% at 22% 18%,rgba(124,92,255,.16),transparent),radial-gradient(ellipse 50% 40% at 78% 82%,rgba(34,211,238,.1),transparent),radial-gradient(ellipse 60% 50% at 50% 45%,rgba(124,92,255,.1),transparent),var(--bg);padding:24px}.login-lang{position:absolute;top:20px;right:24px;z-index:2}.login-center{position:relative;z-index:1;width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;text-align:center}.login-glow{position:absolute;top:-30px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,255,.28),rgba(34,211,238,.1) 55%,transparent 70%);filter:blur(10px);pointer-events:none;animation:login-breathe 3.6s ease-in-out infinite}@keyframes login-breathe{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}.login-brain{position:relative;width:148px;height:148px;border-radius:50%;margin-bottom:24px;filter:drop-shadow(0 0 18px rgba(34,211,238,.55)) drop-shadow(0 0 46px rgba(124,92,255,.45));animation:brain-float 5s ease-in-out infinite}@keyframes brain-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-title{font-family:var(--font-title);font-weight:700;font-size:30px;color:#fff;margin:0 0 8px;text-shadow:0 0 18px rgba(167,139,250,.5)}.login-sub{color:var(--text-dim);font-size:15px;margin:0 0 28px}.login-card{width:100%;text-align:left;background:#0a0d17e0;border:1px solid rgba(167,139,250,.28);border-radius:24px;padding:32px 32px 24px;box-shadow:var(--glow-violet),0 24px 80px #0009}.login-form{display:flex;flex-direction:column;gap:4px}.login-form .field{margin-bottom:12px}.input-with-icon{position:relative}.input-with-icon .input{padding-right:46px}.icon-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:6px;color:var(--text-dim);display:flex;align-items:center;justify-content:center;border-radius:8px}.icon-btn:hover{color:#fff;background:#ffffff0f}.login-forgot-row{display:flex;justify-content:flex-end;margin:2px 0 12px}.link-btn{background:none;border:none;cursor:pointer;padding:4px 2px;font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--text-dim);text-decoration:none}.link-btn:hover{color:#fff;text-shadow:0 0 10px rgba(167,139,250,.6)}.link-btn:disabled{opacity:.45;cursor:not-allowed}.login-error{color:var(--red);font-size:14px;text-shadow:var(--glow-red);text-align:center;margin-bottom:12px}.login-notice{color:var(--green);font-size:14px;text-shadow:var(--glow-green);text-align:center;margin-bottom:12px}.btn-block{width:100%;padding:13px 22px;font-size:16px}.login-foot{text-align:center;color:var(--text-dim);font-size:12.5px;margin:16px 0 0}.page-header{margin-bottom:24px}.page-header .page-title{margin-bottom:6px}.page-header .page-sub{color:var(--text-dim);font-size:15px}.divider{height:1px;background:var(--panel-border);margin:20px 0}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.row-gap{display:flex;align-items:center;gap:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-16{margin-bottom:16px}.heatmap-cell{aspect-ratio:1.6;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;font-family:var(--font-title)}.funnel-step{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}.funnel-bar{height:14px;border-radius:999px;background:linear-gradient(90deg,#7c5cffd9,#f0a6ffd9);box-shadow:var(--glow-violet);transition:width .4s ease}.recharts-wrapper :focus{outline:none}.annotation-pin{cursor:pointer}.empty-state{text-align:center;padding:56px 24px;display:flex;flex-direction:column;align-items:center;gap:16px}.empty-brain{width:96px;height:96px;border-radius:50%;opacity:.92;animation:brain-breathe 4.2s ease-in-out infinite}@keyframes brain-breathe{0%,to{transform:scale(1);filter:drop-shadow(0 0 12px rgba(34,211,238,.5)) drop-shadow(0 0 32px rgba(124,92,255,.35))}50%{transform:scale(1.07);filter:drop-shadow(0 0 20px rgba(34,211,238,.75)) drop-shadow(0 0 52px rgba(124,92,255,.6))}}.empty-title{font-family:var(--font-title);font-size:18px;font-weight:700;color:#fff;letter-spacing:.02em}.empty-text{color:var(--text-dim);font-size:14px;max-width:440px;line-height:1.6}.slider-row{display:flex;align-items:center;gap:16px;margin-bottom:16px}.slider-row input[type=range]{flex:1;accent-color:var(--violet-deep)}.slider-val{font-family:var(--font-title);font-weight:700;font-size:18px;min-width:90px;text-align:right}.perm-matrix td,.perm-matrix th{text-align:center}.note-pin-form{display:flex;flex-direction:column;gap:12px}