@import url("https://fonts.googleapis.com/css2?family=Syne:wght@500;600;700&family=Manrope:wght@400;500;600&display=swap");:root{--bg-0:#0a0b10;--bg-1:#0f1218;--panel:#121826;--panel-2:#141b2b;--text:#e8eef8;--muted:#9ba7b8;--brand:#f6b84c;--brand-2:#f07568;--accent:#54c5ff;--border:hsla(0,0%,100%,.08);--shadow:0 16px 40px rgba(0,0,0,.4);--success:#6ce38a;--danger:#ff6b6b}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;color:var(--text);background:radial-gradient(1200px 700px at 20% -10%,#1d2031 0,transparent 60%),radial-gradient(900px 500px at 90% 10%,#272133 0,transparent 55%),linear-gradient(180deg,var(--bg-0) 0,var(--bg-1) 100%);font-family:Manrope,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:26px 22px;background:linear-gradient(180deg,rgba(19,24,40,.96),rgba(12,16,24,.98));border-right:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;font-family:Syne,sans-serif;font-weight:600;letter-spacing:.4px;margin-bottom:26px}.brand-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--brand) 0,var(--brand-2) 100%);box-shadow:0 8px 20px rgba(246,184,76,.35)}.nav-section{margin-top:18px}.nav-title{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:8px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--text);transition:background .2s ease}.nav-item.active,.nav-item:hover{background:hsla(0,0%,100%,.06)}.main{padding:26px 34px 60px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.title{font-family:Syne,sans-serif;font-size:28px;margin:0}.subtle{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:18px;gap:18px}.card{background:linear-gradient(180deg,rgba(20,26,40,.96),rgba(12,16,24,.98));border:1px solid var(--border);border-radius:16px;padding:16px 18px;box-shadow:var(--shadow)}.card h3{font-family:Syne,sans-serif;font-size:16px;margin:0 0 6px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;background:rgba(246,184,76,.15);color:var(--brand)}.kpi{font-size:26px;font-weight:600;margin:8px 0 2px}.list{display:grid;grid-gap:12px;gap:12px;margin-top:10px}.list-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:12px;background:hsla(0,0%,100%,.04)}.pill{padding:4px 10px;background:hsla(0,0%,100%,.08);color:var(--muted)}.chip,.pill{border-radius:999px;font-size:12px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:rgba(84,197,255,.12);color:var(--accent)}.chip.success{background:rgba(108,227,138,.14);color:var(--success)}.chip.danger{background:hsla(0,100%,71%,.14);color:var(--danger)}.button{padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:hsla(0,0%,100%,.06);color:var(--text);cursor:pointer}.button.primary{background:linear-gradient(135deg,rgba(246,184,76,.95),hsla(6,82%,67%,.95));color:#0a0b10;border:none}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.input,.select{background:hsla(0,0%,100%,.04);border:1px solid var(--border);border-radius:12px;padding:10px 12px;color:var(--text)}.select,.select-pill{color-scheme:dark;background-color:#0f1218}.select option{background-color:#0f1218;color:var(--text)}.select-wrap{position:relative;display:flex;align-items:center}.select-wrap .select{width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:36px}.select-pill{border-radius:999px;background:linear-gradient(145deg,rgba(20,26,34,.9),rgba(10,12,18,.9));border:1px solid hsla(0,0%,100%,.12);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 10px 18px rgba(0,0,0,.25);font-weight:600}.select-pill:focus{outline:none;border-color:rgba(122,166,255,.85);box-shadow:0 0 0 3px rgba(122,166,255,.18)}.select-caret{position:absolute;right:14px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid hsla(0,0%,100%,.65);pointer-events:none}.table{width:100%;border-collapse:collapse;margin-top:8px}.table td,.table th{text-align:left;padding:12px 10px;border-bottom:1px solid var(--border);font-size:14px}.table th{color:var(--muted);font-weight:600}.server-catalog{margin-top:12px}.server-card,.server-catalog{display:grid;grid-gap:14px;gap:14px}.server-card{position:relative;padding:14px 16px;border-radius:16px;border:1px solid hsla(0,0%,100%,.08);background:radial-gradient(600px 200px at 20% -20%,rgba(84,197,255,.12),transparent 60%),linear-gradient(180deg,rgba(20,26,40,.95),rgba(12,16,24,.95));box-shadow:0 12px 26px rgba(0,0,0,.35);overflow:hidden}.server-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--accent),rgba(246,184,76,.6))}.server-card__top{display:flex;justify-content:space-between;gap:16px}.server-card__title{display:flex;align-items:center;gap:10px;font-size:16px}.server-card__provider{padding:4px 8px;border-radius:10px;font-size:11px;letter-spacing:.8px;color:var(--text);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12)}.price-main{font-size:18px;font-weight:700}.price-subtle{color:var(--muted);font-size:12px}.server-card__meta{align-items:center}.server-card__actions,.server-card__meta,.server-card__specs{display:flex;flex-wrap:wrap;gap:8px}@media (max-width:1100px){.server-card__top{flex-direction:column;align-items:flex-start}.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:none;border-bottom:1px solid var(--border)}}@media (max-width:720px){.main{padding:18px}.grid{grid-template-columns:repeat(6,1fr)}}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:32px}.auth-card{width:min(420px,100%);background:linear-gradient(180deg,rgba(20,26,40,.96),rgba(12,16,24,.98));border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:var(--shadow)}.auth-title{font-family:Syne,sans-serif;font-size:24px;margin:0 0 6px}.auth-field{display:grid;grid-gap:6px;gap:6px;margin-top:14px}.auth-field input{background:hsla(0,0%,100%,.06);border:1px solid var(--border);border-radius:12px;padding:10px 12px;color:var(--text)}.auth-actions{display:grid;grid-gap:10px;gap:10px;margin-top:18px}.form-grid{display:grid;grid-gap:12px;gap:12px}.field{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:13px}