:root { --sidebar-w: 280px; --bg:#0f172a; --panel:#111827; --card:#182235; --muted:#94a3b8; --border:rgba(148,163,184,.18); }
body { background: linear-gradient(135deg,#0b1020,#111827 55%,#0b1220); min-height:100vh; }
.app-shell { display:flex; min-height:100vh; }
.sidebar { width:var(--sidebar-w); position:fixed; inset:0 auto 0 0; background:#080f1f; border-right:1px solid var(--border); padding:22px; z-index:1000; }
.brand { display:flex; gap:12px; align-items:center; margin-bottom:28px; }
.brand-mark { width:42px; height:42px; border-radius:14px; background:linear-gradient(135deg,#2563eb,#22c55e); display:grid; place-items:center; font-weight:800; }
.brand small { display:block; color:var(--muted); font-size:12px; }
.sidebar .nav-link { color:#cbd5e1; border-radius:12px; padding:11px 14px; font-weight:600; }
.sidebar .nav-link:hover, .sidebar .nav-link.active { background:#172136; color:#fff; }
.app-main { margin-left:var(--sidebar-w); width:calc(100% - var(--sidebar-w)); min-height:100vh; }
.topbar { height:76px; display:flex; align-items:center; gap:16px; padding:0 30px; border-bottom:1px solid var(--border); background:rgba(15,23,42,.72); backdrop-filter: blur(14px); position:sticky; top:0; z-index:900; }
.content-wrap { max-width:1240px; margin:0 auto; padding:30px; }
.card { background:rgba(24,34,53,.88); border:1px solid var(--border); border-radius:18px; box-shadow:0 18px 40px rgba(0,0,0,.18); }
.card-header { background:transparent; border-bottom:1px solid var(--border); padding:18px 20px; }
.card-body { padding:20px; }
.stat-card { min-height:140px; }
.status-dot { width:10px; height:10px; border-radius:50%; display:inline-block; margin-right:8px; }
.dot-success{background:#22c55e}.dot-warning{background:#f59e0b}.dot-error{background:#ef4444}
.form-control, .form-select { border-radius:12px; border-color:var(--border); background:#0f172a; color:#e5e7eb; }
.form-text { color:#94a3b8; }
.table { --bs-table-bg: transparent; --bs-table-color:#e5e7eb; --bs-table-border-color:var(--border); }
.install-shell { min-height:100vh; display:grid; place-items:center; padding:30px; }
.install-card { width:min(960px,100%); }
.step-pill { border:1px solid var(--border); border-radius:999px; padding:8px 12px; color:#cbd5e1; }
.step-pill.active { background:#2563eb; color:white; }
@media (max-width: 991px){ .sidebar{transform:translateX(-100%); transition:.2s}.sidebar.open{transform:none}.app-main{margin-left:0;width:100%}.content-wrap{padding:20px}.topbar{padding:0 18px} }