*{box-sizing:border-box}body{margin:0;font-family:Arial;background:#f4f7fa;color:#152536}.top{height:78px;background:#102335;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.top img{height:50px}.shell{display:flex;min-height:calc(100vh - 78px)}.side{width:230px;background:#172f43;color:white;padding:22px 14px}.side a{display:block;padding:13px;border-radius:6px;margin:4px}.side a:hover,.side .active{background:#1685d1}.main{flex:1;padding:32px;max-width:1250px}.card{background:white;border:1px solid #dfe7ee;border-radius:10px;padding:22px;margin-bottom:20px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}input,select{width:100%;padding:11px;margin:5px 0 12px;border:1px solid #ccd8e2;border-radius:6px}.btn{border:0;border-radius:6px;padding:10px 16px;background:#1685d1;color:white;font-weight:bold;cursor:pointer}.green{background:#14a766}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px;border-bottom:1px solid #dfe7ee;text-align:left}.table th{background:#edf3f7}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#102335,#29475c)}.loginbox{width:min(460px,92vw);background:#fff;border-radius:14px;padding:35px;box-shadow:0 20px 70px #0008}.loginbox img{width:100%;max-height:110px;object-fit:contain}.loginbox .btn{width:100%}.muted{color:#6b7b88}@media(max-width:800px){.side{width:80px}.side a{font-size:11px}.grid{grid-template-columns:1fr}.main{padding:16px}}