:root{--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--bg-primary:#f8fafc;--bg-surface:#fff;--bg-surface-glass:#ffffffd9;--bg-surface-elevated:#fff;--bg-input:#f1f5f9;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--border-subtle:#e2e8f0;--border-focus:#0284c7;--shadow-sm:0 1px 3px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000000d;--brand-primary:#0284c7;--brand-secondary:#0f172a;--brand-accent:#38bdf8;--brand-gradient:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);--brand-glow:#0284c740;--status-active:#10b981;--status-pending:#f59e0b;--status-error:#ef4444;--status-info:#3b82f6;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-primary:#090d16;--bg-surface:#111827;--bg-surface-glass:#111827e0;--bg-surface-elevated:#1f2937;--bg-input:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--text-light:#64748b;--border-subtle:#1f293d;--border-focus:#38bdf8;--shadow-sm:0 1px 3px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #000000b3;--brand-glow:#38bdf84d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;display:flex}.glass-panel{background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);padding:1.5rem}.card:hover{border-color:var(--brand-primary)}.btn{font-family:var(--font-heading);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--brand-primary);color:#fff;box-shadow:0 4px 12px var(--brand-glow)}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 6px 16px var(--brand-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-main);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--border-subtle)}.btn-danger{color:#fff;background:#ef4444}.btn-danger:hover{background:#dc2626}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.input-group{flex-direction:column;gap:.375rem;margin-bottom:1rem;display:flex}.input-label{color:var(--text-main);font-size:.875rem;font-weight:500}.input-field{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-input);width:100%;color:var(--text-main);font-family:var(--font-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.625rem .875rem;font-size:.875rem}.input-field:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-glow);outline:none}.badge{border-radius:var(--radius-full);text-transform:capitalize;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-activo{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.badge-baja_pendiente{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-inactivo,.badge-eliminado{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.tabs-container{border-bottom:1px solid var(--border-subtle);gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.tab-button{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.tab-button:hover{color:var(--text-main);background:var(--bg-surface-elevated)}.tab-button.active{color:var(--brand-primary);background:var(--brand-glow);box-shadow:inset 0 -2px 0 var(--brand-primary)}.report-viewport{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);flex:1;width:100%;min-height:calc(100vh - 160px);position:relative;overflow:hidden}.report-iframe{border:none;width:100%;height:100%;min-height:calc(100vh - 160px)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:550px;box-shadow:var(--shadow-xl);padding:2rem;animation:.25s slideUp;position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.75rem;width:calc(100% - 2rem);max-width:380px;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast-item{pointer-events:auto;border-radius:var(--radius-lg);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xl);color:var(--text-main);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:.75rem;padding:.875rem 1rem;font-size:.875rem;animation:.2s slideUp;display:flex}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-message{flex:1;font-weight:500;line-height:1.4}.toast-close-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;align-items:center;padding:.2rem;display:flex}.toast-close-btn:hover{color:var(--text-main)}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{color:#10b981}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{color:#3b82f6}.spotlight-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5000;background:#0f172ab8;transition:all .25s;position:fixed;inset:0}.spotlight-target-highlight{border-radius:var(--radius-lg);box-shadow:0 0 0 4px var(--brand-primary), 0 0 30px #0284c799;pointer-events:none;z-index:5001;transition:all .25s cubic-bezier(.4,0,.2,1);position:fixed}.anchored-popover{z-index:5002;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:calc(100vw - 2rem);max-width:420px;padding:1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);animation:.2s slideUp;position:fixed}.preview-container{border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);transition:all var(--transition-normal);overflow:hidden}.preview-container.preview-dark{color:#f8fafc;background:#0f172a}.preview-container.preview-light{color:#0f172a;background:#fff}.palette-preset-btn{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface);cursor:pointer;color:var(--text-main);transition:all var(--transition-fast);align-items:center;gap:.5rem;padding:.45rem .75rem;font-size:.75rem;font-weight:600;display:flex}.palette-preset-btn:hover{border-color:var(--brand-primary);transform:translateY(-1px)}@media (width<=768px){.card{padding:1rem}.tabs-container{gap:.25rem}.tab-button{padding:.4rem .75rem;font-size:.8rem}.toast-container{width:auto;bottom:1rem;left:1rem;right:1rem}.anchored-popover{max-width:none;left:1rem!important;right:1rem!important}}