*{box-sizing:border-box}
body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    background: #f4f6f9;
    color: #17212b
}body>form{min-height:100vh;display:flex}.sidebar{width:230px;background:#0b2540;padding:24px 16px;display:flex;flex-direction:column;gap:8px}.sidebar a{color:#dce6ef;text-decoration:none;padding:11px;border-radius:7px}.admin-brand{font-size:25px;font-weight:800;color:#fff;margin:0 10px 22px}.admin-brand span{color:#ff7200}.admin-brand small{display:block;font-size:10px}.admin-main{flex:1;padding:32px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi{background:#fff;border:1px solid #e4e7ec;border-radius:12px;padding:22px}.kpi span{color:#667085}.kpi strong{display:block;font-size:30px;margin-top:8px}.login-body{align-items:center;justify-content:center;background:linear-gradient(135deg,#f4f6f9,#e7edf3)}.login-body>form{width:100%;align-items:center;justify-content:center}.login-card{width:420px;background:#fff;border:1px solid #e4e7ec;border-radius:15px;padding:30px}.centered{color:#0b2540;text-align:center}.input{width:100%;padding:11px;border:1px solid #d0d5dd;border-radius:7px;margin:6px 0 16px}.button{padding:12px 18px;border:0;border-radius:8px;font-weight:700}.primary{background:#ff7200;color:#fff}.block{width:100%}.message{padding:12px;border-radius:8px;margin-bottom:14px}.error{background:#fef3f2;color:#b42318}

.kpi-grid {
    grid-template-columns: repeat(5, 1fr);
}

.toolbar {
    display: flex;
    gap: 10px;
    align-items: center;
}

.toolbar .input {
    max-width: 430px;
}

.table-wrap {
    overflow-x: auto;
}

@media (max-width: 1100px) {
    .kpi-grid { grid-template-columns: repeat(2, 1fr); }
}

.grid-action{margin-right:8px;color:#175cd3;text-decoration:none;font-size:12px}.password-row{display:grid;grid-template-columns:1fr auto;gap:10px}.generated-password{display:block;margin-top:8px;font-family:Consolas,monospace;font-weight:700;color:#067647}