:root{--bg: #0f0f1a;--bg-deep: #0a0a12;--card: #1a1a2e;--card-alt: #16213e;--card-2: #23233d;--accent: #e94560;--accent-soft: #ff6b6b;--gold: #f5a623;--blue: #0f3460;--text: #ffffff;--text-2: #a0a0b8;--muted: #5e5e80;--border: rgba(255, 255, 255, .08);--border-strong: #2a2a40;--grid: rgba(255, 255, 255, .06);--baseline: rgba(255, 255, 255, .16);--grad: linear-gradient(135deg, var(--accent) 0%, var(--gold) 100%);--grad-soft: linear-gradient(135deg, var(--accent-soft), var(--gold));--s1: #3987e5;--s2: #008300;--s3: #d55181;--s4: #c98500;--s5: #199e70;--s6: #d95926;--s7: #9085e9;--s8: #e66767;--good: #4caf50;--warn: #f5a623;--crit: #f44336;--radius: 16px;--radius-sm: 11px;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease: cubic-bezier(.22, .68, .16, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--shadow: 0 10px 30px -12px rgba(0, 0, 0, .6);--shadow-glow: 0 0 0 1px rgba(233, 69, 96, .25), 0 12px 34px -12px rgba(233, 69, 96, .35);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(60vw 60vw at 8% -5%,rgba(233,69,96,.12),transparent 60%),radial-gradient(55vw 55vw at 100% 8%,rgba(245,166,35,.08),transparent 55%),radial-gradient(70vw 70vw at 50% 120%,rgba(15,52,96,.35),transparent 60%);animation:bgDrift 24s ease-in-out infinite alternate}#root{position:relative;z-index:1}@keyframes bgDrift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(0,-2%,0) scale(1.06)}}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.01em}.tnum{font-variant-numeric:tabular-nums}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.layout{display:grid;grid-template-columns:236px 1fr;min-height:100%}.sidebar{background:linear-gradient(180deg,#1a1a2ee6,#16213e99);border-right:1px solid var(--border);padding:22px 14px;display:flex;flex-direction:column;gap:3px;position:sticky;top:0;height:100vh;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:11px;padding:4px 8px 20px}.brand-dot{width:30px;height:30px;border-radius:9px;background:var(--grad);box-shadow:0 6px 18px -4px #e9456099;animation:floaty 5s var(--ease) infinite alternate}@keyframes floaty{to{transform:translateY(-3px) rotate(-4deg)}}.brand b{font-size:16px}.brand span{color:var(--text-2);font-size:11px;display:block}.nav-link{display:flex;align-items:center;gap:11px;position:relative;padding:10px 13px;border-radius:var(--radius-sm);color:var(--text-2);font-weight:500;cursor:pointer;transition:color .25s var(--ease),background .25s var(--ease)}.nav-link:before{content:"";position:absolute;left:4px;top:50%;width:3px;height:0;border-radius:3px;background:var(--grad);transform:translateY(-50%);transition:height .3s var(--ease-out)}.nav-link:hover{background:#ffffff0a;color:var(--text);transform:translate(2px)}.nav-link.active{background:#e945601f;color:#fff}.nav-link.active:before{height:62%}.nav-ico{width:18px;text-align:center;opacity:.9;transition:transform .25s var(--ease)}.nav-link:hover .nav-ico{transform:scale(1.15)}.sidebar-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}.main{padding:26px 30px 56px;min-width:0}.page-anim{animation:pageIn .45s var(--ease-out) both}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page-head h1{font-size:24px}.page-head .sub{color:var(--text-2);font-size:13px;margin-top:2px}.grid{display:grid;gap:16px}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.card{position:relative;background:linear-gradient(160deg,var(--card),rgba(22,33,62,.55));border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);animation:cardIn .6s var(--ease-out) both;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}.card:hover{transform:translateY(-3px);border-color:#ffffff24}@keyframes cardIn{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:none}}.card h3{font-size:14px;color:var(--text-2);font-weight:600;margin-bottom:14px}.grid>*:nth-child(1){animation-delay:.03s}.grid>*:nth-child(2){animation-delay:.09s}.grid>*:nth-child(3){animation-delay:.15s}.grid>*:nth-child(4){animation-delay:.21s}.grid>*:nth-child(5){animation-delay:.27s}.grid>*:nth-child(6){animation-delay:.33s}.stat{display:flex;flex-direction:column;gap:7px;overflow:hidden}.stat:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad);opacity:0;transition:opacity .3s var(--ease)}.card.stat:hover:after{opacity:1}.stat .label{color:var(--text-2);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.stat .value{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.05}.stat .foot{font-size:12px;color:var(--muted)}.stat .value.accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{background:var(--grad);background-size:140% 140%;background-position:0% 50%;color:#fff;border:none;border-radius:var(--radius-sm);padding:10px 18px;font-weight:700;cursor:pointer;font-family:var(--font);font-size:14px;box-shadow:0 8px 20px -8px #e9456099;transition:transform .2s var(--ease),box-shadow .25s var(--ease),background-position .5s var(--ease)}.btn:hover{background-position:100% 50%;transform:translateY(-2px);box-shadow:0 12px 26px -8px #e94560b3}.btn:active{transform:translateY(0) scale(.98)}.btn.ghost{background:transparent;border:1px solid var(--border-strong);color:var(--text-2);box-shadow:none}.btn.ghost:hover{color:#fff;background:#ffffff0d;border-color:#fff3}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}input,select{background:var(--bg-deep);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:10px 13px;font-family:var(--font);font-size:14px;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #e9456033}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;color:var(--text-2)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:4px 10px;border-radius:999px;font-weight:700}.badge.premium{background:#f5a62329;color:var(--gold);box-shadow:inset 0 0 0 1px #f5a6234d}.badge.free{background:#ffffff12;color:var(--text-2)}.seg{display:inline-flex;gap:2px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px}.seg button{background:transparent;border:none;color:var(--text-2);cursor:pointer;padding:7px 14px;border-radius:8px;font-weight:600;font-family:var(--font);font-size:13px;transition:color .2s var(--ease),background .2s var(--ease)}.seg button:hover{color:var(--text)}.seg button.active{background:var(--grad);color:#fff;box-shadow:0 4px 12px -4px #e9456099}.table{width:100%;border-collapse:collapse}.table th{text-align:left;color:var(--text-2);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em;padding:10px 12px;border-bottom:1px solid var(--border)}.table td{padding:12px;border-bottom:1px solid var(--border)}.table tbody tr{transition:background .15s var(--ease)}.table tbody tr:hover td{background:#ffffff08}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table a.row-link{transition:color .2s var(--ease)}.table a.row-link:hover{color:var(--accent)}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;color:var(--text-2)}.legend{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:14px}.legend .item{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--text-2)}.legend .swatch{width:10px;height:10px;border-radius:3px}.chart-tip{position:fixed;pointer-events:none;z-index:50;background:#0b0b14eb;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:12px;box-shadow:0 10px 30px #0000008c;min-width:132px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:tipIn .14s var(--ease-out)}@keyframes tipIn{0%{opacity:0;transform:translateY(4px) scale(.97)}to{opacity:1;transform:none}}.chart-tip .tt-title{color:var(--text-2);margin-bottom:7px;font-size:11px}.chart-tip .tt-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:3px}.chart-tip .tt-row .k{display:inline-flex;align-items:center;gap:6px}.chart-tip .tt-row .v{font-variant-numeric:tabular-nums;font-weight:700}.dot{width:8px;height:8px;border-radius:2px;display:inline-block}.viz-line{stroke-dasharray:1;stroke-dashoffset:1;animation:drawLine 1.1s var(--ease-out) forwards}@keyframes drawLine{to{stroke-dashoffset:0}}.viz-bar-fill{transform-origin:left center;animation:growBar .8s var(--ease-out) both}@keyframes growBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.center{display:grid;place-items:center;min-height:50vh}.spinner{width:30px;height:30px;border-radius:50%;background:conic-gradient(from 0deg,transparent,var(--accent),var(--gold));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{color:var(--muted);text-align:center;padding:30px}.error-box{background:#f436361a;border:1px solid rgba(244,54,54,.35);color:#f2b8b8;border-radius:var(--radius-sm);padding:11px 14px;font-size:13px}.skeleton{position:relative;overflow:hidden;background:#ffffff0b;border-radius:8px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translate(-100%);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}.login-wrap{display:grid;place-items:center;min-height:100vh;padding:20px}.login-card{width:100%;max-width:390px;box-shadow:var(--shadow-glow)}.login-card .brand{justify-content:center;padding-bottom:24px}@media (max-width: 900px){.layout{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:20;height:auto;flex-direction:row;overflow-x:auto;align-items:center;padding:10px;gap:6px}.sidebar .brand,.sidebar-foot{display:none}.nav-link{white-space:nowrap}.nav-link:before{display:none}.grid.cols-4{grid-template-columns:repeat(2,1fr)}.grid.cols-2{grid-template-columns:1fr}}@media (max-width: 560px){.grid.cols-4{grid-template-columns:1fr}.main{padding:16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}