:root{--bg: #07070b;--bg-elev: #0b0b12;--bg-card: rgba(255, 255, 255, .025);--bg-card-hover: rgba(255, 255, 255, .04);--line: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .13);--text: #f4f5fa;--muted: #8a8fa3;--dim: #5c6175;--accent: #a78bfa;--accent-2: #60a5fa;--accent-3: #f0abfc;--ok: #4ade80;--warn: #fbbf24;--danger: #f87171;--radius: 12px;--radius-lg: 18px;--ease: cubic-bezier(.2, .8, .2, 1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:var(--bg);font-size:15px;line-height:1.55;letter-spacing:-.005em;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 70% 50% at 20% 0%,rgba(167,139,250,.1),transparent 60%),radial-gradient(ellipse 60% 40% at 90% 10%,rgba(96,165,250,.08),transparent 70%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4,h5,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}.shell{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:20px 14px 20px 20px;border-right:1px solid var(--line);background:#08080ebf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.sidebar-panel{height:100%;display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:11px;padding:4px 6px}.brand-auth{align-items:center;gap:14px;padding:0}.brand-image{width:58px;height:58px;object-fit:contain;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 36px #60a5fa1f;flex:0 0 auto;display:block}.brand-mark{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#ffffff0a url(/logo.png) center/88% no-repeat;color:transparent;font-size:0;text-indent:-9999px;overflow:hidden;box-shadow:0 4px 18px #60a5fa29}.brand-copy h1{font-size:15px;font-weight:700;letter-spacing:-.015em}.brand-copy p{font-size:12px;color:var(--muted);margin-top:2px}.sidebar-user{padding:14px;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--line);display:flex;align-items:center;gap:12px}.sidebar-user .avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#60a5fa);display:grid;place-items:center;color:#0a0a0f;font-weight:700;font-size:14px;flex:0 0 auto}.sidebar-user .info{min-width:0;flex:1}.sidebar-user .info strong{display:block;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user .info span{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-section-label{font-size:11px;font-weight:600;color:var(--dim);text-transform:uppercase;letter-spacing:.08em;padding:0 10px;margin-bottom:6px}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.nav-link{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:9px;color:var(--muted);font-size:14px;font-weight:500;transition:all .18s var(--ease)}.nav-link:hover{color:var(--text);background:var(--bg-card)}.nav-link.active{color:var(--text);background:var(--bg-card-hover);box-shadow:inset 0 0 0 1px var(--line-strong)}.nav-link svg{flex:0 0 auto;opacity:.85}.nav-link.active svg{color:var(--accent);opacity:1}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:10px}.sidebar-plan-card{padding:14px;border-radius:var(--radius);background:linear-gradient(180deg,#a78bfa14,#60a5fa05);border:1px solid rgba(167,139,250,.2)}.sidebar-plan-card .row{justify-content:space-between;margin-bottom:10px}.sidebar-plan-card .muted{font-size:12px;line-height:1.5}.primary-button,.secondary-button,.ghost-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:10px;border:1px solid transparent;font-size:14px;font-weight:600;cursor:pointer;transition:all .18s var(--ease);white-space:nowrap;text-decoration:none}.primary-button{background:#fff;color:#0a0a0f;box-shadow:0 1px #fff3 inset,0 6px 24px #ffffff14}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 1px #ffffff4d inset,0 10px 32px #ffffff24}.primary-button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{background:var(--bg-card);color:var(--text);border-color:var(--line-strong)}.secondary-button:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--line-strong)}.ghost-button{background:transparent;color:var(--muted)}.ghost-button:hover{color:var(--text);background:var(--bg-card)}.danger-button{background:#f8717114;color:var(--danger);border-color:#f8717133}.danger-button:hover{background:#f871711f}.btn-lg{height:46px;padding:0 22px;font-size:15px}.page{padding:32px 40px;min-height:100vh}.page-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:28px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.topbar-copy h2{font-size:30px;font-weight:700;letter-spacing:-.025em;line-height:1.1}.topbar-copy p{margin-top:8px;color:var(--muted);font-size:15px;max-width:640px}.topbar-actions{display:flex;gap:10px;flex-wrap:wrap}.panel,.hero-card,.showcase-card,.pricing-card,.guide-card,.code-card,.auth-card,.status-card,.metric-card,.table-wrap,.empty-state{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;transition:border-color .2s var(--ease)}.panel:hover,.metric-card:hover,.status-card:hover{border-color:var(--line-strong)}.hero-card{background:linear-gradient(180deg,#a78bfa14,#a78bfa00);border-color:#a78bfa33;padding:32px}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;align-items:center;justify-content:space-between;gap:14px}.muted{color:var(--muted)}.dim{color:var(--dim)}.eyebrow{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:var(--bg-card);border:1px solid var(--line);font-size:12px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;width:fit-content}.highlight-text{background:linear-gradient(135deg,#a78bfa,#60a5fa 55%,#f0abfc);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-card h3{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.15}.hero-card p{margin-top:10px;color:var(--muted);font-size:15px;line-height:1.6;max-width:540px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:20px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,480px);position:relative;z-index:1}.auth-showcase{display:flex;align-items:center;padding:48px 56px;background:radial-gradient(ellipse at center left,rgba(167,139,250,.12),transparent 60%),linear-gradient(180deg,#08080e,#05050a);border-right:1px solid var(--line);position:relative;overflow:hidden}.auth-showcase:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black,transparent 70%);mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black,transparent 70%);pointer-events:none}.auth-showcase-inner{position:relative;max-width:520px}.auth-showcase h1{margin-top:24px;font-size:clamp(42px,5vw,56px);font-weight:800;letter-spacing:-.035em;line-height:1.02}.auth-showcase p{margin-top:20px;font-size:17px;color:var(--muted);line-height:1.6;max-width:460px}.auth-feature-list{margin-top:36px;display:flex;flex-direction:column;gap:14px}.auth-feature-list li{display:flex;align-items:flex-start;gap:12px;color:#d5d7e0;font-size:14.5px}.auth-feature-list li svg{color:var(--ok);flex:0 0 auto;margin-top:2px}.auth-panel{display:flex;align-items:center;justify-content:center;padding:40px;background:var(--bg)}.auth-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#05050ac7;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}.auth-loader-card{width:min(340px,calc(100% - 32px));padding:24px;border-radius:24px;background:linear-gradient(180deg,#0b1626f5,#070c16f5);border:1px solid rgba(148,163,184,.16);box-shadow:0 24px 80px #00000073;text-align:center;display:grid;justify-items:center;gap:14px}.auth-loader-card .brand-image{width:72px;height:72px;border-radius:20px}.auth-loader-card strong{font-size:17px;font-weight:700;letter-spacing:-.02em}.auth-loader-card p{color:var(--muted);font-size:13.5px;line-height:1.6;margin:0}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(148,163,184,.16);border-top-color:#60a5fa;border-right-color:#a78bfa;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-card{width:100%;max-width:400px;padding:36px;background:var(--bg-elev);border:1px solid var(--line);display:flex;flex-direction:column;gap:22px}.auth-card h2{font-size:26px;font-weight:700;letter-spacing:-.02em}.auth-card>p{color:var(--muted);font-size:14.5px;margin-top:-12px}.pill-switch{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:10px;background:var(--bg-card);border:1px solid var(--line)}.pill-switch button{height:36px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:13.5px;font-weight:600;cursor:pointer;transition:all .18s var(--ease)}.pill-switch button.active{background:var(--bg);color:var(--text);box-shadow:0 2px 8px #0000004d}.input-grid{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:13px;font-weight:600;color:var(--text)}.field input,.field select,.field textarea{width:100%;height:42px;padding:0 14px;border-radius:9px;border:1px solid var(--line-strong);background:var(--bg);color:var(--text);font-size:14px;outline:none;transition:all .18s var(--ease)}.field textarea{height:auto;padding:12px 14px;resize:vertical}.field input::placeholder{color:var(--dim)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #a78bfa26}.notice,.error-text,.success-text{padding:11px 14px;border-radius:9px;font-size:13.5px;line-height:1.5}.notice{background:#a78bfa14;color:#c4b5fd;border:1px solid rgba(167,139,250,.2)}.error-text{background:#f8717114;color:#fca5a5;border:1px solid rgba(248,113,113,.2)}.success-text{background:#4ade8014;color:#86efac;border:1px solid rgba(74,222,128,.2)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.badge.blue{background:#60a5fa1f;color:#93c5fd}.badge.pink{background:#f0abfc1f;color:#f0abfc}.badge.green{background:#4ade801f;color:#86efac}.badge.slate{background:#94a3b81f;color:#cbd5e1}.badge.purple{background:#a78bfa1f;color:#c4b5fd}.metric-card{padding:20px;display:flex;flex-direction:column;gap:10px}.metric-head{display:flex;justify-content:space-between;align-items:center}.metric-label{color:var(--muted);font-size:13px;font-weight:500}.metric-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--bg-card);border:1px solid var(--line)}.metric-value{font-size:32px;font-weight:700;letter-spacing:-.025em;line-height:1.1}.metric-foot{color:var(--dim);font-size:12.5px}.progress{width:100%;height:8px;border-radius:999px;overflow:hidden;background:var(--bg-card);border:1px solid var(--line)}.progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a78bfa,#60a5fa,#f0abfc);transition:width .6s var(--ease)}.keybox{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:var(--radius);background:var(--bg);border:1px solid var(--line)}.keybox code{flex:1;min-width:0;overflow:auto;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:13.5px;color:#c4b5fd;white-space:nowrap}.keybox .icon-btn{flex:0 0 auto;width:34px;height:34px;border-radius:8px;background:var(--bg-card);border:1px solid var(--line);color:var(--muted);cursor:pointer;display:grid;place-items:center;transition:all .18s var(--ease)}.keybox .icon-btn:hover{color:var(--text);background:var(--bg-card-hover);border-color:var(--line-strong)}.code-card{padding:0;overflow:hidden}.code-card .code-head{padding:14px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.code-card .code-head strong{font-size:13px;font-weight:600}.code-card pre{margin:0;padding:20px;overflow:auto;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:13px;color:#d5d7e0;line-height:1.7}.feature-list{display:flex;flex-direction:column;gap:12px}.feature-list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#d5d7e0;line-height:1.55}.feature-list li svg{flex:0 0 auto;margin-top:2px}.step-list{display:flex;flex-direction:column;gap:14px}.step-list li{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:#d5d7e0}.step-number{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--bg-card);border:1px solid var(--line);color:var(--accent);font-size:12px;font-weight:700;flex:0 0 auto;font-family:JetBrains Mono,monospace}.pricing-card{display:flex;flex-direction:column;gap:16px}.pricing-card.popular{border-color:#a78bfa59;background:linear-gradient(180deg,rgba(167,139,250,.06),transparent);box-shadow:0 16px 48px -20px #a78bfa40;position:relative}.pricing-card.popular:before{content:"Most popular";position:absolute;top:-11px;left:50%;transform:translate(-50%);padding:4px 12px;font-size:11px;font-weight:700;background:linear-gradient(135deg,#a78bfa,#60a5fa);color:#0a0a0f;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.pricing-card h3{font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.price-row{display:flex;align-items:baseline;gap:6px;margin-top:4px}.price-row strong{font-size:42px;font-weight:800;letter-spacing:-.03em}.pricing-card .primary-button,.pricing-card .secondary-button{width:100%;margin-top:auto}.table-wrap{padding:0;overflow:hidden}.table-wrap .table-head{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.table-wrap .table-head strong{font-size:15px;font-weight:600}table{width:100%;border-collapse:collapse}th,td{padding:14px 24px;text-align:left;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}th{color:var(--dim);font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}td{color:var(--text);font-size:14px}td select{height:32px;padding:0 10px;border-radius:7px;border:1px solid var(--line-strong);background:var(--bg);color:var(--text);font-size:13px}.empty-state{text-align:center;padding:48px 24px}.empty-state strong{display:block;font-size:16px;margin-top:8px}.split-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.admin-toolbar .field{flex:1;min-width:220px}.admin-split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.85fr);gap:20px;align-items:start}.admin-list{display:grid;gap:10px}.admin-user-card{padding:14px;border-radius:18px;background:#ffffff08;border:1px solid rgba(149,174,214,.12);display:grid;gap:10px;cursor:pointer;transition:.16s ease}.admin-user-card:hover,.admin-user-card.active{border-color:#38bdf859;transform:translateY(-1px)}.admin-user-card .meta,.admin-detail .meta{display:flex;flex-wrap:wrap;gap:8px}.admin-detail{display:grid;gap:14px}.admin-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-muted-box{padding:14px;border-radius:18px;background:#ffffff08;border:1px solid rgba(149,174,214,.12)}.admin-table-scroll{overflow-x:auto}.loading-panel{padding:60px 24px;text-align:center;color:var(--muted);font-size:14px}@media (max-width: 1100px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.sidebar-panel{flex-direction:row;flex-wrap:wrap;align-items:center;gap:16px}.sidebar-nav{flex-direction:row;flex-wrap:wrap}.sidebar-section-label,.sidebar-footer,.sidebar-user,.sidebar-plan-card{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid,.hero-grid,.auth-layout,.admin-split{grid-template-columns:1fr}.auth-showcase{padding:48px 32px 44px}.pricing-grid{grid-template-columns:1fr}}@media (max-width: 720px){.page{padding:20px}.topbar{flex-direction:column;align-items:stretch}.topbar-copy h2{font-size:24px}.stats-grid,.mini-grid{grid-template-columns:1fr}.auth-showcase{display:none}.auth-panel{padding:20px}.auth-card{padding:24px}.brand-image{width:52px;height:52px}.admin-toolbar .field{min-width:100%}.admin-detail-grid{grid-template-columns:1fr}}