:root{--bg:#f5f6f8;--bg-2:#eef0f3;--panel:#fff;--panel-2:#fafbfc;--line:#0b0d1014;--text:#0b0d10;--muted:#6b7280;--accent:#ffb400;--accent-hover:#f0a500;--accent-ink:#0b0d10;--accent-dim:#ffb40029;--surface-dark:#282828;--danger:#e5484d;--warn:#d4a017;--ok:#1a9f5c;--radius:12px;--radius-pill:24px;--radius-img:8px;--font:"Golos Text", system-ui, -apple-system, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--shadow:0 8px 32px #0b0d1014, 0 1px 2px #0b0d100a;--shadow-sm:0 2px 8px #0b0d100f;color:var(--text);background:var(--bg);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:linear-gradient(180deg, #fff 0%, var(--bg) 40%, var(--bg-2) 100%);min-height:100vh}a{color:var(--text);font-weight:500;text-decoration:none}a:hover{color:var(--accent-hover)}h1,h2{letter-spacing:-.02em;margin:0 0 .35rem;font-weight:500}p{margin:0 0 1rem}button,input,select{font:inherit}button{cursor:pointer;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-pill);padding:.65rem 1.15rem;transition:background .15s,border-color .15s,transform .1s}button:hover{background:#f0f1f3}button:disabled{opacity:.6;cursor:not-allowed}button.primary,a.primary{color:var(--accent-ink);background:var(--accent);border:1px solid #0000;font-weight:600;box-shadow:0 2px 8px #ffb40059}button.primary:hover:not(:disabled),a.primary:hover{background:var(--accent-hover);color:var(--accent-ink)}button.primary.block,a.primary.block{text-align:center;border-radius:var(--radius-pill);margin-top:1rem;padding:.8rem 1.15rem;display:block}button.ghost{border:1px solid var(--line);background:0 0}button.danger{color:var(--danger);background:#e5484d14;border-color:#0000}input,select{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:12px;outline:none;padding:.75rem .9rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{box-shadow:0 0 0 3px var(--accent-dim);border-color:#ffb400b3}label{color:var(--muted);gap:.4rem;margin-bottom:.9rem;font-size:.9rem;font-weight:500;display:grid}.muted{color:var(--muted)}.tiny{font-size:.75rem}.mono{font-family:var(--mono);font-size:.85rem}.ok{color:var(--ok)}.warn{color:var(--warn)}.auth-page{background:radial-gradient(900px 420px at 50% -10%, #ffb4001f, transparent 55%), linear-gradient(180deg, #fff, var(--bg));place-items:center;min-height:100vh;padding:1.5rem;display:grid}.auth-card{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);width:min(420px,100%);box-shadow:var(--shadow);padding:2rem 1.75rem 1.75rem}.auth-foot{text-align:center;margin:1.1rem 0 0;font-size:.92rem}.auth-foot a{color:var(--text);border-bottom:1px solid #ffb40099}.alert{color:#7a1f24;background:#e5484d1a;border:1px solid #e5484d40;border-radius:10px;margin-bottom:1rem;padding:.75rem .9rem;font-size:.9rem}.alert.info{color:#3a2e00;background:var(--accent-dim);border-color:#ffb40059}.brand{align-items:center;gap:.75rem;display:flex}.brand.center{text-align:center;flex-direction:column;margin-bottom:1.25rem}.brand strong{font-size:1.05rem;font-weight:500;display:block}.brand small{color:var(--muted);font-size:.85rem;font-weight:400}.brand-logo{object-fit:contain;border-radius:var(--radius-img);background:0 0;width:36px;height:36px;display:block}.brand-logo.lg{width:56px;height:56px;margin-bottom:.35rem}.shell{background:var(--bg);grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;gap:1.25rem;padding:1.25rem 1rem;display:flex}.sidebar nav{flex-direction:column;flex:1;gap:.2rem;display:flex}.nav-section{color:var(--muted);letter-spacing:.02em;margin:.85rem .85rem .25rem;font-size:.72rem;font-weight:500}.nav{color:var(--muted);border-radius:10px;padding:.65rem .85rem;font-weight:500}.nav:hover{color:var(--text);background:#0b0d100a}.nav.active{background:var(--accent-dim);color:var(--text);box-shadow:inset 0 0 0 1px #ffb40059}.sidebar-foot{gap:.5rem;display:grid}.main{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;justify-content:space-between;align-items:center;height:64px;padding:0 1.5rem;display:flex}.top-user{align-items:center;gap:.6rem;display:flex}.avatar{background:var(--surface-dark);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:.85rem;font-weight:600;display:grid}.content{padding:1.5rem}.page h1{font-size:1.75rem}.kpi-row{grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.25rem 0;display:grid}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);gap:.25rem;padding:1rem 1.1rem;display:grid}.kpi span{color:var(--muted);font-size:.85rem}.kpi strong{letter-spacing:-.03em;font-size:1.45rem;font-weight:500}.kpi small{color:var(--muted);font-size:.75rem}.kpi-email{word-break:break-all;font-size:1rem!important}.grid-2{grid-template-columns:1.4fr 1fr;gap:1rem;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-sm);padding:1rem 1.1rem}.panel-head{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.panel-head a{color:var(--muted);font-size:.9rem}.panel-head a:hover{color:var(--text)}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.7rem .4rem}th{color:var(--muted);font-size:.8rem;font-weight:500}.dot{background:#c5c9d0;border-radius:50%;width:8px;height:8px;margin-right:.4rem;display:inline-block}.dot.on{background:var(--ok);box-shadow:0 0 8px #1a9f5c73}.dot.off{background:#9aa0a8}.badge{background:#0b0d100f;border-radius:999px;align-items:center;padding:.15rem .5rem;font-size:.75rem;display:inline-flex}.badge.ok{color:var(--ok);background:#1a9f5c1f}.badge.bad{color:var(--danger);background:#e5484d1f}.badge.warn{color:#8a6a00;background:var(--accent-dim)}.server-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.server-list li{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:10px;justify-content:space-between;align-items:center;padding:.75rem .9rem;display:flex}.right{justify-items:end;gap:.2rem;display:grid}.inline-form{flex-wrap:wrap;gap:.65rem;margin-bottom:1rem;display:flex}.inline-form input,.inline-form select{flex:1;width:auto;min-width:140px}.plans{grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem;display:grid}.plan{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.1rem}.plan.current{box-shadow:0 0 0 1px #ffb40040, var(--shadow-sm);border-color:#ffb400a6}.plan .price{margin-top:.5rem;font-size:1.6rem;font-weight:500}.plan ul{color:var(--muted);margin:.75rem 0 1rem;padding-left:1.1rem}.conf{font-family:var(--mono);background:#f3f4f6;border-radius:10px;max-height:280px;padding:.9rem;font-size:.78rem;overflow:auto}.simple-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.simple-list li{border-bottom:1px solid var(--line);justify-content:space-between;padding:.45rem 0;display:flex}@media (width<=1100px){.kpi-row,.plans{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media (width<=800px){.shell{grid-template-columns:1fr}.sidebar{z-index:5;position:sticky;top:0}.plans{grid-template-columns:1fr}}