:root{--bg:#090d0c;--panel:#121918;--panel2:#182220;--line:#273632;--green:#4fc7a2;--green2:#2d9d7b;--text:#eef7f4;--muted:#8fa6a0;--red:#e85d68;--yellow:#eabf55}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,#153129 0,#090d0c 38%);color:var(--text);font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}header{height:70px;border-bottom:1px solid var(--line);background:#0b100fee;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:sticky;top:0;z-index:4}.brand,.logo{font-size:25px;font-weight:900;letter-spacing:-1px;color:#fff;text-decoration:none}.brand span,.logo span{color:var(--green);font-weight:500}nav{display:flex;align-items:center;gap:22px}nav a,nav .link{color:var(--muted);text-decoration:none;background:none;border:0;font:inherit;cursor:pointer}nav form{margin:0}.container{width:min(1180px,92%);margin:38px auto}.title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}h1{font-size:29px;margin:0 0 5px}h2{font-size:19px}h3,p{margin-top:0}.title-row p,.form-card>p{color:var(--muted)}.button,button{display:inline-block;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:9px;padding:10px 15px;text-decoration:none;cursor:pointer;font-weight:650}.primary{background:var(--green);border-color:var(--green);color:#06120e}.primary:hover{background:#65dbb7}.full{width:100%;font-size:16px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.card,.form-card,.login-card,.summary,.table-wrap{background:linear-gradient(145deg,var(--panel),#0e1513);border:1px solid var(--line);border-radius:14px}.card{padding:20px}.card-head,.split,.actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.card h3{margin:0}.card small{color:var(--muted)}.badge{border-radius:999px;padding:4px 9px;font-size:12px;background:#263330}.badge.ok{background:#153d31;color:#76e4c1}.badge.bad{background:#452128;color:#ff9da5}.badge.warn{background:#453b1f;color:#ffe08a}.metric{margin:24px 0 8px}.metric strong{display:block;font-size:35px;color:var(--green)}.metric span,.split{color:var(--muted)}.progress{height:6px;background:#27312f;border-radius:6px;overflow:hidden;margin:12px 0}.progress i{display:block;height:100%;background:var(--green)}.actions{justify-content:flex-start;margin-top:18px}.summary{display:grid;grid-template-columns:repeat(4,1fr);padding:22px;margin-bottom:20px}.summary div{border-right:1px solid var(--line);padding-left:22px}.summary div:last-child{border:0}.summary strong,.summary span{display:block}.summary strong{font-size:23px;color:var(--green)}.summary span{color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.form-card{max-width:800px;padding:28px;margin:auto}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}label{display:block;color:var(--muted);font-weight:600}input,select{display:block;width:100%;margin-top:7px;background:#0a100f;border:1px solid #344640;border-radius:8px;padding:12px;color:var(--text);font:inherit}.check{display:flex;align-items:center;gap:9px}.check input{width:auto;margin:0}.login-card{width:min(410px,100%);margin:11vh auto;padding:36px}.login-card>p{color:var(--muted);margin-bottom:28px}.login-card label{margin:16px 0}.alert{padding:13px 16px;border-radius:9px;margin-bottom:15px}.alert.success{background:#153d31;color:#8ff0d1}.alert.danger{background:#452128;color:#ffb0b7}.danger,.danger-link{background:var(--red);border-color:var(--red);color:white}.danger-link{border:0;padding:7px 10px;border-radius:7px}.danger-text{color:var(--red)}hr{border:0;border-top:1px solid var(--line);margin:28px 0}.empty{color:var(--muted);padding:30px}@media(max-width:700px){header{padding:0 4%}nav a{display:none}.container{margin:22px auto}.grid,.summary{grid-template-columns:1fr}.summary div{border:0;border-bottom:1px solid var(--line);padding:12px}.title-row{align-items:flex-start;gap:14px}.cards{grid-template-columns:1fr}}

