*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#002169;--primary-dark:#001845;--primary-light:#eef1f6;--primary-glow:rgba(0,33,105,0.18);--accent:#ff6f00;--accent-dark:#b84600;--accent-light:#fff1e6;--sidebar-bg:#002169;--sidebar-hover:rgba(255,255,255,0.07);--sidebar-active:#002169;--bg:#fafbfc;--card:#ffffff;--border:#c8cdd6;--text:#1a1f2e;--text-muted:#5a6478;--green:#1a8a4a;--amber:#c47d0e;--red:#c0392b;--purple:#002169;--radius:4px;--shadow:0 1px 2px rgba(0,0,0,0.07),0 2px 6px rgba(0,0,0,0.05);--shadow-lg:0 4px 14px rgba(0,0,0,0.10);--shadow-glow:0 0 0 3px var(--primary-glow)}:root{--font-app:'Inter','Segoe UI',Arial,sans-serif}button,input,select,textarea,optgroup,code,kbd,samp,pre{font-family:inherit}code,kbd,samp,.num{font-variant-numeric:tabular-nums}body{font-family:var(--font-app);background:var(--bg);color:var(--text);font-size:0.9rem;-webkit-font-smoothing:antialiased}.layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:220px;background:linear-gradient(180deg,#0A2F7A 0%,#002169 60%,#001845 100%);display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid rgba(255,255,255,0.04);position:relative;transition:width 0.24s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent 0%,rgba(0,33,105,0.7) 30%,rgba(0,33,105,0.4) 70%,transparent 100% )}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:20px 18px 16px;border-bottom:1px solid rgba(255,255,255,0.05);position:relative}.sidebar-logo::after{content:'';position:absolute;bottom:0;left:18px;right:18px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,33,105,0.45),transparent)}.logo-icon{width:30px;height:30px;background:linear-gradient(135deg,#002169,#0A2F7A);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:0.95rem;box-shadow:0 3px 8px rgba(0,33,105,0.45);flex-shrink:0}.logo-text{font-size:1rem;font-weight:800;letter-spacing:-0.02em;background:linear-gradient(135deg,#ffffff 0%,#aab8d0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{flex:1;padding:10px 10px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:4px}.nav-separator{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.14em;color:rgba(148,163,184,0.4);padding:16px 12px 5px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;color:#94a3b8;text-decoration:none;border-radius:9px;transition:background 0.15s,color 0.15s;font-size:0.855rem;font-weight:500;margin-bottom:2px;position:relative}.nav-item:hover{background:rgba(255,255,255,0.06);color:#e2e8f0}.nav-item.active{background:linear-gradient(90deg,rgba(0,33,105,0.88),rgba(0,33,105,0.7));color:white;font-weight:600;box-shadow:0 2px 10px rgba(0,33,105,0.38),inset 0 0 0 1px rgba(255,255,255,0.08)}.nav-icon{font-size:0.95rem;width:20px;text-align:center;flex-shrink:0}.nav-parent{display:flex;align-items:center;gap:10px;padding:9px 12px;color:#94a3b8;border-radius:9px;transition:background 0.15s,color 0.15s;font-size:0.855rem;font-weight:500;margin-bottom:2px;cursor:pointer;user-select:none}.nav-parent:hover{background:rgba(255,255,255,0.06);color:#e2e8f0}.nav-parent.open{color:#e2e8f0}.nav-parent.has-active{color:#aab8d0}.nav-arrow{margin-left:auto;font-size:0.6rem;transition:transform 0.2s;opacity:0.5}.nav-parent.open .nav-arrow{transform:rotate(180deg)}.nav-children{overflow:hidden;max-height:0;transition:max-height 0.25s ease}.nav-children.open{max-height:500px}.nav-child{display:flex;align-items:center;gap:10px;padding:7px 12px 7px 36px;color:rgba(148,163,184,0.8);text-decoration:none;border-radius:7px;font-size:0.82rem;font-weight:500;margin-bottom:1px;transition:background 0.15s,color 0.15s}.nav-child:hover{background:rgba(255,255,255,0.06);color:#e2e8f0}.nav-child.active{background:linear-gradient(90deg,rgba(0,33,105,0.85),rgba(0,33,105,0.65));color:white;font-weight:600;box-shadow:0 2px 8px rgba(0,33,105,0.32),inset 0 0 0 1px rgba(255,255,255,0.08)}.nav-coming-soon{opacity:0.35;cursor:default;pointer-events:none}.sidebar-footer{border-top:1px solid rgba(255,255,255,0.05);padding:8px 10px}.nav-item.logout:hover{background:rgba(239,68,68,0.12);color:#fca5a5}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{background:#ffffff;border-bottom:1px solid #d0d5de;padding:8px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px rgba(0,0,0,0.06);position:relative;z-index:10}.topbar::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#002169,#0A2F7A,#002169)}.topbar-title{font-size:0.88rem;font-weight:700;color:#1a2535;letter-spacing:0}.topbar-right{display:flex;align-items:center;gap:10px}.ph-search{display:inline-flex;align-items:center;gap:8px;min-height:32px;height:32px;background:#f1f5f9;border:0;border-radius:9px;padding:0 9px 0 11px;color:#94a3b8;transition:border-color .18s,background .18s,box-shadow .18s}.ph-search:focus-within{background:#f8fafc;box-shadow:inset 0 0 0 1px rgba(0,33,105,.20)}.ph-search-icon{flex:0 0 auto;color:#94a3b8;width:14px;height:14px}.ph-search-input{min-width:0;width:172px;border:none!important;background:transparent!important;outline:none!important;box-shadow:none!important;color:#0f172a;font-size:.82rem;line-height:1.2;padding:7px 0!important}.ph-search-input::placeholder{color:#94a3b8}.ph-search-kbd{flex:0 0 auto;font-family:inherit;font-size:.62rem;line-height:1;color:#94a3b8;background:#e2e8f0;border:0;border-radius:4px;padding:3px 5px 2px}.ph-search-auto{width:min(100%,262px)}.ph-search-auto .ph-search-input{width:100%}.fv-input-wrap .ph-search,.rc-product-field .ph-search{flex:1 1 auto;width:auto;min-width:0}.fv-input-wrap .ph-search-input,.rc-product-field .ph-search-input{width:100%}.topbar-user{font-size:0.78rem;font-weight:600;background:#eef1f6;border:1px solid #cdd6e4;color:#001845;padding:4px 12px 4px 9px;border-radius:4px;display:flex;align-items:center;gap:6px}.topbar-user::before{content:'●';font-size:0.45rem;color:#002169}.content{flex:1;overflow-y:auto;padding:14px 18px;scrollbar-color:#94a3b8 transparent}.content::-webkit-scrollbar{width:9px}.content::-webkit-scrollbar-track{background:transparent}.content::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:6px}.content::-webkit-scrollbar-thumb:hover{background:#64748b}.alert{padding:11px 16px;border-radius:10px;margin-bottom:14px;font-size:0.86rem;border-left:4px solid;display:flex;align-items:center;gap:9px;font-weight:500}.alert::before{font-size:1rem}.alert-success,.alert-message{background:#f0fdf4;border-color:#22c55e;color:#15803d}.alert-success::before{content:'✓'}.alert-error{background:#fef2f2;border-color:#ef4444;color:#b91c1c}.alert-error::before{content:'✕'}.alert-warning{background:#fffbeb;border-color:#f59e0b;color:#92400e}.alert-warning::before{content:'⚠'}.alert-message{background:#eef1f6;border-color:#002169;color:#001845}.alert-message::before{content:'ℹ'}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(224,228,240,0.7);overflow:hidden}.card-header{padding:8px 14px;font-weight:700;font-size:0.79rem;letter-spacing:0em;border-bottom:1px solid #c8cdd6;color:#1a2535;background:#d6dce6;display:flex;align-items:center;gap:8px}.card-body{padding:10px 12px}.empty-msg{color:#94a3b8;font-size:0.875rem;text-align:center;padding:24px 0}.table-wrapper{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(224,228,240,0.7);overflow:auto;max-height:70vh}.tabla{width:100%;border-collapse:separate;border-spacing:0;font-size:0.82rem}.tabla thead th{background:#d6dce6;padding:7px 12px;text-align:left;font-size:0.71rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:#1a2535;border-bottom:1px solid #b5bfcc;border-right:1px solid #c4cad4;white-space:nowrap;position:sticky;top:0;z-index:2}.tabla thead th:last-child{border-right:none}.tabla tbody tr{border-bottom:1px solid #d8dde6;transition:background 0.08s;background:#ffffff}.tabla tbody tr:nth-child(even){background:#f0f5fa}.tabla tbody tr:last-child{border-bottom:none}.tabla tbody tr:hover{background:#d6e8f5!important}.tabla tbody td{padding:5px 12px;color:#2a3245;vertical-align:middle;border-right:1px solid #e2e6ea}.tabla tbody td:last-child{border-right:none}.acciones{display:flex;gap:6px}.badge{padding:3px 10px;border-radius:20px;font-size:0.7rem;font-weight:700;display:inline-block;letter-spacing:0.02em}.badge-blue{background:#eef1f6;color:#001845;border:1px solid #cdd6e4}.badge-gray{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.badge-green{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.badge-red{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.badge-yellow{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.badge-purple{background:#f4f2f8;color:#002169;border:1px solid #e9d5ff}.btn-primary{background:linear-gradient(135deg,#ff6f00 0%,#b84600 100%);color:white;border:1px solid #b84600;padding:7px 16px;border-radius:4px;font-size:0.82rem;font-weight:600;cursor:pointer;transition:background 0.15s,box-shadow 0.15s,transform 0.15s;font-family:inherit;display:inline-flex;align-items:center;gap:5px;box-shadow:0 1px 4px rgba(184,70,0,0.30);letter-spacing:0}.btn-primary:hover{background:linear-gradient(135deg,#b84600 0%,#8f3600 100%);box-shadow:0 2px 8px rgba(184,70,0,0.40);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 3px rgba(184,70,0,0.30)}.btn-block{width:100%;padding:10px;margin-top:4px;justify-content:center}.btn-secondary{background:#f4f5f7;color:#2a3245;border:1px solid #c0c6d0;padding:7px 16px;border-radius:4px;font-size:0.82rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:background 0.12s,border-color 0.12s;font-family:inherit}.btn-secondary:hover{background:#e8eaee;border-color:#9aa3b0}.btn-sm{padding:3px 10px;border-radius:6px;font-size:0.76rem;font-weight:600;cursor:pointer;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;transition:background 0.12s,border-color 0.12s,color 0.12s,box-shadow 0.12s}.btn-edit{width:28px;height:28px;min-width:28px;padding:0;border:1px solid #cdd9e8;border-radius:6px;background:#f8fbff;color:#002169;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;cursor:pointer;text-decoration:none;line-height:1;transition:background 0.12s,border-color 0.12s,color 0.12s,box-shadow 0.12s}.btn-edit:hover{background:#eef4fb;border-color:#9fb0cc;box-shadow:0 1px 3px rgba(0,33,105,0.12)}.btn-delete{width:28px;height:28px;min-width:28px;padding:0;border:1px solid #fecaca;border-radius:6px;background:#fffafa;color:#ef4444;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;cursor:pointer;text-decoration:none;line-height:1;transition:background 0.12s,border-color 0.12s,color 0.12s,box-shadow 0.12s}.btn-delete:hover{background:#fef2f2;border-color:#fca5a5;box-shadow:0 1px 3px rgba(239,68,68,0.12)}.btn-edit svg,.btn-delete svg{width:14px;height:14px;stroke-width:2.2}.acciones,.tabla .acciones{white-space:nowrap}.acciones .btn-edit,.acciones .btn-delete,.tabla .btn-edit,.tabla .btn-delete{vertical-align:middle}.field{margin-bottom:10px}.field label{display:block;font-weight:600;font-size:0.76rem;margin-bottom:3px;color:#374151;letter-spacing:0.01em}input[type="text"],input[type="password"],input[type="email"],input[type="number"],input[type="date"],select,textarea{width:100%;padding:5px 9px;border:1.5px solid #d1d5db;border-radius:7px;font-size:0.86rem;background:#fafbff;color:var(--text);outline:none;transition:border-color 0.2s,box-shadow 0.2s,background 0.2s;font-family:inherit}input:focus,select:focus,textarea:focus{border-color:#002169;box-shadow:0 0 0 3px rgba(0,33,105,0.35);background:white}input::placeholder{color:#9ca3af;font-size:0.84rem}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield}.form-container{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(224,228,240,0.7);padding:16px 20px;max-width:700px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.span-2{grid-column:span 2}.form-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--border)}.req{color:var(--red);margin-left:2px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px;flex-wrap:wrap}.toolbar>:last-child:not(:first-child){margin-left:auto}.toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-left:auto}.action-panel{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.action-panel-form{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.search-form{display:flex;gap:8px;flex:1;flex-wrap:wrap;align-items:center}.search-form input{max-width:320px;margin:0}.search-form select{width:auto;max-width:200px;flex:0 0 auto}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card{background:var(--card);border-radius:var(--radius);padding:20px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow);border:1px solid rgba(224,228,240,0.7);position:relative;overflow:hidden;transition:transform 0.15s,box-shadow 0.15s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius) var(--radius) 0 0}.stat-card:nth-child(1)::before{background:linear-gradient(90deg,#002169,#0A2F7A)}.stat-card:nth-child(2)::before{background:linear-gradient(90deg,#10b981,#34d399)}.stat-card:nth-child(3)::before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.stat-card:nth-child(4)::before{background:linear-gradient(90deg,#0A2F7A,#6b7fa8)}.stat-icon-wrap{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.stat-card:nth-child(1) .stat-icon-wrap{background:linear-gradient(135deg,#eef1f6,#dde3ee)}.stat-card:nth-child(2) .stat-icon-wrap{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.stat-card:nth-child(3) .stat-icon-wrap{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.stat-card:nth-child(4) .stat-icon-wrap{background:linear-gradient(135deg,#f4f2f8,#e6e8f1)}.stat-icon{font-size:1.4rem}.stat-label{font-size:0.73rem;color:var(--text-muted);margin-bottom:3px;font-weight:600;text-transform:uppercase;letter-spacing:0.04em}.stat-value{font-size:1.2rem;font-weight:900;color:var(--text);letter-spacing:-0.03em}.dashboard-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.empty-state{text-align:center;padding:60px 20px;color:#94a3b8;font-size:0.95rem}.lo-filtros{display:flex;align-items:center;gap:8px;background:white;border-radius:12px;padding:12px 16px;box-shadow:var(--shadow);border:1px solid rgba(224,228,240,0.7);flex-wrap:wrap;margin-bottom:16px}.lo-search{padding:5px 10px;border:1.5px solid #d1d5db;border-radius:7px;font-size:0.82rem;width:220px;background:#fafbff;transition:border-color 0.2s}.lo-search:focus{border-color:#002169;outline:none;box-shadow:0 0 0 3px rgba(0,33,105,0.35)}.lo-search::placeholder{color:#9ca3af}.lo-select{width:150px;flex:0 0 auto;padding:8px 10px;border:1.5px solid #d1d5db;border-radius:8px;font-size:0.85rem;background:white;color:#374151}.lo-date{padding:7px 8px;border:1.5px solid #d1d5db;border-radius:8px;font-size:0.83rem;background:white;width:130px}.lo-icon-btn{padding:7px 14px;border:1.5px solid #d1d5db;border-radius:8px;background:white;color:#374151;cursor:pointer;font-size:0.88rem;transition:background 0.15s,border-color 0.15s,color 0.15s}.lo-icon-btn:hover{background:#f5f7ff;border-color:#002169;color:#002169}.lo-reset{font-size:0.82rem;color:#6b7280;text-decoration:none;white-space:nowrap;padding:7px 12px;border:1.5px solid #e5e7eb;border-radius:8px;transition:background 0.15s,border-color 0.15s,color 0.15s}.lo-reset:hover{background:#fafbff;border-color:#002169;color:#002169}.lo-spacer{flex:1}.lo-menu-wrap{position:relative;display:inline-block}.lo-menu-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#9ca3af;padding:4px 8px;border-radius:6px;transition:background 0.15s,color 0.15s}.lo-menu-btn:hover{background:#f0f2ff;color:#002169}.lo-menu-dropdown{display:none;position:absolute;right:0;top:100%;background:white;border:1px solid #e0e4f0;border-radius:10px;box-shadow:0 8px 32px rgba(0,24,69,0.16);min-width:160px;z-index:100;overflow:hidden}.lo-menu-dropdown.open{display:block}.lo-menu-dropdown a,.lo-menu-dropdown button{display:block;width:100%;padding:10px 16px;font-size:0.86rem;color:#374151;text-decoration:none;background:none;border:none;text-align:left;cursor:pointer;transition:background 0.1s}.lo-menu-dropdown a:hover,.lo-menu-dropdown button:hover{background:#f5f7ff;color:#002169}.lo-menu-dropdown form{margin:0}.fv-header{display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid #e0e4f0;padding:9px 18px;margin:-28px -28px 14px -28px;gap:10px}.fv-back{color:#6b7280;text-decoration:none;font-size:0.88rem;white-space:nowrap;font-weight:500}.fv-back:hover{color:#002169}.fv-title{font-size:1.05rem;font-weight:800;color:#002169;letter-spacing:-0.02em}.fv-header-right{display:flex;gap:8px;align-items:center}.fv-select-sm{padding:6px 10px;border:1.5px solid #d1d5db;border-radius:7px;font-size:0.88rem;background:#fafbff}.fv-body{background:white;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(224,228,240,0.7);padding:12px 16px}.fv-row{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.fv-field{display:flex;flex-direction:column;gap:3px}.fv-field-lg{flex:2;min-width:200px}.fv-field-md{flex:1;min-width:140px}.fv-field-sm{flex:0.7;min-width:120px}.fv-label{font-size:0.72rem;font-weight:700;color:#002169;text-transform:uppercase;letter-spacing:0.04em}.fv-input{padding:5px 9px;border:1.5px solid #d1d5db;border-radius:7px;font-size:0.86rem;background:#fafbff;color:#0f172a;outline:none;transition:border-color 0.2s,box-shadow 0.2s;width:100%;font-family:inherit}.fv-input:focus{border-color:#002169;box-shadow:0 0 0 3px rgba(0,33,105,0.35);background:white}.fv-table-wrap{border:1px solid #e0e4f0;border-radius:10px;overflow:auto;margin-bottom:20px}.fv-tabla{width:100%;border-collapse:collapse;font-size:0.87rem}.fv-tabla thead th{background:#f5f7ff;padding:10px;text-align:left;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:#002169;border-bottom:1px solid #e0e4f0}.fv-thead-dark th{background:linear-gradient(180deg,#002169 0%,#001845 100%)!important;color:rgba(199,210,254,0.95)!important;font-size:0.72rem;font-weight:700;letter-spacing:0.07em;padding:11px 10px;border-bottom:none}.fv-tabla tbody tr{border-bottom:1px solid #d8dde6;background:#ffffff}.fv-tabla tbody tr:nth-child(even){background:#ddeefa}.fv-tabla tbody tr:hover{background:#b8d8f5!important}.fv-tabla tbody td{padding:8px 10px;vertical-align:middle}.fv-sel-prod{width:100%;font-size:0.82rem;padding:5px 6px;border:1.5px solid #d1d5db;border-radius:6px;background:#fafbff}.fv-inp-desc{width:100%;font-size:0.85rem;padding:5px 8px;border:1.5px solid #d1d5db;border-radius:6px}.fv-inp-num{width:100%;font-size:0.88rem;padding:6px 8px;border:1.5px solid #d1d5db;border-radius:6px}.fv-sel-prod:focus,.fv-inp-desc:focus,.fv-inp-num:focus{border-color:#002169;outline:none;box-shadow:0 0 0 2px rgba(0,33,105,0.35)}.fv-agregar{background:none;border:none;color:#002169;font-size:0.88rem;font-weight:700;cursor:pointer;padding:4px 0}.fv-agregar:hover{text-decoration:underline}.fv-total-row{display:flex;justify-content:space-between;padding:7px 0;font-size:0.9rem;color:#4b5563;border-bottom:1px solid #e0e4f0}.fv-total-final{font-size:1.1rem;font-weight:900;color:#002169;border-bottom:none;padding-top:12px}.login-page{min-height:100vh;background:#f0f3ff;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.login-left{background:linear-gradient(155deg,#0d0c1d 0%,#002169 45%,#001845 80%,#0d0c1d 100%);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:60px 56px;position:relative;overflow:hidden}.login-left::before{content:'';position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(0,33,105,0.15) 0%,transparent 70%);top:-120px;right:-140px}.login-left::after{content:'';position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(10,47,122,0.12) 0%,transparent 70%);bottom:-80px;left:-80px}.login-left-brand{position:relative;z-index:1;margin-bottom:48px}.login-left-icon{width:64px;height:64px;background:linear-gradient(135deg,#002169,#0A2F7A);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:20px;box-shadow:0 8px 32px rgba(0,33,105,0.45)}.login-left-title{font-size:2.8rem;font-weight:900;color:white;letter-spacing:-0.05em;line-height:1;margin-bottom:10px;background:linear-gradient(135deg,#fff 0%,#cbd4e3 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-left-sub{font-size:0.92rem;color:#0A2F7A;font-weight:500}.login-left-features{position:relative;z-index:1;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.login-left-features li{display:flex;align-items:center;gap:12px;font-size:0.875rem;color:#cbd4e3;font-weight:500}.login-left-features li span.feat-icon{width:34px;height:34px;border-radius:9px;background:rgba(0,33,105,0.15);border:1px solid rgba(0,33,105,0.25);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.login-right{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 48px;background:white}.login-right-inner{width:100%;max-width:360px}.login-right-header{margin-bottom:32px;text-align:left}.login-right-header h2{font-size:1.7rem;font-weight:900;color:#0f172a;letter-spacing:-0.04em;margin-bottom:6px}.login-right-header p{font-size:0.85rem;color:#6b7280}.login-company-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;background:#eef1f6;border:1px solid #cbd4e3;border-radius:20px;font-size:0.77rem;font-weight:700;color:#001845;margin-bottom:28px}.login-right .field label{color:#374151;font-size:0.82rem;font-weight:600;margin-bottom:6px}.login-right .field{margin-bottom:18px}.login-input-wrap{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:14px;font-size:0.95rem;opacity:0.55;pointer-events:none}.login-input-wrap input{padding:13px 14px 13px 40px!important;font-size:0.92rem!important;border-radius:10px!important;border-color:#e2e6ee;background:#f8f9fc}.login-input-wrap input:focus{background:white;box-shadow:0 0 0 4px rgba(0,33,105,0.10)}.login-submit{margin-top:10px;padding:15px!important;font-size:0.95rem;border-radius:10px!important;justify-content:center;font-weight:700;letter-spacing:0.01em;box-shadow:0 8px 20px rgba(184,70,0,0.35)}.login-submit:hover{box-shadow:0 10px 26px rgba(184,70,0,0.45)}.hamburger-btn{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:6px;border-radius:8px;transition:background 0.15s;flex-shrink:0}.hamburger-btn:hover{background:#f0f2ff}.hamburger-btn span{display:block;width:22px;height:2.5px;background:#374151;border-radius:2px;transition:background 0.25s}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(13,12,29,0.55);backdrop-filter:blur(2px);z-index:199}.sidebar-overlay.open{display:block}@media (max-width:1024px){.hamburger-btn{display:flex}.sidebar{position:fixed;left:-268px;top:0;bottom:0;z-index:200;width:260px;transition:left 0.28s cubic-bezier(.4,0,.2,1);box-shadow:none}.sidebar.open{left:0;box-shadow:4px 0 32px rgba(13,12,29,0.35)}.main{width:100%}input:not([type="checkbox"]):not([type="radio"]),select,textarea,.btn-primary,.btn-secondary,.btn-danger{min-height:44px}.tabla button,.tabla .btn-sm,.tabla .btn-danger{min-height:36px}.stats-grid{grid-template-columns:1fr 1fr}.dashboard-row{grid-template-columns:1fr}.db-row2,.db-row3{grid-template-columns:1fr!important}.db-kpis{grid-template-columns:repeat(3,1fr)!important;gap:10px}.form-grid{grid-template-columns:1fr;gap:12px}.span-2{grid-column:span 1}.fv-row{flex-direction:column}.fv-field-lg,.fv-field-md,.fv-field-sm{flex:none;width:100%;min-width:unset}.fv-field{width:100%!important;min-width:0!important}.fv-table-wrap{overflow:auto!important}.form-grid{display:flex!important;flex-direction:column!important}.form-grid .field{width:100%!important;flex:none!important}[style*="grid-template-columns:1fr 1fr"],[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}[style*="grid-template-columns:1fr 1fr"]>*,[style*="grid-template-columns: 1fr 1fr"]>*{min-width:0!important}[style*="width:260px;flex-shrink:0"],[style*="width:220px;flex-shrink:0"],[style*="width:215px;flex-shrink:0"],[style*="width:165px;flex-shrink:0"]{width:100%!important}.card-body>.tabla,.card>.tabla{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.tabs-nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.tab-btn{white-space:nowrap}.topbar{padding:10px 16px}}@media (max-width:700px){.login-page{grid-template-columns:1fr}.login-left{display:none}.login-right{padding:40px 24px}}@media (max-width:768px){.topbar{padding:10px 14px}.topbar-title{font-size:0.85rem;max-width:26vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar>div:last-child{gap:6px}.ph-search-kbd{display:none}.ph-search-global .ph-search-input{width:clamp(28px,12vw,40px)}#gs-drop{position:fixed!important;top:57px!important;left:12px!important;right:12px!important;width:auto!important}.theme-toggle,#open-current-window,#open-current-window+button{display:none!important}.topbar-icon-btn{padding:6px 7px!important}.caja-badge{max-width:clamp(52px,20vw,72px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.topbar [style*="text-align:right"]{display:none!important}.content{padding:16px 14px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.db-kpis{grid-template-columns:1fr 1fr!important;gap:10px}.card-body{padding:14px}.card-header{padding:11px 14px;font-size:0.8rem}.tabla thead th{font-size:0.62rem;padding:9px 10px}.tabla tbody td{padding:10px 10px;font-size:0.82rem}.tabla .btn-sm{padding:4px 9px;font-size:0.74rem}.form-container{padding:16px}.form-actions{flex-direction:column-reverse}.form-actions .btn-primary,.form-actions .btn-secondary{width:100%;justify-content:center}.toolbar{flex-direction:column;align-items:stretch;gap:8px}.toolbar>:last-child:not(:first-child),.toolbar-actions{margin-left:0}.toolbar-actions{width:100%;flex-direction:column;align-items:stretch}.toolbar-actions .btn-primary,.toolbar-actions .btn-secondary{width:100%;justify-content:center}.toolbar .btn-primary{width:100%;justify-content:center}.search-form{flex-direction:column}.search-form input{max-width:100%}.action-panel{align-items:stretch;justify-content:flex-start}.action-panel-form{width:100%;flex-direction:column;align-items:stretch;justify-content:flex-start}.action-panel-form select,.action-panel-form .btn-primary,.action-panel-form .btn-secondary{width:100%;min-width:0!important;justify-content:center}.lo-filtros{gap:6px;padding:10px 12px}.lo-search{width:100%}.lo-spacer{display:none}.fv-header{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 14px}.fv-header-right{flex-wrap:wrap}.fv-body{padding:14px}[style*="calc(50% - 6px)"],[style*="calc(33.3%"],[style*="calc(66.6%"]{width:100%!important}.kpi-value{font-size:1.1rem!important}.kpi-label{font-size:0.65rem!important}.tab-btn{font-size:0.78rem;padding:8px 12px}.cfg-group-body{padding:14px}.cfg-group-body{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.db-kpis{grid-template-columns:1fr!important}.content{padding:12px 10px}.topbar{padding:8px 12px}.tabla thead th{font-size:0.58rem;padding:8px 8px}.tabla tbody td{font-size:0.78rem;padding:9px 8px}.login-right{padding:32px 18px}.login-right-header h2{font-size:1.4rem}.ph-search-global .ph-search-input{width:24px}.caja-badge{max-width:48px}}.tabs-nav{display:flex;gap:4px;border-bottom:2px solid #e0e4f0;margin-bottom:20px;overflow-x:auto}.tab-btn{padding:9px 18px;border:none;background:none;font-size:0.84rem;font-weight:600;color:#6b7280;cursor:pointer;border-radius:8px 8px 0 0;transition:color 0.15s,background 0.15s,border-color 0.15s;white-space:nowrap;font-family:inherit;border-bottom:2px solid transparent;margin-bottom:-2px}.tab-btn:hover{color:#002169;background:#f5f7ff}.tab-btn.active{color:#002169;border-bottom-color:#002169;background:#f5f7ff}.modal-overlay{position:fixed;inset:0;background:rgba(13,12,29,0.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background:white;border-radius:16px;box-shadow:0 24px 64px rgba(13,12,29,0.25);padding:28px;min-width:380px;max-width:90vw;max-height:90vh;overflow-y:auto}.modal-title{font-size:1.05rem;font-weight:800;margin-bottom:16px;color:#0f172a;letter-spacing:-0.02em}.text-muted{color:var(--text-muted)}.text-sm{font-size:0.82rem}.text-xs{font-size:0.72rem}.fw-bold{font-weight:700}.fw-black{font-weight:900}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.gap-2{gap:8px}.d-flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.pagination{display:flex;gap:4px;align-items:center;margin-top:16px}.pagination a,.pagination span{padding:5px 11px;border-radius:7px;font-size:0.82rem;font-weight:600;border:1.5px solid #e0e4f0;color:#374151;text-decoration:none;transition:background 0.15s,border-color 0.15s,color 0.15s}.pagination a:hover{background:#f5f7ff;border-color:#002169;color:#002169}.pagination .current{background:#002169;border-color:#002169;color:white}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:0.72rem;font-weight:700}.chip-green{background:#dcfce7;color:#15803d}.chip-red{background:#fee2e2;color:#b91c1c}.chip-amber{background:#fef3c7;color:#92400e}.chip-blue{background:#dde6f2;color:#001845}.chip-purple{background:#e6e8f1;color:#002169}.chip-gray{background:#f1f5f9;color:#475569}.avatar-init{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#002169,#0A2F7A);color:white;font-size:0.82rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.layout.sb-collapsed .sidebar{width:0;border-right-color:transparent}.sb-collapse-btn{margin-left:auto;flex-shrink:0;background:none;border:none;color:rgba(255,255,255,0.35);cursor:pointer;padding:3px 6px;border-radius:5px;font-size:0.7rem;line-height:1;transition:color .18s,background .18s}.sb-collapse-btn:hover{color:#fff;background:rgba(255,255,255,0.1)}.sb-expand-btn{display:none;align-items:center;justify-content:center;width:30px;height:30px;background:none;border:1.5px solid rgba(0,33,105,0.35);border-radius:7px;color:#002169;cursor:pointer;font-size:1rem;flex-shrink:0;transition:background .18s,border-color .18s}.sb-expand-btn:hover{background:#eef1f6;border-color:#002169}.layout.sb-collapsed .sb-expand-btn{display:flex}@media (max-width:1024px){.sb-collapse-btn{display:none!important}.sb-expand-btn{display:none!important}.sidebar{transition:left 0.28s cubic-bezier(.4,0,.2,1)}}:root[data-theme="dark"]{--primary:#4a72c9;--primary-dark:#2f52a0;--primary-light:#101720;--primary-glow:rgba(74,114,201,0.28);--accent:#ff6f00;--accent-dark:#e05e00;--accent-light:#2e2420;--bg:#0f1420;--card:#171f2e;--border:#2a3548;--text:#e5e9f0;--text-muted:#94a3b8;--green:#34d399;--amber:#fbbf24;--red:#f87171;--shadow:0 1px 2px rgba(0,0,0,0.35),0 2px 6px rgba(0,0,0,0.25);--shadow-lg:0 4px 14px rgba(0,0,0,0.45);--shadow-glow:0 0 0 3px var(--primary-glow)}[data-theme="dark"] .card,[data-theme="dark"] .table-wrapper{border-color:rgba(255,255,255,0.06)}[data-theme="dark"] .card-header{background:#1e293b;color:#e5e9f0;border-bottom-color:#2a3548}[data-theme="dark"] .empty-msg{color:#64748b}[data-theme="dark"] .topbar{background:#171f2e;border-bottom-color:#2a3548;box-shadow:0 1px 3px rgba(0,0,0,0.3)}[data-theme="dark"] .tabla thead th{background:#1e293b;color:#cbd5e1;border-bottom-color:#2a3548;border-right-color:#232e42}[data-theme="dark"] .tabla tbody tr{background:#171f2e;border-bottom-color:#232e42}[data-theme="dark"] .tabla tbody tr:hover{background:#1c273a}[data-theme="dark"] input[type="text"],[data-theme="dark"] input[type="password"],[data-theme="dark"] input[type="email"],[data-theme="dark"] input[type="number"],[data-theme="dark"] input[type="date"],[data-theme="dark"] select,[data-theme="dark"] textarea{background:#1c2534;border-color:#2a3548;color:#e5e9f0}[data-theme="dark"] input:focus,[data-theme="dark"] select:focus,[data-theme="dark"] textarea:focus{background:#1c2534;box-shadow:0 0 0 3px rgba(74,111,168,0.35)}[data-theme="dark"] .modal-box{background:#171f2e;color:#e5e9f0}[data-theme="dark"] .modal-title{color:#e5e9f0}[data-theme="dark"] .modal-overlay{background:rgba(0,0,0,0.65)}[data-theme="dark"] .login-right{background:#0f1420}[data-theme="dark"] .login-right .field label{color:#cbd5e1}[data-theme="dark"] .alert-success,[data-theme="dark"] .alert-message{background:rgba(34,197,94,0.12);border-color:#22c55e;color:#4ade80}[data-theme="dark"] .alert-error{background:rgba(239,68,68,0.12);border-color:#ef4444;color:#f87171}[data-theme="dark"] .alert-warning{background:rgba(245,158,11,0.12);border-color:#f59e0b;color:#fbbf24}[data-theme="dark"] .alert-message{background:rgba(74,111,168,0.14);border-color:#4a6fa8;color:#a8bfe0}[data-theme="dark"] .badge-blue{background:rgba(74,111,168,0.16);color:#a8bfe0;border-color:rgba(74,111,168,0.35)}[data-theme="dark"] .badge-gray{background:rgba(148,163,184,0.14);color:#cbd5e1;border-color:rgba(148,163,184,0.3)}[data-theme="dark"] .badge-green{background:rgba(34,197,94,0.14);color:#4ade80;border-color:rgba(34,197,94,0.3)}[data-theme="dark"] .badge-red{background:rgba(239,68,68,0.14);color:#f87171;border-color:rgba(239,68,68,0.3)}[data-theme="dark"] .badge-yellow{background:rgba(245,158,11,0.14);color:#fbbf24;border-color:rgba(245,158,11,0.3)}[data-theme="dark"] .badge-purple{background:rgba(74,111,168,0.16);color:#a8bfe0;border-color:rgba(74,111,168,0.35)}[data-theme="dark"] .chip-green{background:rgba(34,197,94,0.16);color:#4ade80}[data-theme="dark"] .chip-red{background:rgba(239,68,68,0.16);color:#f87171}[data-theme="dark"] .chip-amber{background:rgba(245,158,11,0.16);color:#fbbf24}[data-theme="dark"] .chip-blue{background:rgba(74,111,168,0.18);color:#a8bfe0}[data-theme="dark"] .chip-purple{background:rgba(74,111,168,0.18);color:#a8bfe0}[data-theme="dark"] .chip-gray{background:rgba(148,163,184,0.16);color:#cbd5e1}.theme-toggle{background:none;border:1px solid var(--border);color:var(--text-muted);border-radius:7px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:0.95rem;transition:background 0.15s,color 0.15s,border-color 0.15s}.theme-toggle:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.theme-toggle .icon-dark{display:none}[data-theme="dark"] .theme-toggle .icon-light{display:none}[data-theme="dark"] .theme-toggle .icon-dark{display:inline}[data-theme="dark"] [style*="color:#0f172a"],[data-theme="dark"] [style*="color:#1e293b"],[data-theme="dark"] [style*="color:#334155"],[data-theme="dark"] [style*="color:#475569"],[data-theme="dark"] [style*="color: #0f172a"],[data-theme="dark"] [style*="color: #1e293b"],[data-theme="dark"] [style*="color: #334155"],[data-theme="dark"] [style*="color: #475569"]{color:#cbd5e1!important}[data-theme="dark"] .tabla tbody td{color:#d3dbe8}[data-theme="dark"] [style*="color:#002169"],[data-theme="dark"] [style*="color: #002169"],[data-theme="dark"] [style*="color:#2a4268"],[data-theme="dark"] [style*="color: #2a4268"]{color:#9db4dd!important}@media (max-width:1180px){.cfs-body-3col{grid-template-columns:1fr 1fr}}@media (max-width:900px){.cfs-body,.cfs-body-3col{grid-template-columns:1fr}.cfs-span2{grid-column:span 1}}.cfg-main{flex:1;min-width:0}@media (max-width:768px){.topbar{gap:8px}.topbar>div:first-child{flex:1 1 auto;min-width:0}.topbar>div:last-child{flex:0 0 auto}.topbar-title{flex:1 1 auto;min-width:0;max-width:none;font-size:1rem}.hamburger-btn{padding:11px 9px;min-width:44px;min-height:44px;align-items:center}#gs-wrap{position:static!important}.ph-search-global{width:44px;height:44px;padding:0;justify-content:center;border-radius:12px;cursor:pointer}.ph-search-global .ph-search-input{display:none}.ph-search-global .ph-search-icon{width:20px;height:20px}#gs-wrap.gs-abierto #gs-form{position:fixed;top:0;left:0;right:0;height:57px;z-index:10000;box-sizing:border-box;padding:6px 12px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}#gs-wrap.gs-abierto .ph-search-global{width:100%;height:44px;padding:0 12px;justify-content:flex-start;cursor:text}#gs-wrap.gs-abierto .ph-search-global .ph-search-input{display:block;flex:1 1 auto;width:100%!important;font-size:16px}}@media (max-width:900px),(pointer:coarse) and (max-width:1400px){.caja-badge{font-size:0!important;gap:0!important;padding:0!important;min-width:44px;min-height:44px;max-width:none;justify-content:center}.caja-badge svg{width:20px;height:20px}}@media (min-width:769px) and (max-width:1100px),(pointer:coarse) and (min-width:1101px) and (max-width:1400px){.topbar{gap:10px}.topbar>div:first-child{flex:1 1 auto;min-width:0}.topbar-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-search-kbd{display:none}.ph-search-global .ph-search-input{width:120px}#open-current-window,#open-current-window+button{font-size:0!important;gap:0!important}}@media (min-width:901px) and (max-width:1100px){.topbar .caja-badge{max-width:150px;overflow:hidden;white-space:nowrap;justify-content:flex-start}}@media (min-width:769px) and (max-width:900px){.topbar [style*="text-align:right"]{display:none!important}}@media (pointer:coarse) and (min-width:769px){.topbar .theme-toggle,.topbar .topbar-icon-btn{min-width:44px;min-height:44px;justify-content:center}}