:root{--color-bg: #f6f8fc;--color-surface: #ffffff;--color-surface-alt: #f1f3f7;--color-surface-hover: #eaedf2;--color-fg: #0b0d12;--color-fg-strong: #0b0d12;--color-muted: #7c7f86;--color-muted-strong: #5e6166;--color-border: #e4e7ec;--color-border-strong: #d2d5da;--color-primary: #5a67d8;--color-primary-hover: #4c56c0;--color-primary-soft: #eef0fb;--color-primary-soft-hover: #e0e3f7;--color-primary-rgb: 90, 103, 216;--color-accent: #2d2d2d;--color-accent-hover: #1a1a1a;--color-danger: #b42318;--color-danger-hover: #912018;--color-danger-soft: #fde8e9;--color-success: #00a63e;--color-success-soft: #e6f6ec;--color-warning: #e58a00;--color-warning-soft: #fff2dd;--color-info: #2f6fe4;--color-info-soft: #e6eefc;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 6px;--radius: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(16, 24, 40, .04);--shadow-sm: 0 1px 3px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .04);--shadow-md: 0 8px 24px rgba(16, 24, 40, .08);--shadow-lg: 0 20px 40px rgba(16, 24, 40, .12), 0 4px 8px rgba(16, 24, 40, .05);--shadow-focus: 0 0 0 3px rgba(var(--color-primary-rgb), .18);--shadow-primary: 0 4px 12px rgba(var(--color-primary-rgb), .28);--font-sans: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--transition: .15s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--color-fg);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;font-size:inherit}input,select,textarea{font-family:inherit;font-size:14px}input:focus,select:focus,textarea:focus{outline:none}a{color:var(--color-primary)}.app-shell{display:flex;flex-direction:column;height:100vh;height:100dvh}.app-header-wrap{flex-shrink:0;position:relative;z-index:10;background:var(--color-bg)}.app-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-5);height:64px;padding:0 var(--space-6)}.app-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;color:inherit;text-decoration:none}.app-brand-logo{width:38px;height:38px;border-radius:var(--radius);background:var(--color-primary);color:#fff;box-shadow:var(--shadow-primary);display:grid;place-items:center;font-size:19px}.app-brand b{display:block;font-size:15px;font-weight:600;line-height:1.1;color:var(--color-fg-strong);white-space:nowrap}.app-brand small{font-size:11px;color:var(--color-muted-strong)}.app-user{display:flex;align-items:center;gap:8px;justify-self:end;flex-shrink:0;white-space:nowrap}.app-user-nombre{color:var(--color-muted);font-size:13px}.app-nav{display:flex;justify-self:center;max-width:100%;gap:2px;padding:4px;background:var(--color-surface);border-radius:var(--radius-pill);box-shadow:var(--shadow-xs);min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.app-nav::-webkit-scrollbar{display:none}.app-nav a{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;color:var(--color-fg);text-decoration:none;border-radius:var(--radius-pill);font-size:13px;font-weight:500;white-space:nowrap;flex-shrink:0;transition:background var(--transition),color var(--transition)}.app-nav a svg{opacity:.8;flex-shrink:0}.app-nav a:not(.active):hover{color:var(--color-fg-strong);background:var(--color-surface-alt)}.app-nav a.active{color:#fff;background:var(--color-accent)}.app-nav a.active svg{opacity:1}@media (max-width: 1280px){.app-nav a{padding:8px 12px;gap:5px}.app-header{gap:var(--space-4)}}@media (max-width: 1100px){.app-nav a:not(.active) .nav-label{display:none}.app-nav a:not(.active){padding:8px 10px}.app-user .app-user-nombre{display:none}}.app-subnav{display:flex;justify-content:center;gap:2px;padding:2px var(--space-6) 8px;overflow-x:auto;scrollbar-width:none}.app-subnav::-webkit-scrollbar{display:none}.app-subnav a{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;color:var(--color-muted-strong);text-decoration:none;border-radius:var(--radius-pill);font-size:12.5px;font-weight:500;white-space:nowrap;transition:background var(--transition),color var(--transition)}.app-subnav a:hover{color:var(--color-fg-strong);background:var(--color-surface-hover)}.app-subnav a.active{color:var(--color-fg-strong);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border),var(--shadow-xs)}.app-main{flex:1 1 auto;min-height:0;padding:var(--space-6) var(--space-8);overflow:auto;width:100%}.app-main-inner{max-width:1600px;margin:0 auto}@media (max-width: 760px){.app-header{grid-template-columns:1fr auto;grid-template-areas:"marca usuario" "nav nav";height:auto;row-gap:8px;padding:10px var(--space-4) 6px}.app-brand{grid-area:marca}.app-user{grid-area:usuario}.app-nav{grid-area:nav;justify-self:stretch}.app-brand small{display:none}.app-subnav{justify-content:flex-start;padding:2px var(--space-4) 8px}.app-main{padding:var(--space-4)}}.ds-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted-strong);cursor:pointer;font-size:16px;transition:background var(--transition),color var(--transition),border-color var(--transition)}.ds-icon-btn:hover{background:var(--color-surface-hover);color:var(--color-fg-strong);border-color:var(--color-border-strong)}.ds-icon-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.ds-icon-btn.danger:hover{background:var(--color-danger-soft);color:var(--color-danger);border-color:#f8c6c9}.ds-icon-btn-sm{width:28px;height:28px;font-size:14px;border-radius:var(--radius-sm)}.ds-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 16px;margin-bottom:var(--space-5);border-radius:var(--radius-md);border:1px solid #f7ddb0;background:var(--color-warning-soft);color:#7a4a00;font-size:13.5px}.ds-banner>svg{font-size:18px;flex-shrink:0}.ds-banner-texto{flex:1 1 260px}.ds-banner.danger{border-color:#f8c6c9;background:var(--color-danger-soft);color:#8a1c13}.ds-banner.info{border-color:#c4d6f8;background:var(--color-info-soft);color:#1d4ea8}.page-header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;margin-bottom:var(--space-6);gap:var(--space-4)}.page-header h1{margin:0;display:flex;align-items:center;gap:10px;font-size:28px;line-height:1.2;font-weight:600;letter-spacing:-.02em;color:var(--color-fg-strong)}.page-header p{margin:6px 0 0;color:var(--color-muted);font-size:13px;max-width:720px}.page-header-acciones{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 760px){.page-header{margin-bottom:var(--space-4)}.page-header h1{font-size:22px}}.ds-card{background:var(--color-surface);border:1px solid #edf0f4;border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.ds-field{display:flex;flex-direction:column;gap:6px}.ds-field-label{font-size:12.5px;font-weight:500;color:var(--color-muted-strong);letter-spacing:.1px}.ds-field-help{font-size:12px;color:var(--color-muted)}.ds-field-error{font-size:12px;color:var(--color-danger)}.ds-textarea{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-fg-strong);font-size:14px;line-height:1.45;resize:vertical;min-height:72px;transition:border-color var(--transition),box-shadow var(--transition)}.ds-textarea:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.ds-check{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13.5px}.ds-check input{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.ds-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3)}.ds-grid{display:grid;gap:var(--space-4)}.ds-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 900px){.ds-grid-3,.ds-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.ds-grid-2,.ds-grid-3,.ds-grid-4{grid-template-columns:1fr}}.ds-stack{display:flex;flex-direction:column;gap:var(--space-4)}.ds-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.ds-spacer{flex:1 1 auto}.ds-muted{color:var(--color-muted)}.ds-num{font-variant-numeric:tabular-nums}.ds-text-right{text-align:right}.ds-empty{padding:40px 24px;text-align:center;color:var(--color-muted);font-size:13px}.ds-empty>svg{display:block;margin:0 auto 10px;font-size:28px;color:var(--color-border-strong)}.ds-spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px}@keyframes ds-fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ds-pop-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.ds-modal-backdrop{animation:ds-fade-in .12s ease-out}.ds-modal-content{animation:ds-pop-in .16s cubic-bezier(.18,.89,.32,1.28)}@keyframes ds-drawer-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.ds-drawer-backdrop{animation:ds-fade-in .16s ease-out}.ds-drawer-panel{animation:ds-drawer-slide .22s cubic-bezier(.22,.61,.36,1)}@keyframes ds-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:6px;border:2px solid var(--color-bg)}*::-webkit-scrollbar-thumb:hover{background:#a1a1aa}@keyframes led-pulse{0%{box-shadow:0 0 #16a34a8c}70%{box-shadow:0 0 0 6px #16a34a00}to{box-shadow:0 0 #16a34a00}}@keyframes card-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-rise{animation:card-rise .36s cubic-bezier(.16,1,.3,1) both}.eyebrow{font-size:10.5px;text-transform:uppercase;letter-spacing:.8px;font-weight:600;color:var(--color-muted)}.metric{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.5px;color:var(--color-fg-strong)}.preset-chip{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted-strong);font-size:12px;font-weight:500;padding:5px 10px;border-radius:999px;cursor:pointer;transition:all .14s ease;letter-spacing:.1px}.preset-chip:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover);color:var(--color-fg-strong)}.preset-chip.active{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-surface)}.ds-tabla{width:100%;border-collapse:separate;border-spacing:0 6px;font-size:13.5px}.ds-tabla th{text-align:left;font-weight:500;font-size:12px;color:var(--color-muted-strong);padding:4px 14px;white-space:nowrap}.ds-tabla td{background:var(--color-surface-alt);padding:10px 14px;vertical-align:middle;transition:background var(--transition)}.ds-tabla td:first-child{border-radius:var(--radius) 0 0 var(--radius);color:var(--color-fg-strong);font-weight:500}.ds-tabla td:last-child{border-radius:0 var(--radius) var(--radius) 0}.ds-tabla tbody tr:hover td{background:var(--color-surface-hover)}.ds-tabla-densa{border-spacing:0;font-size:13px}.ds-tabla-densa th{padding:6px 8px;font-size:11.5px}.ds-tabla-densa td{background:transparent;padding:3px 8px;height:32px;border-top:1px solid var(--color-border)}.ds-tabla-densa td:first-child,.ds-tabla-densa td:last-child{border-radius:0}.ds-tabla-densa tbody tr.ds-tabla-pie td,.ds-tabla-densa tbody tr.ds-tabla-pie:hover td{background:transparent}.ds-tabla tbody tr.ds-row-activa td{background:var(--color-primary-soft)}.ds-tabla tbody tr.ds-row-activa td:first-child{box-shadow:inset 3px 0 0 var(--color-primary)}@keyframes tab-alerta-latido{0%,to{box-shadow:0 0 #b4231873}50%{box-shadow:0 0 0 5px #b4231800}}.ds-tab{background:transparent}.ds-tab:not([aria-selected=true]):not(.tab-alerta):hover{background:var(--color-surface-alt)}.tab-alerta{animation:tab-alerta-latido 1.6s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.tab-alerta{animation:none;outline:2px solid var(--color-danger);outline-offset:-2px}.fade-rise,.ds-modal-content,.ds-drawer-panel{animation:none}}@media print{.app-header-wrap,.ds-banner,.no-print{display:none!important}.app-main{padding:0;overflow:visible}.app-shell{height:auto}body{background:#fff}}.ds-input::placeholder,.ds-textarea::placeholder{color:var(--color-muted)}.ds-input:hover:not(:disabled):not(:focus),.ds-textarea:hover:not(:disabled):not(:focus){border-color:var(--color-border-strong)}.ds-input:focus{border-color:var(--color-primary)!important;box-shadow:var(--shadow-focus)}.ds-input:disabled,.ds-textarea:disabled{background:var(--color-surface-alt);color:var(--color-muted);cursor:not-allowed}@keyframes ds-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ds-skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#edf0f7,#f5f6fa,#edf0f7);background-size:200% 100%;animation:ds-shimmer 1.4s infinite}.recharts-tooltip-wrapper .recharts-default-tooltip{border-radius:var(--radius-sm)!important;border:1px solid var(--color-border)!important;box-shadow:var(--shadow-md)!important;font-size:.82rem!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--color-border)!important}.recharts-legend-item-text{font-size:.78rem!important}.ds-toasts{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:8px;max-width:calc(100vw - 40px);pointer-events:none}@media (max-width: 640px){.ds-toasts{inset:12px 12px auto;max-width:none}}