@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-primary:#6b21a8;--color-primary-hover:#581c87;--color-primary-deep:#4c1d95;--color-primary-soft:#f3e8ff;--color-primary-border:#d8b4fe;--color-accent:#9469d2;--color-accent-light:#b48ce6;--color-success:#16a34a;--color-success-soft:#dcfce7;--color-success-border:#bbf7d0;--color-warning:#d97706;--color-warning-soft:#fef3c7;--color-danger:#ef4444;--color-danger-soft:#fef2f2;--color-danger-border:#fecaca;--color-info:#0284c7;--color-info-soft:#e0f2fe;--text:#475569;--text-h:#1e293b;--text-muted:#64748b;--text-faint:#94a3b8;--bg:#f8fafc;--bg-alt:#f1f5f9;--surface:#fff;--border:#e2e8f0;--border-strong:#cbd5e1;--code-bg:#f1f5f9;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-lg:0 20px 40px -15px #00000026;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:20px;--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg);color:var(--text);margin:0}#root{text-align:left;box-sizing:border-box;border-inline:none;flex-direction:column;width:100%;max-width:100%;min-height:100vh;margin:0;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--heading);color:var(--text-h);margin-top:0;font-weight:600}h1{letter-spacing:-.02em;margin-bottom:1rem;font-size:2.25rem}h2{letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.5rem}p{margin:0 0 1rem}code{font-family:var(--mono);background:var(--code-bg);color:var(--text-h);border-radius:4px;padding:.2em .4em;font-size:.875rem}.embossed-page-wrapper{background-color:var(--bg-alt);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.embossed-container{background-color:var(--surface);border-radius:20px;width:900px;max-width:100%;min-height:550px;position:relative;overflow:hidden;box-shadow:0 20px 40px -15px #0000001a}.form-container{height:100%;transition:all .5s ease-in-out;position:absolute;top:0}.form-container form{background-color:var(--surface);flex-direction:column;justify-content:center;height:100%;padding:0 50px;display:flex}.sign-in-container{z-index:2;width:50%;left:0}.sign-up-container{opacity:0;z-index:1;width:50%;left:0}.form-container h2{color:var(--text-h);margin-bottom:8px;font-size:1.8rem;font-weight:700}.form-container .subtitle{color:var(--text-muted);margin-bottom:24px;font-size:.9rem}.input-row{gap:16px;display:flex}.input-group{width:100%;margin-bottom:16px;position:relative}.input-group input{border:1px solid var(--border-strong);background-color:var(--bg);width:100%;color:var(--text-h);border-radius:8px;padding:12px 16px;font-size:.95rem;transition:all .2s}.input-group input:focus{border-color:var(--color-primary);background-color:var(--surface);outline:none;box-shadow:0 0 0 3px #6b21a81a}.password-wrapper{border:1px solid var(--border-strong);background-color:var(--bg);border-radius:8px;align-items:center;transition:all .2s;display:flex;position:relative}.password-wrapper:focus-within{border-color:var(--color-primary);background-color:var(--surface);box-shadow:0 0 0 3px #6b21a81a}.password-wrapper input{background:0 0;border:none;padding-right:44px}.password-wrapper input:focus{box-shadow:none;border-color:#0000}.btn-eye{color:var(--text-faint);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;right:12px}.options-row{justify-content:space-between;align-items:center;margin-bottom:24px;font-size:.85rem;display:flex}.remember-me{color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;display:flex}.checkbox-option label{color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;font-size:.85rem;display:flex}.btn-forgot-link{color:var(--color-primary);cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:500}.btn-forgot-link:hover{text-decoration:underline}.submit-btn{background-color:var(--color-primary);color:var(--surface);cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px;font-size:1rem;font-weight:600;transition:background-color .2s}.submit-btn:hover{background-color:var(--color-primary-hover)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.alert-message{border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:.85rem}.alert-message.error{color:#b91c1c;background-color:#fef2f2;border:1px solid #fecaca}.alert-message.success{color:#15803d;background-color:#f0fdf4;border:1px solid #bbf7d0}.overlay-container{z-index:100;width:50%;height:100%;transition:transform .5s ease-in-out;position:absolute;top:0;left:50%;overflow:hidden}.overlay{background:linear-gradient(135deg, var(--color-primary-deep) 0%, #8b7c97 100%);color:var(--surface);width:200%;height:100%;transition:transform .5s ease-in-out;position:relative;left:-100%;transform:translate(0)}.overlay-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:50%;height:100%;padding:0 40px;transition:transform .5s ease-in-out;display:flex;position:absolute;top:0}.overlay-left{transform:translate(-20%)}.overlay-right{right:0;transform:translate(0)}.badge{text-transform:uppercase;letter-spacing:.5px;background-color:#fff3;border-radius:16px;margin-bottom:16px;padding:4px 12px;font-size:.75rem;font-weight:600}.overlay-panel h2{margin-bottom:12px;font-size:2rem;font-weight:700}.overlay-panel p{opacity:.9;margin-bottom:32px;font-size:.95rem;line-height:1.5}.ghost-btn{border:2px solid var(--surface);color:var(--surface);cursor:pointer;background-color:#0000;border-radius:8px;padding:10px 32px;font-size:1rem;font-weight:600;transition:background-color .2s,color .2s}.ghost-btn:hover{background-color:var(--surface);color:var(--color-primary)}.embossed-container.right-panel-active .sign-in-container{opacity:0;transform:translate(100%)}.embossed-container.right-panel-active .sign-up-container{opacity:1;z-index:5;transform:translate(100%)}.embossed-container.right-panel-active .overlay-container{transform:translate(-100%)}.embossed-container.right-panel-active .overlay{transform:translate(50%)}.embossed-container.right-panel-active .overlay-left{transform:translate(0)}.embossed-container.right-panel-active .overlay-right{transform:translate(20%)}.modal-actions{flex-direction:column;gap:12px;margin-top:24px;display:flex}.modal-actions .btn-primary{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px;font-weight:600}.modal-actions .btn-secondary{background-color:var(--bg-alt);color:var(--text);border:1px solid var(--border-strong);cursor:pointer;border-radius:8px;padding:12px;font-weight:500}.modal-actions .btn-secondary:hover{background-color:#e2e8f0}.nit-public-access-card{background-color:var(--bg);border:1px dashed var(--border-strong);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:8px;margin-top:18px;padding:12px;display:flex}.nit-public-access-card span{color:var(--text-muted);font-size:.8rem}.btn-consulta-nit{background-color:var(--color-primary-soft);color:var(--color-primary);border:1px solid var(--color-primary-border);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-consulta-nit:hover{background-color:var(--color-primary);color:var(--surface);border-color:var(--color-primary);box-shadow:0 2px 8px #6b21a840}@media (width<=768px){.embossed-page-wrapper{padding:12px}.embossed-container{width:100%;min-height:0}.overlay-container{display:none}.form-container{opacity:1;width:100%;height:auto;transition:none;position:static;transform:none}.form-container form{padding:32px 24px}.sign-in-container,.sign-up-container{width:100%;position:static}.sign-up-container{display:none}.embossed-container.right-panel-active .sign-in-container{opacity:1;display:none;transform:none}.embossed-container.right-panel-active .sign-up-container{display:block;transform:none}.input-row{flex-direction:column;gap:0}}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;box-sizing:border-box;background-color:#0f172a73;justify-content:center;align-items:center;padding:16px;animation:.25s ease-out fadeInBackdrop;display:flex;position:fixed;inset:0}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.modal-box.accesos-modal{-webkit-overflow-scrolling:touch;background-color:#fff;border-radius:16px;width:520px;max-width:100%;max-height:calc(100dvh - 32px);padding:0;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideUp;overflow:hidden auto;transform:translateY(0);box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #0000000d}.modal-box.accesos-modal::-webkit-scrollbar{width:8px}.modal-box.accesos-modal::-webkit-scrollbar-track{background:#f1f5f9}.modal-box.accesos-modal::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.modal-header h3{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:1.25rem;font-weight:700;display:flex}.close-btn{cursor:pointer;color:#64748b;background-color:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.modal-body{padding:28px}.credential-row{background-color:#fff;border:1px solid #f1f5f9;border-radius:12px;align-items:flex-end;gap:12px;margin-bottom:24px;padding:16px;transition:border-color .2s;display:flex;box-shadow:0 1px 3px #00000005}.credential-row:hover{border-color:#e2e8f0}.input-group-modal{flex:1}.input-group-modal label{color:#475569;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.password-wrapper{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.password-wrapper:focus-within{background-color:#fff;border-color:#6b21a8;box-shadow:0 0 0 4px #6b21a81a}.password-wrapper input{color:#0f172a;letter-spacing:1px;background:0 0;border:none;outline:none;width:100%;padding:12px 16px;font-family:Inter,monospace;font-size:1rem;font-weight:500}.btn-eye{cursor:pointer;color:#94a3b8;background-color:#0000;border:none;border-left:1px solid #0000;align-items:center;padding:12px;transition:color .2s;display:flex}.btn-eye:hover{color:#6b21a8}.btn-copy{color:#475569;cursor:pointer;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:12px 18px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-copy:hover{color:#fff;background-color:#6b21a8;border-color:#6b21a8;box-shadow:0 4px 6px -1px #6b21a833}.btn-copy:active{transform:scale(.96)}.no-select{-webkit-user-select:none;user-select:none}.key-icon{cursor:default;background-color:#fef3c7;border:1px solid #fde68a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.btn-add-credential{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;margin-bottom:16px;padding:10px 16px;font-weight:600;transition:background-color .2s;display:inline-flex}.btn-add-credential:hover{background-color:var(--color-primary-hover)}.credential-list{flex-direction:column;gap:12px;display:flex}.credential-item{border:1px solid var(--border);background-color:#fff;border-radius:12px;padding:14px 16px}.credential-item__head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.credential-item__info{flex-direction:column;display:flex}.credential-item__info strong{color:var(--text-h);font-size:.95rem}.credential-item__user{color:var(--text-muted);font-size:.8rem}.credential-item__actions{gap:6px;display:flex}.credential-item__url{color:var(--color-info);word-break:break-all;margin-top:4px;font-size:.8rem}.credential-item__notes{color:var(--text-muted);margin-top:4px;font-size:.8rem}.credential-item__secret{align-items:center;gap:8px;margin-top:10px;display:flex}.credential-item__secret input{border:1px solid var(--border-strong);letter-spacing:1px;background-color:var(--bg);min-width:0;color:var(--text-h);border-radius:8px;flex:1;padding:10px 12px;font-family:Inter,monospace}.credential-form h4{color:var(--text-h);margin:0 0 16px}@media (width<=640px){.modal-box.accesos-modal{border-radius:12px}.modal-header{gap:10px;padding:14px 16px}.modal-header h3{font-size:1rem}.modal-body{padding:16px}.credential-item__secret{flex-wrap:wrap}.credential-item__secret input{flex:100%}.btn-copy{flex:1}}.declaraciones-container{box-sizing:border-box;background-color:#f8fafc;min-height:100vh;padding:24px}.declaraciones-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.declaraciones-title{color:#0f172a;margin:0;font-size:1.5rem;font-weight:700}.declaraciones-subtitle{color:#64748b;margin-top:4px;font-size:.875rem}.declaraciones-actions{align-items:center;gap:16px;display:flex}.btn-registrar{color:#fff;cursor:pointer;background-color:#6b21a8;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-weight:600;transition:background-color .2s;display:flex}.btn-registrar:hover{background-color:#581c87}.year-selector{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;padding:4px;display:flex}.btn-year{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:4px;align-items:center;padding:6px;display:flex}.btn-year:hover{color:#0f172a;background-color:#f1f5f9}.year-display{color:#1e293b;padding:0 12px;font-weight:700}.legend-bar{color:#475569;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:12px 18px;font-size:.85rem;display:flex}.table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;box-shadow:0 1px 3px #0000000d}.declaraciones-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.declaraciones-table th{color:#475569;white-space:nowrap;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-weight:600}.declaraciones-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px}.text-center{text-align:center}.font-semibold{color:#1e293b;font-weight:600}.text-muted{color:#64748b}.cell-status{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1.1rem;transition:transform .15s}.cell-status:hover{transform:scale(1.3)}.badge{text-align:center;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.badge-verde{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0}.badge-amarillo{color:#a16207;background-color:#fef9c3;border:1px solid #fef08a}.badge-rojo{color:#b91c1c;background-color:#fee2e2;border:1px solid #fca5a5}.badge-gris{color:#64748b;background-color:#f1f5f9;border:1px solid #e2e8f0}.no-data{text-align:center;color:#94a3b8;padding:32px}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;box-sizing:border-box;background-color:#0f172a99;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-content{box-sizing:border-box;background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:600px;max-height:calc(100dvh - 40px);display:flex;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:0 12px 12px 0}.modal-content::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.modal-header{z-index:10;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex;position:relative;top:0}.modal-title{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:1.25rem;font-weight:700;display:flex}.btn-cerrar-modal{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s,color .2s;display:flex}.btn-cerrar-modal:hover{color:#0f172a;background-color:#f1f5f9}.declaracion-form{padding:24px}.form-row{gap:16px;display:flex}.flex-1{flex:1}.form-group{flex-direction:column;margin-bottom:16px;display:flex}.form-group label{color:#334155;align-items:center;gap:8px;margin-bottom:6px;font-size:.875rem;font-weight:600;display:flex}.form-control{color:#1e293b;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-control:focus{border-color:#6b21a8;box-shadow:0 0 0 3px #6b21a81a}.textarea-control{resize:vertical}.modal-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;margin-top:8px;padding-top:16px;display:flex}.btn-cancelar{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 16px;font-weight:500;transition:background-color .2s}.btn-cancelar:hover{background-color:#f8fafc}.btn-guardar{color:#fff;cursor:pointer;background-color:#9a14ac;border:none;border-radius:8px;padding:8px 16px;font-weight:500;transition:background-color .2s}.btn-guardar:hover{background-color:#59195f}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-container{background-color:var(--bg-alt);width:100vw;height:100vh;display:flex}.sidebar{background-color:var(--surface);width:260px;color:var(--text);border-right:1px solid var(--border);z-index:20;flex-direction:column;justify-content:space-between;display:flex;box-shadow:2px 0 8px #00000005}.sidebar-brand{border-bottom:1px solid var(--bg-alt);justify-content:center;align-items:center;padding:24px 20px;display:flex}.sidebar-menu{flex:1;padding:16px 0;list-style:none}.sidebar-item{color:var(--text-muted);cursor:pointer;border-left:4px solid #0000;align-items:center;gap:12px;padding:12px 24px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.sidebar-item:hover{color:var(--color-primary);background-color:var(--bg)}.sidebar-item.active{color:var(--color-primary);background-color:var(--color-primary-soft);border-left-color:var(--color-primary);font-weight:600}.logout-box{border-top:1px solid var(--bg-alt);padding:24px}.btn-logout{color:#ef4444;cursor:pointer;background-color:#fff;border:1px solid #fca5a5;border-radius:8px;width:100%;padding:10px 16px;font-size:.9rem;font-weight:500;transition:all .2s}.btn-logout:hover{background-color:#fef2f2;border-color:#ef4444}.main-content{background-color:var(--bg);flex-direction:column;flex:1;height:100vh;display:flex;overflow-y:auto}.main-header{background-color:var(--surface);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000005}.main-header h2{color:var(--text-h);letter-spacing:-.5px;margin:0;font-size:1.25rem;font-weight:600}.header-user-info{color:var(--text-muted);align-items:center;gap:12px;font-size:.9rem;display:flex}.header-user-info strong{color:var(--text-h)}.user-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600}.user-badge.admin{background-color:var(--color-primary-soft);color:#7e22ce}.user-badge.contador{color:#0369a1;background-color:#e0f2fe}.content-body{flex:1;padding:32px}.main-footer{background-color:var(--surface);border-top:1px solid var(--border);color:var(--text-faint);justify-content:space-between;align-items:center;padding:16px 32px;font-size:.85rem;display:flex}.main-footer .footer-links span{cursor:pointer;margin-left:12px;transition:color .2s}.main-footer .footer-links span:hover{color:var(--color-primary)}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:24px;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.card h3{color:var(--text-h);letter-spacing:-.3px;margin-bottom:8px;font-size:1.1rem;font-weight:700}.card h2{letter-spacing:-1px;margin:8px 0 0;font-size:2.25rem;font-weight:800}.kpi-value--primary{color:var(--color-primary)!important}.kpi-value--info{color:var(--color-info)!important}.kpi-value--success{color:var(--color-success)!important}.kpi-value--danger{color:var(--color-danger)!important}.kpi-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:18px;transition:transform .2s,box-shadow .2s}.kpi-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.kpi-card__header{justify-content:space-between;align-items:center;display:flex}.kpi-card__label{color:var(--text-muted);font-size:.85rem;font-weight:600}.kpi-card__value{letter-spacing:-1px;color:var(--text-h);margin-top:10px;font-size:1.8rem;font-weight:800}.kpi-card__foot{color:var(--text-muted);font-size:.78rem}.spinner-overlay{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.spinner{border:4px solid var(--border);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary{background-color:var(--color-primary);color:var(--surface);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 6px -1px #6b21a833}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 6px 12px -2px #6b21a84d}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background-color:var(--surface);color:#475569;border:1px solid var(--border-strong);cursor:pointer;border-radius:10px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 1px 2px #0000000d}.btn-secondary:hover{background-color:var(--bg);border-color:var(--text-faint);color:var(--text-h)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.btn-key:hover{background-color:#fef3c7}.btn-edit:hover{background-color:var(--color-primary-soft)}.btn-danger-icon:hover{background-color:#fef2f2}.btn-success-icon:hover{background-color:#f0fdf4}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;box-sizing:border-box;background-color:#0f172a73;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;animation:.25s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--surface);-webkit-overflow-scrolling:touch;border-radius:20px;width:100%;max-width:550px;max-height:calc(100dvh - 32px);padding:36px;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideUp;overflow-y:auto;transform:translateY(0);box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #0000000d}.modal-content h3{color:var(--text-h);letter-spacing:-.5px;margin-top:0;margin-bottom:8px;font-size:1.5rem;font-weight:700}.modal-content h4{color:var(--text-muted);margin-top:0;margin-bottom:24px;font-size:.95rem;font-weight:400;line-height:1.5}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-group label{color:var(--text);font-size:.85rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-strong);width:100%;color:var(--text-h);background-color:var(--bg);box-sizing:border-box;border-radius:10px;padding:12px 16px;font-family:Inter,sans-serif;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-group input::placeholder,.form-group select::placeholder{color:var(--text-faint)}.form-group input:hover,.form-group select:hover{background-color:var(--bg-alt);border-color:var(--text-faint)}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary);background-color:var(--surface);outline:none;box-shadow:0 0 0 4px #6b21a81a}.modal-actions{border-top:1px solid var(--border);flex-direction:column;gap:12px;width:100%;margin-top:32px;padding-top:24px;display:flex}.modal-actions .btn-secondary,.modal-actions .btn-primary{box-sizing:border-box;cursor:pointer;text-align:center;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;margin-left:0!important}.swal2-container{z-index:3000!important}@media (width<=640px){.modal-content{border-radius:14px;padding:20px}.modal-content h3{font-size:1.15rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.manager-card{background-color:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px 32px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.header-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.header-actions-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.header-actions h2{color:var(--text-h);letter-spacing:-.5px;margin:0;font-size:1.5rem;font-weight:700}.subtitle{color:var(--text-muted);margin-top:6px;font-size:.95rem}.search-input{border:1px solid var(--border-strong);background-color:var(--bg);min-width:280px;color:var(--text-h);border-radius:10px;outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.search-input:hover{background-color:var(--bg-alt);border-color:var(--text-faint)}.search-input:focus{border-color:var(--color-primary);background-color:var(--surface);box-shadow:0 0 0 4px #6b21a81a}.table-responsive{-webkit-overflow-scrolling:touch;border:1px solid #e5e7eb;border-radius:8px;width:100%;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;min-width:900px}.custom-table th,.custom-table td{text-align:left;border-bottom:1px solid var(--border);color:#111827;vertical-align:middle;padding:14px 16px;font-size:.9rem}.custom-table th{color:#4b5563;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:.75rem;font-weight:600}.custom-table tbody tr{background-color:var(--surface);transition:background-color .15s ease-in-out}.custom-table tbody tr:hover{background-color:#f9fafb}.custom-table tbody tr:last-child td{border-bottom:none}.status-badge{letter-spacing:.5px;border-radius:20px;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-block}.status-badge.activo{color:#15803d;background-color:#dcfce7}.status-badge.inactivo{color:#b91c1c;background-color:#fee2e2}.btn-action{cursor:pointer;background-color:var(--bg-alt);border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:inline-flex}.btn-key{color:#eab308}.btn-key:hover{background-color:#fef9c3;transform:translateY(-1px)}.btn-edit{color:var(--color-primary)}.btn-edit:hover{background-color:var(--color-primary-soft);transform:translateY(-1px)}.btn-danger-icon{color:#ef4444}.btn-danger-icon:hover{background-color:#fef2f2;transform:translateY(-1px)}.btn-success-icon{color:#22c55e}.btn-success-icon:hover{background-color:#f0fdf4;transform:translateY(-1px)}.btn-toggle{cursor:pointer;border:none;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s}.btn-toggle.btn-danger{color:#ef4444;background-color:#fee2e2}.btn-toggle.btn-danger:hover{background-color:#fecaca}.btn-toggle.btn-success{color:#22c55e;background-color:#dcfce7}.btn-toggle.btn-success:hover{background-color:#bbf7d0}.menu-toggle{cursor:pointer;color:var(--text-h);background:0 0;border:none;border-radius:8px;padding:6px;display:none}.menu-toggle:hover{background-color:var(--bg-alt)}.sidebar-backdrop{display:none}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:.9rem}@media (width<=900px){.dashboard-container{width:100%;height:auto;min-height:100vh;display:block}.sidebar{z-index:1001;width:260px;height:100vh;box-shadow:var(--shadow-lg);transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:1000;background-color:#0f172a73;display:block;position:fixed;inset:0}.menu-toggle{justify-content:center;align-items:center;display:inline-flex}.main-content{height:auto;min-height:100vh}.main-header{gap:12px;padding:12px 16px}.main-header h2{font-size:1.05rem}.header-user-info{font-size:.8rem}.content-body{padding:16px}.main-footer{flex-direction:column;gap:8px;padding:12px 16px}.header-actions{flex-direction:column;align-items:stretch}.search-input{width:100%;min-width:0}.grid-2,.grid-3{grid-template-columns:1fr}}