*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#0c1018;color:#eef2f7}a{color:#fff;text-decoration:none}header{height:64px;background:#151c29;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #273246}.layout{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 64px)}nav{background:#111722;padding:20px 12px}nav a{display:block;padding:12px;border-radius:8px;margin:3px 0;color:#cdd7e6}nav a:hover,nav .active{background:#24334b;color:white}main{padding:28px}.single{max-width:1100px;margin:auto}.cards,.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.cards section,.module{background:#151c29;border:1px solid #273246;border-radius:12px;padding:20px}.cards strong{font-size:24px}.module{font-size:18px}.module small{display:block;color:#8fa1ba;margin-top:8px}.login{display:grid;place-items:center;min-height:100vh}.loginbox{width:min(420px,92vw);background:#151c29;padding:30px;border-radius:15px;border:1px solid #273246}.loginbox input,.form input{width:100%;padding:12px;margin:8px 0 16px;background:#0d131d;border:1px solid #33425a;color:white;border-radius:8px}button{background:#e62e4d;border:0;color:white;padding:12px 18px;border-radius:8px;font-weight:bold;cursor:pointer}.error{background:#5c1c28;padding:10px}.ok{background:#174c34;padding:10px;margin-bottom:15px}.form{max-width:700px}.form label{display:block;color:#cdd7e6}table{width:100%;border-collapse:collapse;background:#151c29}th,td{text-align:left;padding:12px;border-bottom:1px solid #273246}@media(max-width:760px){.layout{grid-template-columns:1fr}nav{display:none}}
.form select{width:100%;padding:12px;margin:8px 0 16px;background:#0d131d;border:1px solid #33425a;color:white;border-radius:8px}.module{display:block;color:#eef2f7}.module:hover{transform:translateY(-2px);border-color:#506987}