@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Montserrat:wght@400;600&display=swap";*{box-sizing:border-box}html,body{margin:0;padding:0}#root{min-height:100vh}.app{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh;color:var(--text);background:var(--bg);--text:#13233d;--text-muted:#5a6889;--bg:#eaeef6;--surface:#ffffff;--surface-2:#f5f8fd;--border:#e4e9f2;--line:#eef1f7;--green:#2E9E5B;--shadow:0 1px 2px rgba(40,55,90,.05),0 10px 26px -18px rgba(40,55,90,.28);--shadow-lg:0 22px 46px -24px rgba(40,55,90,.45)}.app.dark{--text:#e7ecf5;--text-muted:#94a3bd;--bg:#0a1426;--surface:#111d34;--surface-2:#0d1830;--border:#1f2d49;--line:#1a2740;--shadow:0 1px 2px rgba(0,0,0,.3),0 12px 28px -16px rgba(0,0,0,.6);--shadow-lg:0 24px 50px -24px rgba(0,0,0,.72)}.app[data-palette=aurora]{--grad:linear-gradient(135deg,#2F86BE 0%,#836AA8 50%,#BC5C7E 100%);--side:linear-gradient(165deg,#2F86BE 0%,#7A609E 56%,#A55571 100%);--blue:#2F86BE;--purple:#836AA8;--magenta:#BC5C7E;--dot:rgba(131,106,168,.3);--chip:rgba(47,134,190,.09);--chip-text:#1E6FA8;--glow1:rgba(47,134,190,.07);--glow2:rgba(188,92,126,.06);--tip-arrow:#2F86BE}.app.dark[data-palette=aurora]{--side:linear-gradient(165deg,#235f87 0%,#574473 56%,#7a3e54 100%);--dot:rgba(150,180,225,.2);--chip:rgba(120,160,220,.12);--chip-text:#7bb4e4}.app[data-palette=canvas]{--grad:linear-gradient(90deg,#00bba7 0%,#2b7fff 100%);--side:linear-gradient(165deg,#00bba7 0%,#2b7fff 100%);--blue:#2b7fff;--purple:#155dfc;--magenta:#00bba7;--dot:rgba(43,127,255,.3);--chip:rgba(43,127,255,.09);--chip-text:#155dfc;--glow1:rgba(0,187,167,.07);--glow2:rgba(43,127,255,.06);--tip-arrow:#00bba7}.app.dark[data-palette=canvas]{--side:linear-gradient(165deg,#009689 0%,#155dfc 100%);--dot:rgba(120,170,255,.2);--chip:rgba(43,127,255,.14);--chip-text:#7fb0ff}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);transition:box-shadow .24s cubic-bezier(.22,1,.36,1),transform .24s cubic-bezier(.22,1,.36,1),border-color .24s}.tnum{font-variant-numeric:tabular-nums}.lift{transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s,border-color .24s}.lift:hover{transform:translateY(-12px) scale(1.03);box-shadow:var(--shadow-lg);border-color:#836aa866}.card-hl:hover{box-shadow:var(--shadow-lg);border-color:#836aa859}.muted{color:var(--text-muted)}.wordmark{font-weight:800;letter-spacing:-.01em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{border:none;cursor:pointer;font-family:inherit;font-weight:600;border-radius:11px;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s,background-position .5s ease,filter .22s;font-size:14px}.btn-primary{background:var(--grad);background-size:180% 180%;background-position:0% 50%;color:#fff;padding:11px 18px;box-shadow:0 9px 20px -12px #836aa880;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{filter:brightness(1.07);transform:translateY(-3px) scale(1.02);background-position:100% 50%;box-shadow:0 18px 34px -14px #836aa899}.btn-primary:active{transform:translateY(-1px) scale(.99);filter:brightness(.99)}.btn-ghost{background:var(--chip);color:var(--chip-text);padding:10px 14px;display:inline-flex;align-items:center;gap:8px}.btn-ghost:hover{background:color-mix(in srgb,var(--blue) 16%,transparent);transform:translateY(-2px) scale(1.02)}.btn-ghost:active{transform:translateY(0) scale(.98)}.chip{background:var(--chip);color:var(--chip-text);border-radius:8px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.nav-item{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:13px;cursor:pointer;color:#ffffffc7;transition:background .16s,color .16s,transform .16s}.nav-item:hover{color:#fff;background:#ffffff21;transform:translateY(-1px)}.nav-item.active{color:#fff;background:#ffffff38;box-shadow:inset 0 0 0 1px #ffffff4d,0 0 18px 2px #ffffff59,0 0 6px #ffffff80}.nav-item:active{transform:translateY(0) scale(.94)}.nav-item.active:after{content:"";position:absolute;left:-9px;top:50%;transform:translateY(-50%);width:4px;height:22px;border-radius:0 4px 4px 0;background:#fff;box-shadow:0 0 10px 1px #ffffffa6,0 0 4px #ffffffe6}.rail-nav{scrollbar-width:none;-ms-overflow-style:none}.rail-nav::-webkit-scrollbar{width:0;height:0;display:none}.rail-tip{position:fixed;z-index:200;transform:translateY(-50%);background:var(--grad);color:#fff;font-size:13px;font-weight:600;letter-spacing:.01em;white-space:nowrap;padding:8px 13px;border-radius:10px;box-shadow:0 12px 28px -12px #28375a8c;pointer-events:none;animation:tipIn .15s ease both}.rail-tip:before{content:"";position:absolute;left:-4px;top:50%;width:10px;height:10px;transform:translateY(-50%) rotate(45deg);background:var(--tip-arrow);border-radius:2px}@keyframes tipIn{0%{opacity:0;transform:translateY(-50%) translate(-6px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.icon-btn{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s,color .18s,border-color .18s,background .18s}.icon-btn:hover{color:var(--purple);border-color:var(--purple);background:var(--chip);transform:translateY(-2px) scale(1.06);box-shadow:0 10px 20px -12px #836aa899}.icon-btn:active{transform:translateY(0) scale(.95)}.act,.perm-tog{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:transparent;cursor:pointer;color:var(--text-muted);transition:transform .2s cubic-bezier(.22,1,.36,1),color .18s,border-color .18s,background .18s}.act:hover,.perm-tog:hover{color:var(--blue);border-color:var(--blue);background:color-mix(in srgb,var(--blue) 12%,transparent);transform:scale(1.08)}.act:active,.perm-tog:active{transform:scale(.92)}.act.del:hover{color:var(--magenta);border-color:var(--magenta);background:color-mix(in srgb,var(--magenta) 12%,transparent)}.perm-tog[data-on=true]{color:var(--acc);background:color-mix(in srgb,var(--acc) 13%,transparent);border-color:color-mix(in srgb,var(--acc) 38%,transparent)}.perm-tog:hover{color:var(--acc);border-color:var(--acc);background:color-mix(in srgb,var(--acc) 14%,transparent)}.inp,select.inp{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:11px 14px;color:var(--text);font-family:inherit;font-size:14px;outline:none;transition:border .16s,box-shadow .16s,background .16s}.inp:hover:not(:focus):not(:disabled){border-color:var(--purple)}.inp:focus{border-color:var(--purple);box-shadow:0 0 0 3px #836aa829}select.inp{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;accent-color:var(--purple);padding-right:40px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237a8699' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 13px center}select.inp:disabled{opacity:.65;cursor:not-allowed}.inp option{background:var(--surface);color:var(--text)}.inp option:checked{background:var(--chip);color:var(--chip-text);font-weight:600}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.select-trigger.open{border-color:var(--purple);box-shadow:0 0 0 3px #836aa829}.select-trigger[data-disabled=true]{opacity:.65;cursor:not-allowed}.select-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:70;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 40px -16px #28375a73;padding:6px;max-height:260px;overflow-y:auto;animation:selPop .14s ease both}.select-opt{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:9px;font-size:14px;color:var(--text);cursor:pointer;transition:background .14s,color .14s}.select-opt:hover{background:var(--chip);color:var(--chip-text)}.select-opt.sel{background:var(--chip);color:var(--chip-text);font-weight:600}@keyframes selPop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.lbl{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:7px;display:block}table{width:100%;border-collapse:collapse}.tbl thead tr{background:var(--surface-2)}.tbl th{text-align:left;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-weight:700;padding:14px 16px}.tbl td{padding:13px 16px;font-size:14px;border-top:1px solid var(--line);transition:background .15s;font-variant-numeric:tabular-nums}.row-h{cursor:pointer}.row-h:hover td{background:var(--surface-2)}.row-h:hover td:first-child{box-shadow:inset 3px 0 0 var(--purple)}.dash{color:var(--text-muted);opacity:.5}.pill{font-size:12px;font-weight:600;border-radius:7px;padding:4px 10px;display:inline-flex;align-items:center;gap:5px}.scroll::-webkit-scrollbar{width:9px;height:9px}.scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:9px}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.rise{animation:rise .45s cubic-bezier(.22,1,.36,1) both}@keyframes float1{0%,to{transform:translate(0)}50%{transform:translate(46px,-34px)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(-34px,44px)}}@keyframes float3{0%,to{transform:translate(0)}50%{transform:translate(26px,30px)}}@keyframes pop{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}.orb{position:absolute;border-radius:50%;filter:blur(64px);opacity:.45;pointer-events:none;z-index:1}.pop{animation:pop .6s cubic-bezier(.22,1,.36,1) both}.topbar{position:sticky;top:0;z-index:30;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg) 70%,transparent);border-bottom:1px solid var(--border)}.main-glow:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(58% 48% at 100% 0%,var(--glow1),transparent 60%),radial-gradient(54% 46% at 0% 100%,var(--glow2),transparent 60%)}.main-wrap{position:relative;z-index:1;width:100%}.rail-hl{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 22%)}.avatar-ring{box-shadow:inset 0 0 0 2px #ffffff8c}.online-dot{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:99px;background:var(--green);border:2px solid var(--surface)}.stat-bar{position:absolute;top:0;left:0;right:0;height:3px;border-radius:18px 18px 0 0}.dotc{width:9px;height:9px;border-radius:99px;flex-shrink:0}.ratio-bar{display:flex;height:8px;border-radius:99px;overflow:hidden;background:var(--line)}.legend-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:11px;cursor:pointer;transition:background .18s,transform .18s}.legend-row:hover,.legend-row.on{background:var(--surface-2);transform:translate(2px)}.seg{transition:stroke-width .22s cubic-bezier(.22,1,.36,1),opacity .22s;cursor:pointer}.chart-tip{position:absolute;pointer-events:none;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:10px;padding:7px 11px;font-size:12.5px;font-weight:600;white-space:nowrap;transform:translate(-50%,-128%);z-index:6;font-variant-numeric:tabular-nums}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px}.empty-ico{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:var(--chip);color:var(--chip-text);margin-bottom:16px}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.rise,.pop,.orb{animation:none!important}.lift:hover,.card-hl:hover,.btn-primary:hover,.btn-primary:active,.btn-ghost:hover,.btn-ghost:active,.icon-btn:hover,.icon-btn:active,.act:hover,.act:active,.nav-item:hover,.nav-item:active,.legend-row:hover,.legend-row.on{transform:none!important}}