:root{font-family:Segoe UI,sans-serif;color:#e8edf2;background:radial-gradient(circle at top left,rgba(68,136,255,.22),transparent 30%),linear-gradient(135deg,#08121f,#0f1d31 45%,#132842);--surface: rgba(9, 18, 31, .82);--surface-soft: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .1);--text-soft: #9fb0c6;--accent: #62d0ff;--accent-2: #ffd166;--success: #54d39f;--danger: #ff7b72}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;padding:32px}.login-panel,.login-form,.sidebar,.topbar,.hero-card,.summary-card,.panel,.table-panel{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:24px;box-shadow:0 20px 50px #00000038}.login-panel,.login-form{padding:36px}.login-highlights{padding-left:18px;color:var(--text-soft)}.login-form{display:grid;gap:18px;align-content:center}.login-form label{display:grid;gap:8px;color:var(--text-soft)}.login-form input,.table-panel select,.filter-panel select,textarea,.table-panel input,.filter-panel input{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:#ffffff0a;color:#fff}select{background:#111827;color:#f8fafc}select:focus{border-color:#62d0ff8c;outline:none;box-shadow:0 0 0 3px #62d0ff2e}select option{background:#111827;color:#f8fafc}select option:checked{background:#2563eb;color:#fff}select option:hover{background:#1f2937;color:#fff}.primary-button,.ghost-button{border:0;padding:12px 18px;border-radius:14px}.primary-button{background:linear-gradient(135deg,var(--accent),#438dff);color:#04111d;font-weight:700}.ghost-button{background:#ffffff0f;color:#fff;border:1px solid var(--border)}.credentials-card,.alert{padding:14px;border-radius:16px;background:#ffffff0d;color:var(--text-soft);display:grid;gap:6px}.alert.error{border:1px solid rgba(255,123,114,.4)}.alert.success{border:1px solid rgba(84,211,159,.4)}.shell{min-height:100vh;display:grid;grid-template-columns:320px 1fr;gap:20px;padding:20px}.sidebar{padding:28px;display:grid;gap:24px;align-content:start}.brand-mark{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--accent-2),#ff8f5a);color:#08121f;font-weight:800;margin-bottom:16px}.sidebar h1,.page-heading h2,.hero-card h2,.login-panel h1,.login-form h2{margin:10px 0}.sidebar p,.page-heading p,.hero-card p,.panel p{color:var(--text-soft)}.sidebar-nav{display:grid;gap:10px;max-height:calc(100vh - 220px);overflow:auto}.nav-item{display:flex;justify-content:space-between;gap:10px;padding:14px 16px;border-radius:16px;color:#e8edf2;text-decoration:none;background:#ffffff08;border:1px solid transparent}.nav-item.active{border-color:#62d0ff4d;background:#62d0ff1f}.content{display:grid;gap:20px;align-content:start}.topbar{padding:18px 24px;display:flex;align-items:center;justify-content:space-between}.topbar-actions,.button-row{display:flex;gap:12px;align-items:center}.role-chip,.badge,.status-dot{padding:6px 10px;border-radius:999px;font-size:.78rem;background:#ffffff14}.page{display:grid;gap:20px}.page-heading,.hero-card{padding:26px;display:flex;justify-content:space-between;gap:20px}.hero-stats{display:flex;gap:18px}.hero-stats div{min-width:120px;padding:16px;border-radius:18px;background:#ffffff0d}.card-grid,.panel-grid{display:grid;gap:18px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.panel-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.summary-card,.panel{padding:22px}.summary-card{min-height:130px;display:grid;align-content:space-between}.summary-card strong{font-size:1.8rem}.compact-card{min-height:auto}.filter-panel{padding:22px}.filter-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end}.pagination-bar{display:flex;gap:12px;align-items:center;justify-content:flex-end}.tone-gold{background:linear-gradient(160deg,rgba(255,209,102,.14),var(--surface))}.tone-blue{background:linear-gradient(160deg,rgba(98,208,255,.14),var(--surface))}.tone-red{background:linear-gradient(160deg,rgba(255,123,114,.14),var(--surface))}.tone-green{background:linear-gradient(160deg,rgba(84,211,159,.14),var(--surface))}.tone-violet{background:linear-gradient(160deg,rgba(167,139,250,.14),var(--surface))}.tone-orange{background:linear-gradient(160deg,rgba(255,143,90,.14),var(--surface))}.table-panel{padding:10px;overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:16px 14px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}td p{color:var(--text-soft);margin:8px 0 0}.badge.active,.status-dot.active,.badge.ok{background:#54d39f2e;color:#9bf3ca}.badge.inactive{background:#ffffff1f}.badge.paused{background:#ffd16633;color:#ffd97d}.badge.maintenance,.badge.warning,.status-dot.maintenance{background:#ff8f5a33;color:#ffb28a}.status-dot.inactive{color:#b4bfd0}.status-dot.paused{color:#ffd97d}.center-state{min-height:100vh;display:grid;place-items:center}@media(max-width:960px){.login-page,.shell{grid-template-columns:1fr}.page-heading,.hero-card,.topbar{flex-direction:column;align-items:flex-start}}