:root{color:#172026;background:#f6f8fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}button,input,textarea{font:inherit}button{border:0;border-radius:6px;background:#1769aa;color:#fff;cursor:pointer;padding:.7rem .9rem}button.secondary{background:#59636e}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}aside{background:#10212f;color:#fff;display:flex;flex-direction:column;padding:1.2rem}aside h1{font-size:1.2rem;margin:0 0 1.4rem}nav{display:grid;gap:.45rem}nav button,.user button{align-items:center;background:transparent;display:flex;gap:.55rem;justify-content:flex-start}nav button.active,nav button:hover,.user button:hover{background:#ffffff1f}.user{display:grid;gap:.75rem;margin-top:auto}main{padding:2rem}.login,.center{align-items:center;display:flex;justify-content:center;min-height:100vh}header h2{margin-top:0}.metrics,.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.metrics article,.card,.panel{background:#fff;border:1px solid #d9e0e7;border-radius:8px;padding:1rem}.metrics strong{display:block;font-size:2rem;margin-top:.35rem}.panel{margin-top:1rem}.row{align-items:center;border-bottom:1px solid #edf1f4;display:flex;gap:1rem;justify-content:space-between;padding:.7rem 0}.row:last-child{border-bottom:0}.card-title{align-items:center;display:flex;gap:1rem;justify-content:space-between}.card-title h3{margin:0}dl{display:grid;grid-template-columns:110px 1fr;gap:.5rem}dt,.muted,.empty{color:#59636e}dd{margin:0}.badge{border-radius:999px;padding:.25rem .55rem;text-transform:capitalize}.badge.online,.badge.approved{background:#dff5e7;color:#116329}.badge.offline,.badge.denied{background:#ffe3e3;color:#a11d1d}.badge.pending{background:#fff2cf;color:#7a4d00}.form{display:grid;gap:.75rem;margin-bottom:1rem}input,textarea{border:1px solid #cfd8df;border-radius:6px;padding:.7rem}textarea{min-height:90px}.stack{display:grid;gap:1rem}.actions{display:flex;gap:.75rem}.audit{display:grid;grid-template-columns:1fr 1fr 220px}@media(max-width:760px){.app{grid-template-columns:1fr}aside{min-height:auto}main{padding:1rem}}