.login-container{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.bg-pattern,.login-background{inset:0;position:absolute}.bg-pattern{background-image:radial-gradient(circle at 25% 25%,#3b82f61a 0,#0000 50%),radial-gradient(circle at 75% 75%,#8b5cf61a 0,#0000 50%)}.login-card{background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;max-width:480px;padding:40px;position:relative;width:100%;z-index:10}.login-header{margin-bottom:32px;text-align:center}.login-logo{align-items:center;display:flex;justify-content:center;margin-bottom:24px}.logo-brand{align-items:baseline;display:flex;gap:3px}.logo-invex{color:#a31630;font-size:48px;font-weight:700;letter-spacing:-2px}.logo-banco,.logo-invex{font-family:Arial,sans-serif;line-height:1}.logo-banco{color:#1a1a1a;font-size:36px;font-weight:400;letter-spacing:.5px}.login-title-section{padding-top:16px;position:relative}.login-title-section:before{background:linear-gradient(90deg,#a31630,#8b1538);border-radius:2px;content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:60px}.login-header h2{color:#0f172a;font-size:22px;font-weight:600;margin-bottom:6px}.login-header p{color:#64748b;font-size:14px}.auth-method-selector{display:flex;gap:12px;margin-bottom:24px}.method-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .2s}.method-btn.active,.method-btn:hover{border-color:#a31630;color:#a31630}.method-btn.active{background:#fdf2f4}.login-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:13px;gap:8px;margin-bottom:16px;padding:12px 16px}.login-form{display:flex;flex-direction:column;gap:20px}.login-form .form-group{margin-bottom:0}.login-form .form-group label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.input-wrapper{position:relative}.input-icon{color:#94a3b8;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.input-wrapper input{border:2px solid #e2e8f0;border-radius:10px;font-size:14px;padding:14px 14px 14px 44px;transition:all .2s;width:100%}.input-wrapper input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.login-btn{background:linear-gradient(135deg,#a31630,#8b1538);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:16px;transition:all .2s}.login-btn:hover{box-shadow:0 8px 20px #a316304d;transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.facial-login{text-align:center}.camera-container{background:#0f172a;border-radius:16px;height:280px;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.camera-video{height:100%;object-fit:cover;width:100%}.camera-placeholder{color:#64748b;flex-direction:column;gap:12px;height:100%}.camera-placeholder,.face-overlay{align-items:center;display:flex;justify-content:center}.face-overlay{inset:0;position:absolute}.face-frame{border:3px solid #ffffff80;border-radius:50% 50% 45% 45%;height:220px;position:relative;width:180px}.face-overlay.scanning .face-frame{animation:pulse 1s infinite;border-color:#3b82f6}.face-overlay.detected .face-frame{border-color:#10b981}.corner{border:3px solid #fff;height:20px;position:absolute;width:20px}.corner.tl{border-radius:8px 0 0 0;border-right:none;left:-10px}.corner.tl,.corner.tr{border-bottom:none;top:-10px}.corner.tr{border-left:none;border-radius:0 8px 0 0;right:-10px}.corner.bl{border-radius:0 0 0 8px;border-right:none;left:-10px}.corner.bl,.corner.br{border-top:none;bottom:-10px}.corner.br{border-left:none;border-radius:0 0 8px 0;right:-10px}.scanning-indicator{inset:0;overflow:hidden;position:absolute}.scan-line{animation:scan 2s linear infinite;background:linear-gradient(90deg,#0000,#3b82f6,#0000);height:3px;left:0;position:absolute;right:0}@keyframes scan{0%{top:0}to{top:100%}}.face-detected-badge{align-items:center;background:#10b981;border-radius:20px;bottom:20px;color:#fff;display:flex;font-size:13px;font-weight:600;gap:8px;left:50%;padding:10px 20px;position:absolute;transform:translateX(-50%)}.facial-instructions p{color:#64748b;font-size:13px;margin-bottom:16px}.scan-btn{align-items:center;background:linear-gradient(135deg,#a31630,#8b1538);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:14px 32px;transition:all .2s}.scan-btn:hover:not(:disabled){box-shadow:0 8px 20px #a316304d;transform:translateY(-2px)}.scan-btn:disabled{cursor:not-allowed;opacity:.6}.registered-users{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:24px}.registered-users>p{color:#64748b;font-size:12px;margin-bottom:12px}.user-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.user-chip{align-items:center;background:#d1fae5;border-radius:20px;color:#059669;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px}.demo-credentials{background:#f8fafc;border-radius:10px;font-size:12px;margin-top:24px;padding:16px}.demo-credentials>p{color:#64748b;font-weight:600;margin-bottom:10px}.credentials-list{display:flex;flex-direction:column;gap:6px}.credentials-list span{background:#fff;border-radius:6px;color:#374151;font-family:JetBrains Mono,monospace;font-size:11px;padding:8px 12px}.sidebar{background:linear-gradient(180deg,#0f172a,#1e293b);display:flex;flex-direction:column;height:100vh;position:fixed;transition:width .3s cubic-bezier(.16,1,.3,1);width:280px;z-index:100}.sidebar-header{border-bottom:1px solid #ffffff14;padding:24px}.logo-container{display:flex;flex-direction:column;gap:8px}.logo-invex{align-items:baseline;display:flex;gap:2px}.logo-invex-text{color:#a31630;font-family:Arial,sans-serif;font-size:32px;font-weight:700;letter-spacing:-1px;text-shadow:0 2px 4px #0003}.logo-banco-text{color:#fff;font-family:Arial,sans-serif;font-size:24px;font-weight:400;letter-spacing:.5px;opacity:.95}.logo-subtitle-container{padding-left:2px}.logo-subtitle{color:#64748b;font-size:10px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase}.role-badge{border-radius:10px;display:flex;flex-direction:column;gap:2px;margin:16px;padding:12px 16px}.role-name{font-size:13px;font-weight:600}.role-area{font-size:11px;opacity:.8}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:8px 12px}.nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;overflow:hidden;padding:12px 16px;position:relative;text-align:left;transition:all .25s cubic-bezier(.16,1,.3,1);width:100%}.nav-item:before{background:#3b82f6;border-radius:0 2px 2px 0;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .2s cubic-bezier(.16,1,.3,1);width:3px}.nav-item:hover{background:#3b82f61a;color:#fff;transform:translateX(4px)}.nav-item:hover:before{height:60%}.nav-item:active{transform:translateX(2px) scale(.98)}.nav-item.active{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff;transform:translateX(0)}.nav-item.active:before{height:0}.nav-icon{flex-shrink:0;height:20px;width:20px}.nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{border-top:1px solid #ffffff14;justify-content:space-between;padding:16px}.sidebar-footer,.user-info{align-items:center;display:flex}.user-info{gap:12px}.user-avatar{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:12px;font-weight:600;height:36px;justify-content:center;width:36px}.user-details{display:flex;flex-direction:column}.user-name{color:#fff;font-size:13px;font-weight:600}.user-role{color:#64748b;font-size:11px}.logout-btn{background:#ffffff0d;border:none;border-radius:6px;color:#64748b;cursor:pointer;padding:8px;transition:all .2s}.logout-btn:hover{background:#ef444433;color:#ef4444}.mobile-menu-btn{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border:none;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;left:16px;position:fixed;top:16px;transition:all .3s cubic-bezier(.16,1,.3,1);width:48px;z-index:200}.mobile-menu-btn:hover{box-shadow:0 6px 16px #0003;transform:scale(1.05)}.mobile-menu-btn:active{transform:scale(.95)}.mobile-menu-btn.active{background:linear-gradient(135deg,#a31630,#8b1538)}.sidebar-overlay{animation:overlayFadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:99}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.sidebar{box-shadow:none;transform:translateX(-100%)}.sidebar.open{box-shadow:0 0 40px #0000004d;transform:translateX(0)}.logo-text,.nav-label,.role-badge,.user-details{display:flex}.nav-item{justify-content:flex-start;padding:12px 16px}.sidebar-footer{flex-direction:row}}@media (max-width:480px){.sidebar{width:100%}.mobile-menu-btn{height:44px;left:12px;top:12px;width:44px}}:root{--dash-primary:#3b82f6;--dash-primary-dark:#2563eb;--dash-success:#10b981;--dash-success-dark:#059669;--dash-warning:#f59e0b;--dash-warning-dark:#d97706;--dash-danger:#ef4444;--dash-danger-dark:#dc2626;--dash-gray-50:#f9fafb;--dash-gray-100:#f3f4f6;--dash-gray-200:#e5e7eb;--dash-gray-300:#d1d5db;--dash-gray-400:#9ca3af;--dash-gray-500:#6b7280;--dash-gray-600:#4b5563;--dash-gray-700:#374151;--dash-gray-800:#1f2937;--dash-shadow-sm:0 1px 2px 0 #0000000d;--dash-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--dash-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--dash-radius:12px;--dash-radius-lg:16px}.dashboard-wrapper{animation:dashFadeIn .4s ease-out;margin:0 auto;max-width:1600px;padding:24px}@keyframes dashFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:16px;border-radius:var(--dash-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--dash-shadow-lg);color:#fff;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px}.header-content{gap:16px}.header-content,.header-icon{align-items:center;display:flex}.header-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:12px;height:56px;justify-content:center;width:56px}.header-icon svg{color:#fff}.dashboard-header .header-text h1{color:#fff!important;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.dashboard-header .header-text p{color:#ffffffe6!important;font-size:14px;margin:4px 0 0}.refresh-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:none;color:#fff;transition:all .2s ease}.refresh-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.kpis-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media (max-width:1200px){.kpis-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.kpis-grid{grid-template-columns:1fr}}.kpi-card{animation:kpiSlideIn .5s cubic-bezier(.16,1,.3,1) forwards;border:1px solid #f3f4f6;border:1px solid var(--dash-gray-100);border-radius:16px;border-radius:var(--dash-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--dash-shadow);opacity:0;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.kpi-card:first-child{animation-delay:.1s}.kpi-card:nth-child(2){animation-delay:.2s}.kpi-card:nth-child(3){animation-delay:.3s}.kpi-card:nth-child(4){animation-delay:.4s}@keyframes kpiSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.kpi-card:before{border-radius:16px 16px 0 0;border-radius:var(--dash-radius-lg) var(--dash-radius-lg) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.kpi-card.primary:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.kpi-card.success:before{background:linear-gradient(90deg,#10b981,#34d399)}.kpi-card.warning:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.kpi-card.danger:before{background:linear-gradient(90deg,#ef4444,#f87171)}.kpi-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--dash-shadow-lg);transform:translateY(-4px)}.kpi-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.kpi-icon-wrapper{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.kpi-icon-wrapper.primary{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6;color:var(--dash-primary)}.kpi-icon-wrapper.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#10b981;color:var(--dash-success)}.kpi-icon-wrapper.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#f59e0b;color:var(--dash-warning)}.kpi-icon-wrapper.danger{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#ef4444;color:var(--dash-danger)}.kpi-trend{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:600;gap:4px;padding:4px 8px}.kpi-trend.up{background:#d1fae5;color:#10b981;color:var(--dash-success)}.kpi-trend.down{background:#fee2e2;color:#ef4444;color:var(--dash-danger)}.kpi-body{display:flex;flex-direction:column;gap:4px}.kpi-value{color:#1f2937;color:var(--dash-gray-800);font-family:JetBrains Mono,monospace;font-size:32px;letter-spacing:-1px}.kpi-label{color:#6b7280;color:var(--dash-gray-500);font-size:14px;font-weight:500}.kpi-footer{border-top:1px solid #f3f4f6;border-top:1px solid var(--dash-gray-100);margin-top:12px;padding-top:12px}.kpi-footer span{color:#6b7280;color:var(--dash-gray-500);font-size:12px}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}.card{border:1px solid #f3f4f6;border:1px solid var(--dash-gray-100);border-radius:16px;border-radius:var(--dash-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--dash-shadow);overflow:hidden}.card-header{background:#f9fafb;background:var(--dash-gray-50);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--dash-gray-100);padding:16px 20px}.card-header h3{align-items:center;color:#1f2937;color:var(--dash-gray-800);display:flex;gap:8px}.card-header h3 svg{color:#3b82f6;color:var(--dash-primary)}.card-body{padding:20px}.status-bars{gap:16px}.status-bar-item,.status-bars{display:flex;flex-direction:column}.status-bar-item{gap:8px}.status-bar-header{align-items:center;display:flex;justify-content:space-between}.status-label{align-items:center;color:#374151;color:var(--dash-gray-700);display:flex;font-size:14px;font-weight:500;gap:8px}.status-label .text-success{color:#10b981;color:var(--dash-success)}.status-label .text-warning{color:#f59e0b;color:var(--dash-warning)}.status-label .text-danger{color:#ef4444;color:var(--dash-danger)}.status-count{color:#4b5563;color:var(--dash-gray-600);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600}.status-bar{background:#f3f4f6;background:var(--dash-gray-100);border-radius:4px;height:8px;overflow:hidden}.status-bar-fill{border-radius:4px;height:100%;transition:width .6s ease}.status-bar-fill.success{background:linear-gradient(90deg,#10b981,#34d399)}.status-bar-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.status-bar-fill.danger{background:linear-gradient(90deg,#ef4444,#f87171)}.status-summary{border-top:1px solid #f3f4f6;border-top:1px solid var(--dash-gray-100);display:flex;flex-direction:column;gap:12px;margin-top:20px;padding-top:20px}.summary-item{align-items:center;color:#4b5563;color:var(--dash-gray-600);font-size:14px;gap:10px}.summary-item svg{color:#3b82f6;color:var(--dash-primary)}.summary-item strong{color:#1f2937;color:var(--dash-gray-800)}.actions-list{display:flex;flex-direction:column;gap:8px}.action-item{align-items:center;background:#f9fafb;background:var(--dash-gray-50);border:1px solid #f3f4f6;border:1px solid var(--dash-gray-100);border-radius:12px;border-radius:var(--dash-radius);cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.action-item:hover{background:#fff;border-color:#3b82f6;border-color:var(--dash-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--dash-shadow);transform:translateX(4px)}.action-item:hover .action-icon{background:#3b82f6;background:var(--dash-primary);color:#fff}.action-icon{align-items:center;background:#fff;border-radius:10px;color:#3b82f6;color:var(--dash-primary);display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.action-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.action-title{color:#1f2937;color:var(--dash-gray-800);font-size:14px;font-weight:600}.action-desc{color:#6b7280;color:var(--dash-gray-500);font-size:12px}.action-item>svg:last-child{color:#9ca3af;color:var(--dash-gray-400);transition:all .2s ease}.action-item:hover>svg:last-child{color:#3b82f6;color:var(--dash-primary);transform:translateX(4px)}.products-table{margin-bottom:24px}.view-all-btn{align-items:center;background:#3b82f6;background:var(--dash-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.view-all-btn:hover{background:#2563eb;background:var(--dash-primary-dark);transform:translateX(4px)}.table-container{overflow-x:auto}.table-container table{border-collapse:collapse;width:100%}.table-container th{background:#f9fafb;background:var(--dash-gray-50);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--dash-gray-200);color:#6b7280;color:var(--dash-gray-500);font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.table-container td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--dash-gray-100);color:#374151;color:var(--dash-gray-700);font-size:14px;padding:14px 16px}.table-container tbody tr{transition:background .2s ease}.table-container tbody tr:hover{background:#f9fafb;background:var(--dash-gray-50)}.product-cell{display:flex;flex-direction:column;gap:2px}.product-id{color:#3b82f6;color:var(--dash-primary)}.product-name{color:#4b5563;color:var(--dash-gray-600);font-size:13px}.cell-total{color:#1f2937;color:var(--dash-gray-800);font-weight:600}.cell-progress{width:100px}.progress-mini{background:#f3f4f6;background:var(--dash-gray-100);border-radius:3px;height:6px;overflow:hidden}.progress-mini-fill{border-radius:3px;height:100%;transition:width .4s ease}.progress-mini-fill.success{background:linear-gradient(90deg,#10b981,#34d399)}.progress-mini-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.progress-mini-fill.danger{background:linear-gradient(90deg,#ef4444,#f87171)}.btn-action{background:#f3f4f6;background:var(--dash-gray-100);border-radius:8px;color:var(--dash-gray-500);transition:all .2s ease}.btn-action:hover{background:#3b82f6;background:var(--dash-primary);color:#fff}.alerts-section{margin-bottom:24px}.alerts-list{display:flex;flex-direction:column;gap:12px}.alert-item{align-items:center;border-left:4px solid;border-radius:12px;border-radius:var(--dash-radius);display:flex;gap:16px;padding:16px;transition:all .2s ease}.alert-item.warning{background:#fffbeb;border-left-color:#f59e0b;border-left-color:var(--dash-warning)}.alert-item.danger{background:#fef2f2;border-left-color:#ef4444;border-left-color:var(--dash-danger)}.alert-item:hover{transform:translateX(4px)}.alert-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.alert-item.warning .alert-icon{background:#fef3c7;color:#f59e0b;color:var(--dash-warning)}.alert-item.danger .alert-icon{background:#fee2e2;color:#ef4444;color:var(--dash-danger)}.alert-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.alert-title{color:#1f2937;color:var(--dash-gray-800);font-size:14px;font-weight:600}.alert-desc{color:#4b5563;color:var(--dash-gray-600);font-size:13px}.alert-action{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.alert-item.warning .alert-action{background:#f59e0b;background:var(--dash-warning);color:#fff}.alert-item.warning .alert-action:hover{background:#d97706;background:var(--dash-warning-dark)}.alert-item.danger .alert-action{background:#ef4444;background:var(--dash-danger);color:#fff}.alert-item.danger .alert-action:hover{background:#dc2626;background:var(--dash-danger-dark)}.dashboard-loading{align-items:center;color:#6b7280;color:var(--dash-gray-500);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.dashboard-loading svg{color:#3b82f6;color:var(--dash-primary)}.dashboard-loading p{font-size:16px;margin:0}.dashboard-error{align-items:center;color:#4b5563;color:var(--dash-gray-600);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px;padding:40px;text-align:center}.dashboard-error svg{color:#ef4444;color:var(--dash-danger)}.dashboard-error h3{color:#374151;color:var(--dash-gray-700);font-size:18px;margin:0}.dashboard-error button{background:#3b82f6;background:var(--dash-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:8px;padding:10px 24px;transition:all .2s ease}.dashboard-error button:hover{background:#2563eb;background:var(--dash-primary-dark)}@media (max-width:768px){.dashboard-wrapper{padding:16px}.dashboard-header{gap:16px;text-align:center}.dashboard-header,.header-content{flex-direction:column}.dashboard-header .header-text h1{font-size:22px}.kpi-value{font-size:26px}.action-item{padding:10px 12px}.alert-item{flex-direction:column;gap:12px;text-align:center}.table-container{font-size:13px}.table-container td,.table-container th{padding:10px 12px}}.inventario-historial{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.historial-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.header-title{align-items:center;display:flex;gap:10px}.header-title h3{color:#1f2937;font-size:16px;font-weight:600;margin:0}.header-title svg{color:#6b7280}.header-controls{align-items:center;display:flex;gap:16px}.anio-selector{background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:8px;padding:4px}.anio-btn,.anio-selector{align-items:center;display:flex}.anio-btn{background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;height:28px;justify-content:center;transition:all .2s;width:28px}.anio-btn:hover:not(:disabled){background:#f3f4f6;color:#1f2937}.anio-btn:disabled{cursor:not-allowed;opacity:.4}.anio-value{align-items:center;color:#1f2937;display:flex;font-weight:600;gap:6px;padding:0 8px}.vista-toggle{padding:2px}.toggle-btn{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.toggle-btn.active{background:#fff;box-shadow:0 1px 2px #0000001a;color:#1f2937}.toggle-btn:hover:not(.active){color:#1f2937}.refresh-btn{border-radius:8px;color:#6b7280;height:36px;width:36px}.refresh-btn:hover:not(:disabled){background:#f3f4f6;color:#1f2937}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.spinning{animation:spin 1s linear infinite}.area-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:4px;padding:12px 20px}.area-tab{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.area-tab:hover{background:#fff;color:#1f2937}.area-tab.active{background:#3b82f6;color:#fff}.variacion-banner{align-items:center;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:10px 20px}.variacion-banner.positive{background:#ecfdf5;color:#059669}.variacion-banner.negative{background:#fef2f2;color:#dc2626}.variacion-banner.neutral{background:#f3f4f6;color:#6b7280}.variacion-up{color:#059669}.variacion-down{color:#dc2626}.historial-content{min-height:400px;padding:20px}.empty-state{height:300px}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state p{font-size:14px;margin:0}.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:300px;justify-content:center}.loading-state p{font-size:14px;margin-top:16px}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px;margin-bottom:16px;padding:12px 16px}.grafica-container{margin-top:10px}.tabla-comparativa-container{overflow-x:auto}.tabla-comparativa{border-collapse:collapse;font-size:13px;width:100%}.tabla-comparativa td,.tabla-comparativa th{border-bottom:1px solid #e5e7eb;padding:10px 12px;text-align:right}.tabla-comparativa th{background:#f9fafb;color:#374151;font-weight:600}.campo-header{background:#f9fafb;left:0;position:-webkit-sticky;position:sticky;text-align:left!important;z-index:1}.mes-header{min-width:80px}.variacion-header{min-width:70px}.campo-label{background:#fff;border-left:3px solid #0000;color:#374151;font-weight:500;left:0;padding-left:12px;position:-webkit-sticky;position:sticky;text-align:left!important;z-index:1}.campo-label.total{color:#1f2937;font-weight:700}.valor-cell{font-feature-settings:"tnum";color:#1f2937;font-variant-numeric:tabular-nums}.valor-cell.total{font-weight:700}.total-row,.total-row .campo-label{background:#f9fafb}.variacion-cell{font-weight:500;min-width:70px}.variacion-cell.positive{color:#059669}.variacion-cell.negative{color:#dc2626}.historial-tooltip{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;padding:12px}.tooltip-label{border-bottom:1px solid #e5e7eb;color:#1f2937;font-weight:600;margin:0 0 8px;padding-bottom:8px}.tooltip-item{display:flex;font-size:12px;gap:24px;justify-content:space-between;margin:4px 0}.tooltip-item span:first-child{color:inherit}.tooltip-item span:last-child{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.tooltip-total{border-top:1px solid #e5e7eb;color:#1f2937;display:flex;font-weight:700;gap:24px;justify-content:space-between;margin:8px 0 0;padding-top:8px}@media (max-width:768px){.historial-header{align-items:flex-start;flex-direction:column;gap:12px}.header-controls{flex-wrap:wrap;width:100%}.area-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.area-tab{flex-shrink:0;white-space:nowrap}}:root{--bal-primary:#3b82f6;--bal-primary-dark:#2563eb;--bal-purple:#8b5cf6;--bal-success:#10b981;--bal-warning:#f59e0b;--bal-danger:#ef4444;--bal-gray-50:#f9fafb;--bal-gray-100:#f3f4f6;--bal-gray-200:#e5e7eb;--bal-gray-300:#d1d5db;--bal-gray-400:#9ca3af;--bal-gray-500:#6b7280;--bal-gray-600:#4b5563;--bal-gray-700:#374151;--bal-gray-800:#1f2937;--bal-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--bal-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--bal-radius:12px;--bal-radius-lg:16px}.balance-wrapper{animation:balFadeIn .4s ease-out;margin:0 auto;max-width:1400px;padding:24px}@keyframes balFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.balance-header{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:16px;border-radius:var(--bal-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--bal-shadow-lg);color:#fff;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.balance-header .header-content{align-items:center;display:flex;gap:16px}.balance-header .header-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;height:52px;justify-content:center;width:52px}.balance-header .header-text h1{color:#fff!important;font-size:24px;font-weight:700;margin:0}.balance-header .header-text p{color:#ffffffe6!important;font-size:14px;margin:4px 0 0}.balance-header .refresh-btn{align-items:center;background:#fff3;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.balance-header .refresh-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.product-selector-section{margin-bottom:24px}.section-title{color:#4b5563;color:var(--bal-gray-600);font-size:14px;gap:8px;margin-bottom:16px}.section-title svg{color:#3b82f6;color:var(--bal-primary)}.product-cards-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.product-cards-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.product-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.product-cards-grid{grid-template-columns:1fr}}.product-selector-card{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--bal-gray-200);border-radius:12px;border-radius:var(--bal-radius);cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:14px;text-align:left;transition:all .2s ease}.product-selector-card:hover{border-color:#3b82f6;border-color:var(--bal-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--bal-shadow);transform:translateY(-2px)}.product-selector-card.selected{background:linear-gradient(135deg,#eff6ff,#f5f3ff);border-color:#3b82f6;border-color:var(--bal-primary);box-shadow:0 0 0 3px #3b82f633}.psc-header{align-items:center;display:flex;justify-content:space-between}.psc-id{background:#eff6ff;border-radius:4px;color:#3b82f6;color:var(--bal-primary);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;padding:2px 8px}.psc-status{align-items:center;border-radius:50%;display:flex;height:20px;justify-content:center;width:20px}.psc-status.success{background:#d1fae5;color:#10b981;color:var(--bal-success)}.psc-status.warning{background:#fef3c7;color:#f59e0b;color:var(--bal-warning)}.psc-status.danger{background:#fee2e2;color:#ef4444;color:var(--bal-danger)}.psc-name{color:#374151;color:var(--bal-gray-700);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.psc-total{color:#1f2937;color:var(--bal-gray-800);font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700}.product-selector-more{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--bal-gray-200);display:flex;gap:12px;margin-top:12px;padding-top:12px}.product-select-dropdown{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--bal-gray-200);border-radius:8px;color:#374151;color:var(--bal-gray-700);cursor:pointer;flex:1 1;font-size:14px;padding:10px 14px;transition:border-color .2s ease}.product-select-dropdown:focus{border-color:#3b82f6;border-color:var(--bal-primary);outline:none}.more-hint{color:#6b7280;color:var(--bal-gray-500);font-size:12px}.selected-product-banner{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--bal-gray-200);border-radius:16px;border-radius:var(--bal-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--bal-shadow);display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.spb-info{gap:16px}.spb-icon,.spb-info{align-items:center;display:flex}.spb-icon{background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-radius:12px;color:#3b82f6;color:var(--bal-primary);height:48px;justify-content:center;width:48px}.spb-details{display:flex;flex-direction:column;gap:2px}.spb-id{color:#3b82f6;color:var(--bal-primary);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600}.spb-name{color:#1f2937;color:var(--bal-gray-800);font-size:18px;font-weight:600}.spb-stats{align-items:center;display:flex;gap:24px}.spb-stat{display:flex;flex-direction:column;gap:2px}.spb-stat-label{color:#6b7280;color:var(--bal-gray-500);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.spb-stat-value{color:#1f2937;color:var(--bal-gray-800);font-size:14px;font-weight:600}.spb-status{align-items:center;border-radius:20px;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px}.spb-status.success{background:#d1fae5;color:#059669}.spb-status.warning{background:#fef3c7;color:#d97706}.spb-status.danger{background:#fee2e2;color:#dc2626}.balance-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}@media (max-width:900px){.balance-cards-grid{grid-template-columns:1fr}}.balance-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--bal-gray-200);border-radius:16px;border-radius:var(--bal-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--bal-shadow);overflow:hidden;transition:all .3s ease}.balance-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--bal-shadow-lg);transform:translateY(-4px)}.bc-header{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--bal-gray-100);gap:14px;padding:18px 20px}.bc-header,.bc-icon{align-items:center;display:flex}.bc-icon{border-radius:12px;height:44px;justify-content:center;width:44px}.balance-card.tsys .bc-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6;color:var(--bal-primary)}.balance-card.proceso .bc-icon{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#8b5cf6;color:var(--bal-purple)}.balance-card.distribucion .bc-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#f59e0b;color:var(--bal-warning)}.balance-card.modulos .bc-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#10b981;color:var(--bal-success)}.bc-title{flex:1 1}.bc-title h4{color:#1f2937;color:var(--bal-gray-800);font-size:16px;font-weight:600;margin:0}.bc-title span{color:#6b7280;color:var(--bal-gray-500);font-size:12px}.bc-total{color:#1f2937;color:var(--bal-gray-800);font-family:JetBrains Mono,monospace;font-size:24px;font-weight:700}.bc-total.negative{color:#ef4444;color:var(--bal-danger)}.bc-body{padding:16px 20px}.bc-row{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--bal-gray-100);display:flex;justify-content:space-between;padding:12px 0}.bc-row:last-child{border-bottom:none}.bc-row-label{align-items:center;color:#4b5563;color:var(--bal-gray-600);display:flex;font-size:14px;gap:10px}.bc-row-label svg{color:#9ca3af;color:var(--bal-gray-400)}.bc-row-value{color:#1f2937;color:var(--bal-gray-800);font-family:JetBrains Mono,monospace;font-size:15px;font-weight:600}.bc-row-value.highlight{color:#8b5cf6;color:var(--bal-purple)}.bc-row-value.positive{color:#10b981;color:var(--bal-success)}.bc-row-value.negative{color:#ef4444;color:var(--bal-danger)}.bc-footer{background:#f9fafb;background:var(--bal-gray-50);border-top:1px solid #f3f4f6;border-top:1px solid var(--bal-gray-100);padding:14px 20px}.bc-bar{background:#e5e7eb;background:var(--bal-gray-200);border-radius:4px;display:flex;height:8px;overflow:hidden}.bc-bar-fill{height:100%;transition:width .6s ease}.bc-bar-fill.trabajo{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.bc-bar-fill.principal{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.bc-legend{display:flex;gap:16px;margin-top:10px}.legend-item{color:var(--bal-gray-600);font-size:12px}.legend-item:before{border-radius:3px;content:"";height:10px;width:10px}.legend-item.trabajo:before{background:#3b82f6}.legend-item.principal:before{background:#8b5cf6}.bc-next-delivery{align-items:center;color:#4b5563;color:var(--bal-gray-600);display:flex;font-size:13px;gap:8px}.bc-next-delivery svg{color:#8b5cf6;color:var(--bal-purple)}.bc-next-delivery strong{color:#1f2937;color:var(--bal-gray-800)}.balance-total-section{display:flex;flex-direction:column;gap:20px}.total-card{align-items:center;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:16px;border-radius:var(--bal-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--bal-shadow-lg);color:#fff;display:flex;gap:32px;padding:32px}@media (max-width:768px){.total-card{flex-direction:column;gap:24px;text-align:center}}.total-ring{flex-shrink:0;height:140px;position:relative;width:140px}.total-ring svg{height:100%;width:100%}.total-ring-content{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.total-ring-value{display:block;font-family:JetBrains Mono,monospace;font-size:22px;font-weight:700}.total-ring-label{color:#94a3b8;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.total-info{flex:1 1}.total-info h3{font-size:20px;font-weight:600;margin:0 0 4px}.total-info p{color:#94a3b8;font-size:14px;margin:0 0 16px}.total-breakdown{display:flex;gap:24px}.breakdown-item{align-items:center;color:#cbd5e1;display:flex;font-size:14px;gap:8px}.breakdown-item .dot{border-radius:50%;height:10px;width:10px}.breakdown-item .dot.tsys{background:#3b82f6}.breakdown-item .dot.proceso{background:#8b5cf6}.total-status{align-items:center;border-radius:12px;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px}.total-status.success{background:#10b98133;color:#34d399}.total-status.warning{background:#f59e0b33;color:#fbbf24}.total-status.danger{background:#ef444433;color:#f87171}.purchase-suggestion{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:16px;border-radius:var(--bal-radius-lg);display:flex;gap:20px;padding:20px 24px}@media (max-width:768px){.purchase-suggestion{flex-direction:column;text-align:center}}.ps-icon{background:#fff;color:#f59e0b;color:var(--bal-warning)}.ps-content{flex:1 1}.ps-content h4{color:#92400e;font-size:16px;font-weight:600;margin:0}.ps-content p{color:#a16207;font-size:13px;margin:4px 0 0}.ps-dates{align-items:center;display:flex;gap:16px}.ps-dates>svg{color:#a16207}.ps-date{display:flex;flex-direction:column;gap:2px;text-align:center}.ps-date-label{color:#a16207;font-size:11px;text-transform:uppercase}.ps-date-value{color:#78350f;font-size:14px;font-weight:600}.balance-error,.balance-loading{align-items:center;color:#6b7280;color:var(--bal-gray-500);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.balance-loading svg{color:#3b82f6;color:var(--bal-primary)}.balance-error svg{color:#ef4444;color:var(--bal-danger)}.balance-error h3{color:#374151;color:var(--bal-gray-700);font-size:18px;margin:0}.balance-error button{background:#3b82f6;background:var(--bal-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:8px;padding:10px 24px;transition:all .2s ease}.balance-error button:hover{background:#2563eb;background:var(--bal-primary-dark)}.cadena-total-banner{background:linear-gradient(135deg,#1e3a5f,#0f2744);border-radius:16px;border-radius:var(--bal-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--bal-shadow-lg);color:#fff;margin-bottom:24px;padding:28px 32px}.ctb-main{justify-content:space-between;margin-bottom:20px}.ctb-label,.ctb-main{align-items:center;display:flex}.ctb-label{gap:12px}.ctb-icon{align-items:center;background:#ffffff26;border-radius:14px;display:flex;height:52px;justify-content:center;width:52px}.ctb-text h2{font-size:18px;font-weight:600;margin:0;opacity:.9}.ctb-text p{font-size:13px;margin:4px 0 0;opacity:.7}.ctb-value{font-family:JetBrains Mono,monospace;font-size:42px;font-weight:700;letter-spacing:-1px}.ctb-breakdown{border-top:1px solid #ffffff26;display:flex;gap:32px;padding-top:20px}.ctb-item{align-items:center;display:flex;gap:10px}.ctb-dot{border-radius:50%;height:12px;width:12px}.ctb-dot.virgen{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.ctb-dot.venta{background:linear-gradient(135deg,#34d399,#10b981)}.ctb-item-info{display:flex;flex-direction:column}.ctb-item-label{font-size:12px;letter-spacing:.5px;opacity:.7;text-transform:uppercase}.ctb-item-value{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:600}.inventory-section{margin-bottom:24px}.inventory-section-header{align-items:center;border-radius:12px 12px 0 0;border-radius:var(--bal-radius) var(--bal-radius) 0 0;display:flex;gap:12px;margin-bottom:0;padding:16px 20px}.inventory-section.virgen .inventory-section-header{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.inventory-section.venta .inventory-section-header{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.inventory-section-header h3{flex:1 1;font-size:16px;font-weight:600;margin:0}.inventory-section-header .section-total{font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700}.section-content{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--bal-gray-200);border-radius:0 0 12px 12px;border-radius:0 0 var(--bal-radius) var(--bal-radius);border-top:none;padding:0}.balance-card.proceso .bc-icon{background:linear-gradient(135deg,#c4b5fd,#a78bfa);color:#7c3aed}.balance-card.tsys .bc-icon{background:linear-gradient(135deg,#93c5fd,#60a5fa);color:#2563eb}.bc-row.highlight-row{background:#f9fafb;background:var(--bal-gray-50);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--bal-gray-200);margin:0 -20px;padding:14px 20px}.bc-row.highlight-row .bc-row-label{color:#374151;color:var(--bal-gray-700);font-weight:600}.bc-row.highlight-row .bc-row-value{color:#3b82f6;color:var(--bal-primary);font-size:17px}.bc-row.sub-section{background:#3b82f60d;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--bal-gray-100);margin:0 -20px;padding:10px 20px}.bc-row.sub-section .bc-row-label{color:#3b82f6;color:var(--bal-primary);font-size:13px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.bc-row.sub-section .bc-row-value{color:#3b82f6;color:var(--bal-primary);font-weight:700}.bc-row.indent{padding-left:32px}.bc-row.indent .bc-row-label{color:#6b7280;color:var(--bal-gray-500);font-size:13px}.bc-row.indent .bc-row-label:before{color:#d1d5db;color:var(--bal-gray-300);content:"└";margin-right:8px}.bc-bar-fill.trasco{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.bc-bar-fill.produccion{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.bc-bar-fill.compra{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.bc-bar-fill.colocacion{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.bc-bar-fill.normal{background:linear-gradient(90deg,#10b981,#34d399)}.bc-bar-fill.devoluciones{background:linear-gradient(90deg,#ef4444,#f87171)}.bc-bar-fill.stock{background:linear-gradient(90deg,#6366f1,#818cf8)}.legend-item.trasco:before{background:#f59e0b}.legend-item.produccion:before{background:#8b5cf6}.legend-item.compra:before{background:#06b6d4}.legend-item.colocacion:before{background:#f59e0b}.legend-item.normal:before{background:#10b981}.legend-item.devoluciones:before{background:#ef4444}.legend-item.stock:before{background:#6366f1}.balance-cards-grid.three-cols{grid-template-columns:repeat(3,1fr)}@media (max-width:1100px){.balance-cards-grid.three-cols{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.balance-cards-grid.three-cols{grid-template-columns:1fr}}.section-content .balance-cards-grid{gap:16px;margin-bottom:0;padding:16px}.section-content .balance-card{border:1px solid #e5e7eb;border:1px solid var(--bal-gray-200);box-shadow:none}.section-content .balance-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--bal-shadow);transform:none}@media (max-width:768px){.balance-wrapper{padding:16px}.balance-header{gap:16px;text-align:center}.balance-header,.balance-header .header-content{flex-direction:column}.selected-product-banner{flex-direction:column;gap:20px;text-align:center}.spb-stats{flex-wrap:wrap;justify-content:center}.cadena-total-banner{padding:20px}.ctb-main{gap:16px;text-align:center}.ctb-label,.ctb-main{flex-direction:column}.ctb-value{font-size:32px}.ctb-breakdown{align-items:center;flex-direction:column;gap:16px}.inventory-section-header{flex-direction:column;gap:8px;text-align:center}}.colocacion-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:12px;border-radius:var(--bal-radius);gap:20px;margin-bottom:20px;padding:16px 24px}.cb-icon,.colocacion-banner{align-items:center;display:flex}.cb-icon{background:#fff;border-radius:10px;color:#d97706;flex-shrink:0;height:44px;justify-content:center;width:44px}.cb-main{display:flex;flex-direction:column;gap:2px}.cb-label{color:#92400e;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.cb-value{color:#78350f;font-family:JetBrains Mono,monospace;font-size:24px;font-weight:700}.cb-breakdown{display:flex;gap:32px;margin-left:auto}.cb-item{align-items:center;display:flex;flex-direction:column;gap:2px}.cb-item-label{color:#92400e;font-size:11px}.cb-item-value{color:#78350f;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:600}@media (max-width:768px){.colocacion-banner{flex-direction:column;text-align:center}.cb-breakdown{justify-content:center;margin-left:0}}.historial-btn{align-items:center;background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.historial-btn:hover{background:#ffffff4d}.historial-btn.active{background:#fff;color:#4f46e5}.historial-btn svg{transition:transform .3s ease}.historial-btn.active svg{transform:rotate(1turn)}.historial-section{animation:slideDown .3s ease-out;margin-top:24px}@media (max-width:768px){.header-actions{flex-direction:column;gap:8px}.historial-btn span{display:none}.historial-btn{padding:10px}}:root{--fc-primary:#3b82f6;--fc-primary-dark:#2563eb;--fc-purple:#8b5cf6;--fc-success:#10b981;--fc-warning:#f59e0b;--fc-danger:#ef4444;--fc-gray-50:#f9fafb;--fc-gray-100:#f3f4f6;--fc-gray-200:#e5e7eb;--fc-gray-300:#d1d5db;--fc-gray-400:#9ca3af;--fc-gray-500:#6b7280;--fc-gray-600:#4b5563;--fc-gray-700:#374151;--fc-gray-800:#1f2937;--fc-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--fc-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--fc-radius:12px;--fc-radius-lg:16px}.forecast-wrapper{animation:fcFadeIn .4s ease-out;margin:0 auto;max-width:1400px;padding:24px}@keyframes fcFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.forecast-header{align-items:center;background:linear-gradient(135deg,#059669,#10b981);border-radius:16px;border-radius:var(--fc-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--fc-shadow-lg);color:#fff;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.forecast-header .header-content{align-items:center;display:flex;gap:16px}.forecast-header .header-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;height:52px;justify-content:center;width:52px}.forecast-header .header-text h1{color:#fff!important;font-size:24px;font-weight:700;margin:0}.forecast-header .header-text p{color:#ffffffe6!important;font-size:14px;margin:4px 0 0}.forecast-header .refresh-btn{align-items:center;background:#fff3;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.forecast-header .refresh-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.forecast-header .header-actions{align-items:center;display:flex;gap:12px}.forecast-header .sync-btn{align-items:center;background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.forecast-header .sync-btn:hover:not(:disabled){background:#ffffff4d}.forecast-header .sync-btn:disabled{cursor:not-allowed;opacity:.7}.forecast-header .sync-btn .spin{animation:fcSpin 1s linear infinite}@keyframes fcSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.product-selector-bar{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--fc-gray-200);border-radius:12px;border-radius:var(--fc-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--fc-shadow);display:flex;gap:16px;margin-bottom:20px;padding:16px 20px}.psb-label{align-items:center;color:#4b5563;color:var(--fc-gray-600);display:flex;font-size:14px;font-weight:600;gap:8px}.psb-label svg{color:#3b82f6;color:var(--fc-primary)}.psb-select{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--fc-gray-200);border-radius:8px;color:#374151;color:var(--fc-gray-700);cursor:pointer;flex:1 1;font-size:14px;max-width:400px;padding:10px 14px;transition:border-color .2s ease}.psb-select:focus{border-color:#3b82f6;border-color:var(--fc-primary);outline:none}.psb-info{margin-left:auto}.psb-provider{background:#f3f4f6;background:var(--fc-gray-100);border-radius:6px;color:#4b5563;color:var(--fc-gray-600);font-size:13px;padding:6px 12px}.forecast-alert{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:16px;border-radius:var(--fc-radius-lg);gap:16px;margin-bottom:24px;padding:20px 24px}.fa-icon,.forecast-alert{align-items:center;display:flex}.fa-icon{background:#fff;border-radius:12px;color:#f59e0b;color:var(--fc-warning);flex-shrink:0;height:48px;justify-content:center;width:48px}.fa-content{flex:1 1}.fa-content h4{color:#92400e;font-size:16px;font-weight:600;margin:0 0 4px}.fa-content p{color:#a16207;font-size:13px;line-height:1.5;margin:0}.fa-content strong{color:#78350f}.fa-action{align-items:center;background:#f59e0b;background:var(--fc-warning);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.fa-action:hover{background:#d97706;transform:translateY(-2px)}.forecast-kpis{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media (max-width:1100px){.forecast-kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.forecast-kpis{grid-template-columns:1fr}}.fk-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--fc-gray-200);border-radius:12px;border-radius:var(--fc-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--fc-shadow);display:flex;gap:16px;padding:20px;transition:all .2s ease}.fk-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--fc-shadow-lg);transform:translateY(-2px)}.fk-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.fk-icon.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6;color:var(--fc-primary)}.fk-icon.purple{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#8b5cf6;color:var(--fc-purple)}.fk-icon.green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#10b981;color:var(--fc-success)}.fk-icon.yellow{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#f59e0b;color:var(--fc-warning)}.fk-icon.red{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#ef4444;color:var(--fc-danger)}.fk-content{display:flex;flex-direction:column;gap:4px}.fk-value{color:#1f2937;color:var(--fc-gray-800);font-family:JetBrains Mono,monospace;font-size:22px;font-weight:700}.fk-value.capitalize{font-family:inherit;text-transform:capitalize}.fk-label{color:#6b7280;color:var(--fc-gray-500);font-size:13px}.forecast-chart-section{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--fc-gray-200);border-radius:16px;border-radius:var(--fc-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--fc-shadow);margin-bottom:24px;overflow:hidden}.fcs-header{background:#f9fafb;background:var(--fc-gray-50);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--fc-gray-100);justify-content:space-between;padding:16px 20px}.fcs-header,.fcs-header h3{align-items:center;display:flex}.fcs-header h3{color:#1f2937;color:var(--fc-gray-800);font-size:16px;font-weight:600;gap:8px;margin:0}.fcs-header h3 svg{color:#10b981;color:var(--fc-success)}.fcs-legend{display:flex;gap:20px}.legend-item{align-items:center;color:#4b5563;color:var(--fc-gray-600);display:flex;font-size:13px;gap:6px}.legend-item .dot{border-radius:50%;height:10px;width:10px}.legend-item .dot.blue{background:#3b82f6;background:var(--fc-primary)}.legend-item .dot.red{background:#ef4444;background:var(--fc-danger)}.legend-item .dot.yellow{background:#f59e0b;background:var(--fc-warning)}.fcs-chart{padding:20px}.forecast-tooltip{border-radius:8px;padding:12px 16px}.forecast-tooltip .tooltip-label{font-weight:600;margin:0 0 8px}.forecast-tooltip p{font-size:13px;margin:4px 0}.forecast-table-section{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--fc-gray-200);border-radius:16px;border-radius:var(--fc-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--fc-shadow);margin-bottom:24px;overflow:hidden}.fts-header{background:#f9fafb;background:var(--fc-gray-50);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--fc-gray-100);padding:16px 20px}.fts-header h3{align-items:center;color:#1f2937;color:var(--fc-gray-800);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.fts-header h3 svg{color:#3b82f6;color:var(--fc-primary)}.fts-table-container{overflow-x:auto}.forecast-table{border-collapse:collapse;width:100%}.forecast-table th{background:#f9fafb;background:var(--fc-gray-50);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--fc-gray-200);color:#6b7280;color:var(--fc-gray-500);font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.forecast-table td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--fc-gray-100);color:#374151;color:var(--fc-gray-700);font-size:13px;padding:14px 16px}.forecast-table tbody tr{transition:background .2s ease}.forecast-table tbody tr:hover{background:#f9fafb;background:var(--fc-gray-50)}.forecast-table tbody tr.alert-row{background:#fef2f2}.forecast-table tbody tr.alert-row:hover{background:#fee2e2}.forecast-table .cell-mes{color:#1f2937;color:var(--fc-gray-800);font-weight:600}.forecast-table .cell-number{font-family:JetBrains Mono,monospace;text-align:right}.forecast-table .cell-forecast{color:#f59e0b;color:var(--fc-warning);font-weight:600}.forecast-table .cell-positive{color:#10b981;color:var(--fc-success);font-weight:600}.forecast-table .cell-negative{color:#ef4444;color:var(--fc-danger);font-weight:600}.forecast-table th.th-active{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6;color:var(--fc-primary);position:relative}.forecast-table th.th-active:after{background:#3b82f6;background:var(--fc-primary);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.forecast-table .cell-active{background:#3b82f614}.forecast-table .cell-status{text-align:center}.status-badge{font-size:11px}.purchase-planning{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--fc-gray-200);border-radius:16px;border-radius:var(--fc-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--fc-shadow);overflow:hidden}.pp-header{background:#f9fafb;background:var(--fc-gray-50);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--fc-gray-100);padding:16px 20px}.pp-header h3{align-items:center;color:#1f2937;color:var(--fc-gray-800);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.pp-header h3 svg{color:#8b5cf6;color:var(--fc-purple)}.pp-content{padding:24px}.pp-timeline{gap:16px;justify-content:center;margin-bottom:24px}.pp-step,.pp-timeline{align-items:center;display:flex}.pp-step{background:#f9fafb;background:var(--fc-gray-50);border:1px solid #e5e7eb;border:1px solid var(--fc-gray-200);border-radius:12px;border-radius:var(--fc-radius);gap:12px;padding:16px 20px}.pp-step-icon{align-items:center;background:#fff;border-radius:10px;color:#3b82f6;color:var(--fc-primary);display:flex;height:40px;justify-content:center;width:40px}.pp-step-icon.alert{background:#fef3c7;color:#f59e0b;color:var(--fc-warning)}.pp-step-content{display:flex;flex-direction:column;gap:2px}.pp-step-label{color:#6b7280;color:var(--fc-gray-500);font-size:11px;text-transform:uppercase}.pp-step-value{color:#1f2937;color:var(--fc-gray-800);font-size:14px;font-weight:600}.pp-arrow{color:#9ca3af;color:var(--fc-gray-400);flex-shrink:0}.pp-budgets{border-top:1px solid #e5e7eb;border-top:1px solid var(--fc-gray-200);display:flex;gap:32px;justify-content:center;padding-top:20px}.pp-budget{align-items:center;display:flex;flex-direction:column;gap:4px}.pp-budget-label{color:#6b7280;color:var(--fc-gray-500);font-size:12px}.pp-budget-value{color:#1f2937;color:var(--fc-gray-800);font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700}.no-data{align-items:center;color:#9ca3af;color:var(--fc-gray-400);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.no-data svg{margin-bottom:12px}.no-data p{font-size:14px;margin:0}.forecast-error,.forecast-loading{align-items:center;color:#6b7280;color:var(--fc-gray-500);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.forecast-loading svg{color:#10b981;color:var(--fc-success)}.forecast-error svg{color:#ef4444;color:var(--fc-danger)}.forecast-error h3{color:#374151;color:var(--fc-gray-700);font-size:18px;margin:0}.forecast-error button{background:#3b82f6;background:var(--fc-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:8px;padding:10px 24px;transition:all .2s ease}.forecast-error button:hover{background:#2563eb;background:var(--fc-primary-dark)}@media (max-width:900px){.forecast-wrapper{padding:16px}.forecast-header{gap:16px;text-align:center}.forecast-header,.forecast-header .header-content{flex-direction:column}.product-selector-bar{align-items:stretch;flex-direction:column}.psb-select{max-width:none}.psb-info{margin-left:0;text-align:center}.forecast-alert{flex-direction:column;text-align:center}.fcs-header{flex-direction:column;gap:12px}.fcs-legend{flex-wrap:wrap;justify-content:center}.pp-timeline{flex-direction:column}.pp-arrow{transform:rotate(90deg)}.pp-budgets{flex-direction:column;gap:16px}}.vista-toggle-container{align-items:center;background:#fff;border-radius:12px;border-radius:var(--fc-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--fc-shadow);display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.vista-toggle{background:#f3f4f6;background:var(--fc-gray-100);border-radius:8px;display:flex;gap:4px;padding:4px}.vista-toggle .toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#4b5563;color:var(--fc-gray-600);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.vista-toggle .toggle-btn:hover{background:#ffffff80}.vista-toggle .toggle-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#3b82f6;color:var(--fc-primary)}.vista-info{align-items:center;display:flex;gap:12px}.vista-label{color:#6b7280;color:var(--fc-gray-500);font-size:13px}.vista-value{background:#f3f4f6;background:var(--fc-gray-100);border-radius:6px;color:#1f2937;color:var(--fc-gray-800);font-size:15px;font-weight:600;padding:6px 12px}.inventario-resumen{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.ir-card{background:#fff;border-radius:12px;border-radius:var(--fc-radius);border-top:3px solid #d1d5db;border-top:3px solid var(--fc-gray-300);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--fc-shadow);padding:16px 20px}.ir-card.tsys{border-top-color:#3b82f6}.ir-card.proceso{border-top-color:#f59e0b}.ir-card.virgen{border-top-color:#10b981}.ir-card.cadena{border-top-color:#8b5cf6}.ir-title{color:#6b7280;color:var(--fc-gray-500);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.ir-value{color:#1f2937;color:var(--fc-gray-800);font-size:24px;font-weight:700;margin-bottom:4px}.ir-detail{color:#6b7280;color:var(--fc-gray-500);font-size:11px}@media (max-width:900px){.vista-toggle-container{flex-direction:column;gap:12px}.inventario-resumen{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.inventario-resumen{grid-template-columns:1fr}}.forecast-tooltip{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--fc-gray-200);border-radius:10px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--fc-shadow-lg);min-width:220px;padding:14px 18px}.forecast-tooltip .tooltip-label{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--fc-gray-200);color:#1f2937;color:var(--fc-gray-800);font-size:15px;font-weight:700;margin:0 0 12px;padding-bottom:8px}.forecast-tooltip .tooltip-section{margin-bottom:12px}.forecast-tooltip .tooltip-section:last-child{margin-bottom:0}.forecast-tooltip .tooltip-section-title{color:#6b7280;color:var(--fc-gray-500);display:block;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.forecast-tooltip .tooltip-section>p{font-size:13px;margin:4px 0}.forecast-tooltip .tooltip-item{color:#374151;color:var(--fc-gray-700);display:flex;font-size:13px;justify-content:space-between;margin:4px 0}.forecast-tooltip .tooltip-item span:last-child{font-family:JetBrains Mono,monospace;font-weight:500}.forecast-tooltip .tooltip-item.total{border-top:1px dashed #e5e7eb;border-top:1px dashed var(--fc-gray-200);font-weight:600;margin-top:8px;padding-top:6px}.recharts-brush{margin-top:10px}.recharts-brush-slide{fill:#3b82f61a;stroke:#3b82f6}.recharts-brush-traveller{fill:#3b82f6}.capture-module{animation:fadeIn .3s ease-out;margin:0 auto;max-width:900px}.capture-header{margin-bottom:24px}.capture-header h2{color:#0f172a;font-size:24px;font-weight:700;margin-bottom:8px}.capture-header p{color:#64748b}.success-banner{background:#d1fae5;border:1px solid #10b981;border-radius:12px;color:#059669}.error-banner,.success-banner{align-items:center;display:flex;font-weight:600;gap:12px;margin-bottom:24px;padding:16px 20px}.error-banner{background:#fee2e2;border:1px solid #ef4444;border-radius:12px;color:#dc2626}.capture-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.capture-card-header{align-items:center;color:#fff;display:flex;gap:16px;padding:20px 24px}.capture-card.tsys .capture-card-header{background:linear-gradient(135deg,#3b82f6,#2563eb)}.capture-card.distribucion .capture-card-header{background:linear-gradient(135deg,#f59e0b,#d97706)}.capture-card.modulos .capture-card-header{background:linear-gradient(135deg,#10b981,#059669)}.capture-card-header h3{font-size:18px;font-weight:600}.capture-card-header span{font-size:13px;opacity:.9}.capture-form{padding:24px}.form-row{grid-gap:20px;gap:20px}.form-row.three{grid-template-columns:1fr 1fr 1fr}.form-row.four{grid-template-columns:1fr 1fr 1fr 1fr}.form-row.periodo-row{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:10px;margin-bottom:20px;padding:16px}.form-row.periodo-row .form-group label{align-items:center;color:#1e40af;display:flex;font-weight:600;gap:6px}.form-row.periodo-row .form-group label svg{color:#3b82f6}.form-row.periodo-row .form-select{background:#fff;border-color:#93c5fd}.form-row.periodo-row .form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-summary{align-items:center;background:#f8fafc;border-radius:10px;display:flex;justify-content:space-between;margin:20px 0;padding:16px 20px}.summary-label{color:#0f172a;display:block;font-size:14px;font-weight:600}.summary-detail{color:#64748b;display:block;font-size:12px;margin-top:2px}.summary-value{color:#3b82f6;font-family:JetBrains Mono,monospace;font-size:24px}.form-note{align-items:center;background:#fef3c7;border-radius:8px;color:#92400e;display:flex;font-size:13px;gap:8px;margin:20px 0;padding:12px 16px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.audit-info{background:#f8fafc;border-radius:10px;margin-top:24px;padding:16px}.audit-info p{color:#64748b;font-size:12px}.audit-info strong{color:#374151}@media (max-width:768px){.form-row,.form-row.four,.form-row.three{grid-template-columns:1fr}}@media (max-width:1024px) and (min-width:769px){.form-row.four{grid-template-columns:1fr 1fr}}.readonly-field{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;display:flex;min-height:48px;padding:12px 16px}.readonly-value{color:#334155;font-size:16px;font-weight:600}.form-section-title{border-bottom:1px solid #e2e8f0;color:#475569;font-size:14px;font-weight:600;letter-spacing:.5px;margin:20px 0 12px;padding-bottom:8px;text-transform:uppercase}.form-section-title:first-of-type{margin-top:0}.form-note.info{background:#e0f2fe;border-color:#0ea5e9;color:#0369a1}.form-note.warning{background:#fef3c7;border-color:#f59e0b;color:#b45309}.form-note.info.inline,.form-note.warning.inline{border-radius:8px;height:-webkit-fit-content;height:fit-content;margin:24px 0 0;padding:12px 16px}.empty-state{animation:emptyStateFadeIn .3s ease-out;padding:60px var(--spacing-lg)}@keyframes emptyStateFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-state-icon{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-muted);display:flex;height:100px;justify-content:center;margin-bottom:var(--spacing-lg);width:100px}.empty-state.success .empty-state-icon{background:var(--status-success-light);color:var(--status-success)}.empty-state.info .empty-state-icon{background:var(--status-info-light);color:var(--status-info)}.empty-state-title{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 var(--spacing-sm) 0}.empty-state-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 var(--spacing-lg) 0;max-width:360px}.empty-state-action{align-items:center;background:var(--primary-gradient);border:none;border-radius:var(--radius-lg);box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:var(--spacing-sm);padding:12px 24px;transition:all var(--transition-normal)}.empty-state-action:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.empty-state-action:active{transform:translateY(0)}.confirm-modal-overlay{align-items:center;animation:confirmFadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-toast)}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal-content{animation:confirmSlideUp .3s ease-out;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:420px;padding:var(--spacing-xl);position:relative;text-align:center;width:90%}@keyframes confirmSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-modal-close{align-items:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:var(--spacing-md);top:var(--spacing-md);transition:all var(--transition-normal);width:36px}.confirm-modal-close:hover{background:var(--border-light);color:var(--text-primary)}.confirm-modal-icon{align-items:center;border-radius:var(--radius-full);display:flex;height:72px;justify-content:center;margin:0 auto 20px;width:72px}.confirm-modal-title{color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 12px}.confirm-modal-message{color:var(--text-secondary);font-size:15px;line-height:1.6;margin:0 0 28px}.confirm-modal-actions{display:flex;gap:var(--spacing-md);justify-content:center}.confirm-modal-btn{border:none;border-radius:var(--radius-lg);cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px 24px;transition:all var(--transition-normal)}.confirm-modal-btn:disabled{cursor:not-allowed;opacity:.6}.confirm-modal-btn.btn-cancel{background:var(--bg-tertiary);color:var(--text-secondary)}.confirm-modal-btn.btn-cancel:hover:not(:disabled){background:var(--border-light)}.confirm-modal-btn.btn-danger{background:linear-gradient(135deg,var(--status-danger),var(--status-danger-dark));box-shadow:0 4px 12px #ef44444d;color:#fff}.confirm-modal-btn.btn-danger:hover:not(:disabled){box-shadow:0 6px 16px #ef444466;transform:translateY(-1px)}.confirm-modal-btn.btn-warning{background:linear-gradient(135deg,var(--status-warning),var(--status-warning-dark));box-shadow:0 4px 12px #f59e0b4d;color:#fff}.confirm-modal-btn.btn-warning:hover:not(:disabled){box-shadow:0 6px 16px #f59e0b66;transform:translateY(-1px)}.confirm-modal-btn.btn-primary{background:var(--primary-gradient);box-shadow:0 4px 12px #3b82f64d;color:#fff}.confirm-modal-btn.btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #3b82f666;transform:translateY(-1px)}:root{--prod-primary:#3b82f6;--prod-primary-dark:#2563eb;--prod-purple:#8b5cf6;--prod-success:#10b981;--prod-warning:#f59e0b;--prod-danger:#ef4444;--prod-gray-50:#f9fafb;--prod-gray-100:#f3f4f6;--prod-gray-200:#e5e7eb;--prod-gray-300:#d1d5db;--prod-gray-400:#9ca3af;--prod-gray-500:#6b7280;--prod-gray-600:#4b5563;--prod-gray-700:#374151;--prod-gray-800:#1f2937;--prod-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--prod-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--prod-radius:12px;--prod-radius-lg:16px}.productos-wrapper{animation:prodFadeIn .4s ease-out;margin:0 auto;max-width:1400px;padding:24px}@keyframes prodFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.productos-header{align-items:center;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border-radius:16px;border-radius:var(--prod-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--prod-shadow-lg);color:#fff;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.productos-header .header-content{align-items:center;display:flex;gap:16px}.productos-header .header-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;height:52px;justify-content:center;width:52px}.productos-header .header-text h1{color:#fff!important;font-size:24px;font-weight:700;margin:0}.productos-header .header-text p{color:#ffffffe6!important;font-size:14px;margin:4px 0 0}.productos-header .header-actions{align-items:center;display:flex;gap:12px}.productos-header .refresh-btn{align-items:center;background:#fff3;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.productos-header .refresh-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.new-product-btn{align-items:center;background:#fff;border:none;border-radius:12px;color:#0ea5e9;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.new-product-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.productos-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media (max-width:1100px){.productos-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.productos-stats{grid-template-columns:1fr}}.ps-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--prod-gray-200);border-radius:12px;border-radius:var(--prod-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--prod-shadow);gap:16px;padding:20px}.ps-card,.ps-icon{align-items:center;display:flex}.ps-icon{border-radius:12px;flex-shrink:0;height:48px;justify-content:center;width:48px}.ps-icon.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6;color:var(--prod-primary)}.ps-icon.purple{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#8b5cf6;color:var(--prod-purple)}.ps-icon.green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#10b981;color:var(--prod-success)}.ps-icon.yellow{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#f59e0b;color:var(--prod-warning)}.ps-content{display:flex;flex-direction:column;gap:4px}.ps-value{color:#1f2937;color:var(--prod-gray-800);font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700}.ps-label{color:#6b7280;color:var(--prod-gray-500);font-size:13px}.productos-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.toolbar-search{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--prod-gray-200);border-radius:12px;border-radius:var(--prod-radius);display:flex;gap:12px;min-width:280px;padding:12px 16px;transition:border-color .2s ease}.toolbar-search:focus-within{border-color:#3b82f6;border-color:var(--prod-primary)}.toolbar-search svg{color:#9ca3af;color:var(--prod-gray-400)}.toolbar-search input{border:none;color:#374151;color:var(--prod-gray-700);font-size:14px;outline:none;width:100%}.toolbar-filters{display:flex;gap:12px}.filter-group{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--prod-gray-200);border-radius:8px;display:flex;gap:8px;padding:10px 14px}.filter-group svg{color:#9ca3af;color:var(--prod-gray-400)}.filter-group select{background:#0000;border:none;color:#374151;color:var(--prod-gray-700);cursor:pointer;font-size:13px;outline:none}.toolbar-views{background:#f3f4f6;background:var(--prod-gray-100);border-radius:8px;display:flex;padding:4px}.view-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;color:var(--prod-gray-500);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:40px}.view-btn.active{background:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--prod-shadow);color:#3b82f6;color:var(--prod-primary)}.productos-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.no-productos{align-items:center;background:#fff;border:2px dashed #e5e7eb;border:2px dashed var(--prod-gray-200);border-radius:16px;border-radius:var(--prod-radius-lg);color:#9ca3af;color:var(--prod-gray-400);display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:60px 20px}.no-productos svg{margin-bottom:12px}.producto-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--prod-gray-200);border-radius:16px;border-radius:var(--prod-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--prod-shadow);overflow:hidden;transition:all .3s ease}.producto-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--prod-shadow-lg);transform:translateY(-4px)}.pc-header{background:#f9fafb;background:var(--prod-gray-50);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--prod-gray-100);justify-content:space-between;padding:14px 18px}.pc-header,.pc-sku{align-items:center;display:flex}.pc-sku{color:#3b82f6;color:var(--prod-primary);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;gap:8px}.pc-status{align-items:center;border-radius:50%;display:flex;height:28px;justify-content:center;width:28px}.pc-status.success{background:#d1fae5;color:#10b981;color:var(--prod-success)}.pc-status.warning{background:#fef3c7;color:#f59e0b;color:var(--prod-warning)}.pc-status.danger{background:#fee2e2;color:#ef4444;color:var(--prod-danger)}.pc-body{padding:18px}.pc-name{color:#1f2937;color:var(--prod-gray-800);font-size:16px;font-weight:600;line-height:1.3;margin:0 0 12px}.pc-tags{display:flex;flex-wrap:wrap;gap:8px}.pc-tag{border-radius:6px;font-size:11px;font-weight:600;padding:4px 10px}.pc-tag.marca{background:#dbeafe;color:#2563eb}.pc-tag.tipo{background:#ede9fe;color:#7c3aed}.pc-info{display:flex;flex-direction:column;gap:10px;padding:0 18px 18px}.pc-info-row{align-items:center;color:#4b5563;color:var(--prod-gray-600);display:flex;font-size:13px;gap:10px}.pc-info-row svg{color:#9ca3af;color:var(--prod-gray-400)}.pc-inventory{align-items:center;background:#f9fafb;background:var(--prod-gray-50);border-top:1px solid #f3f4f6;border-top:1px solid var(--prod-gray-100);display:flex;justify-content:space-between;padding:14px 18px}.pc-inv-label{color:#6b7280;color:var(--prod-gray-500);font-size:12px}.pc-inv-value{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700}.pc-inv-value.success{color:#10b981;color:var(--prod-success)}.pc-inv-value.warning{color:#f59e0b;color:var(--prod-warning)}.pc-inv-value.danger{color:#ef4444;color:var(--prod-danger)}.pc-actions{border-top:1px solid #f3f4f6;border-top:1px solid var(--prod-gray-100);padding:14px 18px}.pc-action-btn{align-items:center;background:#f3f4f6;background:var(--prod-gray-100);border:none;border-radius:8px;color:#374151;color:var(--prod-gray-700);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px;transition:all .2s ease;width:100%}.pc-action-btn:hover{background:#3b82f6;background:var(--prod-primary);color:#fff}.productos-table-section{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--prod-gray-200);border-radius:16px;border-radius:var(--prod-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--prod-shadow);overflow:hidden}.pts-container{overflow-x:auto}.productos-table{border-collapse:collapse;width:100%}.productos-table th{background:#f9fafb;background:var(--prod-gray-50);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--prod-gray-200);color:#6b7280;color:var(--prod-gray-500);font-size:11px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.productos-table td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--prod-gray-100);color:#374151;color:var(--prod-gray-700);font-size:14px;padding:16px}.productos-table tbody tr{transition:background .2s ease}.productos-table tbody tr:hover{background:#f9fafb;background:var(--prod-gray-50)}.cell-sku{color:#3b82f6!important;color:var(--prod-primary)!important;font-family:JetBrains Mono,monospace;font-weight:600}.cell-name{font-weight:500;max-width:250px}.cell-number{font-family:JetBrains Mono,monospace;text-align:right}.table-tag{border-radius:6px;font-size:11px;font-weight:600;padding:4px 10px}.table-tag.marca{background:#dbeafe;color:#2563eb}.table-tag.tipo{background:#ede9fe;color:#7c3aed}.inv-badge{border-radius:6px;display:inline-block;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;padding:4px 10px}.inv-badge.success{background:#d1fae5;color:#059669}.inv-badge.warning{background:#fef3c7;color:#d97706}.inv-badge.danger{background:#fee2e2;color:#dc2626}.table-action-btn{align-items:center;background:#f3f4f6;background:var(--prod-gray-100);border:none;border-radius:8px;color:#4b5563;color:var(--prod-gray-600);cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .2s ease;width:34px}.table-action-btn:hover{background:#3b82f6;background:var(--prod-primary);color:#fff}.modal-content{border-radius:var(--prod-radius-lg);box-shadow:var(--prod-shadow-lg);max-width:560px}.modal-header{border-bottom:1px solid var(--prod-gray-200)}.modal-header h3{color:var(--prod-gray-800)}.modal-header h3 svg{color:#0ea5e9}.modal-close{background:var(--prod-gray-100);color:var(--prod-gray-500)}.modal-close:hover{background:var(--prod-gray-200);color:var(--prod-gray-700)}.form-group{position:relative}.form-group label,.form-input,.form-select{color:var(--prod-gray-700)}.form-input,.form-select{border:2px solid var(--prod-gray-200)}.form-input:focus,.form-select:focus{border-color:var(--prod-primary)}.form-input:disabled{background:#f3f4f6;background:var(--prod-gray-100);color:#6b7280;color:var(--prod-gray-500)}.form-hint{bottom:14px;color:#9ca3af;color:var(--prod-gray-400);position:absolute;right:14px}.modal-footer{background:var(--prod-gray-50);border-top:1px solid var(--prod-gray-200)}.btn-cancel{border:2px solid var(--prod-gray-200);color:var(--prod-gray-600)}.btn-cancel:hover{background:var(--prod-gray-50);border-color:var(--prod-gray-300)}.btn-submit{background:#0ea5e9}.btn-submit:hover{background:#0284c7}.productos-error,.productos-loading{align-items:center;color:#6b7280;color:var(--prod-gray-500);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.productos-loading svg{color:#0ea5e9}.productos-error svg{color:#ef4444;color:var(--prod-danger)}.productos-error h3{color:#374151;color:var(--prod-gray-700);font-size:18px;margin:0}.productos-error button{background:#3b82f6;background:var(--prod-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:8px;padding:10px 24px}.pc-action-btn.carrier{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;color:#fff}.pc-action-btn.carrier:hover{background:linear-gradient(135deg,#7c3aed,#4f46e5);transform:translateY(-1px)}.table-action-btn.carrier{background:#ede9fe;color:#7c3aed}.table-action-btn.carrier:hover{background:#8b5cf6;color:#fff}.actions-cell{display:flex;gap:6px}.modal-carrier{max-width:700px}.carrier-header h3{color:#7c3aed}.carrier-loading{color:#6b7280;color:var(--prod-gray-500);flex-direction:column;justify-content:center;padding:60px 20px}.carrier-loading,.carrier-product-info{align-items:center;display:flex;gap:16px}.carrier-product-info{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border:1px solid var(--prod-gray-200);border-radius:12px;margin-bottom:24px;padding:16px 20px}.carrier-product-info svg{color:#7c3aed}.carrier-product-info div{display:flex;flex-direction:column}.carrier-product-info strong{color:#1f2937;color:var(--prod-gray-800);font-size:15px}.carrier-product-info span{color:#6b7280;color:var(--prod-gray-500);font-size:13px}.carrier-section{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--prod-gray-200);border-radius:12px;margin-bottom:20px;padding:20px}.carrier-section h4{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--prod-gray-100);color:#374151;color:var(--prod-gray-700);display:flex;font-size:14px;font-weight:600;gap:10px;margin-bottom:16px;padding-bottom:12px}.carrier-section.add-section{background:#faf5ff;border-color:#e9d5ff}.carrier-section.add-section h4{border-bottom-color:#e9d5ff;color:#7c3aed}.carrier-empty{align-items:center;color:#9ca3af;color:var(--prod-gray-400);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px}.carrier-empty p{font-size:14px}.carrier-materials-list{display:flex;flex-direction:column;gap:8px}.carrier-material-item{align-items:center;background:#f9fafb;background:var(--prod-gray-50);border:1px solid #e5e7eb;border:1px solid var(--prod-gray-200);border-radius:10px;display:flex;gap:14px;padding:14px 16px;transition:all .2s ease}.carrier-material-item:hover{background:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--prod-shadow)}.carrier-material-item.nuevo{background:#eef2ff;border-color:#a5b4fc}.carrier-material-item .mat-icon{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.carrier-material-item .mat-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.carrier-material-item .mat-parte{color:#7c3aed;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600}.carrier-material-item .mat-desc{color:#4b5563;color:var(--prod-gray-600);font-size:12px;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carrier-material-item .mat-tipo{color:#9ca3af;color:var(--prod-gray-400);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.carrier-material-item .mat-stock{color:#374151;color:var(--prod-gray-700);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;min-width:70px;text-align:right}.carrier-material-item .mat-remove{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--prod-gray-200);border-radius:6px;color:#9ca3af;color:var(--prod-gray-400);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.carrier-material-item .mat-remove:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.carrier-add-form{grid-gap:16px;align-items:flex-end;display:grid;gap:16px;grid-template-columns:1fr 1fr auto}.carrier-add-form .form-group{margin:0}.carrier-add-form .form-group label{color:#4b5563;color:var(--prod-gray-600);display:block;font-size:12px;font-weight:500;margin-bottom:6px}.carrier-add-form .form-select{background:#fff;border:2px solid #e9d5ff;border-radius:8px;color:#374151;color:var(--prod-gray-700);font-size:13px;padding:10px 12px;width:100%}.carrier-add-form .form-select:focus{border-color:#a855f7;outline:none}.btn-add-material{align-items:center;background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 18px;transition:all .2s ease;white-space:nowrap}.btn-add-material:hover:not(:disabled){background:#7c3aed}.btn-add-material:disabled{cursor:not-allowed;opacity:.5}@media (max-width:900px){.productos-wrapper{padding:16px}.productos-header{gap:16px;text-align:center}.productos-header,.productos-header .header-content,.productos-toolbar{flex-direction:column}.productos-toolbar{align-items:stretch}.toolbar-search{min-width:auto}.toolbar-filters{flex-direction:column}.toolbar-views{align-self:flex-end}.form-row,.productos-grid{grid-template-columns:1fr}}:root{--ord-primary:#3b82f6;--ord-primary-dark:#2563eb;--ord-purple:#8b5cf6;--ord-success:#10b981;--ord-warning:#f59e0b;--ord-danger:#ef4444;--ord-gray-50:#f9fafb;--ord-gray-100:#f3f4f6;--ord-gray-200:#e5e7eb;--ord-gray-300:#d1d5db;--ord-gray-400:#9ca3af;--ord-gray-500:#6b7280;--ord-gray-600:#4b5563;--ord-gray-700:#374151;--ord-gray-800:#1f2937;--ord-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--ord-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--ord-radius:12px;--ord-radius-lg:16px}.ordenes-wrapper{animation:ordFadeIn .4s ease-out;margin:0 auto;max-width:1400px;padding:24px}@keyframes ordFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ordenes-header{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:16px;border-radius:var(--ord-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--ord-shadow-lg);color:#fff;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.ordenes-header .header-content{align-items:center;display:flex;gap:16px}.ordenes-header .header-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;height:52px;justify-content:center;width:52px}.ordenes-header .header-text h1{color:#fff!important;font-size:24px;font-weight:700;margin:0}.ordenes-header .header-text p{color:#ffffffe6!important;font-size:14px;margin:4px 0 0}.header-actions{align-items:center;display:flex;gap:12px}.ordenes-header .refresh-btn{align-items:center;background:#fff3;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.ordenes-header .refresh-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.new-order-btn{align-items:center;background:#fff;border:none;border-radius:12px;color:#7c3aed;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.new-order-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.ordenes-kpis{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media (max-width:1100px){.ordenes-kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.ordenes-kpis{grid-template-columns:1fr}}.ok-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--ord-gray-200);border-radius:12px;border-radius:var(--ord-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--ord-shadow);display:flex;gap:16px;padding:20px;transition:all .2s ease}.ok-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--ord-shadow-lg);transform:translateY(-2px)}.ok-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.ok-icon.primary{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6;color:var(--ord-primary)}.ok-icon.purple{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#8b5cf6;color:var(--ord-purple)}.ok-icon.green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#10b981;color:var(--ord-success)}.ok-icon.yellow{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#f59e0b;color:var(--ord-warning)}.ok-content{display:flex;flex-direction:column;gap:4px}.ok-value{color:#1f2937;color:var(--ord-gray-800);font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700}.ok-label{color:#6b7280;color:var(--ord-gray-500);font-size:13px}.ordenes-filters{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.filter-search{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--ord-gray-200);border-radius:12px;border-radius:var(--ord-radius);display:flex;gap:12px;min-width:280px;padding:12px 16px;transition:border-color .2s ease}.filter-search:focus-within{border-color:#3b82f6;border-color:var(--ord-primary)}.filter-search svg{color:#9ca3af;color:var(--ord-gray-400)}.filter-search input{border:none;color:#374151;color:var(--ord-gray-700);font-size:14px;outline:none;width:100%}.filter-search input::placeholder{color:#9ca3af;color:var(--ord-gray-400)}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.filter-tab{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--ord-gray-200);border-radius:8px;color:#4b5563;color:var(--ord-gray-600);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.filter-tab:hover{background:#f9fafb;background:var(--ord-gray-50);border-color:#d1d5db;border-color:var(--ord-gray-300)}.filter-tab.active{background:#1f2937;background:var(--ord-gray-800);border-color:#1f2937;border-color:var(--ord-gray-800);color:#fff}.filter-tab.warning.active{background:#f59e0b;background:var(--ord-warning);border-color:#f59e0b;border-color:var(--ord-warning)}.filter-tab.primary.active{background:#3b82f6;background:var(--ord-primary);border-color:#3b82f6;border-color:var(--ord-primary)}.filter-tab.success.active{background:#10b981;background:var(--ord-success);border-color:#10b981;border-color:var(--ord-success)}.ordenes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.no-ordenes{align-items:center;background:#fff;border:2px dashed #e5e7eb;border:2px dashed var(--ord-gray-200);border-radius:16px;border-radius:var(--ord-radius-lg);color:#9ca3af;color:var(--ord-gray-400);display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:60px 20px}.no-ordenes svg{margin-bottom:12px}.no-ordenes p{font-size:14px;margin:0}.orden-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--ord-gray-200);border-radius:16px;border-radius:var(--ord-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--ord-shadow);overflow:hidden;transition:all .3s ease}.orden-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--ord-shadow-lg);transform:translateY(-4px)}.orden-card.warning{border-top:3px solid #f59e0b;border-top:3px solid var(--ord-warning)}.orden-card.primary{border-top:3px solid #3b82f6;border-top:3px solid var(--ord-primary)}.orden-card.success{border-top:3px solid #10b981;border-top:3px solid var(--ord-success)}.orden-card.danger{border-top:3px solid #ef4444;border-top:3px solid var(--ord-danger)}.oc-header{background:#f9fafb;background:var(--ord-gray-50);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--ord-gray-100);justify-content:space-between;padding:16px 20px}.oc-header,.oc-id{align-items:center;display:flex}.oc-id{color:#1f2937;color:var(--ord-gray-800);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;gap:8px}.oc-id svg{color:#8b5cf6;color:var(--ord-purple)}.oc-status{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.oc-status.warning{background:#fef3c7;color:#d97706}.oc-status.primary{background:#dbeafe;color:#2563eb}.oc-status.success{background:#d1fae5;color:#059669}.oc-status.danger{background:#fee2e2;color:#dc2626}.oc-status.info{background:#e0e7ff;color:#4338ca}.oc-product{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--ord-gray-100);gap:14px;padding:16px 20px}.oc-product,.oc-product-icon{align-items:center;display:flex}.oc-product-icon{background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-radius:10px;color:#3b82f6;color:var(--ord-primary);height:44px;justify-content:center;width:44px}.oc-product-info{display:flex;flex-direction:column;gap:2px}.oc-product-id{color:#3b82f6;color:var(--ord-primary);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.oc-product-name{color:#1f2937;color:var(--ord-gray-800);font-size:15px;font-weight:600}.oc-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);padding:16px 20px}.oc-detail{align-items:center;display:flex;gap:8px}.oc-detail svg{color:#9ca3af;color:var(--ord-gray-400);flex-shrink:0}.oc-detail-label{color:#6b7280;color:var(--ord-gray-500);font-size:12px;margin-right:auto}.oc-detail-value{color:#1f2937;color:var(--ord-gray-800);font-size:13px;font-weight:600}.oc-dates{background:#f9fafb;background:var(--ord-gray-50);border-top:1px solid #f3f4f6;border-top:1px solid var(--ord-gray-100);gap:12px;justify-content:center;padding:14px 20px}.oc-date,.oc-dates{align-items:center;display:flex}.oc-date{color:#4b5563;color:var(--ord-gray-600);font-size:12px;gap:6px}.oc-date svg{color:#9ca3af;color:var(--ord-gray-400)}.oc-dates>svg{color:#d1d5db;color:var(--ord-gray-300)}.oc-actions{border-top:1px solid #f3f4f6;border-top:1px solid var(--ord-gray-100);gap:10px;padding:16px 20px}.oc-action-btn,.oc-actions{align-items:center;display:flex}.oc-action-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.oc-action-btn.primary{background:#3b82f6;background:var(--ord-primary);color:#fff;flex:1 1}.oc-action-btn.primary:hover{background:#2563eb;background:var(--ord-primary-dark)}.oc-action-btn.success{background:#10b981;background:var(--ord-success);color:#fff;flex:1 1}.oc-action-btn.success:hover{background:#059669}.oc-action-btn.secondary{background:#f3f4f6;background:var(--ord-gray-100);color:#4b5563;color:var(--ord-gray-600);padding:10px}.oc-action-btn.secondary:hover{background:#e5e7eb;background:var(--ord-gray-200)}.oc-completed{align-items:center;color:#10b981;color:var(--ord-success);display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px}.modal-overlay{animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalSlideIn .3s ease-out;border-radius:var(--ord-radius-lg);box-shadow:var(--ord-shadow-lg)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--ord-gray-200)}.modal-header h3{color:#1f2937;color:var(--ord-gray-800)}.modal-header h3 svg{color:#8b5cf6;color:var(--ord-purple)}.modal-close{background:var(--ord-gray-100);color:var(--ord-gray-500);transition:all .2s ease}.modal-close:hover{background:var(--ord-gray-200);color:#374151}.form-group label,.modal-close:hover{color:var(--ord-gray-700)}.form-input,.form-select{border:2px solid #e5e7eb;border:2px solid var(--ord-gray-200);color:#374151;color:var(--ord-gray-700);transition:border-color .2s ease}.form-input:focus,.form-select:focus{border-color:var(--ord-primary)}.form-textarea{border:2px solid #e5e7eb;border:2px solid var(--ord-gray-200);border-radius:8px;min-height:60px;transition:border-color .2s ease}.form-textarea:focus{border-color:#3b82f6;border-color:var(--ord-primary)}.form-textarea[readonly]{background:#f3f4f6;background:var(--ord-gray-100);cursor:not-allowed}.notas-field{border-top:1px dashed #e5e7eb;border-top:1px dashed var(--ord-gray-200)}.modal-footer{background:var(--ord-gray-50);border-top:1px solid var(--ord-gray-200);padding:20px 24px}.btn-cancel{border:2px solid #e5e7eb;border:2px solid var(--ord-gray-200);border-radius:8px;color:#4b5563;color:var(--ord-gray-600);cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease}.btn-cancel:hover{background:var(--ord-gray-50);border-color:#d1d5db;border-color:var(--ord-gray-300)}.btn-submit{align-items:center;background:#8b5cf6;background:var(--ord-purple);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-submit:hover{background:#7c3aed}.ordenes-error,.ordenes-loading{align-items:center;color:#6b7280;color:var(--ord-gray-500);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.ordenes-loading svg{color:#8b5cf6;color:var(--ord-purple)}.ordenes-error svg{color:#ef4444;color:var(--ord-danger)}.ordenes-error h3{color:#374151;color:var(--ord-gray-700);font-size:18px;margin:0}.ordenes-error button{background:#3b82f6;background:var(--ord-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:8px;padding:10px 24px;transition:all .2s ease}.ordenes-error button:hover{background:#2563eb;background:var(--ord-primary-dark)}@media (max-width:900px){.ordenes-wrapper{padding:16px}.ordenes-header{gap:16px;text-align:center}.ordenes-filters,.ordenes-header,.ordenes-header .header-content{flex-direction:column}.ordenes-filters{align-items:stretch}.filter-search{min-width:auto}.filter-tabs{justify-content:center}.oc-details,.ordenes-grid{grid-template-columns:1fr}.oc-dates{flex-direction:column;gap:8px}.oc-dates>svg{transform:rotate(90deg)}.form-row{grid-template-columns:1fr}}.ordenes-tabs{background:#f3f4f6;background:var(--ord-gray-100);border-radius:12px;display:flex;gap:4px;margin-bottom:24px;padding:4px;width:-webkit-fit-content;width:fit-content}.ordenes-tabs .tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#4b5563;color:var(--ord-gray-600);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.ordenes-tabs .tab-btn:hover{background:#fff;color:#1f2937;color:var(--ord-gray-800)}.ordenes-tabs .tab-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#8b5cf6;color:var(--ord-purple)}.ordenes-tabs .tab-btn svg{flex-shrink:0}.proveedores-section{animation:fadeIn .3s ease-out}.proveedores-actions{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.proveedores-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.proveedor-card{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--ord-gray-100);border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:20px;transition:all .2s ease}.proveedor-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.prov-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.prov-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#9333ea);background:linear-gradient(135deg,var(--ord-purple),#9333ea);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.prov-info{flex:1 1;min-width:0}.prov-info h3{color:#1f2937;color:var(--ord-gray-800);font-size:16px;font-weight:600;margin:0 0 4px}.prov-status{align-items:center;border-radius:10px;display:inline-flex;font-size:11px;font-weight:500;padding:2px 8px}.prov-status.active{background:#dcfce7;color:#15803d}.prov-status.inactive{background:#fee2e2;color:#dc2626}.prov-edit-btn{align-items:center;background:#f3f4f6;background:var(--ord-gray-100);border:none;border-radius:8px;color:#6b7280;color:var(--ord-gray-500);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.prov-edit-btn:hover{background:#8b5cf6;background:var(--ord-purple);color:#fff}.prov-details{background:#f9fafb;background:var(--ord-gray-50);border-radius:10px;display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding:12px}.prov-detail{align-items:center;display:flex;font-size:13px;gap:10px}.prov-detail svg{color:#9ca3af;color:var(--ord-gray-400);flex-shrink:0}.prov-detail-label{color:#6b7280;color:var(--ord-gray-500);min-width:100px}.prov-detail-value{color:#374151;color:var(--ord-gray-700);font-weight:500}.prov-stats{border-top:1px solid #f3f4f6;border-top:1px solid var(--ord-gray-100);display:flex;gap:16px;padding-top:16px}.prov-stat{flex:1 1;text-align:center}.prov-stat-value{color:#8b5cf6;color:var(--ord-purple);display:block;font-size:24px;font-weight:700}.prov-stat-label{color:#6b7280;color:var(--ord-gray-500);font-size:12px}@media (max-width:768px){.proveedores-actions{align-items:stretch;flex-direction:column}.proveedores-grid{grid-template-columns:1fr}.ordenes-tabs{width:100%}.ordenes-tabs .tab-btn{flex:1 1;justify-content:center}}.cost-section{border-top:1px dashed #e5e7eb;border-top:1px dashed var(--ord-gray-200);margin-top:16px;padding-top:16px}.cost-section-title{align-items:center;color:#374151;color:var(--ord-gray-700);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 16px}.cost-section-title svg{color:#10b981;color:var(--ord-success)}.cost-summary{background:#f9fafb;background:var(--ord-gray-50);border:1px solid #e5e7eb;border:1px solid var(--ord-gray-200);border-radius:12px;border-radius:var(--ord-radius);margin-top:16px;padding:16px}.cost-row{align-items:center;color:#4b5563;color:var(--ord-gray-600);display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.cost-row:not(:last-child){border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--ord-gray-200)}.cost-row.discount{color:#10b981;color:var(--ord-success)}.cost-row.discount span:last-child{font-weight:500}.cost-row.total{border-top:2px solid #d1d5db;border-top:2px solid var(--ord-gray-300);color:#1f2937;color:var(--ord-gray-800);font-size:16px;font-weight:700;margin-top:4px;padding-top:12px}.cost-row.total span:last-child{color:#3b82f6;color:var(--ord-primary);font-size:18px}.upload-btn{align-items:center;background:#fff3;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.upload-btn:hover{background:#ffffff4d}.oc-entregas-progress{background:#f9fafb;background:var(--ord-gray-50);border-top:1px solid #f3f4f6;border-top:1px solid var(--ord-gray-100);padding:12px 20px}.entregas-progress-header{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-bottom:8px}.entregas-progress-header span:first-child{color:#4b5563;color:var(--ord-gray-600);font-weight:500}.entregas-progress-header .pendiente{color:#f59e0b;color:var(--ord-warning);font-weight:600}.entregas-progress-header .completado{color:#10b981;color:var(--ord-success);font-weight:600}.entregas-progress-bar{background:#e5e7eb;background:var(--ord-gray-200);border-radius:3px;height:6px;overflow:hidden}.entregas-progress-fill{background:linear-gradient(90deg,#10b981,#34d399);background:linear-gradient(90deg,var(--ord-success),#34d399);border-radius:3px;height:100%;transition:width .3s ease}.entregas-toggle{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--ord-gray-200);border-radius:6px;color:#4b5563;color:var(--ord-gray-600);cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:6px;margin-top:8px;padding:6px 10px;transition:all .2s ease}.entregas-toggle:hover{background:#f3f4f6;background:var(--ord-gray-100);border-color:#d1d5db;border-color:var(--ord-gray-300)}.oc-entregas-list{animation:slideDown .3s ease-out;display:flex;flex-direction:column;gap:8px;padding:0 20px 16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.entrega-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--ord-gray-200);border-radius:8px;display:flex;font-size:13px;gap:12px;padding:10px 14px}.entrega-item.pagada{border-left:3px solid #10b981;border-left:3px solid var(--ord-success)}.entrega-item.entregada{border-left:3px solid #3b82f6;border-left:3px solid var(--ord-primary)}.entrega-item.en-proceso{border-left:3px solid #f59e0b;border-left:3px solid var(--ord-warning)}.entrega-item.pendiente{border-left:3px solid #d1d5db;border-left:3px solid var(--ord-gray-300)}.entrega-num{background:#ede9fe;border-radius:4px;color:#8b5cf6;color:var(--ord-purple);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;padding:4px 8px}.entrega-info{display:flex;flex:1 1;flex-wrap:wrap;gap:8px 16px}.entrega-cantidad{color:#1f2937;color:var(--ord-gray-800);font-weight:600}.entrega-cr,.entrega-factura{color:#6b7280;color:var(--ord-gray-500);font-size:12px}.entrega-status{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.entrega-status.pagada{background:#d1fae5;color:#059669}.entrega-status.entregada{background:#dbeafe;color:#2563eb}.entrega-status.en-proceso{background:#fef3c7;color:#d97706}.entrega-status.pendiente{background:#f3f4f6;background:var(--ord-gray-100);color:#4b5563;color:var(--ord-gray-600)}.oc-action-btn.info{background:#dbeafe;color:#2563eb;padding:10px}.oc-action-btn.info:hover{background:#bfdbfe}.oc-action-btn.danger{background:#fee2e2;color:#dc2626;padding:10px}.oc-action-btn.danger:hover{background:#fecaca}.modal-content.modal-large{max-width:800px}.import-summary{color:#4b5563;color:var(--ord-gray-600);font-size:14px;margin-bottom:20px}.import-summary strong{color:#8b5cf6;color:var(--ord-purple)}.import-preview{border:1px solid #e5e7eb;border:1px solid var(--ord-gray-200);border-radius:12px;border-radius:var(--ord-radius);overflow:hidden}.import-preview-table{border-collapse:collapse;font-size:13px;width:100%}.import-preview-table th{background:#f3f4f6;background:var(--ord-gray-100);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--ord-gray-200);color:#374151;color:var(--ord-gray-700);font-weight:600;padding:12px;text-align:left}.import-preview-table td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--ord-gray-100);color:#4b5563;color:var(--ord-gray-600);padding:10px 12px}.import-preview-table tr:last-child td{border-bottom:none}.import-preview-table tr:hover td{background:#f9fafb;background:var(--ord-gray-50)}.preview-more{background:var(--ord-gray-50);color:var(--ord-gray-500);font-size:13px;font-style:italic;margin:0;padding:12px}.estatus-preview{border-radius:4px;display:inline-block;font-size:11px;font-weight:500;padding:2px 8px;text-transform:uppercase}.estatus-preview.proceso{background:#dbeafe;color:#1e40af}.estatus-preview.compra{background:#e0e7ff;color:#4338ca}.estatus-preview.pendiente{background:#fef3c7;color:#92400e}.import-results h4{color:#1f2937;color:var(--ord-gray-800);font-size:16px;margin:0 0 20px}.import-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.import-stat{border-radius:12px;border-radius:var(--ord-radius);padding:16px;text-align:center}.import-stat.success{background:#d1fae5}.import-stat.info{background:#dbeafe}.import-stat.purple{background:#ede9fe}.import-stat.danger{background:#fee2e2}.import-stat.yellow{background:#fef3c7}.import-stat-value{display:block;font-size:28px;font-weight:700;margin-bottom:4px}.import-stat.success .import-stat-value{color:#10b981;color:var(--ord-success)}.import-stat.info .import-stat-value{color:#3b82f6;color:var(--ord-primary)}.import-stat.purple .import-stat-value{color:#8b5cf6;color:var(--ord-purple)}.import-stat.danger .import-stat-value{color:#ef4444;color:var(--ord-danger)}.import-stat.yellow .import-stat-value{color:#f59e0b;color:var(--ord-warning)}.import-options{background:#f9fafb;background:var(--ord-gray-50);border:1px solid #e5e7eb;border:1px solid var(--ord-gray-200);border-radius:12px;border-radius:var(--ord-radius);margin-top:20px;padding:16px}.checkbox-label{color:#374151;color:var(--ord-gray-700);display:flex;font-size:14px;font-weight:500}.checkbox-label input[type=checkbox]{accent-color:#8b5cf6;accent-color:var(--ord-purple)}.option-hint{color:#6b7280;color:var(--ord-gray-500);font-size:12px;line-height:1.4;margin:8px 0 0 28px}.import-stat-label{color:#4b5563;color:var(--ord-gray-600);font-size:12px}.import-errors{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;border-radius:var(--ord-radius);max-height:200px;overflow-y:auto;padding:16px}.import-errors h5{color:#ef4444;color:var(--ord-danger);font-size:14px;margin:0 0 12px}.import-errors ul{margin:0;padding-left:20px}.import-errors li{color:#4b5563;color:var(--ord-gray-600);font-size:13px;margin-bottom:6px}.entregas-summary{grid-gap:12px;background:#f9fafb;background:var(--ord-gray-50);border-radius:12px;border-radius:var(--ord-radius);display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px;padding:16px}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{color:var(--ord-gray-500);font-size:12px}.summary-value{color:#1f2937;color:var(--ord-gray-800);font-size:14px;font-weight:600}.summary-value.success{color:#10b981;color:var(--ord-success)}.summary-value.warning{color:#f59e0b;color:var(--ord-warning)}.entregas-detail-table{border-collapse:collapse;font-size:13px;width:100%}.entregas-detail-table th{background:#f3f4f6;background:var(--ord-gray-100);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--ord-gray-200);font-weight:600;text-align:left}.entregas-detail-table td,.entregas-detail-table th{color:#374151;color:var(--ord-gray-700);padding:12px}.entregas-detail-table td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--ord-gray-100)}.entregas-detail-table tr.pagada{background:#f0fdf4}.entregas-detail-table tr.entregada{background:#eff6ff}.entregas-detail-table tr.en-proceso{background:#fffbeb}.estatus-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.estatus-badge.pagada{background:#d1fae5;color:#059669}.estatus-badge.entregada{background:#dbeafe;color:#2563eb}.estatus-badge.en-proceso{background:#fef3c7;color:#d97706}.estatus-badge.pendiente{background:#e5e7eb;background:var(--ord-gray-200);color:#4b5563;color:var(--ord-gray-600)}@media (max-width:600px){.import-stats-grid{grid-template-columns:repeat(2,1fr)}.entregas-summary{grid-template-columns:1fr}.entregas-detail-table{font-size:12px}.entregas-detail-table td,.entregas-detail-table th{padding:8px}}.oc-status.green{background:#d1fae5;color:#059669}.orden-card.green{border-top:3px solid #059669}.empty-historial,.loading-historial{align-items:center;color:#6b7280;color:var(--ord-gray-500);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px}.historial-table{border-collapse:collapse;font-size:13px;width:100%}.historial-table th{background:#f3f4f6;background:var(--ord-gray-100);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--ord-gray-200);color:#374151;color:var(--ord-gray-700);font-weight:600;padding:12px;text-align:left}.historial-table td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--ord-gray-100);color:#4b5563;color:var(--ord-gray-600);padding:10px 12px}.historial-table tr:hover td{background:#f9fafb;background:var(--ord-gray-50)}.historial-table .valor-anterior{color:#dc2626;font-size:12px;text-decoration:line-through}.historial-table .valor-nuevo{color:#059669;font-weight:500}.accion-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:500;padding:3px 8px;text-transform:uppercase}.accion-badge.create{background:#d1fae5;color:#059669}.accion-badge.update{background:#dbeafe;color:#2563eb}.accion-badge.delete{background:#fee2e2;color:#dc2626}.accion-badge.status-change{background:#fef3c7;color:#d97706}.oc-action-btn.pdf{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:10px}.oc-action-btn.pdf:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.05)}.oc-action-btn.pdf:disabled{cursor:not-allowed;opacity:.6;transform:none}.pdf-form{max-height:60vh;overflow-y:auto}.pdf-info-banner{align-items:flex-start;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:12px;border-radius:var(--ord-radius);color:#fff;display:flex;gap:12px;margin-bottom:20px;padding:16px}.pdf-info-banner svg{flex-shrink:0;margin-top:2px}.pdf-info-banner strong{color:#ffffffe6}.pdf-section{border-bottom:1px dashed #e5e7eb;border-bottom:1px dashed var(--ord-gray-200);margin-bottom:24px;padding-bottom:20px}.pdf-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.pdf-section h4{align-items:center;color:#c41e3a;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 16px}.pdf-section h4:before{background:#c41e3a;border-radius:2px;content:"";height:16px;width:4px}.form-textarea{border:1px solid #e5e7eb;border:1px solid var(--ord-gray-200);border-radius:12px;border-radius:var(--ord-radius);color:#374151;color:var(--ord-gray-700);font-family:inherit;font-size:14px;padding:12px 14px;resize:vertical;transition:all .2s ease;width:100%}.form-textarea:focus{border-color:#8b5cf6;border-color:var(--ord-purple);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.radio-group{display:flex;gap:20px}.radio-label{align-items:center;color:#374151;color:var(--ord-gray-700);cursor:pointer;display:flex;font-size:14px;gap:8px}.radio-label input[type=radio]{accent-color:#8b5cf6;accent-color:var(--ord-purple);cursor:pointer;height:18px;width:18px}.pdf-modal-footer{display:flex;gap:12px}.btn-secondary{align-items:center;background:#f3f4f6;background:var(--ord-gray-100);border:1px solid #d1d5db;border:1px solid var(--ord-gray-300);border-radius:12px;border-radius:var(--ord-radius);color:#374151;color:var(--ord-gray-700);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:#e5e7eb;background:var(--ord-gray-200);border-color:#9ca3af;border-color:var(--ord-gray-400)}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.notas-field{border-top:1px solid #e5e7eb;border-top:1px solid var(--ord-gray-200);margin-top:16px;padding-top:16px}.notas-field textarea{resize:none}.notas-field textarea[readonly]{background:#f9fafb;background:var(--ord-gray-50);color:#6b7280;color:var(--ord-gray-500);cursor:not-allowed}.usuarios-module{animation:fadeIn .3s ease-out}.usuarios-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.usuarios-header h2{font-size:20px;font-weight:700}.usuarios-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.usuarios-loading .spin{animation:spin 1s linear infinite;color:#3b82f6;margin-bottom:16px}.usuarios-empty{background:#fff;border:2px dashed #e2e8f0;border-radius:12px;padding:60px 20px;text-align:center}.usuarios-empty svg{color:#cbd5e1;margin-bottom:16px}.usuarios-empty h3{color:#334155;font-size:18px;margin-bottom:8px}.usuarios-empty p{color:#64748b;font-size:14px}.usuarios-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 16px}.usuarios-error button{background:none;border:none;border-radius:4px;color:#dc2626;cursor:pointer;margin-left:auto;padding:4px}.usuarios-error button:hover{background:#fee2e2}.usuarios-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.user-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;position:relative;transition:all .2s ease}.user-card:hover{box-shadow:0 4px 12px #00000014}.user-card.inactive{background:#f8fafc;opacity:.7}.user-inactive-badge{background:#ef4444;border-radius:4px;color:#fff;font-size:10px;font-weight:600;padding:4px 8px;position:absolute;right:12px;text-transform:uppercase;top:12px}.user-card-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:16px;padding:20px}.user-avatar-lg{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:56px;justify-content:center;width:56px}.user-info-main{flex:1 1;min-width:0}.user-info-main h4{font-size:16px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-username{color:#64748b;font-family:JetBrains Mono,monospace;font-size:13px}.current-user-badge{background:#dbeafe;border-radius:4px;color:#2563eb;display:inline-block;font-size:10px;font-weight:600;margin-left:8px;padding:2px 8px}.user-card-body{padding:16px 20px}.user-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:10px 0}.user-row:last-child{border-bottom:none}.user-row .label{color:#64748b;flex-shrink:0;font-size:13px}.user-email{color:#334155;font-size:13px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-tag{border-radius:6px;font-size:12px;font-weight:600;padding:4px 10px}.face-status{align-items:center;display:flex;font-size:12px;font-weight:500;gap:4px}.face-status.registered{color:#059669}.face-status.pending{color:#94a3b8}.user-card-actions{background:#fafafa;border-top:1px solid #f1f5f9;display:flex;gap:8px;padding:16px 20px}.btn-danger{background:#fee2e2!important;border:1px solid #fecaca!important;color:#dc2626!important}.btn-danger:hover{background:#fecaca!important}.delete-confirm-overlay{align-items:center;background:#fffffff2;border-radius:12px;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.delete-confirm-content{padding:20px;text-align:center}.delete-confirm-content p{color:#334155;margin-bottom:16px}.delete-confirm-actions{display:flex;gap:8px;justify-content:center}.modal-overlay{inset:0;padding:20px}.modal-content{border-radius:20px;box-shadow:0 25px 50px #00000040;max-width:480px;overflow:hidden;width:100%}.modal-content.user-form-modal{max-width:560px}.modal-header{background:#fff;border-bottom:1px solid #e2e8f0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.close-btn{background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;padding:8px}.close-btn:hover{background:#f1f5f9}.user-form-modal .modal-body{text-align:left}.form-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:20px;padding:12px 16px}.form-error,.form-group label{align-items:center;display:flex;gap:8px}.form-group label svg{color:#64748b}.form-group input,.form-group select{border:1px solid #e2e8f0;padding:12px 14px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.password-input{position:relative}.password-input input{padding-right:44px}.toggle-password{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.toggle-password:hover{color:#334155}.checkbox-group{margin-top:8px}.checkbox-label{align-items:center;cursor:pointer;display:flex!important;font-weight:500!important;gap:10px}.checkbox-label input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.rol-description{background:#f8fafc;border-radius:8px;margin-top:8px;padding:12px 16px}.rol-description strong{color:#64748b;font-size:12px}.rol-description p{color:#334155;font-size:14px;margin-top:4px}.modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0}.modal-footer .btn{min-width:120px}.step-icon{align-items:center;background:#eff6ff;border-radius:50%;color:#3b82f6;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.modal-body h4{font-size:18px;margin-bottom:16px;text-align:center}.instructions-list{margin-bottom:24px;padding-left:24px;text-align:left}.instructions-list li{color:#64748b;font-size:14px;margin-bottom:8px}.modal-actions{display:flex;gap:12px;justify-content:center}@media (max-width:640px){.usuarios-header{align-items:flex-start;flex-direction:column;gap:16px}.form-row{grid-template-columns:1fr}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}:root{--mat-primary:#6366f1;--mat-primary-light:#818cf8;--mat-primary-dark:#4f46e5;--mat-success:#10b981;--mat-success-light:#d1fae5;--mat-danger:#ef4444;--mat-danger-light:#fee2e2;--mat-warning:#f59e0b;--mat-warning-light:#fef3c7;--mat-gray-50:#f9fafb;--mat-gray-100:#f3f4f6;--mat-gray-200:#e5e7eb;--mat-gray-300:#d1d5db;--mat-gray-400:#9ca3af;--mat-gray-500:#6b7280;--mat-gray-600:#4b5563;--mat-gray-700:#374151;--mat-gray-800:#1f2937;--mat-gray-900:#111827;--mat-shadow-sm:0 1px 2px #0000000d;--mat-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--mat-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--mat-radius:12px;--mat-radius-lg:16px}.materiales-error,.materiales-loading{align-items:center;color:#6b7280;color:var(--mat-gray-500);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.materiales-loading .spin{animation:spin 1s linear infinite;color:#6366f1;color:var(--mat-primary)}.materiales-error{color:#ef4444;color:var(--mat-danger)}.materiales-wrapper{animation:fadeIn .3s ease-out;margin:0 auto;max-width:1400px;padding:24px}.materiales-header{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:16px;border-radius:var(--mat-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--mat-shadow-lg);color:#fff;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.materiales-header .header-content{align-items:center;display:flex;gap:16px}.materiales-header .header-icon{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:12px;border-radius:var(--mat-radius);color:#fff;display:flex;height:56px;justify-content:center;width:56px}.materiales-wrapper .header-text h1{color:#fff;font-size:24px;font-weight:700;margin:0}.materiales-wrapper .header-text p{color:#ffffffe6;font-size:14px;margin:4px 0 0}.materiales-header .refresh-btn{align-items:center;background:#fff3;border:none;border-radius:12px;border-radius:var(--mat-radius);color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.materiales-header .refresh-btn:hover{background:#ffffff4d}.refresh-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--mat-gray-200);border-radius:12px;border-radius:var(--mat-radius);color:#4b5563;color:var(--mat-gray-600);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.refresh-btn:hover{background:#f9fafb;background:var(--mat-gray-50);border-color:#6366f1;border-color:var(--mat-primary);color:#6366f1;color:var(--mat-primary)}.materiales-tabs{background:#f3f4f6;background:var(--mat-gray-100);border-radius:12px;border-radius:var(--mat-radius);display:flex;gap:8px;margin-bottom:24px;padding:6px}.tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#4b5563;color:var(--mat-gray-600);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s}.tab-btn:hover{background:#ffffff80;color:#1f2937;color:var(--mat-gray-800)}.tab-btn.active{background:#fff;box-shadow:0 1px 2px #0000000d;box-shadow:var(--mat-shadow-sm);color:#6366f1;color:var(--mat-primary)}.info-banner{align-items:center;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:12px;border-radius:var(--mat-radius);display:flex;gap:12px;margin-bottom:24px;padding:16px 20px}.info-banner svg{color:#6366f1;color:var(--mat-primary);flex-shrink:0}.info-banner.kit-info,.kit-formula{flex-wrap:wrap}.kit-formula{align-items:center;display:flex;gap:8px;margin-left:8px}.kit-item{align-items:center;background:#fff;border-radius:20px;color:#374151;color:var(--mat-gray-700);display:inline-flex;font-size:13px;font-weight:500;gap:4px;padding:4px 10px;white-space:nowrap}.kit-plus{color:#6366f1;color:var(--mat-primary);font-weight:700}.summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.summary-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--mat-gray-200);border-radius:12px;border-radius:var(--mat-radius);box-shadow:0 1px 2px #0000000d;box-shadow:var(--mat-shadow-sm);display:flex;gap:16px;padding:20px}.summary-card.highlight{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0}.summary-card.alert{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d}.summary-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.summary-icon.plasticos{background:#dbeafe;color:#2563eb}.summary-icon.kits{background:#d1fae5;color:#059669}.summary-icon.warning{background:#fef3c7;color:#d97706}.summary-data{display:flex;flex-direction:column}.summary-value{color:#111827;color:var(--mat-gray-900);font-size:28px;font-weight:700;line-height:1}.summary-label{color:#6b7280;color:var(--mat-gray-500);font-size:13px;margin-top:4px}.products-capacity-list{display:flex;flex-direction:column;gap:12px}.product-capacity-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--mat-gray-200);border-radius:16px;border-radius:var(--mat-radius-lg);overflow:hidden;transition:all .2s}.product-capacity-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--mat-shadow)}.product-capacity-card.expanded{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--mat-shadow-lg)}.product-capacity-card.success{border-left:4px solid #10b981;border-left:4px solid var(--mat-success)}.product-capacity-card.warning{border-left:4px solid #f59e0b;border-left:4px solid var(--mat-warning)}.product-capacity-card.danger{border-left:4px solid #ef4444;border-left:4px solid var(--mat-danger)}.product-header{cursor:pointer;gap:16px;justify-content:space-between;padding:16px 20px}.product-header,.product-info{align-items:center;display:flex}.product-info{flex-shrink:0;gap:12px;width:280px}.product-icon{align-items:center;background:#f3f4f6;background:var(--mat-gray-100);border-radius:10px;color:#4b5563;color:var(--mat-gray-600);display:flex;height:44px;justify-content:center;width:44px}.product-details{display:flex;flex:1 1;flex-direction:column;min-width:0}.product-id{color:#6366f1;color:var(--mat-primary);font-size:12px}.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;color:var(--mat-gray-800);display:-webkit-box;font-size:14px;font-weight:600;line-height:1.3;margin:2px 0 0}.product-metrics{flex:1 1;gap:24px;justify-content:center}.metric,.product-metrics{align-items:center;display:flex}.metric{flex-direction:column;text-align:center}.metric-value{color:#1f2937;color:var(--mat-gray-800);font-size:20px;font-weight:700}.metric-label{color:#6b7280;color:var(--mat-gray-500);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.metric.highlight .metric-value{color:#10b981;color:var(--mat-success)}.metric.deficit .metric-value{color:#ef4444;color:var(--mat-danger)}.metric-arrow{color:#9ca3af;color:var(--mat-gray-400);font-size:20px}.product-status{align-items:center;display:flex;gap:12px}.status-badge{border-radius:20px;gap:6px;padding:6px 12px}.status-badge.success{background:var(--mat-success-light)}.status-badge.warning{background:var(--mat-warning-light)}.status-badge.danger{background:var(--mat-danger-light)}.product-expanded{animation:expandIn .3s ease-out;border-top:1px solid #f3f4f6;border-top:1px solid var(--mat-gray-100);padding:0 20px 20px}@keyframes expandIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-message{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:10px;margin-top:16px;padding:12px 16px}.alert-message.success{background:#d1fae5;background:var(--mat-success-light);color:#047857}.alert-message.warning{background:#fef3c7;background:var(--mat-warning-light);color:#b45309}.alert-message.danger{background:#fee2e2;background:var(--mat-danger-light);color:#b91c1c}.faltantes-section{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;border-radius:var(--mat-radius);margin-top:16px;padding:16px}.faltantes-title{align-items:center;color:#b91c1c;display:flex;font-size:15px;font-weight:600;gap:10px;margin:0 0 16px}.faltantes-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.faltante-card{background:#fff;border:1px solid #fecaca;border-radius:10px;box-shadow:0 2px 4px #b91c1c1a;padding:14px}.faltante-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.faltante-icon{font-size:18px}.faltante-tipo{color:#4b5563;color:var(--mat-gray-600);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.compartido-badge{background:#dbeafe;border-radius:10px;color:#1d4ed8;font-size:10px;font-weight:600;margin-left:auto;padding:2px 8px}.faltante-parte{color:#6366f1;color:var(--mat-primary);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;margin-bottom:12px}.faltante-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr}.faltante-stats .stat{background:#f9fafb;background:var(--mat-gray-50);border-radius:6px;padding:8px;text-align:center}.faltante-stats .stat.deficit{background:#fee2e2}.faltante-stats .stat-label{color:#6b7280;color:var(--mat-gray-500);display:block;font-size:10px;margin-bottom:4px;text-transform:uppercase}.faltante-stats .stat-value{color:#1f2937;color:var(--mat-gray-800);display:block;font-size:14px;font-weight:700}.faltante-stats .stat.deficit .stat-value{color:#dc2626}.compartido-info{border-top:1px dashed #e5e7eb;font-size:11px;margin-top:10px;padding-top:10px}.compartido-label{color:#6b7280;color:var(--mat-gray-500);display:block;margin-bottom:4px}.compartido-productos{color:#1d4ed8;font-family:JetBrains Mono,monospace;font-weight:500}.component-status{display:flex;justify-content:flex-end}.status-ok{background:#d1fae5;background:var(--mat-success-light);color:#059669}.status-deficit,.status-ok{align-items:center;border-radius:16px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px}.status-deficit{background:#fee2e2;background:var(--mat-danger-light);color:#dc2626}.shared-icon{font-size:12px;margin-left:6px}.bottleneck-info{align-items:center;background:#f9fafb;background:var(--mat-gray-50);border-radius:8px;display:flex;gap:12px;margin-top:12px;padding:12px 16px}.bottleneck-label{color:#4b5563;color:var(--mat-gray-600);font-size:13px;font-weight:500}.bottleneck-value{align-items:center;color:#1f2937;color:var(--mat-gray-800);display:flex;font-size:14px;font-weight:600;gap:8px}.bottleneck-type{color:#6b7280;color:var(--mat-gray-500);font-weight:400}.components-section{margin-top:16px}.components-section h4{color:#374151;color:var(--mat-gray-700);font-size:14px;font-weight:600;margin:0 0 12px}.components-table{border:1px solid #e5e7eb;border:1px solid var(--mat-gray-200);border-radius:8px;overflow:hidden}.component-row{grid-gap:16px;align-items:center;background:#fff;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--mat-gray-100);display:grid;gap:16px;grid-template-columns:180px 140px 1fr 100px;padding:12px 16px}.component-row:last-child{border-bottom:none}.component-row.limitante{background:#fef3c7}.component-type{align-items:center;display:flex;gap:10px}.type-icon{font-size:18px}.type-name{color:#374151;color:var(--mat-gray-700);font-size:14px;font-weight:500}.component-part{background:#f3f4f6;background:var(--mat-gray-100);border-radius:4px;color:#4b5563;color:var(--mat-gray-600);font-family:JetBrains Mono,monospace;font-size:12px;padding:4px 8px}.component-stock{display:flex;flex-direction:column}.stock-value{color:#1f2937;color:var(--mat-gray-800);font-size:16px;font-weight:700}.stock-label{color:#6b7280;color:var(--mat-gray-500);font-size:11px}.component-badge{align-items:center;border-radius:16px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px}.component-badge.limitante{background:#fcd34d;color:#92400e}.visual-comparison{margin-top:16px}.comparison-bar{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:80px 1fr 100px}.bar-label{color:#4b5563;color:var(--mat-gray-600);font-size:13px;font-weight:500}.bar-container{background:#f3f4f6;background:var(--mat-gray-100);border-radius:8px;display:flex;height:32px;overflow:hidden}.bar-fill{align-items:center;color:#fff;display:flex;font-size:12px;font-weight:600;justify-content:center;transition:width .5s ease-out}.bar-fill.kits{background:linear-gradient(90deg,#10b981,#34d399);background:linear-gradient(90deg,var(--mat-success),#34d399)}.bar-fill.deficit{background:linear-gradient(90deg,#ef4444,#f87171);background:linear-gradient(90deg,var(--mat-danger),#f87171)}.bar-total{color:#4b5563;color:var(--mat-gray-600);font-size:13px;text-align:right}.empty-state{align-items:center;color:#9ca3af;color:var(--mat-gray-400);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-state.small{padding:40px 20px}.empty-state h3{color:#4b5563;color:var(--mat-gray-600);margin:16px 0 8px}.empty-state p{color:#6b7280;color:var(--mat-gray-500)}.materiales-por-tarjeta{animation:fadeIn .3s ease-out}.producto-selector{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--mat-gray-200);border-radius:12px;border-radius:var(--mat-radius);margin-bottom:24px;padding:20px}.producto-selector label{color:#374151;color:var(--mat-gray-700);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.producto-selector .form-select{background:#fff;border:1px solid #d1d5db;border:1px solid var(--mat-gray-300);border-radius:8px;color:#1f2937;color:var(--mat-gray-800);cursor:pointer;font-size:14px;padding:12px 16px;width:100%}.producto-selector .form-select:focus{border-color:#6366f1;border-color:var(--mat-primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.materiales-loading.small{min-height:200px}.section-title{align-items:center;color:#1f2937;color:var(--mat-gray-800);display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 0 16px}.materiales-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.material-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--mat-gray-200);border-radius:12px;border-radius:var(--mat-radius);overflow:hidden;transition:all .2s}.material-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--mat-shadow);transform:translateY(-2px)}.material-header{align-items:center;background:#f9fafb;background:var(--mat-gray-50);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--mat-gray-100);display:flex;gap:10px;padding:12px 16px}.material-icon{font-size:20px}.material-tipo{color:#4b5563;color:var(--mat-gray-600);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.material-body{padding:16px}.material-parte{color:#6366f1;color:var(--mat-primary);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;margin-bottom:4px}.material-nombre{color:#374151;color:var(--mat-gray-700);font-size:14px;line-height:1.4}.material-footer{align-items:center;background:#f9fafb;background:var(--mat-gray-50);border-top:1px solid #f3f4f6;border-top:1px solid var(--mat-gray-100);display:flex;justify-content:space-between;padding:12px 16px}.material-stock{display:flex;flex-direction:column}.stock-number{color:#1f2937;color:var(--mat-gray-800);font-size:18px;font-weight:700}.stock-text{color:#6b7280;color:var(--mat-gray-500);font-size:11px}.material-alert{align-items:center;background:#fee2e2;background:var(--mat-danger-light);border-radius:16px;color:#dc2626;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px}.materiales-table{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--mat-gray-200);border-radius:12px;border-radius:var(--mat-radius);overflow:hidden}.table-header{grid-gap:16px;background:#f9fafb;background:var(--mat-gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--mat-gray-200);display:grid;gap:16px;grid-template-columns:150px 140px 1fr 100px 80px;padding:12px 16px}.th{color:#4b5563;color:var(--mat-gray-600);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table-row{grid-gap:16px;align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--mat-gray-100);display:grid;gap:16px;grid-template-columns:150px 140px 1fr 100px 80px;padding:14px 16px}.table-row:last-child{border-bottom:none}.table-row:hover{background:#f9fafb;background:var(--mat-gray-50)}.td{color:#374151;color:var(--mat-gray-700);font-size:14px}.td.mono{color:#6366f1;color:var(--mat-primary);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500}.td.descripcion{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td.stock{color:#1f2937;color:var(--mat-gray-800);font-weight:600}.tipo-badge{font-size:13px;gap:6px}.status-pill,.tipo-badge{align-items:center;display:inline-flex}.status-pill{border-radius:12px;font-size:11px;font-weight:600;gap:4px;padding:4px 8px}.status-pill.success{background:#d1fae5;background:var(--mat-success-light);color:#059669}.status-pill.danger{background:#fee2e2;background:var(--mat-danger-light);color:#dc2626}.analisis-material{animation:fadeIn .3s ease-out}.material-selector{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--mat-gray-200);border-radius:12px;border-radius:var(--mat-radius);margin-bottom:24px;padding:20px}.material-selector label{color:#374151;color:var(--mat-gray-700);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.material-analysis{display:flex;flex-direction:column;gap:20px}.material-analysis-header{margin-bottom:8px}.material-info-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--mat-gray-200);border-radius:12px;border-radius:var(--mat-radius);display:flex;gap:16px;padding:20px}.material-icon-lg{font-size:36px}.material-details{display:flex;flex-direction:column;gap:4px}.material-num-parte{color:#6366f1;color:var(--mat-primary);font-family:JetBrains Mono,monospace;font-size:16px;font-weight:600}.material-desc{color:#374151;color:var(--mat-gray-700);font-size:14px}.material-tipo-badge{background:#f3f4f6;background:var(--mat-gray-100);border-radius:12px;color:#4b5563;color:var(--mat-gray-600);display:inline-block;font-size:11px;font-weight:600;margin-top:4px;padding:4px 10px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.cobertura-card{border:1px solid #e5e7eb;border:1px solid var(--mat-gray-200);border-radius:12px;border-radius:var(--mat-radius);padding:24px}.cobertura-card.success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#6ee7b7}.cobertura-card.danger{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5}.cobertura-header{align-items:center;display:flex;font-size:18px;font-weight:600;gap:12px;margin-bottom:20px}.cobertura-card.success .cobertura-header{color:#059669}.cobertura-card.danger .cobertura-header{color:#dc2626}.cobertura-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.stat-box{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;padding:16px;text-align:center}.stat-box .stat-label{color:#6b7280;color:var(--mat-gray-500);display:block;font-size:12px;margin-bottom:8px;text-transform:uppercase}.stat-box .stat-value{color:#1f2937;color:var(--mat-gray-800);display:block;font-size:24px;font-weight:700}.stat-box.positive .stat-value{color:#059669}.stat-box.negative .stat-value{color:#dc2626}.cobertura-bar{background:#fff;border-radius:10px;padding:16px}.cobertura-bar .bar-labels{color:#4b5563;color:var(--mat-gray-600);display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px}.cobertura-bar .bar-track{background:#e5e7eb;background:var(--mat-gray-200);border-radius:6px;height:12px;overflow:hidden}.cobertura-bar .bar-fill{border-radius:6px;height:100%;transition:width .5s ease}.cobertura-bar .bar-fill.success{background:linear-gradient(90deg,#10b981,#059669)}.cobertura-bar .bar-fill.danger{background:linear-gradient(90deg,#f87171,#dc2626)}.cobertura-actions{border-top:1px solid #dc262633;display:flex;justify-content:center;margin-top:16px;padding-top:16px}.btn-orden-material{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:10px;box-shadow:0 4px 12px #dc26264d;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:10px;padding:14px 28px;transition:all .3s ease}.btn-orden-material:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 6px 20px #dc262666;transform:translateY(-2px)}.btn-orden-material:active{transform:translateY(0)}.btn-orden-material .btn-cantidad{font-size:13px;font-weight:400;opacity:.9}.productos-demanda{background:#fff;border-radius:12px;border-radius:var(--mat-radius);padding:20px}.demanda-table,.productos-demanda{border:1px solid #e5e7eb;border:1px solid var(--mat-gray-200)}.demanda-table{border-radius:8px;margin-top:16px;overflow:hidden}.demanda-footer,.demanda-header,.demanda-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:100px 1fr 100px 100px 100px;padding:12px 16px}.demanda-header{background:#f9fafb;background:var(--mat-gray-50);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--mat-gray-200)}.demanda-header .th{color:#4b5563;color:var(--mat-gray-600);font-size:11px;font-weight:600;text-transform:uppercase}.demanda-header .th.right{text-align:right}.demanda-row{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--mat-gray-100)}.demanda-row:hover{background:#f9fafb;background:var(--mat-gray-50)}.demanda-row .td{color:#374151;color:var(--mat-gray-700);font-size:13px}.demanda-row .td.mono{color:#6366f1;color:var(--mat-primary);font-family:JetBrains Mono,monospace;font-weight:500}.demanda-row .td.nombre{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demanda-row .td.right{text-align:right}.demanda-footer{background:#f9fafb;background:var(--mat-gray-50);font-weight:600}.demanda-footer .td.bold{color:#111827;color:var(--mat-gray-900);font-weight:700}.badge-ok{background:#d1fae5;background:var(--mat-success-light);color:#059669}.badge-deficit,.badge-ok{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px}.badge-deficit{background:#fee2e2;background:var(--mat-danger-light);color:#dc2626}.badge-coverage{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;padding:4px 10px}.badge-coverage.full{background:#d1fae5;background:var(--mat-success-light);color:#059669}.badge-coverage.partial{background:#fef3c7;color:#d97706}.badge-coverage.low{background:#fee2e2;background:var(--mat-danger-light);color:#dc2626}.material-list-preview{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--mat-gray-200);border-radius:12px;border-radius:var(--mat-radius);padding:24px}.hint-text{color:#6b7280;color:var(--mat-gray-500);font-size:14px;margin:8px 0 20px}.material-cards-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.material-preview-card{align-items:center;background:#f9fafb;background:var(--mat-gray-50);border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.material-preview-card:hover{background:#fff;border-color:#6366f1;border-color:var(--mat-primary);box-shadow:0 1px 2px #0000000d;box-shadow:var(--mat-shadow-sm)}.preview-icon{font-size:24px}.preview-info{flex:1 1;min-width:0}.preview-parte{color:#6366f1;color:var(--mat-primary);display:block;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.preview-desc{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis}.preview-badge,.preview-desc{color:#4b5563;color:var(--mat-gray-600);white-space:nowrap}.preview-badge{background:#e5e7eb;background:var(--mat-gray-200);border-radius:12px;font-size:11px;font-weight:500;padding:4px 10px}.gestion-inventario{animation:fadeIn .3s ease-out}.gestion-actions{display:flex;gap:12px;margin-bottom:16px}.gestion-actions .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.gestion-actions .btn-primary{background:#6366f1;background:var(--mat-primary);color:#fff}.gestion-actions .btn-primary:hover{background:#4f46e5;background:var(--mat-primary-dark)}.gestion-actions .btn-secondary{background:#fff;border:1px solid #d1d5db;border:1px solid var(--mat-gray-300);color:#374151;color:var(--mat-gray-700)}.gestion-actions .btn-secondary:hover{background:#f9fafb;background:var(--mat-gray-50);border-color:#9ca3af;border-color:var(--mat-gray-400)}.gestion-actions .btn:disabled{cursor:not-allowed;opacity:.6}.search-bar{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--mat-gray-200);border-radius:12px;border-radius:var(--mat-radius);box-shadow:0 1px 2px #0000000d;box-shadow:var(--mat-shadow-sm);display:flex;gap:16px;margin-bottom:16px;padding:12px 16px}.search-input-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.search-input-wrapper .search-icon{color:#9ca3af;color:var(--mat-gray-400);left:12px;pointer-events:none;position:absolute}.search-input{background:#f9fafb;background:var(--mat-gray-50);border:1px solid #d1d5db;border:1px solid var(--mat-gray-300);border-radius:8px;font-size:14px;outline:none;padding:10px 40px;transition:all .2s ease;width:100%}.search-input:focus{background:#fff;border-color:#6366f1;border-color:var(--mat-primary);box-shadow:0 0 0 3px #6366f11a}.search-clear,.search-input::placeholder{color:#9ca3af;color:var(--mat-gray-400)}.search-clear{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:10px}.search-clear:hover{background:#e5e7eb;background:var(--mat-gray-200);color:#4b5563;color:var(--mat-gray-600)}.search-results-count{background:#f3f4f6;background:var(--mat-gray-100);border-radius:16px;color:#6b7280;color:var(--mat-gray-500);font-size:13px;padding:6px 12px;white-space:nowrap}.gestion-table-container{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--mat-gray-200);border-radius:12px;border-radius:var(--mat-radius);margin-top:16px;overflow-x:auto}.gestion-table{border-collapse:collapse;font-size:13px;min-width:1200px;width:100%}.gestion-table thead{background:#f9fafb;background:var(--mat-gray-50);position:-webkit-sticky;position:sticky;top:0;z-index:1}.gestion-table th{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--mat-gray-200);color:#4b5563;color:var(--mat-gray-600);font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 10px;text-align:left;text-transform:uppercase;white-space:nowrap}.gestion-table td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--mat-gray-100);color:#374151;color:var(--mat-gray-700);padding:10px}.gestion-table tbody tr:hover{background:#f9fafb;background:var(--mat-gray-50)}.gestion-table tbody tr.editing{background:#fef3c7}.gestion-table .mono{color:#6366f1;color:var(--mat-primary);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500}.gestion-table .descripcion-cell{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gestion-table .number-cell{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.gestion-table .number-cell.total{color:#111827;color:var(--mat-gray-900);font-weight:700}.gestion-table .number-cell.warning{color:#ef4444;color:var(--mat-danger);font-weight:600}.gestion-table .actions-cell{display:flex;gap:6px;justify-content:center}.btn-icon{border-radius:6px;height:32px;width:32px}.btn-icon.edit{background:#f3f4f6;background:var(--mat-gray-100);color:#4b5563;color:var(--mat-gray-600)}.btn-icon.edit:hover{background:#6366f1;background:var(--mat-primary);color:#fff}.btn-icon.save{background:#10b981;background:var(--mat-success);color:#fff}.btn-icon.save:hover{background:#059669}.btn-icon.cancel{background:#e5e7eb;background:var(--mat-gray-200);color:#4b5563;color:var(--mat-gray-600)}.btn-icon.cancel:hover{background:#ef4444;background:var(--mat-danger);color:#fff}.btn-icon:disabled{cursor:not-allowed;opacity:.5}.gestion-table input[type=number],.gestion-table input[type=text]{background:#fff;border:1px solid #d1d5db;border:1px solid var(--mat-gray-300);border-radius:4px;font-size:12px;padding:6px 8px;width:100%}.gestion-table input[type=number]:focus,.gestion-table input[type=text]:focus{border-color:#6366f1;border-color:var(--mat-primary);box-shadow:0 0 0 2px #6366f11a;outline:none}.gestion-table input.input-disabled{background:#f3f4f6;background:var(--mat-gray-100);color:#6b7280;color:var(--mat-gray-500);cursor:not-allowed}.modal-overlay{animation:fadeIn .2s ease-out}.modal-content{animation:slideUp .3s ease-out;border-radius:16px;border-radius:var(--mat-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--mat-shadow-lg);max-width:700px;overflow-y:auto}.modal-header{border-bottom:1px solid var(--mat-gray-200);padding:20px 24px}.modal-header h3{color:#111827;color:var(--mat-gray-900);font-weight:600}.modal-close{background:var(--mat-gray-100);color:var(--mat-gray-500);transition:all .2s}.modal-close:hover{background:#fee2e2;background:var(--mat-danger-light);color:#ef4444;color:var(--mat-danger)}.modal-body .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.modal-body .form-group{display:flex;flex-direction:column;gap:6px}.modal-body .form-group label{color:#374151;color:var(--mat-gray-700);font-size:13px;font-weight:500}.modal-body .form-group input{border:1px solid #d1d5db;border:1px solid var(--mat-gray-300);border-radius:8px;color:#1f2937;color:var(--mat-gray-800);font-size:14px;padding:10px 12px;transition:all .2s}.modal-body .form-group input:focus{border-color:#6366f1;border-color:var(--mat-primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.modal-body .form-group input::placeholder{color:#9ca3af;color:var(--mat-gray-400)}.modal-footer{background:var(--mat-gray-50);border-top:1px solid var(--mat-gray-200)}.modal-footer .btn{border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.modal-footer .btn-secondary{background:#fff;border:1px solid #d1d5db;border:1px solid var(--mat-gray-300);color:#374151;color:var(--mat-gray-700)}.modal-footer .btn-secondary:hover{background:#f3f4f6;background:var(--mat-gray-100)}.modal-footer .btn-primary{background:#6366f1;background:var(--mat-primary);border:none;color:#fff}.modal-footer .btn-primary:hover{background:#4f46e5;background:var(--mat-primary-dark)}.modal-footer .btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:900px){.materiales-tabs{flex-direction:column}.product-header{flex-wrap:wrap;gap:12px}.product-metrics{border-top:1px solid #f3f4f6;border-top:1px solid var(--mat-gray-100);justify-content:space-around;order:3;padding-top:12px;width:100%}.component-row{gap:8px;grid-template-columns:1fr 1fr}.comparison-bar{gap:8px;grid-template-columns:1fr}.bar-label,.bar-total{text-align:left}.table-header,.table-row{grid-template-columns:1fr 1fr}.table-header .th:nth-child(3),.table-row .td:nth-child(3){display:none}}@media (max-width:600px){.materiales-wrapper{padding:16px}.header-content{align-items:flex-start;flex-direction:column;gap:8px}.header-icon{height:44px;width:44px}.kit-formula{margin-left:0;margin-top:8px}.summary-cards{grid-template-columns:1fr}.product-info{flex:1 1;width:auto}.product-name{-webkit-line-clamp:2}.product-status{align-items:flex-end;flex-direction:column;gap:8px}}:root{--pbau-primary:#7c3aed;--pbau-primary-light:#ede9fe;--pbau-success:#10b981;--pbau-warning:#f59e0b;--pbau-danger:#ef4444;--pbau-blue:#3b82f6;--pbau-gray-50:#f9fafb;--pbau-gray-100:#f3f4f6;--pbau-gray-200:#e5e7eb;--pbau-gray-300:#d1d5db;--pbau-gray-500:#6b7280;--pbau-gray-700:#374151;--pbau-gray-800:#1f2937;--pbau-radius:12px;--pbau-shadow:0 4px 6px -1px #0000001a}.pbau-wrapper{animation:fadeIn .3s ease;margin:0 auto;max-width:1400px;padding:24px}.pbau-header{background:linear-gradient(135deg,#7c3aed,#5b21b6);border-radius:12px;border-radius:var(--pbau-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--pbau-shadow);color:#fff;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.pbau-header,.pbau-header-info{align-items:center;display:flex}.pbau-header-info{gap:16px}.pbau-header-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;height:52px;justify-content:center;width:52px}.pbau-header h2{font-size:22px;font-weight:700;margin:0}.pbau-header p{font-size:14px;margin:4px 0 0;opacity:.85}.pbau-header-actions{display:flex;gap:10px}.btn-icon{align-items:center;background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.btn-icon:hover{background:#ffffff4d}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s}.btn-secondary{background:#fff3;color:#fff}.btn-secondary:hover{background:#ffffff4d}.btn-primary{background:#fff;color:#7c3aed;color:var(--pbau-primary)}.btn-primary:hover{background:#f3f4f6}.pbau-product-section{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--pbau-gray-200);border-radius:12px;border-radius:var(--pbau-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--pbau-shadow);margin-bottom:24px;padding:20px}.section-header{align-items:center;color:#374151;color:var(--pbau-gray-700);display:flex;font-size:14px;font-weight:600;gap:10px;margin-bottom:16px}.section-header svg{color:#7c3aed;color:var(--pbau-primary)}.year-selector{align-items:center;background:#fff;border:2px solid #7c3aed;border:2px solid var(--pbau-primary);border-radius:8px;display:flex;gap:8px;margin-left:auto;padding:8px 12px;position:relative}.year-selector svg{color:#7c3aed;color:var(--pbau-primary);flex-shrink:0}.year-selector .year-chevron{pointer-events:none}.year-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#0000;border:none;color:#7c3aed;color:var(--pbau-primary);cursor:pointer;font-size:14px;font-weight:600;padding:0 4px 0 0}.year-select:focus{outline:none}.year-select option{color:#1f2937;color:var(--pbau-gray-800);padding:8px}.product-selector-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));max-height:280px;overflow-y:auto;padding-right:4px}.product-selector-grid::-webkit-scrollbar{width:6px}.product-selector-grid::-webkit-scrollbar-track{background:#f3f4f6;background:var(--pbau-gray-100);border-radius:3px}.product-selector-grid::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--pbau-gray-300);border-radius:3px}.product-card{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--pbau-gray-200);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px;position:relative;text-align:left;transition:all .2s}.product-card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--pbau-shadow);transform:translateY(-2px)}.product-card.selected,.product-card:hover{border-color:#7c3aed;border-color:var(--pbau-primary)}.product-card.selected{background:#ede9fe;background:var(--pbau-primary-light)}.product-card.has-data{border-left:4px solid #10b981;border-left:4px solid var(--pbau-success)}.product-card.has-other-data{border-left:4px solid #f59e0b;border-left:4px solid var(--pbau-warning)}.product-card.has-data.selected,.product-card.has-other-data.selected{border-left-color:#7c3aed;border-left-color:var(--pbau-primary)}.product-id{color:#7c3aed;color:var(--pbau-primary);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.product-name{color:#374151;color:var(--pbau-gray-700);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-badge{background:#10b981;background:var(--pbau-success);border-radius:4px;color:#fff;font-size:9px;font-weight:600;padding:2px 5px;position:absolute;right:4px;top:4px}.product-badge.other{background:#f59e0b;background:var(--pbau-warning)}.no-data-hint{color:#6b7280;color:var(--pbau-gray-500);font-size:14px;grid-column:1/-1;padding:20px;text-align:center}.pbau-data-section{animation:fadeIn .3s ease}.product-banner{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--pbau-gray-200);border-radius:12px;border-radius:var(--pbau-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--pbau-shadow);display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 24px}.banner-info{display:flex;flex-direction:column;gap:4px}.banner-id{color:#7c3aed;color:var(--pbau-primary);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600}.banner-name{color:#1f2937;color:var(--pbau-gray-800);font-size:18px;font-weight:600}.banner-stats{display:flex;gap:16px}.banner-stat{background:#f9fafb;background:var(--pbau-gray-50);border-left:4px solid;border-radius:10px;min-width:90px;padding:10px 16px;text-align:center}.banner-stat.total{background:#1f2937;background:var(--pbau-gray-800);border-left-color:#1f2937;border-left-color:var(--pbau-gray-800)}.banner-stat.total .stat-label,.banner-stat.total .stat-value{color:#fff}.stat-label{color:#6b7280;color:var(--pbau-gray-500);display:block;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#1f2937;color:var(--pbau-gray-800);display:block;font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700}.pbau-table-container{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--pbau-gray-200);border-radius:12px;border-radius:var(--pbau-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--pbau-shadow);overflow:hidden}.pbau-data-table{border-collapse:collapse;width:100%}.pbau-data-table th{background:#f9fafb;background:var(--pbau-gray-50);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--pbau-gray-200);border-top:4px solid #0000;font-size:13px;font-weight:600;padding:16px;text-align:center}.pbau-data-table th.col-mes{text-align:left;width:120px}.tipo-header{font-weight:700}.pbau-data-table td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--pbau-gray-100);padding:12px 16px;vertical-align:middle}.pbau-data-table td.col-mes{background:#f9fafb;background:var(--pbau-gray-50)}.mes-label{color:#374151;color:var(--pbau-gray-700);display:block;font-weight:600}.mes-year{color:#6b7280;color:var(--pbau-gray-500);font-size:11px}.pbau-data-table td.col-data{cursor:pointer;text-align:center;transition:all .15s}.pbau-data-table td.col-data:hover{background:#f9fafb;background:var(--pbau-gray-50)}.pbau-data-table td.col-data.empty:hover{background:#ede9fe;background:var(--pbau-primary-light)}.cell-content{align-items:center;display:flex;flex-direction:column;gap:4px;position:relative}.cell-value{color:#1f2937;color:var(--pbau-gray-800);font-family:JetBrains Mono,monospace;font-size:16px;font-weight:600}.cell-presupuesto{background:#ede9fe;background:var(--pbau-primary-light);border-radius:4px;color:#7c3aed;color:var(--pbau-primary);font-size:10px;font-weight:600;padding:2px 6px}.cell-actions{display:none;gap:4px;position:absolute;right:-8px;top:-8px}.col-data:hover .cell-actions{display:flex}.cell-actions button{align-items:center;background:#fff;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#6b7280;color:var(--pbau-gray-500);cursor:pointer;display:flex;height:26px;justify-content:center;transition:all .15s;width:26px}.cell-actions button:hover{background:#ede9fe;background:var(--pbau-primary-light);color:#7c3aed;color:var(--pbau-primary)}.cell-actions button:last-child:hover{background:#fee2e2;color:#ef4444;color:var(--pbau-danger)}.cell-empty{align-items:center;color:#d1d5db;color:var(--pbau-gray-300);display:flex;height:40px;justify-content:center}.col-data.empty:hover .cell-empty{color:#7c3aed;color:var(--pbau-primary)}.pbau-empty-state{align-items:center;background:#fff;border:2px dashed #e5e7eb;border:2px dashed var(--pbau-gray-200);border-radius:12px;border-radius:var(--pbau-radius);color:#6b7280;color:var(--pbau-gray-500);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.pbau-empty-state svg{color:#d1d5db;color:var(--pbau-gray-300);margin-bottom:16px}.pbau-empty-state h3{color:#374151;color:var(--pbau-gray-700);font-size:18px;margin:0 0 8px}.pbau-empty-state p{font-size:14px;margin:0}.pbau-loading{align-items:center;color:#6b7280;color:var(--pbau-gray-500);display:flex;flex-direction:column;justify-content:center;min-height:400px}.pbau-loading svg{color:#7c3aed;color:var(--pbau-primary);margin-bottom:12px}.spin{animation:spin 1s linear infinite}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;border-radius:var(--pbau-radius);max-height:90vh;max-width:500px;overflow:auto;width:90%}.modal-content.wide{max-width:700px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--pbau-gray-200);justify-content:space-between;padding:18px 24px}.modal-header,.modal-header h3{align-items:center;display:flex}.modal-header h3{font-size:18px;gap:10px;margin:0}.modal-close{align-items:center;background:#f3f4f6;background:var(--pbau-gray-100);border:none;border-radius:8px;color:#6b7280;color:var(--pbau-gray-500);cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.modal-close:hover{background:#e5e7eb;background:var(--pbau-gray-200)}.modal-body{padding:24px}.modal-footer{background:#f9fafb;background:var(--pbau-gray-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--pbau-gray-200);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-cancel,.btn-save{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-cancel{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--pbau-gray-200);color:#374151;color:var(--pbau-gray-700)}.btn-cancel:hover{background:#f9fafb;background:var(--pbau-gray-50)}.btn-save{background:#7c3aed;background:var(--pbau-primary);border:none;color:#fff}.btn-save:hover{background:#6d28d9}.btn-save:disabled{cursor:not-allowed;opacity:.6}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.form-group label{color:#374151;color:var(--pbau-gray-700)}.form-group input,.form-group select{border:1px solid #e5e7eb;border:1px solid var(--pbau-gray-200);border-radius:8px;font-size:14px;padding:12px}.form-group input:focus,.form-group select:focus{border-color:#7c3aed;border-color:var(--pbau-primary);box-shadow:0 0 0 3px #7c3aed1a;outline:none}.form-group input:disabled,.form-group select:disabled{background:#f3f4f6;background:var(--pbau-gray-100);cursor:not-allowed}.upload-step{background:#f9fafb;background:var(--pbau-gray-50);border:1px solid #e5e7eb;border:1px solid var(--pbau-gray-200);border-radius:10px;margin-bottom:20px;padding:16px}.upload-step.disabled{opacity:.5;pointer-events:none}.step-header{gap:10px;margin-bottom:12px}.step-header,.step-number{align-items:center;display:flex}.step-number{background:#7c3aed;background:var(--pbau-primary);border-radius:50%;color:#fff;font-size:13px;font-weight:600;height:26px;justify-content:center;width:26px}.step-title{color:#374151;color:var(--pbau-gray-700);flex:1 1;font-weight:600}.preview-count{background:#ede9fe;background:var(--pbau-primary-light);border-radius:6px;color:#7c3aed;color:var(--pbau-primary);font-size:12px;font-weight:600;padding:4px 10px}.upload-select{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--pbau-gray-200);border-radius:8px;font-size:14px;padding:12px;width:100%}.upload-info{font-size:13px;margin-bottom:12px}.btn-upload,.upload-info{color:#6b7280;color:var(--pbau-gray-500)}.btn-upload{align-items:center;background:#fff;border:2px dashed #d1d5db;border:2px dashed var(--pbau-gray-300);border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s;width:100%}.btn-upload:hover:not(:disabled){background:#ede9fe;background:var(--pbau-primary-light);border-color:#7c3aed;border-color:var(--pbau-primary);color:#7c3aed;color:var(--pbau-primary)}.btn-upload:disabled{cursor:not-allowed}.preview-table-wrapper{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--pbau-gray-200);border-radius:8px;max-height:250px;overflow-y:auto}.preview-table{border-collapse:collapse;font-size:13px;width:100%}.preview-table td,.preview-table th{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--pbau-gray-100);padding:10px 12px;text-align:left}.preview-table th{background:#f9fafb;background:var(--pbau-gray-50);font-weight:600;position:-webkit-sticky;position:sticky;top:0}.preview-table td.num{font-family:JetBrains Mono,monospace;text-align:right}.preview-more{background:#f9fafb;background:var(--pbau-gray-50);color:#6b7280;color:var(--pbau-gray-500);font-size:12px;padding:10px;text-align:center}.upload-result{background:#d1fae5;border-radius:8px;padding:16px}.upload-result.has-errors{background:#fef3c7}.result-stats{display:flex;flex-wrap:wrap;gap:16px}.result-stats .stat{align-items:center;display:flex;font-size:14px;font-weight:600;gap:6px}.result-stats .stat.success{color:#10b981;color:var(--pbau-success)}.result-stats .stat.info{color:#3b82f6;color:var(--pbau-blue)}.result-stats .stat.error{color:#ef4444;color:var(--pbau-danger)}.history-context{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--pbau-gray-200);font-weight:600;margin-bottom:16px;padding-bottom:12px}.no-history{color:#6b7280;color:var(--pbau-gray-500);padding:20px;text-align:center}.history-table{border-collapse:collapse;font-size:14px;width:100%}.history-table td,.history-table th{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--pbau-gray-100);padding:12px;text-align:left}.history-table th{background:#f9fafb;background:var(--pbau-gray-50);font-weight:600}.presupuesto-form{display:flex;gap:10px;margin-bottom:20px}.presupuesto-form input{border:1px solid #e5e7eb;border:1px solid var(--pbau-gray-200);border-radius:8px;flex:1 1;font-size:14px;padding:10px 14px}.presupuesto-form input:focus{border-color:#7c3aed;border-color:var(--pbau-primary);outline:none}.presupuesto-form .btn-primary{white-space:nowrap}.presupuestos-list{display:flex;flex-direction:column;gap:10px}.presupuesto-item{align-items:center;background:#f9fafb;background:var(--pbau-gray-50);border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.presupuesto-info{display:flex;flex-direction:column;gap:2px}.presupuesto-info strong{color:#1f2937;color:var(--pbau-gray-800)}.presupuesto-info span{font-size:13px}.btn-action,.presupuesto-info span{color:#6b7280;color:var(--pbau-gray-500)}.btn-action{align-items:center;background:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.btn-action:hover{background:#f3f4f6;background:var(--pbau-gray-100)}.btn-action.danger:hover{background:#fee2e2;color:#ef4444;color:var(--pbau-danger)}.no-presupuestos{color:#6b7280;color:var(--pbau-gray-500);padding:20px;text-align:center}@media (max-width:768px){.pbau-header{flex-direction:column;gap:16px;text-align:center}.pbau-header-actions{flex-wrap:wrap;justify-content:center}.product-banner{flex-direction:column;gap:16px;text-align:center}.banner-stats{flex-wrap:wrap;justify-content:center}.form-row{grid-template-columns:1fr}.presupuesto-form{flex-direction:column}}:root{--status-success:#10b981;--status-success-light:#d1fae5;--status-success-dark:#059669;--status-warning:#f59e0b;--status-warning-light:#fef3c7;--status-warning-dark:#d97706;--status-danger:#ef4444;--status-danger-light:#fee2e2;--status-danger-dark:#dc2626;--status-info:#3b82f6;--status-info-light:#dbeafe;--status-info-dark:#2563eb;--primary:#3b82f6;--primary-light:#60a5fa;--primary-dark:#2563eb;--primary-gradient:linear-gradient(135deg,#3b82f6,#2563eb);--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--border-light:#e2e8f0;--border-medium:#cbd5e1;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-full:50%;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease;--z-dropdown:100;--z-sticky:200;--z-modal:1000;--z-toast:1100}.app-container{background-color:#f1f5f9}.header-date{text-transform:capitalize}.module-wrapper{flex:1 1;padding:24px 32px}.loading-screen{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #fff3;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}@media (max-width:768px){.main-content{margin-left:0;padding-top:72px}.module-wrapper{padding:16px}.main-header{padding:16px 16px 16px 72px}.main-header h1{font-size:16px;line-height:1.3}.header-date{display:none}}@media (max-width:480px){.main-content{padding-top:64px}.main-header{padding:12px 16px 12px 64px}.module-wrapper{padding:12px}}.btn{border-radius:8px;border-radius:var(--radius-md);gap:var(--spacing-sm);padding:10px 16px;text-decoration:none}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:var(--primary-gradient);box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #3b82f666;transform:translateY(-1px)}.btn-secondary{background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-light);color:#64748b;color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background:#e2e8f0;background:var(--border-light);color:#1e293b;color:var(--text-primary)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--status-success),var(--status-success-dark));box-shadow:0 4px 12px #10b9814d;color:#fff}.btn-success:hover:not(:disabled){box-shadow:0 6px 16px #10b98166;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,var(--status-danger),var(--status-danger-dark));box-shadow:0 4px 12px #ef44444d}.btn-danger:hover:not(:disabled){box-shadow:0 6px 16px #ef444466;transform:translateY(-1px)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--status-warning),var(--status-warning-dark));box-shadow:0 4px 12px #f59e0b4d;color:#fff}.btn-warning:hover:not(:disabled){box-shadow:0 6px 16px #f59e0b66;transform:translateY(-1px)}.btn-ghost{background:#0000;color:#64748b;color:var(--text-secondary);padding:8px}.btn-ghost:hover:not(:disabled){background:#f1f5f9;background:var(--bg-tertiary);color:#1e293b;color:var(--text-primary)}.btn-sm{font-size:12px;padding:6px 12px}.btn-lg{font-size:16px;padding:14px 24px}.status-badge{border-radius:16px;border-radius:var(--radius-xl)}.status-badge.success{background:#d1fae5;background:var(--status-success-light);color:#059669;color:var(--status-success-dark)}.status-badge.warning{background:#fef3c7;background:var(--status-warning-light);color:#d97706;color:var(--status-warning-dark)}.status-badge.danger{background:#fee2e2;background:var(--status-danger-light);color:#dc2626;color:var(--status-danger-dark)}.status-badge.info{background:#dbeafe;background:var(--status-info-light);color:#2563eb;color:var(--status-info-dark)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;margin-bottom:var(--spacing-md)}.form-group label,.form-input,.form-select{color:#1e293b;color:var(--text-primary)}.form-input,.form-select{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-md);padding:12px 14px}.form-input:focus,.form-select:focus{border-color:var(--primary)}.form-input:disabled,.form-select:disabled{background:#f1f5f9;background:var(--bg-tertiary);color:#94a3b8;color:var(--text-muted);cursor:not-allowed}.form-input::placeholder{color:#94a3b8;color:var(--text-muted)}.form-hint{color:#64748b;color:var(--text-secondary)}.form-error,.form-hint{font-size:12px;margin-top:4px}.form-error{color:#ef4444;color:var(--status-danger)}.card{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm)}.card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.card-header h3{color:#1e293b;color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.card-body{padding:24px;padding:var(--spacing-lg)}.card-footer{background:#f8fafc;background:var(--bg-secondary);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.data-table td,.data-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);padding:12px 16px;text-align:left}.data-table th{background:var(--bg-secondary);color:var(--text-secondary);font-size:12px}.data-table td{color:#1e293b;color:var(--text-primary);font-size:14px}.data-table tbody tr:hover{background:#f8fafc;background:var(--bg-secondary)}.data-table tbody tr:last-child td{border-bottom:none}.text-success{color:#10b981!important;color:var(--status-success)!important}.text-warning{color:#f59e0b!important;color:var(--status-warning)!important}.text-danger{color:#ef4444!important;color:var(--status-danger)!important}.text-info{color:#3b82f6!important;color:var(--status-info)!important}.text-muted{color:#94a3b8!important;color:var(--text-muted)!important}.bg-success-light{background:#d1fae5!important;background:var(--status-success-light)!important}.bg-warning-light{background:#fef3c7!important;background:var(--status-warning-light)!important}.bg-danger-light{background:#fee2e2!important;background:var(--status-danger-light)!important}.bg-info-light{background:#dbeafe!important;background:var(--status-info-light)!important}.font-mono{font-family:JetBrains Mono,monospace!important}.font-bold{font-weight:700!important}.font-semibold{font-weight:600!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-left{text-align:left!important}.btn:focus-visible,.form-input:focus-visible,.form-select:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--primary);outline-offset:2px}.toast-container{display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.toast{align-items:center;animation:toastSlideIn .4s cubic-bezier(.16,1,.3,1);background:#fff;border-left:4px solid var(--primary-500);border-radius:12px;box-shadow:0 10px 40px #0000001f,0 2px 8px #00000014;display:flex;gap:12px;overflow:hidden;padding:14px 40px 14px 16px;pointer-events:auto;position:relative;transform-origin:right center}.toast.closing{animation:toastSlideOut .3s cubic-bezier(.16,1,.3,1) forwards}.toast-success{border-left-color:var(--success-500)}.toast-success .toast-icon{background:var(--success-50);color:var(--success-500)}.toast-error{border-left-color:var(--danger-500)}.toast-error .toast-icon{background:var(--danger-50);color:var(--danger-500)}.toast-warning{border-left-color:var(--warning-500)}.toast-warning .toast-icon{background:var(--warning-50);color:var(--warning-500)}.toast-info{border-left-color:var(--primary-500)}.toast-info .toast-icon{background:var(--primary-50);color:var(--primary-500)}.toast-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.toast-message{color:var(--gray-800);flex:1 1;font-size:14px;font-weight:500;line-height:1.4}.toast-close{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--gray-400);cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:24px}.toast-close:hover{background:var(--gray-100);color:var(--gray-600)}.toast-progress{background:#0000000d;bottom:0;height:3px;left:0;position:absolute;right:0}.toast-progress-bar{animation:progressShrink linear forwards;background:currentColor;height:100%;opacity:.3;transform-origin:left}.toast-success .toast-progress-bar{background:var(--success-500)}.toast-error .toast-progress-bar{background:var(--danger-500)}.toast-warning .toast-progress-bar{background:var(--warning-500)}.toast-info .toast-progress-bar{background:var(--primary-500)}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(100%) scale(.9)}}@keyframes progressShrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width:480px){.toast-container{bottom:20px;left:16px;max-width:none;right:16px;top:auto}.toast{animation:toastSlideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(100%) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--secondary-50:#f5f3ff;--secondary-500:#8b5cf6;--secondary-600:#7c3aed;--success-50:#d1fae5;--success-500:#10b981;--success-600:#059669;--warning-50:#fef3c7;--warning-500:#f59e0b;--warning-600:#d97706;--danger-50:#fee2e2;--danger-500:#ef4444;--danger-600:#dc2626;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",Consolas,monospace;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f1f5f9;background-color:var(--gray-100);color:#0f172a;color:var(--gray-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);line-height:1.5}.app-container,.main-content{display:flex;min-height:100vh}.main-content{flex:1 1;flex-direction:column;margin-left:280px}.main-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:20px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.main-header h1{color:#0f172a;color:var(--gray-900);font-size:22px;font-weight:700}.header-date{color:#64748b;color:var(--gray-500);font-size:13px}.module-content{flex:1 1;padding:24px 32px}.btn{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease;transition:all var(--transition-normal)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff}.btn-primary:hover{box-shadow:0 8px 20px #3b82f64d;transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--gray-200);color:#334155;color:var(--gray-700)}.btn-secondary:hover{border-color:#3b82f6;border-color:var(--primary-500);color:#3b82f6;color:var(--primary-500)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--danger-500),var(--danger-600));color:#fff}.btn-sm{font-size:13px;padding:8px 16px}.btn-icon{background:#f8fafc;background:var(--gray-50);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-md);color:#64748b;color:var(--gray-500);padding:8px}.btn-icon:hover{background:#3b82f6;background:var(--primary-500);border-color:#3b82f6;border-color:var(--primary-500);color:#fff}.form-group{margin-bottom:20px}.form-group label{color:#334155;color:var(--gray-700);display:block;font-size:13px;font-weight:600;margin-bottom:8px}.form-input,.form-select{border:2px solid #e2e8f0;border:2px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:14px;padding:12px 16px;transition:all .2s ease;transition:all var(--transition-normal);width:100%}.form-input:focus,.form-select:focus{border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-hint{color:#94a3b8;color:var(--gray-400);display:block;font-size:11px;margin-top:6px}.table-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);overflow:hidden}.table-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:16px 20px}.table-header h3{font-size:16px;font-weight:600}.data-table{border-collapse:collapse;width:100%}.data-table th{background:#f8fafc;background:var(--gray-50);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);color:#64748b;color:var(--gray-500);font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);font-size:13px;padding:14px 16px}.data-table tr:hover{background:#f8fafc;background:var(--gray-50)}.data-table tr:last-child td{border-bottom:none}.status-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px}.status-badge.seguro,.status-badge.success{background:#d1fae5;background:var(--success-50);color:#059669;color:var(--success-600)}.status-badge.alerta,.status-badge.warning{background:#fef3c7;background:var(--warning-50);color:#d97706;color:var(--warning-600)}.status-badge.critico,.status-badge.danger{background:#fee2e2;background:var(--danger-50);color:#dc2626;color:var(--danger-600)}.kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.kpi-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #3b82f6;border:1px solid var(--gray-200);border-left:4px solid var(--primary-500);border-radius:12px;border-radius:var(--radius-lg);padding:20px}.kpi-card.warning{border-left-color:#f59e0b;border-left-color:var(--warning-500)}.kpi-card.danger{border-left-color:#ef4444;border-left-color:var(--danger-500)}.kpi-card.success{border-left-color:#10b981;border-left-color:var(--success-500)}.kpi-icon{font-size:24px;margin-bottom:8px}.kpi-label{color:#64748b;color:var(--gray-500);font-size:13px;margin-bottom:4px}.kpi-value{color:#0f172a;color:var(--gray-900);font-size:28px;font-weight:700}.kpi-sub{color:#94a3b8;color:var(--gray-400);font-size:12px;margin-top:4px}.text-primary{color:#3b82f6;color:var(--primary-500)}.text-success{color:#10b981;color:var(--success-500)}.text-warning{color:#f59e0b;color:var(--warning-500)}.text-danger{color:#ef4444;color:var(--danger-500)}.text-muted{color:#64748b;color:var(--gray-500)}.font-mono{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-family:var(--font-mono)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-right{text-align:right}.text-center{text-align:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(4)}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-fadeInUp{animation:fadeInUp .4s cubic-bezier(.16,1,.3,1)}.animate-fadeInScale{animation:fadeInScale .3s cubic-bezier(.16,1,.3,1)}.animate-slideInRight{animation:slideInRight .4s cubic-bezier(.16,1,.3,1)}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e2e8f0,#f1f5f9 50%,#e2e8f0);background:linear-gradient(90deg,var(--gray-200) 0,var(--gray-100) 50%,var(--gray-200) 100%);background-size:200% 100%;border-radius:8px;border-radius:var(--radius-md)}.hover-lift{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1)}.hover-lift:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-ripple{overflow:hidden;position:relative}.btn-ripple:after{background:radial-gradient(circle,#ffffff4d 0,#0000 60%);content:"";height:100%;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);width:100%}.btn-ripple:active:after{animation:ripple .6s ease-out}@media (max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.main-content{margin-left:72px}.kpi-grid{grid-template-columns:1fr}.module-content{padding:16px}}
/*# sourceMappingURL=main.6e05c327.css.map*/