:root{--bg:#071017;--panel:#0d1822;--panel2:#111f2b;--line:#223442;--text:#e7f0f4;--muted:#8295a3;--cyan:#29d3c2;--blue:#3b82f6;--yellow:#eab308;--orange:#f97316;--red:#ef4444;--green:#22c55e}.sentinel-body,.auth-body{background:radial-gradient(circle at 90% 0,#102b34 0,transparent 32%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}.app-shell{display:flex;min-height:100vh}.sidebar{background:#071018;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:26px 18px;position:fixed;inset:0 auto 0 0;width:230px;z-index:20}.brand{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:800;gap:12px;letter-spacing:.12em;text-decoration:none}.brand small{color:var(--cyan);display:block;font-size:10px;letter-spacing:.25em}.brand-mark{align-items:center;background:linear-gradient(135deg,var(--cyan),#167e91);border-radius:9px;box-shadow:0 0 24px #29d3c233;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.sidebar nav{display:grid;gap:5px;margin-top:42px}.sidebar .nav-link{border-radius:7px;color:#92a6b4;padding:10px 13px}.sidebar .nav-link:hover,.sidebar .nav-link.active{background:#10232d;color:#dffdfa}.sidebar .nav-link.active{border-left:3px solid var(--cyan)}.logout{margin-top:auto}.main{margin-left:230px;min-width:0;width:100%}.topbar{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:23px 34px}.topbar h1{font-size:24px;margin:0}.eyebrow{color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:.18em}.operator{color:var(--muted);font-size:13px}.content{padding:30px 34px}.metric-grid{display:grid;gap:14px;grid-template-columns:repeat(6,1fr)}.metric,.panel,.connection-card,.site-hero{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px #0002}.metric{border-top:3px solid var(--blue);padding:18px}.metric span{color:var(--muted);display:block;font-size:12px}.metric strong{display:block;font-size:30px;margin-top:6px}.status-healthy{border-color:var(--green)!important}.status-warning{border-color:var(--yellow)!important}.status-high{border-color:var(--orange)!important}.status-critical,.status-offline{border-color:var(--red)!important}.panel{padding:22px}.panel h2,.connection-card h2{font-size:17px}.panel-heading{align-items:center;display:flex;justify-content:space-between}.panel-heading a,a{color:var(--cyan)}.hero-number{font-size:42px;line-height:1.2;margin:15px 0}.sentinel-table{--bs-table-bg:transparent;--bs-table-color:var(--text);--bs-table-border-color:var(--line);margin:15px 0 0}.sentinel-table th{color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.sentinel-table td{vertical-align:middle}.sentinel-table small{color:var(--muted);display:block}.badge{border:1px solid;border-radius:20px;font-size:10px;letter-spacing:.06em;padding:6px 9px}.badge-healthy,.badge-info{background:#22c55e16;border-color:var(--green);color:#74e39b}.badge-warning{background:#eab30815;border-color:var(--yellow);color:#ffe36b}.badge-high{background:#f9731615;border-color:var(--orange);color:#ffad70}.badge-critical,.badge-offline{background:#ef444418;border-color:var(--red);color:#ff8585}.form-control,.form-select{background:#08131c;border-color:#2a3d4a;color:var(--text)}.form-control:focus,.form-select:focus{background:#0b1822;border-color:var(--cyan);box-shadow:0 0 0 .2rem #29d3c21c;color:#fff}.form-control::placeholder{color:#60717d}.btn-sentinel{background:var(--cyan);border-color:var(--cyan);color:#03211f;font-weight:700}.btn-sentinel:hover{background:#6be8dc;border-color:#6be8dc;color:#03211f}.filter-grid{display:grid;gap:10px;grid-template-columns:1.2fr 1fr 1.2fr 1fr 1fr auto;margin-bottom:20px}.detail-grid{display:grid;grid-template-columns:170px 1fr;margin-top:20px}.detail-grid dt,.detail-grid dd{border-bottom:1px solid var(--line);margin:0;padding:10px 0}.detail-grid dt{color:var(--muted)}code{color:#7ee7dc}.site-hero{align-items:center;border-left:4px solid;display:flex;justify-content:space-between;margin-bottom:24px;padding:22px}.site-hero h2{margin:5px 0}.connection-card{align-items:center;display:flex;justify-content:space-between;padding:18px}.form-panel{max-width:720px}.credential-panel{border-color:var(--yellow);max-width:780px}.empty{color:var(--muted)!important;text-align:center}.auth-body{align-items:center;display:flex;justify-content:center;padding:24px}.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 25px 60px #0007;max-width:430px;padding:34px;width:100%}.menu-toggle{background:none;border:0;color:#fff;display:none;font-size:24px;margin-right:10px}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(3,1fr)}.filter-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:780px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.menu-toggle{display:block}.topbar,.content{padding:20px}.operator{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.filter-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.detail-grid dt{border-bottom:0;padding-bottom:0}}