:root{--bg:#f4f6f8;--panel:#ffffff;--border:#e2e8ee;--text:#1f2933;--muted:#7b8794;--accent:#2b9cd8;--ok:#27ae60;--warn:#f39c12;--bad:#e74c3c}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--border);background:var(--panel)}.topbar .brand{font-weight:700;letter-spacing:.3px}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px}.login-wrap{min-height:100vh;display:grid;place-items:center;background:var(--bg)}.login-card{width:360px;box-shadow:0 1px 3px rgba(16,42,67,.08)}label{display:block;font-size:13px;color:var(--muted);margin:12px 0 4px}input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:#fff;color:var(--text)}button{margin-top:16px;width:100%;padding:10px 14px;border:0;border-radius:8px;background:var(--accent);color:white;font-weight:600;cursor:pointer}button.secondary{background:transparent;border:1px solid var(--border);color:var(--text);width:auto;margin:0;padding:6px 12px}.error{color:var(--bad);font-size:13px;margin-top:10px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);font-size:14px}th{color:var(--muted)}.badge,th{font-weight:600}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px}.badge.MANAGED{background:rgba(39,174,96,.15);color:var(--ok)}.badge.SUSPENDED{background:rgba(231,76,60,.15);color:var(--bad)}.badge.PAUSED,.badge.STAGED{background:rgba(243,156,18,.15);color:var(--warn)}.muted{color:var(--muted)}.row-between{display:flex;align-items:center;justify-content:space-between}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{to{transform:translateX(100%)}}.skeleton{position:relative;overflow:hidden;background:#e9eef2;border-radius:10px}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:shimmer 1.25s infinite}