:root{--color-primary:#4a90b8;--color-primary-dark:#2c5f7a;--color-primary-muted:#6b8ba4;--color-accent:#e67e22;--color-success:#27ae60;--color-warning:#f39c12;--color-danger:#e74c3c;--color-info:#3498db;--color-bg:#f0f5fa;--color-bg-card:#fff;--color-border:#dce8f0;--color-text:#1a2a3a;--color-text-muted:#6b8ba4;--navbar-height:60px;--border-radius:8px;--shadow-card:0 2px 12px rgba(44,95,122,.10);--shadow-hover:0 6px 24px rgba(44,95,122,.18);--transition:.18s ease}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Outfit',sans-serif;font-size:14px;color:var(--color-text);background:var(--color-bg);min-height:100vh}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-dark)}code{font-family:'DM Mono',monospace;font-size:.9em;background:#eef4f9;padding:1px 5px;border-radius:3px}.navbar{position:sticky;top:0;z-index:100;height:var(--navbar-height);background:var(--color-primary-dark);display:flex;align-items:center;gap:1rem;padding:0 1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.2)}.navbar-logo{height:34px;filter:brightness(0) invert(1)}.navbar-nav{display:flex;gap:.25rem;flex:1}.navbar-user{display:flex;align-items:center;gap:.75rem}.user-name{color:#cde;font-size:.85rem}.nav-link{display:flex;align-items:center;gap:.4rem;color:rgba(255,255,255,.75);padding:.4rem .85rem;border-radius:var(--border-radius);font-size:.875rem;transition:var(--transition)}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.15);color:#fff}.nav-logout{color:rgba(255,180,180,.8)}.nav-logout:hover{background:rgba(231,76,60,.25);color:#fcc}.main-content{max-width:1400px;margin:0 auto;padding:1.5rem 1.5rem 3rem}.footer{text-align:center;padding:1.2rem;color:var(--color-text-muted);font-size:.8rem;border-top:1px solid var(--color-border)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.page-header h2{font-size:1.4rem;font-weight:600}.page-header .text-muted{color:var(--color-text-muted);font-size:.875rem;margin-top:.2rem}.card{background:var(--color-bg-card);border-radius:var(--border-radius);box-shadow:var(--shadow-card);margin-bottom:1.25rem;overflow:hidden}.card-header{padding:.9rem 1.25rem;border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,#f7fbff 0%,#eef4f9 100%)}.card-header h3{font-size:1rem;font-weight:600;color:var(--color-primary-dark)}.card-warning .card-header{background:linear-gradient(135deg,#fffbf0 0%,#fff3cd 100%)}.home-header{margin-bottom:2rem}.home-header h1{font-size:1.8rem;font-weight:700}.home-subtitle{color:var(--color-text-muted);margin-top:.4rem}.wave{display:inline-block;animation:wave .8s ease-in-out}@keyframes wave { 0%,100%{transform:rotate(0)} 25%{transform:rotate(20deg)} 75%{transform:rotate(-10deg)} }.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.module-tile{display:flex;align-items:center;gap:1rem;background:var(--color-bg-card);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow-card);border-left:4px solid var(--color-primary);transition:var(--transition);color:var(--color-text)}.module-tile:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px);color:var(--color-text)}.module-cdr{border-left-color:var(--color-primary)}.module-admin{border-left-color:var(--color-warning)}.module-icon{width:52px;height:52px;border-radius:12px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;flex-shrink:0}.module-admin .module-icon{background:linear-gradient(135deg,var(--color-warning),#d68910)}.module-info{flex:1}.module-info h3{font-size:1rem;font-weight:600;margin-bottom:.2rem}.module-info p{font-size:.8rem;color:var(--color-text-muted)}.module-arrow{color:var(--color-primary-muted);font-size:1.2rem;transition:var(--transition)}.module-tile:hover .module-arrow{color:var(--color-primary);transform:translateX(4px)}.empty-state{grid-column: 1/-1;text-align:center;padding:4rem 2rem;color:var(--color-text-muted)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.kpi-card{background:var(--color-bg-card);border-radius:var(--border-radius);padding:1.1rem 1.25rem;box-shadow:var(--shadow-card);display:flex;align-items:center;gap:.85rem;border-top:3px solid transparent}.kpi-blue{border-top-color:var(--color-primary)}.kpi-green{border-top-color:var(--color-success)}.kpi-teal{border-top-color:var(--color-primary-dark)}.kpi-purple{border-top-color:#8e44ad}.kpi-orange{border-top-color:var(--color-accent)}.kpi-red{border-top-color:var(--color-danger)}.kpi-icon{font-size:1.6rem;opacity:.7}.kpi-blue .kpi-icon{color:var(--color-primary)}.kpi-green .kpi-icon{color:var(--color-success)}.kpi-teal .kpi-icon{color:var(--color-primary-dark)}.kpi-purple .kpi-icon{color:#8e44ad}.kpi-orange .kpi-icon{color:var(--color-accent)}.kpi-red .kpi-icon{color:var(--color-danger)}.kpi-value{font-size:1.3rem;font-weight:700;line-height:1.1}.kpi-label{font-size:.75rem;color:var(--color-text-muted);margin-top:.15rem}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem}.chart-wide{grid-column: 1/-1}.chart-card{padding:1rem}.dashboard-filters{padding:1rem 1.25rem}.filters-form{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}.filters-form .form-group{margin-bottom:0;min-width:160px}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.8rem;font-weight:600;color:var(--color-text-muted);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.04em}.form-control{width:100%;padding:.55rem .85rem;border:1.5px solid var(--color-border);border-radius:var(--border-radius);font-family:'Outfit',sans-serif;font-size:.9rem;color:var(--color-text);background:#fff;transition:border-color var(--transition) , box-shadow var(--transition)}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(74,144,184,.15)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.input-password-wrapper{position:relative}.input-password-wrapper .form-control{padding-right:2.5rem}.btn-toggle-password{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.2rem;font-size:1rem}.btn-toggle-password:hover{color:var(--color-primary)}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.2rem;border-radius:var(--border-radius);font-family:'Outfit',sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:var(--transition);text-decoration:none;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);color:#fff}.btn-secondary{background:#eef4f9;color:var(--color-primary-dark);border:1.5px solid var(--color-border)}.btn-secondary:hover{background:var(--color-border)}.btn-success{background:var(--color-success);color:#fff}.btn-warning{background:var(--color-warning);color:#fff}.btn-danger{background:var(--color-danger);color:#fff}.btn-info{background:var(--color-info);color:#fff}.btn-block{width:100%;justify-content:center}.btn-sm{padding:.3rem .7rem;font-size:.8rem}.alert{display:flex;align-items:flex-start;gap:.6rem;padding:.85rem 1.1rem;border-radius:var(--border-radius);margin-bottom:1rem;font-size:.875rem}.alert-success{background:#d4f5e2;color:#155724;border-left:4px solid var(--color-success)}.alert-error{background:#fde8e8;color:#721c24;border-left:4px solid var(--color-danger)}.alert-warning{background:#fff8e1;color:#856404;border-left:4px solid var(--color-warning)}.table-responsive{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table thead tr{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));color:#fff}.table thead th{padding:.75rem 1rem;font-size:.8rem;font-weight:600;white-space:nowrap}.table tbody tr{transition:background var(--transition)}.table tbody tr:hover{background:#f0f7ff}.table tbody td{padding:.6rem 1rem;border-bottom:1px solid var(--color-border);vertical-align:middle}.table .row-inactive{opacity:.5}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-muted{color:var(--color-text-muted)}.mb-0{margin-bottom:0}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:20px;font-size:.7rem;font-weight:600}.badge-success{background:#d4edda;color:#155724}.badge-danger{background:#f8d7da;color:#721c24}.badge-warning{background:#fff3cd;color:#856404}.badge-admin{background:#fff3cd;color:#856404}.badge-user{background:#e2f0fb;color:#004085}.badge-module{background:#e8f4fd;color:var(--color-primary-dark);margin-right:.25rem}.badge-category{background:#eef4f9;color:var(--color-primary-dark)}.action-buttons{display:flex;gap:.3rem;flex-wrap:wrap}.module-badges{display:flex;flex-wrap:wrap;gap:.2rem}.modal-overlay{display:none;position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.45);padding:1rem}.modal-overlay.modal-open{display:flex;align-items:center;justify-content:center}.modal-dialog{background:#fff;border-radius:12px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.5rem;border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,#f7fbff,#eef4f9)}.modal-header h3{font-size:1rem;font-weight:600}.modal-close{background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--color-text-muted)}.modal-body{padding:1.25rem 1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:.75rem}.checkbox-group{display:flex;flex-direction:column;gap:.6rem}.checkbox-label{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-size:.9rem;padding:.4rem .6rem;border-radius:6px;transition:background var(--transition)}.checkbox-label:hover{background:#f0f7ff}.checkbox-label input{accent-color:var(--color-primary);width:15px;height:15px}.password-rules{display:flex;flex-wrap:wrap;gap:.4rem .75rem;margin-top:.5rem}.rule{font-size:.75rem;color:var(--color-text-muted);display:flex;align-items:center;gap:.25rem}.rule.valid{color:var(--color-success)}.rule.invalid{color:var(--color-danger)}.password-strength{height:4px;border-radius:2px;background:var(--color-border);margin-top:.5rem;overflow:hidden}.password-strength::after{content:'';display:block;height:100%;border-radius:2px;transition:width .3s ease , background .3s ease;width:var(--strength-width,0%);background:var(--strength-color,#ccc)}.login-body{background:var(--color-primary-dark)}.login-bg{position:fixed;inset:0;z-index:0;background:linear-gradient(135deg,#0d2b3e 0%,#1a4a6b 40%,#2c5f7a 70%,#4a90b8 100%)}.login-bg-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(74,144,184,.25) 0%,transparent 60%) , radial-gradient(ellipse at 80% 20%,rgba(255,255,255,.05) 0%,transparent 50%)}.login-container{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-radius:16px;padding:2.5rem;width:100%;max-width:420px;box-shadow:0 24px 80px rgba(0,0,0,.35)}.login-logo{text-align:center;margin-bottom:1.5rem}.login-logo img{height:50px}.login-header{text-align:center;margin-bottom:1.75rem}.login-header h1{font-size:1.5rem;font-weight:700;color:var(--color-primary-dark)}.login-header p{color:var(--color-text-muted);font-size:.875rem;margin-top:.35rem}.login-footer{text-align:center;margin-top:1.5rem;color:var(--color-text-muted)}.text-warning{color:var(--color-warning);font-size:.85rem}@media (max-width:768px){.charts-row{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.filters-form{flex-direction:column;align-items:stretch}.form-row{grid-template-columns:1fr}.page-header{flex-direction:column;gap:.75rem}.navbar-nav{display:none}.main-content{padding:1rem}}@media (max-width:480px){.kpi-grid{grid-template-columns:1fr}.login-card{padding:1.75rem}}