:root{--bg-dark: #071527;--bg-gradient: linear-gradient(135deg, #061528 0%, #0c284d 45%, #075985 100%);--card-bg: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--border-color: #e2e8f0;--brand-50: #f0f7ff;--brand-100: #e0effe;--brand-500: #0284c7;--brand-600: #0284c7;--brand-700: #0369a1;--brand-800: #075985;--accent-blue: #0284c7;--accent-hover: #0369a1;--danger: #ef4444;--success: #10b981}*{box-sizing:border-box;margin:0;padding:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif}body{background:var(--bg-gradient);color:var(--text-main);min-height:100vh;display:flex;flex-direction:column}header{background:#071830e0;backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.12);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:.75rem;font-size:1.3rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:-.02em}.brand-badge{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;font-size:.72rem;font-weight:700;padding:.25rem .6rem;border-radius:6px;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px #0284c759}.user-nav{display:flex;align-items:center;gap:1rem}.user-info{font-size:.9rem;color:#94a3b8}.user-info span{color:#fff;font-weight:600}.btn-logout{color:#fca5a5;text-decoration:none;font-size:.85rem;font-weight:600;padding:.4rem .9rem;border:1px solid rgba(239,68,68,.3);border-radius:8px;background:#ef44441a;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#ef444440;color:#fff}main{flex:1;display:flex;justify-content:center;align-items:center;padding:2.5rem 1.5rem}.card{background:#fff;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:2.5rem;width:100%;max-width:460px;box-shadow:0 20px 40px #00000059;color:#0f172a}.alert{padding:.85rem 1.1rem;border-radius:10px;margin-bottom:1.25rem;font-size:.875rem;font-weight:500}.alert-error{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b}.alert-success{background:#ecfdf5;border:1px solid #6ee7b7;color:#065f46}.btn-admin{color:#38bdf8;background:#0284c726;border:1px solid rgba(2,132,199,.35);font-size:.85rem;font-weight:600;padding:.4rem .9rem;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;transition:all .2s}.btn-admin:hover{background:#0284c74d;color:#fff;border-color:#0284c799}.btn-change-pass{color:#38bdf8;background:#0284c726;border:1px solid rgba(2,132,199,.3);font-size:.85rem;font-weight:600;padding:.4rem .9rem;border-radius:8px;cursor:pointer;transition:all .2s}.btn-change-pass:hover{background:#0284c74d;color:#fff}.modal-overlay{position:fixed;inset:0;background:#071527d1;backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center}.modal-card{background:#fff;border-radius:20px;padding:2.25rem;width:90%;max-width:420px;box-shadow:0 25px 50px #0006;color:#0f172a}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.modal-title{font-size:1.25rem;font-weight:700;color:#0f172a}.modal-close{background:transparent;border:none;color:#64748b;font-size:1.6rem;cursor:pointer;line-height:1}.modal-close:hover{color:#0f172a}.form-group{margin-bottom:1.2rem;text-align:left}.form-group label{display:block;font-size:.85rem;font-weight:600;color:#475569;margin-bottom:.4rem}.form-control{width:100%;padding:.8rem 1rem;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;color:#0f172a;font-size:.95rem;transition:all .2s}.form-control:focus{outline:none;border-color:#0284c7;background:#fff;box-shadow:0 0 0 3px #0284c72e}.btn-submit-pass{width:100%;padding:.85rem;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;font-weight:700;font-size:.95rem;border:none;border-radius:10px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0284c759}.btn-submit-pass:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0284c773;background:linear-gradient(135deg,#0369a1,#075985)}.badge{display:inline-block;padding:.25rem .6rem;border-radius:6px;font-size:.75rem;font-weight:700}.badge-active{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.badge-disabled{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.badge-admin{background:#fef3c7;color:#d97706;border:1px solid #fde68a}.badge-user{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.table-custom{width:100%;border-collapse:collapse;margin-top:.75rem;font-size:.875rem}.table-custom th,.table-custom td{padding:.75rem .5rem;text-align:left;border-bottom:1px solid #e2e8f0;vertical-align:top}.table-custom th{color:#64748b;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}footer{text-align:center;padding:1.5rem;font-size:.8rem;color:#94a3b8;border-top:1px solid rgba(255,255,255,.08)}