.login-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;gap:20px}.login-logo{width:250px;margin-bottom:15px}.login-title{font-size:2.2rem;font-weight:700}.login-subtitle{font-size:1.4rem}.login-text{font-size:1.1rem;margin-bottom:20px}.login-form{display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px}.login-form label{text-align:left;font-size:1rem}.login-form input{padding:16px;font-size:1.2rem;border-radius:8px;border:none;outline:none}.btn-login{background:transparent;border:2px solid #fff;color:#fff;padding:16px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:background .3s}.btn-login:hover{background:#fff3}@media (max-width: 1024px){.login-wrapper{gap:15px}.login-logo{width:200px;margin-bottom:10px}.login-title{font-size:1.8rem}.login-subtitle{font-size:1.1rem}.login-text{font-size:1rem}.login-form{max-width:350px;gap:12px}.login-form input,.btn-login{padding:12px;font-size:1rem}}@media (max-width: 768px){.login-wrapper{gap:12px}.login-logo{width:180px;margin-bottom:8px}.login-title{font-size:1.5rem}.login-subtitle{font-size:1rem}.login-text{font-size:.95rem;margin-bottom:15px}.login-form{max-width:100%;gap:12px}.login-form label{font-size:.95rem}.login-form input{padding:14px;font-size:16px;border-radius:6px}.btn-login{padding:14px;font-size:1rem;border-radius:6px}}@media (max-width: 480px){.login-wrapper{gap:10px}.login-logo{width:150px;margin-bottom:5px}.login-title{font-size:1.2rem}.login-subtitle{font-size:.9rem}.login-text{font-size:.85rem;margin-bottom:10px}.login-form{gap:10px}.login-form label{font-size:.9rem}.login-form input{padding:12px;font-size:16px;border-radius:4px}.btn-login{padding:12px;font-size:.95rem;border-radius:4px;border-width:2px}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden;font-family:Inter,sans-serif}.noticia-page-container{display:flex;height:100vh;width:100vw;overflow:hidden}.noticia-left{flex:0 0 35%;max-width:450px;background-color:#b00000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;height:100%}.login-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:320px}.noticia-right{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden}.top-block{flex:1;position:relative;height:100%}.top-block img{width:100%;height:100%;object-fit:cover;display:block}.overlay{position:absolute;bottom:15px;left:15px;color:#fff}.title-badge{background-color:#b00000;padding:5px 10px;font-weight:700;font-size:1.1rem;display:inline-block}.meta{font-size:.9rem;margin:8px 0}.noticia-btn{background:transparent;border:1px solid #fff;color:#fff;padding:8px 14px;font-size:.9rem;cursor:pointer;transition:background .3s}.noticia-btn:hover{background:#fff3}@media (max-width: 1024px){.noticia-left{flex:0 0 40%;max-width:100%;padding:30px 15px}.login-container{max-width:280px}.title-badge{font-size:1rem}}@media (max-width: 768px){.noticia-page-container{flex-direction:column;height:auto;min-height:100vh}.noticia-left{flex:0 0 auto;width:100%;max-width:100%;padding:20px;min-height:auto}.login-container{max-width:100%;width:100%}.noticia-right{flex:0 0 auto;width:100%;height:250px;min-height:250px}.top-block{height:250px}.title-badge{font-size:.9rem;padding:4px 8px}.meta{font-size:.8rem}.noticia-btn{padding:6px 12px;font-size:.8rem}}@media (max-width: 480px){html,body{font-size:14px}.noticia-left{padding:15px}.noticia-right,.top-block{height:200px}.overlay{bottom:10px;left:10px}}.sidebar{width:240px;background-color:#ca1306;color:#fff;display:flex;flex-direction:column;padding:20px;transition:width .3s ease;position:relative}.sidebar.collapsed{width:80px;padding:15px 10px}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:10px}.sidebar-title{font-size:1.2rem;font-weight:700;white-space:nowrap;flex:1}.sidebar.collapsed .sidebar-title{display:none}.toggle-btn{background:linear-gradient(135deg,#fff,#f0f0f0);border:2px solid rgba(255,255,255,.5);color:#ca1306;cursor:pointer;font-size:1.4rem;border-radius:8px;padding:8px 12px;box-shadow:0 4px 15px #ffffff4d,inset 0 1px #fffc;transition:all .3s ease}.toggle-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fff6,inset 0 1px #fff}.toggle-btn:active{transform:translateY(0);box-shadow:0 2px 10px #fff3,inset 0 1px #ffffff80}.sidebar nav ul{list-style:none;padding:0;margin:0}.sidebar nav li{display:flex;align-items:center;gap:12px;padding:10px 8px;margin:14px 0;border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.sidebar nav li:hover{background:#ffffff26;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #fff3}.sidebar nav li:active{background:linear-gradient(135deg,#ffffff40,#ffffff26);box-shadow:0 6px 20px #ffffff59,inset 0 2px 4px #fff6,0 0 20px #ffffff40;transform:translateY(0)}.sidebar nav li span{font-size:1rem}.sidebar.collapsed nav li span{display:none}@media (max-width: 1024px){.sidebar{width:200px;padding:15px}.sidebar.collapsed{width:70px}.sidebar-title{font-size:1rem}.sidebar nav li{padding:8px 6px;margin:10px 0;gap:8px}.sidebar nav li span{font-size:.9rem}}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0;height:100vh;width:240px;z-index:200;transform:translate(-100%);transition:transform .3s ease;box-shadow:2px 0 10px #0003}.sidebar.active{transform:translate(0)}.sidebar.collapsed{width:60px}.sidebar-header{margin-bottom:15px}.sidebar-title{font-size:.9rem}.toggle-btn{font-size:1.2rem}.sidebar nav li{padding:8px 6px;margin:8px 0;gap:10px}.sidebar nav li span{font-size:.85rem}}@media (max-width: 480px){.sidebar{width:200px}.sidebar.collapsed{width:50px}.sidebar-title{font-size:.8rem}.toggle-btn{font-size:1rem}.sidebar nav li{padding:6px 4px;gap:6px}}@media (max-width: 768px){.sidebar-overlay{position:fixed;inset:0;background:#0000004d;z-index:100;display:none}.sidebar.active~.sidebar-overlay{display:block}}.navbar{background:#fff;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 6px #f5000014;position:sticky;top:0;z-index:100}.navbar-left{display:flex;align-items:center;gap:10px}.navbar-logo{height:40px}.navbar-title{font-size:1.3rem;font-weight:700;color:#212529}.btn-logout{background:#ca1306;color:#fff;border:none;padding:10px 18px;border-radius:6px;font-size:.95rem;cursor:pointer;transition:background .3s ease}.btn-logout:hover{background:#333}@media (max-width: 1024px){.navbar{padding:10px 15px}.navbar-logo{height:35px}.navbar-title{font-size:1.1rem}.btn-logout{padding:8px 14px;font-size:.85rem}}@media (max-width: 768px){.navbar{padding:10px;flex-wrap:wrap;gap:10px}.navbar-left{gap:8px;flex:0 0 100%}.navbar-logo{height:30px}.navbar-title{font-size:1rem}.btn-logout{padding:6px 12px;font-size:.8rem}}@media (max-width: 480px){.navbar{padding:8px}.navbar-left{gap:6px}.navbar-logo{height:28px}.navbar-title{font-size:.9rem}.btn-logout{padding:5px 10px;font-size:.75rem}}.powerbi-container{width:100%;height:100%;display:block;border-radius:8px;overflow:hidden;position:relative}@media (max-width: 1024px){.powerbi-container{border-radius:6px}}@media (max-width: 768px){.powerbi-container{border-radius:4px;min-height:300px}}@media (max-width: 480px){.powerbi-container{border-radius:4px;min-height:250px}}.dashboard-layout{display:flex;height:100vh;font-family:Segoe UI,Arial,sans-serif;background:#f8f9fa}.dashboard-main{flex:1;display:flex;flex-direction:column;background:#f8f9fa;overflow:hidden}.dashboard-content{flex:1;padding:20px;overflow-y:auto}.card{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000000d;padding:16px;display:flex;flex-direction:column;gap:10px}.card-title{font-size:1.4rem;font-weight:600;margin-bottom:12px}.powerbi-card{height:calc(100vh - 140px);display:flex;flex-direction:column}.powerbi-container{flex:1;border:1px solid #ccc;border-radius:6px;overflow:hidden;min-height:400px}.cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:15px}.kpi-card{padding:20px;text-align:center;border-radius:8px;color:#fff;font-weight:600;box-shadow:0 2px 6px #0000001a}.kpi-card.primary{background:linear-gradient(135deg,#06c,#0052a3)}.kpi-card.success{background:linear-gradient(135deg,#28a745,#20c997)}.kpi-card.warning{background:linear-gradient(135deg,#ffc107,#ff9800);color:#333}.kpi-card.danger{background:linear-gradient(135deg,#dc3545,#c82333)}.kpi-card.info{background:linear-gradient(135deg,#17a2b8,#138496)}.kpi-card.secondary{background:linear-gradient(135deg,#6c757d,#545b62)}.kpi-label{font-size:1rem;color:#555}.kpi-value{font-size:2rem;font-weight:700}.form-card input,.form-card select{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:1rem}.form-card button{margin-top:10px;width:100%}.table-wrapper{overflow-x:auto}@media (max-width: 1024px){.dashboard-content{padding:15px}.card{padding:12px}.cards-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.powerbi-card{height:calc(100vh - 130px)}}@media (max-width: 768px){.dashboard-layout{flex-direction:column-reverse;height:auto;min-height:100vh}.dashboard-main{flex:1;width:100%}.dashboard-content{padding:10px;overflow-y:auto}.card{padding:10px;margin-bottom:10px}.card h2{font-size:1.1rem}.cards-container{grid-template-columns:1fr;gap:10px}.kpi-card{padding:15px}.powerbi-card{height:calc(100vh - 120px);min-height:300px}.powerbi-container{min-height:300px}.table-wrapper{font-size:.85rem}.table-wrapper table{min-width:500px}}@media (max-width: 480px){.dashboard-layout{height:auto}.dashboard-content{padding:5px}.card{padding:8px;gap:8px}.card h2{font-size:1rem}.kpi-card{padding:10px}.kpi-card{padding:15px}.kpi-value{font-size:1.5rem}.kpi-label{font-size:.85rem}.powerbi-card{height:300px;min-height:300px}.form-card input,.form-card select{padding:8px;font-size:16px}.form-card button{padding:8px;font-size:.9rem}.table-wrapper{font-size:.75rem}}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid #ddd}.table th{background:#f0f2f5;text-align:left}.table tr:hover{background:#f9f9f9}.error-message{background-color:#f8d7da;color:#721c24;padding:10px;border-radius:8px;margin-bottom:15px;border:1px solid #f5c6cb;text-align:center}.success-message{background-color:#d4edda;color:#155724;padding:10px;border-radius:8px;margin-bottom:15px;border:1px solid #c3e6cb;text-align:center}.validation-error-message{color:#dc3545;font-size:.85em;margin-top:5px;margin-bottom:10px;text-align:left;padding-left:5px}.password-strength-feedback{margin-top:10px;margin-bottom:10px;padding:15px 15px 10px;border-radius:8px;background-color:#f0f2f5;border:1px solid #e0e2e6;position:relative;overflow:hidden}.password-strength-feedback:before{content:"";position:absolute;top:0;left:0;height:5px;width:0%;background-color:#ccc;border-radius:8px 8px 0 0;transition:width .3s ease-in-out,background-color .3s ease-in-out;z-index:1}.password-strength-feedback p{font-size:.85em;margin:5px 0;display:flex;align-items:center;gap:10px;line-height:1.4;color:#495057;z-index:2;position:relative}.password-strength-feedback p.valid{color:#28a745;font-weight:500}.password-strength-feedback p.invalid{color:#6c757d}.password-strength-feedback.strength-0:before{width:0%;background-color:#dc3545}.password-strength-feedback.strength-1:before{width:17%;background-color:#dc3545}.password-strength-feedback.strength-2:before{width:34%;background-color:#fd7e14}.password-strength-feedback.strength-3:before{width:51%;background-color:#ffc107}.password-strength-feedback.strength-4:before{width:68%;background-color:#6f42c1}.password-strength-feedback.strength-5:before{width:85%;background-color:#17a2b8}.password-strength-feedback.strength-6:before{width:100%;background-color:#28a745}.password-strength-feedback p{text-shadow:0px 0px 2px rgba(255,255,255,.7)}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;text-align:center;min-width:90px}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-top:20px}.stat-item{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:10px;padding:20px;text-align:center;border-left:5px solid #0066cc;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease}.stat-item:hover{transform:translateY(-5px)}.stat-item.success{background:linear-gradient(135deg,#d4edda,#28a745);border-left-color:#28a745;color:#fff}.stat-item.danger{background:linear-gradient(135deg,#f8d7da,#dc3545);border-left-color:#dc3545;color:#fff}.stat-item.info{background:linear-gradient(135deg,#d1ecf1,#17a2b8);border-left-color:#17a2b8;color:#fff}.stat-value{font-size:2.5rem;font-weight:700;color:inherit}.stat-label{font-size:.9rem;margin-top:8px;opacity:.9;font-weight:500}.charts-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-top:20px}.chart-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:25px;border:1px solid #e0e0e0}.chart-card h3{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:15px;text-align:center}@media (max-width: 1024px){.charts-container{grid-template-columns:1fr}.chart-card{padding:15px}.chart-card h3{font-size:1rem}}@media (max-width: 768px){.charts-container{grid-template-columns:1fr;gap:15px}.chart-card{padding:12px}}.analytics-section{margin-bottom:30px}.analytics-title{font-size:1.3rem;font-weight:600;color:#333;margin-bottom:15px;display:flex;align-items:center;gap:10px}.mb-3{margin-bottom:20px}.mb-2{margin-bottom:15px}.status-active{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-suspended{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.btn-small{padding:6px 12px;font-size:.85rem;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:all .3s ease;display:inline-block;text-align:center;min-width:100px}.btn-small:hover{opacity:.9;transform:translateY(-1px)}.btn-small:active{transform:translateY(0)}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838}html,body,#root{margin:0;padding:0;height:100%;width:100%;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}body{display:flex;flex-direction:column;min-width:320px;background-color:#f8f9fa;color:#213547;line-height:1.5;font-weight:400}a{font-weight:500;color:#0078d4;text-decoration:none}a:hover{color:#005a9e}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#0078d4;color:#fff;cursor:pointer;transition:background-color .25s}button:hover{background-color:#005a9e}h1,h2,h3{margin:0}img{max-width:100%;height:auto;display:block}table{width:100%;border-collapse:collapse}@media (max-width: 1024px){body{font-size:15px}}@media (max-width: 768px){body{font-size:14px}input,select,textarea{font-size:16px!important}}@media (max-width: 480px){body{font-size:13px}}@media (prefers-color-scheme: dark){body{background-color:#1a1a1a;color:#fff}}