:root{--bg:#0d0d0d;--surface:#1a1a1a;--surface-raised:#222;--fg:#e5e5e5;--muted:#8b8b8b;--border:#2a2a2a;--accent:#4d8bf7;--accent-on:#fff;--success:#22c55e;--warn:#facc15;--danger:#ef4444;--font-display:"Inter", "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, "JetBrains Mono", Consolas, monospace;--radius:10px;--radius-lg:14px;--radius-xl:22px}*,:before,:after{box-sizing:border-box}*{margin:0}body{background:radial-gradient(circle at 20% 0%, #4d8bf729, transparent 30%), radial-gradient(circle at 80% 10%, #22c55e14, transparent 24%), var(--bg);min-height:100vh;color:var(--fg);font-family:var(--font-display);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}#app{min-height:100vh}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1a1a1af0;flex-direction:column;gap:6px;height:100vh;padding:24px 20px;display:flex;position:sticky;top:0}.sidebar-logo{letter-spacing:-.03em;align-items:center;gap:9px;margin-bottom:16px;font-size:18px;font-weight:800;display:flex}.sidebar-logo .dot{background:var(--accent);border-radius:999px;width:9px;height:9px;box-shadow:0 0 22px #4d8bf7b3}.admin-mode .sidebar-logo .dot{background:var(--warn);box-shadow:0 0 22px #facc1573}.nav-section{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;padding:16px 12px 6px;font-size:10px}.nav-item{color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;transition:all .15s;display:flex}.nav-item:hover{color:var(--fg);background:#e5e5e512}.nav-item.router-link-active{color:var(--accent);background:#4d8bf726;font-weight:700}.admin-mode .nav-item.router-link-active{color:var(--warn);background:#facc151f}.nav-icon{text-align:center;opacity:.9;width:18px}.main{padding:28px 36px 44px;overflow-x:hidden}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.topbar h1{letter-spacing:-.03em;font-size:25px;font-weight:800;line-height:1.1}.topbar p{color:var(--muted);margin-top:6px}.topbar-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.balance-pill,.lang-toggle,.avatar-sm,.admin-badge{border:1px solid var(--border);background:#1a1a1ac7}.balance-pill{font-family:var(--font-mono);color:var(--muted);border-radius:999px;padding:7px 15px}.balance-pill .amount{color:var(--accent);margin-left:8px;font-weight:800}.lang-toggle{color:var(--fg);border-radius:999px;padding:7px 12px}.avatar-sm{width:34px;height:34px;color:var(--accent);border-radius:999px;place-items:center;font-weight:800;display:grid}.admin-badge{color:var(--warn);font-family:var(--font-mono);border-color:#facc153d;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:800}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.metric-card,.panel,.feature-card,.pricing-card,.auth-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:#1a1a1ae6;box-shadow:0 18px 60px #00000038}.metric-card{padding:19px 20px}.metric-card .label{color:var(--muted);font-size:12px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.metric-card .value{letter-spacing:-.03em;margin-top:7px;font-size:28px;font-weight:850}.metric-card .sub{color:var(--muted);margin-top:5px;font-size:12px}.panel{margin-bottom:20px;padding:22px 24px;overflow:hidden}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.panel-header h3{font-size:16px}.dash-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.dash-full{grid-column:1/-1}.btn{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:750;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-on)}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-ghost{color:var(--fg);border-color:var(--border);background:0 0}.btn-ghost:hover{border-color:var(--fg)}.btn-danger{color:var(--danger);background:0 0;border-color:#ef44448c}.btn-warn{color:#111;background:var(--warn)}.btn-sm{padding:5px 11px;font-size:12px}.badge{border-radius:999px;align-items:center;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.badge-success{color:var(--success);background:#22c55e24}.badge-warn{color:var(--warn);background:#facc1524}.badge-danger{color:var(--danger);background:#ef444424}.badge-accent{color:var(--accent);background:#4d8bf724}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:720px}.data-table th{border-bottom:1px solid var(--border);color:var(--muted);text-align:left;font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;padding:10px 12px}.data-table td{border-bottom:1px solid var(--border);padding:12px}.data-table tr:last-child td{border-bottom:none}.mono{font-family:var(--font-mono)}.muted{color:var(--muted)}.accent{color:var(--accent)}.success{color:var(--success)}.danger{color:var(--danger)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-wide{grid-column:1/-1}.form-group{flex-direction:column;gap:7px;display:flex}.form-group label{color:var(--muted);font-size:12px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group select{width:100%;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);outline:none;padding:11px 13px}.form-group input:focus,.form-group select:focus{border-color:var(--accent)}.model-check-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.model-check{min-width:0;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:8px;padding:9px 10px;display:flex}.model-check input{width:auto}.model-check span{overflow-wrap:anywhere}.model-list{overflow-wrap:anywhere;max-width:260px}.table-actions{flex-wrap:wrap;gap:8px;display:flex}.empty-state{text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius-lg);padding:28px}.bar-chart{align-items:flex-end;gap:9px;height:170px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;height:100%;display:flex}.bar{background:var(--accent);border-radius:5px 5px 0 0;width:100%;min-height:3px}.bar-label{color:var(--muted);font-size:10px;font-family:var(--font-mono)}.ring-row{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.ring{flex-shrink:0;width:136px;height:136px;position:relative}.ring svg{width:136px;height:136px;transform:rotate(-90deg)}.ring-center{text-align:center;place-items:center;display:grid;position:absolute;inset:0}.ring-center strong{font-size:27px;display:block}.ring-center span{color:var(--muted);font-size:11px}.legend{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.legend span{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:inline-flex}.legend i{border-radius:3px;width:10px;height:10px;display:inline-block}.landing-nav{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d0d0dd1;position:fixed;inset:0 0 auto}.landing-nav-inner{justify-content:space-between;align-items:center;max-width:1240px;height:64px;margin:0 auto;padding:0 28px;display:flex}.landing-links{color:var(--muted);align-items:center;gap:20px;display:flex}.hero{text-align:center;max-width:980px;margin:0 auto;padding:156px 28px 86px}.hero-badge{color:var(--accent);background:#4d8bf724;border:1px solid #4d8bf74d;border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:7px 15px;font-weight:800;display:inline-flex}.live-dot{background:var(--success);border-radius:999px;width:7px;height:7px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.hero h1{letter-spacing:-.05em;font-size:clamp(42px,7vw,72px);line-height:1.04}.hero h1 span{color:var(--accent)}.hero p{max-width:650px;color:var(--muted);margin:24px auto 36px;font-size:18px}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero-visual{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);margin-top:56px;padding:7px;box-shadow:0 0 90px #4d8bf71a}.code-card{color:var(--muted);font-family:var(--font-mono);text-align:left;background:#090909;border-radius:16px;padding:22px 24px;overflow-x:auto}.code-card strong{color:var(--accent)}.section{border-top:1px solid var(--border);max-width:1240px;margin:0 auto;padding:76px 28px}.section-label{color:var(--accent);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;font-size:12px}.section-title{letter-spacing:-.03em;font-size:clamp(28px,4vw,42px)}.features-grid,.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:32px;display:grid}.feature-card,.pricing-card{padding:28px}.feature-icon{border-radius:var(--radius);background:#4d8bf724;place-items:center;width:44px;height:44px;margin-bottom:16px;display:grid}.feature-card p,.pricing-card p{color:var(--muted);margin-top:8px}.price{letter-spacing:-.04em;margin:18px 0;font-size:40px;font-weight:850}.unit-price{min-height:21px;font-family:var(--font-mono);font-size:12px;color:var(--accent)!important}.auth-page{place-items:center;min-height:100vh;padding:40px 18px;display:grid}.auth-card{width:min(460px,100%);padding:34px}.auth-card h1{letter-spacing:-.03em;font-size:30px}.auth-card p{color:var(--muted);margin:8px 0 24px}.auth-form{gap:16px;display:grid}.auth-footer{text-align:center;color:var(--muted);margin-top:18px}.auth-footer a{color:var(--accent);font-weight:800}.auth-lang-top{z-index:12;position:fixed;top:22px;right:24px}.site-footer{border-top:1px solid var(--border);background:#0d0d0db8;padding:34px 28px}.site-footer.compact{border:1px solid var(--border);border-radius:var(--radius-lg);background:#1a1a1a8f;margin-top:32px}.site-footer-inner{grid-template-columns:1.2fr 1fr auto;align-items:center;gap:20px;max-width:1240px;margin:0 auto;display:grid}.site-footer strong{margin-bottom:6px;font-size:16px;display:block}.site-footer p,.footer-copy{color:var(--muted)}.footer-links{color:var(--fg);flex-wrap:wrap;gap:16px;display:flex}.footer-links a:hover{color:var(--accent)}.legal-page{max-width:920px;margin:0 auto;padding:140px 28px 64px}.legal-page h1{letter-spacing:-.04em;margin-bottom:28px;font-size:clamp(34px,5vw,54px);line-height:1.05}.legal-panel h2{margin-top:26px;font-size:18px}.legal-panel h2:first-child{margin-top:0}.legal-panel p{color:var(--muted);margin-top:9px}.legal-panel a{color:var(--accent);font-weight:800}@media (width<=1060px){.metric-grid,.features-grid,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid,.site-footer-inner{grid-template-columns:1fr}}@media (width<=860px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);height:auto;position:static}.main{padding:22px 18px 36px}}@media (width<=640px){.metric-grid,.features-grid,.pricing-grid,.form-grid,.model-check-grid{grid-template-columns:1fr}.landing-links{gap:10px;font-size:12px}.hero{padding-top:124px}.auth-lang-top{top:14px;right:14px}}