*{box-sizing:border-box}body{margin:0;background:#070a0f;color:#eef3fb;font-family:Arial,Tahoma,sans-serif}button,input,select{font:inherit}.login{min-height:100vh;display:grid;place-items:center;padding:25px}.login form{width:min(420px,100%);background:#0e151f;border:1px solid #263348;border-radius:22px;padding:28px;display:grid;gap:14px}.login h1{font-size:42px;margin:0}.login span,.brand span,em{color:#1687ff}.login input,.form input,.form select,.search input{padding:14px;border:1px solid #33445c;border-radius:11px;background:#080d14;color:white}.login button,.form button,.search button,nav button{background:#087cff;color:white;border:0;border-radius:11px;padding:13px 18px;font-weight:bold}#loginMsg{color:#ff7676}header{height:76px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202a38;background:#0b1018;position:sticky;top:0;z-index:3}.brand{display:flex;gap:14px;align-items:center}.brand b{font-size:30px}header>button{background:#151d29;color:#fff;border:0;border-radius:10px;padding:10px 14px}main{max-width:1100px;margin:auto;padding:28px 5%}.hero{padding:28px;border:1px solid #263348;border-radius:22px;background:linear-gradient(135deg,#101925,#07111f)}h1{font-size:34px;margin:0 0 10px}.hero p,.muted{color:#9ba9bb}.search{display:flex;gap:8px;margin-top:18px}.search input{flex:1}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.stats article{background:#0e151f;border:1px solid #243247;border-radius:16px;padding:18px}.stats strong{display:block;font-size:27px;color:#4ba4ff}.stats span,.row small{color:#94a5ba}nav{display:flex;gap:8px;overflow:auto;margin:22px 0}nav button{white-space:nowrap;background:#151d29}.panel{background:#0b1018;border:1px solid #243247;border-radius:18px;padding:20px}.form{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.form button{grid-column:auto}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #202a38;padding:14px 4px}.row div{display:grid;gap:5px}.row>button{background:#30151a;color:#ff8b96;border:0;border-radius:8px;padding:8px 12px}#notice{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#17365a;color:#fff;padding:12px 18px;border-radius:12px;min-height:0;z-index:5}#notice:empty{display:none}footer{text-align:center;color:#66758a;padding:30px}@media(max-width:750px){.stats{grid-template-columns:repeat(2,1fr)}.form{grid-template-columns:1fr 1fr}.row{align-items:flex-start}.brand small{display:none}}@media(max-width:480px){.form{grid-template-columns:1fr}.search{flex-direction:column}.row{font-size:14px}}