:root{font-family:Inter,system-ui,sans-serif;color:#e9eef5;background:#07111f;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 0,#2a2018 0,#0a1524 28%,#06101d 70%);min-height:100vh}button,input,select,textarea{font:inherit}button{border:1px solid #26364a;background:#111d2c;color:#edf3fb;border-radius:10px;padding:.7rem 1rem;cursor:pointer}button:hover{border-color:#d7a947}.primary{background:#dda83b;color:#111827;border-color:#dda83b;font-weight:700}.danger{color:#ff8a8a}.error,.bad{color:#ff8585}.ok{color:#55d76a}.okbg{background:#164b2a!important}.login-wrap{min-height:100vh;display:grid;place-items:center}.login-card{width:min(430px,92vw);padding:2.2rem;border:1px solid #26364a;border-radius:22px;background:#0c1726dd;box-shadow:0 30px 80px #0008}.login-card h1{margin-top:2rem}.login-card label,.formgrid>label{display:grid;gap:.5rem;margin:1rem 0}.login-card input,input,select,textarea{width:100%;padding:.82rem;border-radius:10px;border:1px solid #2a3a50;background:#07111f;color:white}.login-card button{width:100%;margin-top:1rem}.brand{font-size:1.25rem;color:#efb64d}.brand small{display:block;color:#aab6c6;font-size:.75rem;margin:.4rem 0 0 2rem}.brand.big{font-size:1.45rem}aside{position:fixed;inset:0 auto 0 0;width:250px;padding:1.7rem 1rem;background:#07111fee;border-right:1px solid #1d2c40;display:flex;flex-direction:column}nav{display:grid;gap:.35rem;margin-top:2rem}nav button{text-align:left;border:0;background:transparent}nav button i{display:inline-block;width:2rem;color:#dca43d;font-style:normal}.active{background:linear-gradient(90deg,#5c431b,#2b251c)!important;color:#ffd171}.side-bottom{margin-top:auto;color:#aab6c6;line-height:1.7}.side-bottom button{display:block;margin-top:1rem;width:100%}.dot,.lamp{display:inline-block;width:10px;height:10px;border-radius:50%;background:#55d76a}.main{margin-left:250px;min-height:100vh;padding:0 1.5rem 2rem}.main header{height:76px;display:flex;align-items:center;justify-content:flex-end;gap:2rem;border-bottom:1px solid #1b2a3d}.main header div{display:grid}.main header small{color:#8f9bad}.hero{height:260px;overflow:hidden;border-radius:0 0 20px 20px;position:relative}.hero img{width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:brightness(.7)}.hero-overlay{position:absolute;left:3rem;bottom:2rem}.hero-overlay h1{font-size:2.3rem;color:#efb64d;margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.2rem 0}.stats>div,.card,.status-item{background:linear-gradient(145deg,#111e2d,#0b1624);border:1px solid #1b2a3d;border-radius:16px;padding:1.2rem}.stats span,.stats b{display:block}.stats span{color:#9eabba;font-size:.85rem}.stats b{font-size:1.15rem;margin-top:.5rem}.grid3,.cards,.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card h2{margin-top:0;color:#f2bd55}.title{display:flex;justify-content:space-between;align-items:center;margin:2rem 0 1rem}.title h1{margin:0}.title p{color:#9eabba}.actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.pill{padding:.5rem 1rem;border-radius:999px;background:#40272b}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;background:#0c1726;border:1px solid #1b2a3d;border-radius:18px;padding:1.4rem}.formgrid fieldset{grid-column:1/-1;border:1px solid #28394e;border-radius:12px;padding:1rem}.check{display:flex!important;align-items:center;gap:.6rem}.check input{width:auto}.check small{margin-left:auto;color:#8f9bad}.table{display:grid}.table>div{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:1rem;align-items:center;padding:1rem;border-bottom:1px solid #1c2c40}.table small{display:block;color:#8f9bad}.users button{padding:.45rem .65rem}dialog{border:1px solid #30435c;border-radius:18px;background:#0c1726;color:white;width:min(650px,90vw);padding:1.5rem}dialog::backdrop{background:#000a}dialog label{display:grid;gap:.4rem;margin:1rem 0}.status-grid{grid-template-columns:repeat(2,1fr)}.status-item{display:flex;gap:1rem;align-items:center}.lamp{width:14px;height:14px}.lamp.red{background:#ec5e67;box-shadow:0 0 16px #ec5e67}.lamp.green{box-shadow:0 0 16px #55d76a}.status-item small{display:block;color:#9eabba;margin-top:.35rem}pre{white-space:pre-wrap;overflow:auto}@media(max-width:900px){aside{position:static;width:auto}.main{margin:0}.stats,.grid3,.cards,.status-grid,.formgrid{grid-template-columns:1fr}.hero{height:210px}nav{grid-template-columns:repeat(2,1fr)}.side-bottom{display:none}}