*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#172033;font-family:Arial,sans-serif;display:flex}aside{width:235px;background:#111827;color:#fff;min-height:100vh;padding:25px 15px;position:fixed}.brand{font-size:24px;font-weight:800;padding:0 12px 28px}.brand span{color:#9ca3af}nav a{display:block;color:#d1d5db;text-decoration:none;padding:11px 13px;border-radius:9px;margin:3px 0}nav a:hover{background:#263244;color:#fff}main{margin-left:235px;padding:30px;width:calc(100% - 235px)}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}h1{margin:0}header p{color:#718096}.btn{background:#111827;color:#fff;text-decoration:none;padding:11px 15px;border-radius:9px;display:inline-block;border:0;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.card{background:#fff;border:1px solid #e6eaf0;border-radius:14px;padding:18px}.card small{display:block;color:#718096}.card>b{display:block;font-size:28px;margin-top:9px}.table{overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf0f4;font-size:13px}th{color:#718096}.pill{background:#e8f7ed;color:#166534;padding:5px 9px;border-radius:99px;font-size:11px}.form{max-width:750px}.field{margin-bottom:14px}.field label{display:block;font-size:13px;margin-bottom:5px;color:#667085}.field input,.field select,.field textarea{width:100%;padding:11px;border:1px solid #dfe4eb;border-radius:8px}.msg{padding:12px;border-radius:8px;background:#fff3cd;margin-bottom:15px}.login{min-height:100vh;width:100%;display:grid;place-items:center}.loginbox{width:min(420px,92%)}@media(max-width:800px){aside{width:70px}.brand{font-size:0}.brand:after{content:'KC';font-size:20px}nav a{font-size:0;text-align:center}nav a:before{content:'•';font-size:20px}main{margin-left:70px;width:calc(100% - 70px);padding:18px}.grid{grid-template-columns:repeat(2,1fr)}header{align-items:flex-start;gap:10px}}