:root{--bg: #070d1a;--side: #08101f;--panel: #0d1628;--panel2: #101b31;--line: #1a2740;--text: #e6ecf7;--muted: #8b97ad;--blue: #1677ff;--green: #22c55e;--red: #ef4444;--amber: #f59e0b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg)}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}input{font:inherit;color:var(--text)}.v3-muted{color:var(--muted)}.v3-green{color:var(--green)}.v3-red{color:var(--red)}.v3-error{color:var(--red);margin:8px 0}.v3-loading{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.v3-brand{display:flex;gap:12px;align-items:center}.v3-brand-title{font-weight:700;letter-spacing:.04em;font-size:18px}.v3-brand-sub{font-size:11px;letter-spacing:.18em;color:var(--muted)}.v3-brand-title.big{font-size:34px}.v3-brand-sub.big{font-size:17px;letter-spacing:.14em}.v3-login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;padding:0 56px;background:radial-gradient(circle at 18% 45%,rgba(22,119,255,.22),transparent 38%),radial-gradient(circle at 85% 30%,rgba(22,119,255,.1),transparent 35%),var(--bg)}.v3-login-top{grid-column:1 / 3;padding:28px 0}.v3-login-hero{align-self:end;padding-bottom:80px}.v3-login-tagline{font-size:30px;letter-spacing:.22em;line-height:1.4;color:#c8d3e6}.v3-login-words{margin-top:18px;letter-spacing:.18em;color:var(--muted);font-size:14px}.v3-login-note{margin-top:48px;color:var(--muted);font-size:14px;line-height:1.5}.v3-login-card{align-self:center;justify-self:center;width:min(560px,100%);padding:44px;border:1px solid #22314d;border-radius:18px;background:#0d1628db;display:grid;gap:16px}.v3-login-card-brand{display:flex;gap:16px;align-items:center;justify-content:center;margin-bottom:8px}.v3-login-card h1{margin:8px 0 0;text-align:center;font-size:26px;font-weight:600}.v3-login-card>p{margin:0 0 8px;text-align:center}.v3-field{display:grid;gap:8px}.v3-field>span{display:flex;gap:8px;align-items:center}.v3-field input,.v3-password{width:100%;padding:14px 16px;border-radius:10px;border:1px solid #22314d;background:#0a1324}.v3-password{display:flex;padding:0}.v3-password input{border:none;background:transparent;padding:14px 16px;flex:1;outline:none}.v3-password button{background:none;border:none;padding:0 14px;color:var(--muted)}.v3-primary{display:flex;gap:10px;align-items:center;justify-content:center;padding:16px;border:none;border-radius:10px;background:var(--blue);color:#fff;font-size:17px;font-weight:600}.v3-login-foot{border-top:1px solid var(--line);padding-top:18px;text-align:center;color:var(--muted);font-size:14px}.v3-login-bottom{grid-column:1 / 3;display:flex;justify-content:space-between;padding:22px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.v3-app{display:grid;grid-template-columns:236px 1fr;grid-template-rows:58px 1fr 34px;min-height:100vh}.v3-side{grid-row:1 / 4;background:var(--side);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:14px 0 0;position:sticky;top:0;height:100vh}.v3-side .v3-brand{padding:0 18px 18px}.v3-menu{display:grid;gap:4px;padding:0 10px}.v3-menu-item{display:flex;gap:12px;align-items:center;padding:11px 14px;border:none;border-radius:10px;background:none;color:#c3cde0;text-align:left;font-size:15px}.v3-menu-item.active{background:linear-gradient(90deg,#1677ffd9,#1677ff8c);color:#fff}.v3-user{margin-top:auto;display:flex;gap:12px;align-items:center;padding:14px 16px;border-top:1px solid var(--line)}.v3-avatar{width:36px;height:36px;border-radius:9px;background:var(--blue);display:grid;place-items:center;font-weight:700}.v3-user-name{display:grid;font-size:14px;flex:1;min-width:0}.v3-user-name span{font-size:12px}.v3-icon{background:none;border:1px solid var(--line);border-radius:8px;padding:6px;display:grid;place-items:center}.v3-top{display:flex;gap:10px;align-items:center;padding:0 20px;border-bottom:1px solid var(--line);background:var(--side)}.v3-chip{display:inline-flex;gap:8px;align-items:center;padding:7px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel);font-size:13px}.v3-grow{flex:1}.v3-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.v3-dot.green{background:var(--green)}.v3-dot.red{background:var(--red)}.v3-dot.blue{background:var(--blue)}.v3-main{min-width:0;overflow:auto}.v3-status{display:flex;gap:24px;align-items:center;padding:0 20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.v3-page{padding:22px 24px}.v3-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.v3-page-head h1{margin:0;font-size:30px;font-weight:600}.v3-page-head p{margin:6px 0 0}.v3-button{display:inline-flex;gap:8px;align-items:center;padding:9px 16px;border-radius:9px;border:1px solid #22314d;background:var(--panel)}.v3-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}.v3-kpi{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);display:grid;gap:8px}.v3-kpi span{color:var(--muted);font-size:13px}.v3-kpi b{font-size:24px;font-weight:600}.v3-card{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--panel);line-height:1.55}.v3-split{display:grid;grid-template-columns:1fr 440px;gap:16px;align-items:start}.v3-table{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}.v3-table th,.v3-table td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}.v3-table th{color:var(--muted);font-weight:500;font-size:13px}.v3-table .r{text-align:right;font-variant-numeric:tabular-nums}.v3-table tbody tr{cursor:pointer}.v3-table tbody tr:hover,.v3-table tr.selected{background:var(--panel2)}.v3-table.compact th,.v3-table.compact td{padding:9px 10px}.v3-pill{display:inline-flex;gap:6px;align-items:center;padding:4px 10px;border-radius:8px;font-size:13px;background:#ffffff0a}.v3-pill:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.v3-pill.green{color:var(--green)}.v3-pill.amber{color:var(--amber)}.v3-pill.grey{color:var(--muted)}.v3-toggle{display:inline-block;width:40px;height:22px;border-radius:11px;background:#2a3550;position:relative}.v3-toggle:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#c9d2e3}.v3-panel{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:16px;display:grid;gap:12px}.v3-panel-head{display:flex;gap:10px;align-items:center}.v3-panel-head h2{margin:0;font-size:20px;flex:1}.v3-tabs{display:flex;gap:6px}.v3-tabs button{padding:8px 14px;border-radius:8px;border:1px solid var(--line);background:none}.v3-tabs button.active{background:var(--blue);border-color:var(--blue);color:#fff}@media(max-width:900px){.v3-login{grid-template-columns:1fr;padding:0 16px}.v3-login-hero{display:none}.v3-login-top,.v3-login-bottom{grid-column:1}.v3-app{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto}.v3-side{grid-row:auto;height:auto;position:static}.v3-split{grid-template-columns:1fr}}.v3-settings{display:grid;grid-template-columns:1fr 360px;gap:16px;align-items:start}.v3-settings-groups{display:grid;gap:16px}.v3-settings-group h2,.v3-settings-side h2{margin:0 0 12px;font-size:17px;display:flex;gap:8px;align-items:center}.v3-table.flat{border:none;background:transparent}.v3-table.flat tbody tr{cursor:default}.v3-table.flat tbody tr:hover{background:none}.v3-note{color:var(--muted);font-size:12px;margin-top:3px}.v3-source{font-size:12px;padding:3px 9px;border-radius:7px;white-space:nowrap}.v3-source.code{color:#f5b041;background:#f59e0b1f}.v3-source.config{color:var(--green);background:#22c55e1f}.v3-source.default{color:var(--muted);background:#ffffff0d}@media(max-width:1100px){.v3-settings{grid-template-columns:1fr}}.v3-amber{color:var(--amber)}.v3-tabs.big{margin-bottom:14px}.v3-tabs.big button{padding:9px 16px}.v3-filters{display:flex;gap:18px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.v3-filters label{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:14px}.v3-filters input,.v3-filters select{width:110px;padding:7px 9px;border-radius:8px;border:1px solid #22314d;background:var(--panel);color:var(--text);font:inherit}
