*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#06131d;color:#eef9ff}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#0d4051,#06131d 55%)}.login-card{width:min(420px,92vw);background:#0c2432;border:1px solid #1c5368;border-radius:22px;padding:32px;box-shadow:0 25px 80px #0008}.login h1{font-size:34px;margin:0}.login h1 b,.brand b{color:#20e4a0}.login label{display:block;margin:18px 0 0;color:#a9d7e8}.login input,.field input,.field select{width:100%;padding:12px;border-radius:10px;border:1px solid #2c6176;background:#071923;color:white;margin-top:6px}.login button,.primary{width:100%;padding:13px;border:0;border-radius:10px;background:#20e4a0;color:#052117;font-weight:800;margin-top:20px;cursor:pointer}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:#071d29;border-right:1px solid #1b4456;padding:26px 18px;display:flex;flex-direction:column}.brand{font-size:27px;font-weight:800;margin-bottom:28px}nav{display:grid;gap:8px}nav button,.logout{background:transparent;border:0;color:#dff5ff;text-align:left;padding:12px;border-radius:9px;cursor:pointer}nav button:hover{background:#103448}.logout{margin-top:auto}main{padding:28px}header{display:flex;justify-content:space-between;align-items:center}.cards{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:16px}.card{background:#0d2736;border:1px solid #1e5065;border-radius:16px;padding:20px}.card strong{display:block;font-size:28px;margin-top:10px}.panel{margin-top:20px;background:#0d2736;border:1px solid #1e5065;border-radius:16px;padding:20px}.toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center}.btn{padding:10px 14px;border-radius:9px;border:1px solid #247092;background:#0b2a3a;color:#fff;cursor:pointer}.btn.primary{width:auto;margin:0;background:#20e4a0;color:#052117;border:0}.btn.danger{border-color:#97454d}.table{width:100%;border-collapse:collapse;margin-top:15px}.table th,.table td{padding:12px;border-bottom:1px solid #1b4456;text-align:left}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field label{display:block;color:#9bcfe1}.msg{padding:12px;border-radius:10px;margin-top:12px;background:#071923}.modal{position:fixed;inset:0;background:#000a;display:grid;place-items:center}.modal>div{width:min(600px,92vw);background:#0d2736;padding:24px;border-radius:16px}@media(max-width:900px){.shell{grid-template-columns:1fr}aside{position:relative}.cards{grid-template-columns:1fr 1fr}}