@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');:root{--navy:#071426;--panel:#102039;--line:#2a3c55;--gold:#f5c45b;--muted:#9eafc5;--green:#52d6a0;--red:#ff9292}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#132b49,#071426 60%);color:#f4f6fb;font-family:Inter,Arial,sans-serif;min-height:100vh}a{color:var(--gold);text-decoration:none}header{height:70px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#081326;border-bottom:1px solid #1d2c42;color:var(--muted);font-size:13px}.brand{font-size:22px;font-weight:800;color:white}.brand:first-letter{color:var(--gold)}.wrap{width:min(1100px,92%);margin:40px auto 65px}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}small{color:var(--gold);letter-spacing:1.5px;font-weight:700}.intro h1{font-size:clamp(28px,4vw,40px);letter-spacing:-1.2px;margin:10px 0}.intro p,.panel>p{color:var(--muted);font-size:13px;line-height:1.6}.quota,.panel{background:linear-gradient(145deg,#12233b,#0d1b30);border:1px solid var(--line);border-radius:15px;padding:22px}.quota{display:flex;flex-direction:column;gap:5px;min-width:140px}.quota b{font-size:27px;color:var(--gold)}.quota span{font-size:12px;color:var(--muted)}.panel{margin:17px 0;box-shadow:0 12px 35px #0002}.panel h2{font-size:19px;margin:0 0 17px}form label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#dbe4f0}input{width:100%;min-width:0;padding:12px;background:#071426;color:white;border:1px solid #334762;border-radius:8px;font:inherit}input:focus{outline:1px solid var(--gold)}button{padding:12px 16px;border:0;border-radius:8px;background:linear-gradient(135deg,#f5cf70,#df9e27);font-weight:800;color:#241706;cursor:pointer}.add{display:grid;grid-template-columns:1fr 1.5fr auto;gap:13px;align-items:end}.auth{width:min(480px,92%);margin:55px auto;padding:30px}.auth h1{margin-bottom:8px}.auth p{color:var(--muted);font-size:13px;line-height:1.6}.auth form{margin-top:24px}.auth label{margin-bottom:16px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.notice{padding:12px;border-radius:8px;margin:15px 0;font-size:13px}.error{background:#45242d;color:#ffc1c7}.success{background:#143b32;color:#a9f2d3}.info{background:#19304a;color:#c5d9f3}.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#9eafc5;font-size:10px;text-transform:uppercase;letter-spacing:1px}th,td{padding:13px 10px;border-bottom:1px solid #263951;vertical-align:middle}td small{display:block;max-width:270px;overflow-wrap:anywhere;color:#a7b8cc;letter-spacing:0;font-weight:400;margin-top:5px}.status{padding:5px 8px;border-radius:20px;font-weight:800;background:#29374b}.status.up{background:#153b32;color:var(--green)}.status.down{background:#45242d;color:var(--red)}.status.unknown{color:#f5d27e}.remove{padding:7px 9px;background:#472832;color:#ffc0c6;font-size:11px}.note{color:var(--muted);font-size:12px;padding:12px}footer{text-align:center;color:#72869f;font-size:12px;padding:25px;border-top:1px solid #172a41}@media(max-width:720px){.intro{align-items:stretch;flex-direction:column}.add{grid-template-columns:1fr}.two{grid-template-columns:1fr}.panel{padding:17px}header{padding:0 4%}header span{max-width:50%;text-align:right}.wrap{margin-top:25px}}