*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#0b1220;color:#eaf1ff}a{color:#65b7ff;text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;padding:18px 5%;background:#111b2e}nav{display:flex;gap:12px;padding:12px 5%;background:#16233b}nav a{padding:10px 14px;background:#223657;border-radius:10px}.wrap{max-width:1100px;margin:auto;padding:24px}.card{max-width:460px;margin:8vh auto;background:#17243c;padding:28px;border-radius:18px}.card form,.form-grid{display:grid;gap:12px}input,select,textarea,button{width:100%;padding:13px;border-radius:10px;border:1px solid #3a5277;background:#0d1729;color:#fff}button{background:#1677ff;border:0;font-weight:bold;cursor:pointer}.danger{background:#b52d3a}.ok{background:#174f35;padding:12px;border-radius:8px}.err{background:#6b2530;padding:12px;border-radius:8px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:15px}.metric{background:#17243c;padding:24px;border-radius:16px}.metric b{display:block;font-size:34px}.metric span{opacity:.75}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));background:#17243c;padding:18px;border-radius:16px}.table{display:grid;gap:10px;margin-top:18px}.row{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#17243c;padding:15px;border-radius:12px}.row form{width:auto}.row button{width:auto}@media(max-width:600px){header h1{font-size:18px}.wrap{padding:14px}.row{align-items:flex-start;flex-direction:column}}