*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f4f7fb;color:#102a43}a{text-decoration:none;color:inherit}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0d2740,#1f6feb)}.login-card{width:min(440px,92vw);background:white;padding:34px;border-radius:24px;box-shadow:0 24px 70px #07182c55}.login-card img{width:260px;display:block;margin:0 auto 22px}.field{margin:14px 0}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.field input,.field select{width:100%;padding:13px;border:1px solid #d7e0ea;border-radius:10px;font-size:15px}.btn{border:0;border-radius:10px;padding:12px 16px;background:#2388ff;color:#fff;font-weight:700;cursor:pointer}.btn.full{width:100%}.error{background:#fff0f0;color:#b42318;padding:11px;border-radius:9px}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#102a43;color:#dbe7f2;padding:22px 16px}.sidebar img{width:220px;margin-bottom:25px}.nav a{display:block;padding:13px 15px;border-radius:10px;margin:5px 0}.nav a:hover,.nav a.active{background:#2388ff;color:white}.main{padding:28px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.hero{background:linear-gradient(110deg,#173f65,#2388ff);color:#fff;border-radius:20px;padding:30px;margin-bottom:20px}.hero h1{margin:0 0 8px;font-size:32px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 5px 20px #102a4310}.metric{font-size:32px;font-weight:800}.green{color:#0caa67}.orange{color:#f79009}.red{color:#e53935}.panel{background:#fff;border-radius:16px;margin-top:18px;padding:20px;box-shadow:0 5px 20px #102a4310}.panel-head{display:flex;justify-content:space-between;align-items:center}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid #edf1f5;font-size:14px}.badge{padding:6px 9px;border-radius:999px;font-size:12px;font-weight:700}.badge.warn{background:#fff2dc;color:#c56b00}.badge.danger{background:#ffe5e5;color:#c92121}.badge.ok{background:#ddf8eb;color:#087a4b}.grid2{display:grid;grid-template-columns:2fr 1fr;gap:18px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.muted{color:#6b7f93}.notice{padding:12px;border-radius:10px;background:#eaf4ff;margin-bottom:15px}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}}@media(max-width:560px){.cards,.form-grid{grid-template-columns:1fr}.main{padding:15px}}