@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:dark;--bg: #0b1116;--surface: rgba(17, 25, 33, .84);--surface-strong: #121b23;--border: rgba(255, 255, 255, .08);--text: #f4f7fb;--muted: #a3b0bd;--accent: #6ee7b7;--accent-2: #f7b267;--danger: #ff6b6b;--shadow: 0 24px 80px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Space Grotesk,sans-serif;background:radial-gradient(circle at top left,rgba(110,231,183,.14),transparent 28%),radial-gradient(circle at top right,rgba(247,178,103,.14),transparent 22%),linear-gradient(180deg,#091016,#0b1116 48%,#0f161d);color:var(--text)}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{min-height:100vh;padding:24px}.topbar,.dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand,.ghost,.primary{border:1px solid var(--border);border-radius:999px;padding:12px 18px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.brand{background:linear-gradient(135deg,#6ee7b72e,#f7b2671f);color:var(--text);font-weight:700}.brand:hover,.ghost:hover,.primary:hover{transform:translateY(-1px)}.ghost,.primary{background:var(--surface);color:var(--text)}.primary{background:linear-gradient(135deg,#6ee7b7,#4fd1c5);color:#081116;font-weight:700}.page{display:grid;gap:28px;max-width:1240px;margin:0 auto}.page-home,.page-dashboard{padding:24px 0 36px}.hero,.auth-card,.server-panel,.projects-section,.empty-state{background:var(--surface);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero{padding:28px;max-width:760px}.hero h1,.dashboard-top h1,.auth-card h1{margin:10px 0 14px;font-size:clamp(2.4rem,5vw,4.7rem);line-height:.95;letter-spacing:-.05em}.hero p,.dashboard-top p,.auth-card p,.projects-section p,.project-card p,.project-row p{color:var(--muted);margin:0}.eyebrow{color:var(--accent);font-size:.75rem;text-transform:uppercase;letter-spacing:.22em}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.project-card{display:grid;gap:12px;min-height:170px;padding:20px;border-radius:24px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff0f,#ffffff08)}.project-card:hover{border-color:#6ee7b75c;transform:translateY(-2px)}.project-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#6ee7b724}.project-link{color:var(--accent);font-weight:700}.page-auth{min-height:100vh;place-items:center;align-content:center}.auth-card{max-width:460px;padding:30px}.auth-form{display:grid;gap:16px;margin-top:24px}.auth-form label{display:grid;gap:8px;color:var(--muted)}.auth-form input{padding:14px 16px;border-radius:16px;border:1px solid var(--border);background:#ffffff0a;color:var(--text)}.error{color:var(--danger)}.server-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.server-panel{padding:22px}.server-panel.alert{border-color:#ff6b6b7a}.server-panel-head,.metric-bar-head,.metric-inline,.project-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.gauge{display:grid;justify-items:center;gap:8px}.gauge-ring{width:108px;height:108px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) var(--gauge-value),rgba(255,255,255,.08) 0);position:relative}.gauge-ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--surface-strong)}.gauge-ring strong{position:relative;z-index:1}.metric-bar{display:grid;gap:10px}.metric-bar-track{height:10px;border-radius:999px;overflow:hidden;background:#ffffff14}.metric-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#8be9c7)}.metric-bar-track.warm .metric-bar-fill{background:linear-gradient(90deg,var(--accent-2),#ff8e72)}.metric-inline{padding-top:8px;border-top:1px solid var(--border);color:var(--muted)}.metric-inline strong,.project-row strong,.metric-bar-head strong{color:var(--text)}.status{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:.84rem;font-weight:700}.status.ok{background:#6ee7b724;color:#89f0cc}.status.danger{background:#ff6b6b24;color:#ff8e8e}.projects-section{padding:22px}.projects-list{display:grid;gap:12px;margin-top:18px}.project-row{padding:14px 16px;border-radius:18px;background:#ffffff08}.empty-state{padding:40px;text-align:center;color:var(--muted)}@media(max-width:720px){.app-shell{padding:16px}.topbar,.dashboard-top,.server-panel-head,.metric-inline,.project-row{align-items:flex-start;flex-direction:column}.server-grid{grid-template-columns:1fr}}