:root { --dax-navy:#172033; --dax-blue:#2563eb; --dax-green:#15936f; --dax-amber:#c78200; --dax-red:#d14343; }
body { background:#f6f8fb; color:var(--dax-navy); }
.brand-mark { display:inline-grid; place-items:center; width:1.55rem; height:1.55rem; border-radius:.45rem; background:var(--dax-blue); color:#fff; font-size:.8rem; }
.eyebrow { font-size:.72rem; letter-spacing:.12em; font-weight:700; color:#64748b; }
.status-badge { border-radius:999px; padding:.45rem .75rem; font-size:.85rem; font-weight:700; }
.status-online { background:#d8f4e8; color:#087353; }.status-warning { background:#fff2ca; color:#8a5900; }.status-offline { background:#fde1e1; color:#a52626; }.status-unknown { background:#e7eaf0; color:#4b5563; }
.metric-card { background:#fff; border:1px solid #e5e9f0; border-radius:.8rem; padding:1rem; min-height:118px; display:flex; flex-direction:column; gap:.2rem; box-shadow:0 .1rem .3rem rgba(15,23,42,.025); }
.metric-card span,.metric-card small { color:#64748b; font-size:.78rem; }.metric-card strong { font-size:1.38rem; letter-spacing:-.04em; }
.application-scroller { display:flex; flex-wrap:nowrap; overflow-x:auto; gap:1rem; padding:0 .2rem 1rem; scroll-snap-type:x mandatory; scrollbar-color:#b6c0d1 transparent; }
.application-scroller:focus { outline:3px solid #93c5fd; outline-offset:3px; }.application-card { flex:0 0 clamp(280px, 29vw, 330px); scroll-snap-align:start; border-color:#e5e9f0; transition:transform .15s ease, box-shadow .15s ease; }.application-card:hover { transform:translateY(-2px); box-shadow:0 .7rem 1.4rem rgba(15,23,42,.09); }
.dot { display:inline-block; width:.7rem; height:.7rem; flex:0 0 auto; border-radius:50%; background:#94a3b8; }.dot-large { width:1rem; height:1rem; }.dot-online { background:var(--dax-green); }.dot-warning { background:var(--dax-amber); }.dot-offline,.dot-critical { background:var(--dax-red); }.dot-info,.dot-unknown { background:#64748b; }
.card-facts { margin:0; display:grid; gap:.65rem; }.card-facts div { display:flex; justify-content:space-between; gap:1rem; }.card-facts dt { color:#64748b; font-size:.78rem; font-weight:400; }.card-facts dd { margin:0; text-align:right; font-size:.78rem; font-weight:600; }
.detail-facts { display:grid; grid-template-columns:minmax(130px,.5fr) 1fr; gap:.65rem 1rem; margin:0; }.detail-facts dt { color:#64748b; font-weight:400; }.detail-facts dd { margin:0; font-weight:600; }.login-card { max-width:420px; }
@media (prefers-reduced-motion: reduce) { .application-card { transition:none; } }

/* Dark neon operations theme */
:root{--dax-navy:#eefaff;--dax-blue:#58d8ff;--dax-green:#79ffab;--dax-amber:#ffad4d;--dax-red:#ff5c7a}body{background:radial-gradient(circle at 80% -10%,#173653,transparent 34%),#080d16;color:var(--dax-navy)}.navbar{background:#0e1521!important;border-color:#26364e!important}.navbar-brand,.text-body{color:#effbff!important}.text-secondary{color:#91a5bd!important}.brand-mark{color:#071019;box-shadow:0 0 18px #58d8ff88}.eyebrow{color:var(--dax-blue)}.metric-card,.card,.list-group-item{background:linear-gradient(145deg,#151f30,#0e1521);border-color:#26364e;color:#effbff}.metric-card{min-height:132px;box-shadow:0 .6rem 1.6rem #0004}.metric-card span,.metric-card small,.card-facts dt,.detail-facts dt{color:#91a5bd}.metric-card strong,.card-facts dd{color:#effbff}.application-scroller{scrollbar-color:#58d8ff #0e1521}.application-card{flex-basis:clamp(300px,29vw,340px);border-color:#26364e;background:linear-gradient(145deg,#151f30,#0c121d)}.application-card:hover{border-color:#58d8ff;box-shadow:0 .7rem 1.6rem #0008}.spark{height:22px;display:flex;align-items:end;gap:2px}.spark i{flex:1;min-height:2px;background:#58d8ff;box-shadow:0 0 7px #58d8ff88}.spark.green i{background:#79ffab;box-shadow:0 0 7px #79ffab88}.cylinder{position:relative;width:28px;height:54px;overflow:hidden;border:2px solid #40516a;border-radius:50%/10%;background:#090e17}.cylinder i{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(90deg,#ff7e33,#ffd06b,#ff7e33);box-shadow:0 0 12px #ffad4d}