:root{--bg: #080B18;--bg-2: #0A0E1F;--surface: rgba(255, 255, 255, .035);--surface-muted: rgba(255, 255, 255, .04);--card: rgba(255, 255, 255, .028);--card-elevated: rgba(255, 255, 255, .055);--menu-surface: #0E1430;--text: #F6F7FC;--text-secondary: #A6ADCE;--text-dim: #828AB4;--primary: #C9A0FF;--primary-muted: rgba(192, 132, 252, .14);--violet: #A855F7;--pink: #EC4899;--fuchsia: #D946EF;--focus: linear-gradient(120deg, #A855F7 0%, #EC4899 52%, #D946EF 100%);--focus-soft: linear-gradient(120deg, rgba(168, 85, 247, .16), rgba(217, 70, 239, .16));--success: #34D399;--danger: #FB7185;--warning: #FBBF24;--border: rgba(255, 255, 255, .08);--border-dim: rgba(255, 255, 255, .05);--card-radius: 18px;--radius: 14px;--radius-sm: 10px;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overflow-x:hidden}body{font-family:var(--font-body);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased;background:radial-gradient(120% 90% at 100% -10%,rgba(168,85,247,.1),transparent 55%),radial-gradient(90% 80% at -10% 110%,rgba(217,70,239,.08),transparent 50%),var(--bg);background-attachment:fixed}a{color:var(--primary);text-decoration:none}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#ffffff29}::selection{background:#d946ef4d}h1{font-family:var(--font-display);font-weight:700;font-size:clamp(26px,3vw,34px);letter-spacing:-.03em;line-height:1.04;margin:0}h2{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;font-size:15px;margin:0}.mono-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim)}.muted{color:var(--text-secondary)}.dim{color:var(--text-dim)}.card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--card-radius);padding:22px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card.tight{padding:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 15px;font-weight:600;font-size:13px;transition:border-color .18s,background .18s,transform .1s,opacity .18s}.btn:hover{border-color:#ffffff38;background:var(--card-elevated)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--focus);border:none;color:#fff;box-shadow:0 6px 22px -10px #d946efb3}.btn.primary:hover{filter:brightness(1.06)}.btn.danger{border-color:#fb718566;color:var(--danger)}.btn.danger:hover{background:#fb71851f}.btn.sm{padding:6px 11px;font-size:12px}.btn.block{width:100%}.input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:10px 13px;outline:none;transition:border-color .18s,box-shadow .18s}.input:focus{border-color:var(--fuchsia);box-shadow:0 0 0 3px #d946ef24}.input::placeholder{color:var(--text-dim)}.segment{display:inline-flex;gap:2px;padding:3px;background:var(--surface);border:1px solid var(--border);border-radius:999px}.segment button{border:none;background:transparent;color:var(--text-dim);padding:6px 13px;border-radius:999px;font-size:12px;font-weight:600;transition:color .18s}.segment button:hover{color:var(--text-secondary)}.segment button.on{color:#fff;background:var(--primary-muted)}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.01em}.pill.danger{background:#fb718526;color:var(--danger)}.pill.success{background:#34d39926;color:var(--success)}.pill.warning{background:#fbbf2426;color:var(--warning)}.pill.primary{background:var(--primary-muted);color:var(--primary)}.pill.muted{background:var(--surface-muted);color:var(--text-dim)}.pill.pro{background:var(--focus-soft);color:#f0c8ff;border:1px solid rgba(217,70,239,.3)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;padding:10px 12px;font-family:var(--font-mono);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);border-bottom:1px solid var(--border)}td{padding:12px;border-bottom:1px solid var(--border-dim);font-size:13px;vertical-align:middle}tbody tr{transition:background .12s}tbody tr:hover{background:var(--surface)}tr.clickable{cursor:pointer}.skeleton{background:linear-gradient(90deg,var(--surface-muted) 25%,var(--surface) 50%,var(--surface-muted) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:12px}@keyframes shimmer{to{background-position:-200% 0}}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.18);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.page{animation:rise-in .5s cubic-bezier(.16,1,.3,1) both}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.row{display:flex;align-items:center}.between{display:flex;align-items:center;justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.shell{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;border-right:1px solid var(--border);padding:22px 16px;display:flex;flex-direction:column;gap:3px;position:sticky;top:0;height:100vh;background:linear-gradient(180deg,rgba(168,85,247,.05),transparent 30%)}.brand{display:flex;align-items:center;gap:9px;padding:4px 10px 20px}.brand-dot{width:10px;height:10px;border-radius:3px;background:var(--focus);box-shadow:0 0 14px #d946ef99;flex-shrink:0}.brand-name{font-family:var(--font-display);font-weight:800;font-size:18px;letter-spacing:-.02em;white-space:nowrap}.nav-link{position:relative;display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:500;font-size:13.5px;white-space:nowrap;transition:color .18s,background .18s}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--text);font-weight:600;background:var(--primary-muted)}.nav-ico{width:18px;text-align:center;opacity:.85}.side-foot{margin-top:auto;padding-top:14px}.side-email{padding:0 10px 10px;font-size:11px;word-break:break-all;color:var(--text-dim)}.main{flex:1;padding:30px 36px;max-width:1240px;width:100%;min-width:0}.topbar,.tabbar{display:none}.tabbar{gap:2px}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px 6px;color:var(--text-dim);font-size:10px;font-weight:600;border-radius:10px;transition:color .18s,background .18s}.tab.active{color:#fff;background:var(--primary-muted)}.tab .tab-ico{font-size:17px}@media(max-width:820px){.shell{flex-direction:column}.sidebar{display:none}.topbar{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;padding:11px 16px;border-bottom:1px solid var(--border);background:#080b18e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#080b18f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border)}.main{padding:18px 14px calc(82px + env(safe-area-inset-bottom))}.two-col{grid-template-columns:1fr}h1{font-size:24px}}@media(max-width:560px){.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.card{padding:16px}table.stack thead{display:none}table.stack tbody tr{display:block;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:6px 14px;margin-bottom:10px}table.stack tbody tr:hover{background:var(--surface)}table.stack td{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:7px 0;border:none;text-align:right;font-size:13px}table.stack td:before{content:attr(data-label);text-align:left;flex-shrink:0;color:var(--text-dim);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em}table.stack td:empty{display:none}table.stack td[data-label=""]:before{content:none}.table-wrap{overflow-x:visible}}@media(prefers-reduced-motion:reduce){*,.page,.skeleton,.spinner{animation:none!important;transition:none!important}}