:root{--bg:#071f2b;--panel:#0d3b50;--panel2:#104b65;--text:#f4f8fa;--muted:#9fc0cd;--cyan:#18b9ed;--green:#63d46b;--red:#ff3b45;--line:#245b70}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:linear-gradient(150deg,#061923,#07364a);color:var(--text);min-height:100vh}header{height:74px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#062838dd;position:sticky;top:0;backdrop-filter:blur(12px)}header strong{color:var(--cyan)}nav{display:flex;gap:20px;align-items:center}a,.link{color:#d8edf5;text-decoration:none}.link{border:0;background:none;padding:0}.wrap{max-width:1180px;margin:0 auto;padding:34px 24px 80px}.hero,.title{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{color:var(--cyan);font-weight:700;letter-spacing:.12em;font-size:12px}h1{font-size:38px;margin:7px 0}h2{margin-top:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(145deg,var(--panel),var(--panel2));padding:24px;border:1px solid #28677f;border-radius:16px;box-shadow:0 14px 45px #00141c55;margin-bottom:18px}.stats .card span{display:block;color:var(--muted)}.stats .card b{display:block;font-size:40px;margin-top:8px}.stats .card .small{font-size:18px}button,.button{border:0;border-radius:9px;background:var(--cyan);padding:12px 17px;color:#002231;font-weight:750;cursor:pointer;display:inline-block}.secondary{background:#d9edf4}.timeline{display:grid;gap:3px}.event{display:flex;justify-content:space-between;gap:20px;padding:16px 14px;border-left:5px solid var(--cyan);background:#072d3d}.event.error,.event.critical{border-color:var(--red)}.event.warning{border-color:#ffb13b}.event span,.event time{display:block;color:var(--muted);font-size:13px;margin-top:5px}.log{padding:11px;border-bottom:1px solid var(--line)}.log time{color:var(--muted);margin-right:20px}.log.error{color:#ffb7bb}.alert{padding:15px;border-radius:10px;margin-bottom:18px}.good{background:#1b6b42}.bad{background:#862f38}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login .card{width:min(430px,100%)}label{display:grid;gap:7px;color:#d4e8ef}input{width:100%;padding:12px;border:1px solid #46778a;border-radius:8px;background:#052936;color:white}.form{display:grid;gap:16px}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.inline{margin-top:14px}.hint,.muted{color:var(--muted)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line)}@media(max-width:760px){header{height:auto;padding:16px;display:block}nav{overflow:auto;margin-top:12px}.wrap{padding:24px 15px}.grid{grid-template-columns:1fr}.hero,.title{align-items:flex-start;gap:15px}.hero{display:grid}.two{grid-template-columns:1fr}.event{display:block}.event time{margin-top:10px}h1{font-size:30px}}