*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial;background:#eef2f7;color:#152033}.hidden{display:none!important}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#071c38;color:#fff;padding:22px 16px}.brand,.brand2{text-align:center}.brand{background:#0b2a55;border:1px solid #cda85d55;border-radius:18px;padding:18px}.brand h1,.brand2 h1{font-family:Georgia,serif;letter-spacing:5px;margin:4px}.brand small,.brand2 small{display:block;letter-spacing:3px;color:#e7c986}.vbadge,.brand2 b{display:inline-block;margin-top:10px;background:#e3b85d;color:#071c38;border-radius:999px;padding:5px 9px;font-size:10px}.menu{display:flex;flex-direction:column;gap:6px;margin-top:20px}.menu a{color:#d7e4f7;text-decoration:none;padding:12px;border-radius:10px}.menu a:hover{background:#176fd1}.topbar{height:70px;background:#fff;border-bottom:1px solid #dfe6ef;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.content{padding:24px}.hero{height:165px;border-radius:18px;background:linear-gradient(100deg,#d7e9ff,#fff,#dbe9fb);padding:30px;display:flex;align-items:center}.hero h2{font-size:30px;margin:0}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:16px}.card{padding:17px;border-radius:16px;color:#fff;min-height:105px}.card small{font-size:10px}.card strong{display:block;font-size:28px;margin-top:12px}.b1{background:#258be6}.b2{background:#2fbd7b}.b3{background:#7761e8}.b4{background:#f29b24}.b5{background:#ea5667}.panel{background:#fff;border:1px solid #dfe6ef;border-radius:16px;padding:18px;margin-top:16px}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:650px}.table th,.table td{padding:11px;border-bottom:1px solid #edf1f5;text-align:left;font-size:11px}.btn{background:#176fd1;color:#fff;border:0;border-radius:9px;padding:10px 13px;font-weight:700;cursor:pointer}.pagehead{display:flex;justify-content:space-between;align-items:center}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:11px;font-weight:700;margin:10px 0}input,select,textarea{width:100%;padding:10px;border:1px solid #d9e0e8;border-radius:8px;margin-top:5px}textarea{min-height:70px}.modal{position:fixed;inset:0;background:#071c3899;display:flex;align-items:center;justify-content:center;padding:18px}.modal-card{background:#fff;width:min(700px,96vw);max-height:92vh;overflow:auto;border-radius:18px;padding:20px;position:relative}.modal-card>#close{position:absolute;right:10px;top:5px;border:0;background:none;font-size:28px}.login-bg{min-height:100vh;background:linear-gradient(145deg,#061a35,#0c3569);display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:min(420px,100%);background:#fff;border-radius:24px;padding:28px}.brand2{color:#071c38}.brand2:first-child{font-size:34px}.login-card .btn{width:100%;margin-top:8px}.alert{background:#fee;color:#b33;padding:10px;border-radius:8px}.link{border:0;background:none;color:#176fd1}.hamb{display:none}@media(max-width:700px){.shell{display:block}.sidebar{position:fixed;left:-280px;width:260px;height:100vh;z-index:20;transition:.2s}.sidebar.open{left:0}.hamb{display:block;background:#071c38;color:#fff;border:0;border-radius:8px;padding:8px 10px}.topbar{padding:0 10px;font-size:10px}.content{padding:14px}.hero{height:125px;padding:18px}.hero h2{font-size:22px}.cards{grid-template-columns:1fr 1fr}.cards .card:last-child{grid-column:1/-1}.card{min-height:85px}.grid{grid-template-columns:1fr}input,select,textarea{font-size:16px}.btn{min-height:42px}}