:root{--navy:#172554;--blue:#2563eb}.sidebar{width:240px;min-height:100vh;background:var(--navy);color:white}.sidebar a{color:#cbd5e1;display:block;padding:.65rem .4rem;text-decoration:none;border-radius:.35rem}.sidebar a:hover{background:#1e3a8a;color:white}.content{background:#f1f5f9;min-height:100vh}.metric-card{border:0;border-left:4px solid var(--blue)}.status-dot{width:.7rem;height:.7rem;border-radius:50%;display:inline-block}.online{background:#16a34a}.offline{background:#dc2626}.login-bg{min-height:100vh;display:grid;place-items:center;background:linear-gradient(130deg,#172554,#2563eb)}.login-card{width:min(420px,92vw)}@media(max-width:768px){.sidebar{width:65px}.sidebar h4,.sidebar a{font-size:0}.sidebar a:before{font-size:1rem}.content{width:calc(100% - 65px)}}