*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f7fb;color:#172033}.login-bg{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#e9f5ff,#f7fbff)}.login-card{width:min(430px,92%);background:#fff;padding:36px;border-radius:20px;box-shadow:0 15px 45px #1e3a5f18}.brand{width:58px;height:58px;border-radius:16px;background:#1261a0;color:#fff;display:grid;place-items:center;font-size:28px;font-weight:bold;margin-bottom:18px}.login-card h1{margin:0 0 8px;font-size:25px}.muted{color:#718096}.login-card label{display:block;margin:16px 0 7px;font-weight:600}.login-card input,.form input,.form select,.form textarea{width:100%;padding:12px;border:1px solid #d9e2ec;border-radius:10px;background:#fff}.btn{border:0;border-radius:10px;padding:11px 16px;cursor:pointer;text-decoration:none;display:inline-block;font-weight:600}.primary{background:#1261a0;color:#fff}.secondary{background:#eaf2f8;color:#1f4e79}.danger{background:#fff0f0;color:#a22;padding:11px;border-radius:10px}.success{background:#edfff4;color:#18794e;padding:11px;border-radius:10px}.full{width:100%;margin-top:22px}.hint{font-size:12px;color:#718096;margin-top:18px;text-align:center}.layout{min-height:100vh;display:flex}.sidebar{width:240px;background:#123b5d;color:#fff;padding:24px 16px}.sidebar h2{font-size:18px;margin:0 0 28px}.sidebar a{display:block;color:#dbeafe;text-decoration:none;padding:12px;border-radius:9px;margin:4px 0}.sidebar a:hover{background:#ffffff12}.main{flex:1;padding:28px;overflow:auto}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:12px}.top h1{margin:0;font-size:27px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.card{background:#fff;padding:20px;border-radius:15px;box-shadow:0 5px 20px #1720330a;border:1px solid #edf2f7}.label{color:#718096;font-size:13px}.value{font-size:25px;font-weight:700;margin-top:8px}.table-wrap{background:#fff;border-radius:15px;overflow:auto;border:1px solid #edf2f7}.table{width:100%;border-collapse:collapse;min-width:650px}.table th,.table td{padding:13px 14px;border-bottom:1px solid #edf2f7;text-align:left}.table th{background:#f8fafc;font-size:13px}.avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#eaf2f8}.profile{display:flex;align-items:center;gap:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form label{display:block;font-weight:600;margin-bottom:7px}.form .fullrow{grid-column:1/-1}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.small{font-size:12px;color:#718096}.filebox{border:1px dashed #b9c9d8;padding:16px;border-radius:10px;background:#fafcff}@media(max-width:800px){.sidebar{width:190px}.cards{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.main{padding:18px}}