@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400&display=swap";:root{--color-primary:#1e3a5f;--color-action:#2563eb;--color-secondary:#0d9488;--color-bg:#f1f5f9;--color-surface:#fff;--color-text:#0f172a;--color-muted:#64748b;--color-success:#16a34a;--color-warning:#d97706;--color-error:#dc2626;--color-border:#e2e8f0;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:12px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 16px #0000001f;--sidebar-width:240px;--content-max-width:1280px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);line-height:1.5}.font-mono{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.02em}a{color:var(--color-action);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-sans);font-size:var(--text-base);cursor:pointer;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);border:none;font-weight:500;transition:opacity .15s,background-color .15s}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-action);color:#fff;padding:var(--space-3) var(--space-6);font-size:var(--text-sm)}.btn-primary:hover:not(:disabled){background-color:#1d4ed8}.btn-secondary{color:var(--color-action);border:1px solid var(--color-action);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);background-color:#0000}.btn-secondary:hover:not(:disabled){background-color:#eff6ff}.badge{padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);align-items:center;font-weight:500;display:inline-flex}.badge-success{color:var(--color-success);background-color:#dcfce7}.badge-warning{color:var(--color-warning);background-color:#fef3c7}.badge-error{color:var(--color-error);background-color:#fee2e2}.badge-muted{color:var(--color-muted);background-color:#f1f5f9}#notif-bell-container{position:relative}.notif-bell{cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;padding:4px 6px;font-size:20px;transition:background .15s;position:relative}.notif-bell:hover{background:#0000000f}.notif-badge{background:var(--color-error);color:#fff;pointer-events:none;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-2px;right:-4px}.notif-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:320px;box-shadow:var(--shadow-md);z-index:200;position:absolute;top:calc(100% + 8px);right:0}.notif-dropdown[hidden]{display:none}.notif-dropdown-header{font-size:var(--text-sm);color:var(--color-text);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-weight:600}.notif-empty{font-size:var(--text-sm);color:var(--color-muted);padding:var(--space-4);margin:0}.notif-item{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);border-left:3px solid #0000}.notif-item:last-child{border-bottom:none}.notif-item--warning{border-left-color:var(--color-warning);background:#fffbeb}.notif-item--error{border-left-color:var(--color-error);background:#fff5f5}.notif-item--read{opacity:.6}.notif-item-titulo{font-size:var(--text-sm);color:var(--color-text);margin-bottom:2px;font-weight:600}.notif-item-texto{font-size:var(--text-xs);color:var(--color-muted)}.notif-item-accion{font-size:var(--text-xs);color:var(--color-action);margin-top:4px;font-weight:600;display:inline-block}.notif-toast{z-index:9999;border-radius:var(--radius-lg);border-left:4px solid var(--color-warning);align-items:flex-start;gap:var(--space-3);max-width:340px;padding:var(--space-4);opacity:0;pointer-events:none;background:#fff;transition:opacity .25s,transform .25s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(12px);box-shadow:0 4px 24px #00000024}.notif-toast--error{border-left-color:var(--color-error)}.notif-toast--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.notif-toast-body{flex:1}.notif-toast-title{font-size:var(--text-sm);color:var(--color-text);margin-bottom:2px;font-weight:600;display:block}.notif-toast-text{font-size:var(--text-xs);color:var(--color-muted);display:block}.notif-toast-btn{font-size:var(--text-xs);color:var(--color-action);white-space:nowrap;align-self:center;font-weight:600}.notif-toast-close{cursor:pointer;color:var(--color-muted);background:0 0;border:none;align-self:flex-start;padding:0;font-size:18px;line-height:1}