:root{--bg:#0a0e1a;--bg2:#0f1530;--card:#141b35;--card2:#1a2344;--line:#243156;--txt:#e8ecf8;--muted:#8c97bd;--accent:#4f7cff;--accent2:#7c5cff;--green:#2fd27a;--red:#ff5c6c;--amber:#ffb547}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:radial-gradient(1200px 800px at 80% -10%,#1a2350 0,transparent 60%),radial-gradient(900px 600px at -10% 110%,#20183f 0,transparent 55%),var(--bg);color:var(--txt);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.wrap{max-width:1100px;margin:0 auto;padding:24px 18px 64px}.topbar{justify-content:space-between;gap:16px;padding:14px 0 26px}.brand,.topbar{display:flex;align-items:center}.brand{gap:12px}.logo{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;font-weight:800;font-size:20px;box-shadow:0 8px 24px rgba(79,124,255,.35)}.brand h1{font-size:17px;margin:0;letter-spacing:.2px}.brand p{margin:2px 0 0;font-size:12px;color:var(--muted)}.btn{border:1px solid var(--line);background:var(--card2);color:var(--txt);padding:9px 14px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:.15s;display:inline-flex;align-items:center;gap:7px}.btn:hover{border-color:var(--accent);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));border:none}.btn-ghost{background:transparent}.btn-green{border-color:rgba(47,210,122,.4)}.btn-green:hover{border-color:var(--green)}.btn-red{border-color:rgba(255,92,108,.4)}.btn-red:hover{border-color:var(--red)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));grid-gap:16px;gap:16px}.card{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 12px 30px rgba(0,0,0,.25)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.vm-name{font-size:16px;font-weight:700;margin:0}.vm-id{font-size:12px;color:var(--muted);margin:3px 0 0}.badge{font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.4px}.badge.RUNNING{background:rgba(47,210,122,.16);color:var(--green)}.badge.STOPPED{background:rgba(140,151,189,.16);color:var(--muted)}.badge.CREATING{background:rgba(255,181,71,.16);color:var(--amber)}.badge.ERROR{background:rgba(255,92,108,.16);color:var(--red)}.specs{display:flex;gap:14px;margin:14px 0;flex-wrap:wrap}.spec{font-size:12px;color:var(--muted)}.spec b{color:var(--txt);font-weight:700}.owner{font-size:12px;color:var(--muted);margin:0 0 12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.login{max-width:420px;margin:10vh auto 0;text-align:center}.login .logo{width:64px;height:64px;margin:0 auto 18px;font-size:30px;border-radius:18px}.login h1{font-size:22px;margin:0 0 6px}.login p{margin:0 0 22px}.empty,.login p{color:var(--muted);font-size:14px}.empty{text-align:center;padding:48px 0}.note{background:rgba(255,181,71,.1);border:1px solid rgba(255,181,71,.3);color:var(--amber);padding:12px 14px;border-radius:12px;font-size:13px;margin-bottom:18px}.msg{font-size:12px;margin:10px 0 0;min-height:16px}.msg.ok{color:var(--green)}.msg.err{color:var(--red)}