body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary:#1e3a8a;--color-primary-light:#0f47a2;--color-primary-dark:#0e2678;--color-bg:#f5f7fb;--color-surface:#fff;--color-text:#1f2937;--color-text-light:#6b7280;--color-border:#e5e7eb;--color-success:#16a34a;--color-warning:#f59e0b;--color-danger:#dc2626;--shadow-card:0 4px 10px #0000000d;--radius:10px}.sidebar{background:var(--color-primary);box-sizing:border-box;color:#fff;height:100vh;padding:20px;width:260px}.sidebar-title{font-size:22px;font-weight:700;margin-bottom:30px}.sidebar-section{margin-bottom:25px}.sidebar-section h4{color:var(--color-primary-ligth);font-size:12px;letter-spacing:1px;margin-bottom:10px}.sidebar-section ul{list-style:none;margin:0;padding:0}.sidebar-section li{margin-bottom:8px}.sidebar-section a{border-radius:6px;color:#e5e7eb;display:block;padding:8px 10px;text-decoration:none;transition:.2s}.sidebar-section a:hover{background:var(--color-primary-light)}.navbar{align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;height:60px;justify-content:space-between;padding:0 25px}.navbar-logo{color:var(--color-primary);font-size:18px;font-weight:600}.navbar-right{align-items:center;display:flex;gap:20px}.navbar-user{background:var(--color-bg);border-radius:var(--radius);color:var(--color-text)}.btn-logout,.navbar-user{font-size:14px;padding:6px 12px}.btn-logout{align-items:center;background:#0000;border:1px solid #fee2e2;border-radius:var(--radius);color:#ef4444;cursor:pointer;display:flex;font-weight:500;gap:8px;transition:all .2s ease}.btn-logout:hover{background:#fef2f2;border-color:#f87171;transform:translateY(-1px)}.btn-logout:active{transform:translateY(0)}@media (max-width:480px){.btn-logout span{display:none}.btn-logout{padding:6px}}.footer{border-top:1px solid var(--color-border);color:var(--color-text-light);display:flex;font-size:14px;justify-content:space-between;margin-top:40px;padding:20px}.dashboard-wrapper{max-width:900px}.config-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-card);margin-top:1rem;padding:2rem}.config-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:250px 1fr}.logo-management{display:flex;flex-direction:column;gap:1rem}.logo-preview-box{align-items:center;background-color:#f8fafc;border:1px solid var(--color-border);border-radius:8px;display:flex;height:150px;justify-content:center;overflow:hidden;padding:10px;width:100%}.logo-preview-box img{max-height:100%;max-width:100%;object-fit:contain}.no-logo{color:var(--color-text-light);font-size:.875rem;font-weight:500}.logo-actions{display:flex;gap:.5rem}.btn-sm{font-size:.75rem;padding:.4rem .8rem}.file-selected-name{color:var(--color-success);font-size:.75rem;font-weight:600}.color-picker-group{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-top:1.5rem}.color-input-wrapper{align-items:center;background:#f1f5f9;border:1px solid var(--color-border);border-radius:6px;display:flex;gap:.75rem;padding:.5rem}.color-input-wrapper input[type=color]{background:none;border:none;cursor:pointer;height:30px;width:30px}.color-input-wrapper span{color:var(--color-text);font-family:monospace;font-size:.875rem;font-weight:600}.config-footer{border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}@media (max-width:768px){.config-grid{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-input{background-color:#fff;border:1px solid var(--color-border);border-radius:6px;font-size:.9rem;padding:.6rem .8rem;transition:border-color .2s;width:100%}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #1e3a8a1a;outline:none}.form-help{color:#64748b;font-size:.75rem;line-height:1.4;margin-top:.25rem}.dashboard-container{background-color:var(--color-bg);color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:2rem}.dashboard-wrapper{margin:0 auto;max-width:1200px}.dashboard-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:1.5rem}.dashboard-title h1{color:var(--color-primary-dark);font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.dashboard-title p{color:var(--color-text-light);font-size:.95rem}.banners-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.banner-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.banner-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-4px)}.banner-image-container{background-color:#f1f5f9;border-bottom:1px solid var(--color-border);height:180px;position:relative}.banner-image-container img{height:100%;object-fit:cover;width:100%}.banner-status{background:var(--color-success);border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 12px;position:absolute;right:12px;text-transform:uppercase;top:12px}.banner-content{padding:1.25rem}.banner-content h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner-content p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-light);display:-webkit-box;font-size:.875rem;height:3rem;line-height:1.5;margin-bottom:1.25rem;overflow:hidden}.btn{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.625rem 1.25rem;transition:all .2s}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-light)}.btn-secondary{background-color:#fff;border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover{background-color:var(--color-bg);border-color:#d1d5db}.btn-danger{background-color:#fff;border-color:#fee2e2;color:var(--color-danger)}.btn-danger:hover{background-color:var(--color-danger);color:#fff}.banner-actions{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab3;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.modal-content{animation:modalIn .3s ease-out;background:var(--color-surface);border-radius:var(--radius);box-shadow:0 25px 50px -12px #00000040;max-width:600px;width:100%}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1.5rem}.modal-body{max-height:70vh;overflow-y:auto;padding:1.5rem}.modal-footer{background-color:#f8fafc;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top:1px solid var(--color-border);display:flex;gap:1rem;justify-content:flex-end;padding:1.25rem 1.5rem}.form-group{margin-bottom:1.25rem}.grid-2{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-label{color:var(--color-primary-dark);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-input,.form-textarea{border:1px solid var(--color-border);border-radius:6px;font-size:.95rem;padding:.625rem .875rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1e3a8a1a;outline:none}.form-textarea{min-height:100px;resize:vertical}.file-upload-box{border:2px dashed var(--color-border);border-radius:var(--radius);cursor:pointer;display:block;padding:1.5rem;text-align:center;transition:all .2s}.file-upload-box:hover{background:#1e3a8a05;border-color:var(--color-primary)}.file-upload-box input{display:none}.file-upload-text{color:var(--color-primary);font-weight:500;margin-bottom:.25rem}.file-info{color:var(--color-success);font-size:.875rem;font-weight:500;margin-top:.5rem}.empty-state{background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius);padding:5rem 2rem;text-align:center}.empty-state h3{color:var(--color-text-light)}.news-subject{background-color:var(--color-bg);border-radius:4px;color:var(--color-primary);display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.05em;margin-bottom:.5rem;padding:2px 8px;text-transform:uppercase}.status-inactive{background:var(--color-warning)!important}.no-image-placeholder{align-items:center;background:#edf2f7;color:var(--color-text-light);display:flex;font-size:.875rem;height:100%;justify-content:center}.checkbox-container{align-items:center;color:var(--color-text);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem}.checkbox-container input{cursor:pointer;height:18px;width:18px}.banner-status.status-inactive{background-color:var(--color-warning)}.login-container{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));display:flex;height:100vh;justify-content:center}.login-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:15px;padding:40px;width:350px}.login-card h1{color:var(--color-primary);text-align:center}.login-card p{color:var(--color-text-light);margin-bottom:10px;text-align:center}.login-card input{border:1px solid var(--color-border);border-radius:var(--radius);padding:10px}.login-card button{background:var(--color-primary);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-weight:500;padding:10px}.login-card button:hover{background:var(--color-primary-dark)}.login-error{background:#ffe5e5;border-radius:var(--radius);color:#b00020;font-size:14px;padding:8px;text-align:center}
/*# sourceMappingURL=main.4b8159d6.css.map*/