:root{font-family:system-ui;color:#e8eef7;background:#0b1220}body{margin:0}.nav{display:flex;gap:18px;align-items:center;padding:14px 24px;background:#111c30}.nav a{color:#dbeafe;text-decoration:none}.nav .grow{flex:1}.wrap{max-width:1200px;margin:28px auto;padding:0 20px}.card{background:#121d31;border:1px solid #273654;border-radius:12px;padding:18px;margin-bottom:18px;overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #273654;text-align:left}input,select,button{padding:10px;border-radius:7px;border:1px solid #425577;background:#0e1728;color:white;margin:3px}button{cursor:pointer;background:#2563eb}.error{color:#fca5a5}.ok{color:#86efac}.login{max-width:380px;margin:12vh auto}.login input{width:92%}a{color:#93c5fd}
.dashboard-wrap{max-width:none;margin:0;padding:0 20px 20px}.dashboard-page{width:100%}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0}.dashboard-heading h1{margin:0 0 5px}.dashboard-heading p{margin:0;color:#a9b7cc}.button-link{display:inline-block;padding:10px 14px;border-radius:7px;background:#2563eb;color:white;text-decoration:none;white-space:nowrap}.grafana-frame{display:block;width:100%;height:calc(100vh - 155px);min-height:650px;border:1px solid #273654;border-radius:12px;background:#0b1220}@media(max-width:700px){.nav{flex-wrap:wrap;padding:12px}.dashboard-wrap{padding:0 10px 10px}.dashboard-heading{align-items:flex-start;flex-direction:column}.grafana-frame{height:calc(100vh - 215px);min-height:520px}}