:root{font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#eef4fb,#f8fbff);color:#13233f}.page{min-height:100vh;display:grid;place-items:center}.card,.page{padding:24px}.card{width:min(640px,100%);background:#ffffff;border:1px solid #d5e4f8;border-radius:14px;box-shadow:0 8px 30px rgba(19,35,63,.08)}.card h1{margin:0 0 12px;font-size:32px}.card p{margin:8px 0;line-height:1.6}.card a{color:#0056c7}.auth-form{display:flex;flex-direction:column;gap:10px;margin-top:16px}.auth-form label{font-weight:600}.auth-form input{width:100%;border:1px solid #b2c8e6;border-radius:8px;padding:10px 12px;font-size:14px}.btn{border:none;border-radius:8px;padding:10px 12px;background:#0056c7;color:#ffffff;font-weight:600;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#e7effb;color:#1a3765}.btn-ghost{background:#f3f7ff;color:#21406f}.btn-danger{background:#cd2f3c}.btn-logout{margin-top:auto;background:#1b2a45}.error-text{margin:4px 0;color:#c1272d;font-size:14px}.dashboard-layout{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:linear-gradient(180deg,#0f1d35,#162949);color:#f7faff;padding:20px;display:flex;flex-direction:column;gap:12px}.brand{font-size:22px;font-weight:700;letter-spacing:.3px}.sidebar-role{margin:0;color:#9fc0f4;font-size:12px;font-weight:600}.sidebar-user{margin:0;font-size:16px;font-weight:600}.sidebar-nav{margin-top:14px;display:flex;flex-direction:column;gap:8px}.nav-link{color:#d9e6fa;text-decoration:none;padding:10px 12px;border-radius:8px;background:rgba(255,255,255,.05)}.nav-link.active{background:#2d4f86;color:#ffffff}.dashboard-main{padding:24px}.dashboard-header h1{margin:0;font-size:30px}.dashboard-header p{margin:6px 0 0;color:#3b4f73}.dashboard-content{margin-top:20px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px}.summary-card{background:#ffffff;border:1px solid #d7e3f5;border-radius:12px;padding:16px;box-shadow:0 4px 16px rgba(19,35,63,.07)}.summary-card h3{margin:0}.summary-card p{margin:8px 0 0;line-height:1.5}.panel-stack{display:flex;flex-direction:column;gap:16px}.panel{background:#ffffff;border:1px solid #d5e4f8;border-radius:12px;padding:16px}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.panel-header h2{margin:0}.panel-header p{margin:0;color:#445d87}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px}.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}.form-grid input,.form-grid select{border:1px solid #b2c8e6;border-radius:8px;padding:10px 12px;font-size:14px}.checkbox-field{flex-direction:row;align-items:center;gap:8px;margin-top:18px}.filters{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;grid-gap:10px;gap:10px;margin-bottom:12px}.filters input,.filters select{border:1px solid #b2c8e6;border-radius:8px;padding:10px 12px;font-size:14px}.table-wrapper{overflow-x:auto}.users-table{width:100%;border-collapse:collapse;font-size:14px}.users-table td,.users-table th{border-bottom:1px solid #e3ecfa;text-align:left;padding:10px 8px;vertical-align:top}.row-actions{display:flex;flex-wrap:wrap;gap:6px}.pagination{margin-top:12px;display:flex;gap:10px;align-items:center}@media (max-width:1024px){.dashboard-layout{grid-template-columns:1fr}.sidebar{border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-nav{flex-direction:row;flex-wrap:wrap}.btn-logout{margin-top:8px;width:100%}}@media (max-width:768px){.dashboard-main{padding:16px}.filters,.form-grid{grid-template-columns:1fr}}