@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}button{font-family:inherit;cursor:pointer}a{text-decoration:none;color:inherit}::selection{background:#daa5204d;color:#1a1a1a}[data-sileo-viewport]{z-index:9999!important}:root{--bg-app: #F1F3F5;--bg-primary: #F1F3F5;--bg-secondary: #FFFFFF;--bg-card: #FFFFFF;--bg-header: #151515;--text-primary: #1A1A1A;--text-secondary: #6B7280;--text-muted: #9CA3AF;--gold-primary: #B8860B;--gold-light: #DAA520;--gold-accent: #F5C842;--gold-glow: rgba(218, 165, 32, .12);--gold-gradient: linear-gradient(135deg, #B8860B 0%, #DAA520 50%, #F5C842 100%);--border-color: rgba(0, 0, 0, .07);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-card: 0 1px 3px rgba(0, 0, 0, .05), 0 0 0 1px rgba(0, 0, 0, .04);--shadow-card-hover: 0 6px 24px rgba(0, 0, 0, .1), 0 0 0 1px rgba(184, 134, 11, .18);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--menu-bg: rgba(255, 255, 255, .95);--menu-border: rgba(0, 0, 0, .08);--menu-item-hover: rgba(0, 0, 0, .04);--menu-text: #1A1A1A;--menu-logout: #DC2626;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .25s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-app: #0E0E10;--bg-primary: #0E0E10;--bg-secondary: #18181B;--bg-card: #1C1C1F;--bg-header: rgba(18, 18, 20, .92);--text-primary: #F0F0F0;--text-secondary: #9CA3AF;--text-muted: #6B7280;--gold-glow: rgba(218, 165, 32, .08);--border-color: rgba(255, 255, 255, .07);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 8px rgba(0, 0, 0, .5);--shadow-card: 0 1px 3px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .04);--shadow-card-hover: 0 8px 30px rgba(0, 0, 0, .5), 0 0 0 1px rgba(218, 165, 32, .2);--menu-bg: rgba(28, 28, 31, .96);--menu-border: rgba(255, 255, 255, .08);--menu-item-hover: rgba(255, 255, 255, .06);--menu-text: #F0F0F0;--menu-logout: #EF4444}.dashboard{min-height:100vh;background:var(--bg-app);color:var(--text-primary);transition:background var(--transition-smooth),color var(--transition-smooth);position:relative}.dashboard-header{position:sticky;top:0;z-index:50;background:#151515;border-bottom:1px solid #2a2a2a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:0 1.5rem;transition:background var(--transition-smooth),border-color var(--transition-smooth)}.header-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:52px}.logo-section{display:flex;align-items:center;gap:10px}.logo-mark{width:30px;height:30px;background:var(--gold-gradient);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #b8860b40;overflow:hidden}.logo-img{width:100%;height:100%;object-fit:contain}.logo-text{font-size:1.05rem;font-weight:800;letter-spacing:-.02em;color:#fff;transition:color var(--transition-fast)}.logo-text span{background:var(--gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-right-group{display:flex;align-items:center;gap:12px}.header-clock{display:flex;align-items:center;gap:5px;font-size:.75rem;font-weight:500;color:#9ca3af;white-space:nowrap}.header-clock svg{color:#9ca3af;flex-shrink:0}.header-divider{width:1px;height:20px;background:var(--border-color)}.user-section{display:flex;align-items:center;gap:8px}.user-greeting-name{font-size:.8rem;font-weight:600;color:#fff;transition:color var(--transition-fast)}.user-avatar-btn{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--gold-light);background:var(--gold-glow);display:flex;align-items:center;justify-content:center;color:var(--gold-primary);transition:all var(--transition-fast);cursor:pointer}.user-avatar-btn:hover{background:var(--gold-primary);color:#fff;transform:scale(1.05);box-shadow:0 2px 10px #b8860b4d}.dashboard-main{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:1.5rem 1.5rem 4rem}.dashboard-content{display:flex;flex-direction:column;gap:0}.welcome-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.welcome-text{display:flex;flex-direction:column;gap:2px}.welcome-title{font-size:1.35rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.3;transition:color var(--transition-fast)}.welcome-subtitle{font-size:.8rem;color:var(--text-muted);font-weight:400;transition:color var(--transition-fast)}.section-label{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.75rem;padding-left:2px}.section-label svg{color:var(--gold-primary)}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.875rem}.module-card{position:relative;background:var(--bg-card);border-radius:var(--radius-md);padding:1rem;cursor:pointer;overflow:hidden;border:1px solid var(--border-color);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-smooth),border-color var(--transition-smooth),background var(--transition-smooth);display:flex;align-items:center;justify-content:space-between}.module-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gold-gradient);opacity:0;transition:opacity var(--transition-smooth)}.module-card:hover:before{opacity:1}.module-card:hover{border-color:#b8860b26}.card-row{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.card-icon-wrapper{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--gold-glow);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-smooth)}.card-icon-wrapper svg{width:18px;height:18px;color:var(--gold-primary);stroke-width:2;transition:color var(--transition-fast)}.module-card:hover .card-icon-wrapper{background:var(--gold-primary);box-shadow:0 2px 8px #b8860b40}.module-card:hover .card-icon-wrapper svg{color:#fff}.card-content{display:flex;flex-direction:column;gap:1px;min-width:0}.card-title{font-size:.875rem;font-weight:650;color:var(--text-primary);letter-spacing:-.01em;transition:color var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-description{font-size:.7rem;color:var(--text-muted);line-height:1.4;transition:color var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-arrow{display:flex;align-items:center;justify-content:center;color:var(--text-muted);opacity:0;transform:translate(-4px);transition:all var(--transition-smooth);flex-shrink:0;margin-left:.5rem}.module-card:hover .card-arrow{opacity:1;transform:translate(0);color:var(--gold-primary)}.card-arrow svg{width:14px;height:14px}.settings-fab{position:fixed;bottom:20px;right:20px;z-index:100}.fab-button{width:44px;height:44px;border-radius:12px;border:none;background:var(--text-primary);color:var(--bg-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #0003;transition:all var(--transition-fast);cursor:pointer}.fab-button:hover{box-shadow:0 4px 20px #0000004d}.fab-button svg{width:20px;height:20px}.settings-menu{position:fixed;bottom:76px;right:20px;z-index:99;width:240px;background:var(--menu-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--menu-border);border-radius:var(--radius-lg);padding:4px;box-shadow:0 12px 40px #0000001f,0 0 0 1px #0000000a;overflow:hidden}[data-theme=dark] .settings-menu{box-shadow:0 12px 40px #00000080,0 0 0 1px #ffffff0f}.menu-section{padding:2px 0}.menu-separator{height:1px;background:var(--menu-border);margin:3px 8px}.menu-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;background:none;width:100%;text-align:left;color:var(--menu-text);font-size:.8rem;font-weight:500}.menu-item:hover{background:var(--menu-item-hover)}.menu-item-left{display:flex;align-items:center;gap:8px}.menu-item-icon{width:16px;height:16px;color:var(--text-secondary)}.menu-item-right{display:flex;align-items:center}.menu-item-right svg{width:14px;height:14px;color:var(--text-muted)}.toggle-switch{position:relative;width:36px;height:20px;background:var(--border-color);border-radius:100px;border:none;cursor:pointer;padding:0;transition:background var(--transition-fast)}.toggle-switch.is-active{background:var(--gold-primary)}.toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;transition:transform var(--transition-fast)}.toggle-switch.is-active .toggle-knob{transform:translate(16px)}.menu-item--logout{color:var(--menu-logout)}.menu-item--logout:hover{background:#dc262612}.menu-item--logout .menu-item-icon{color:var(--menu-logout)}.menu-backdrop{position:fixed;inset:0;z-index:98;background:transparent}@media(max-width:1024px){.cards-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.cards-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.dashboard-main{padding:1.25rem 1rem 4rem}.welcome-title{font-size:1.15rem}}@media(max-width:480px){.dashboard-header{padding:0 .75rem}.header-inner{height:48px}.header-clock,.header-divider,.user-greeting{display:none}.dashboard-main{padding:1rem .75rem 4rem}.welcome-bar{margin-bottom:1rem}.welcome-title{font-size:1.05rem}.cards-grid{grid-template-columns:1fr;gap:.625rem}.module-card{padding:.875rem}.card-icon-wrapper{width:34px;height:34px}.card-icon-wrapper svg{width:16px;height:16px}.card-arrow{opacity:1;transform:translate(0)}.settings-fab{bottom:14px;right:14px}.fab-button{width:40px;height:40px;border-radius:10px}.settings-menu{right:14px;bottom:64px;width:calc(100vw - 28px);max-width:280px}}@media(max-width:360px){.logo-text{font-size:.95rem}.card-title{font-size:.8rem}.card-description{display:none}}.productos-page{min-height:100vh;background:var(--bg-primary, #FAFAFA);color:var(--text-primary, #1A1A1A);transition:background var(--transition-smooth, .35s ease),color var(--transition-smooth, .35s ease);position:relative;overflow:hidden}.productos-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,var(--gold-glow, rgba(218, 165, 32, .15)) 0%,transparent 50%),radial-gradient(circle at 80% 80%,var(--gold-glow, rgba(218, 165, 32, .15)) 0%,transparent 50%);pointer-events:none;z-index:0}.productos-header{position:sticky;top:0;z-index:50;background:#151515;border-bottom:1px solid #2a2a2a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:0 2rem;transition:all .35s ease}.productos-header .header-inner{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:64px}.header-left{display:flex;align-items:center;gap:16px}.btn-back{width:36px;height:36px;border-radius:50%;border:1px solid #333333;background:#252525;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease}.btn-back:hover{background:var(--gold-glow, rgba(218, 165, 32, .15));color:var(--gold-primary, #B8860B);border-color:#b8860b4d}.page-title{font-size:1.15rem;font-weight:700;color:#fff;letter-spacing:-.01em}.header-right .current-date{font-size:.85rem;font-weight:500;color:#9ca3af;text-transform:capitalize;letter-spacing:.02em}.productos-main{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:3rem 2rem 6rem}.acciones-panel{max-width:1000px;margin:0 auto}.panel-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .06))}.panel-label{font-size:.85rem;font-weight:600;color:var(--gold-primary, #B8860B);text-transform:uppercase;letter-spacing:.05em}.acciones-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.accion-card{position:relative;background:var(--bg-card, #FFFFFF);border-radius:var(--radius-lg, 20px);padding:2rem;cursor:pointer;overflow:hidden;border:1px solid var(--border-color, rgba(0, 0, 0, .06));box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .04));display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem;transition:all .35s cubic-bezier(.4,0,.2,1);min-height:220px}.accion-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--gold-gradient, linear-gradient(135deg, #B8860B 0%, #DAA520 50%, #F5C842 100%));opacity:0;transform:translateY(4px);transition:all .3s ease}.accion-card:hover{box-shadow:var(--shadow-card-hover, 0 20px 60px rgba(0, 0, 0, .1));border-color:#b8860b33}.accion-card:hover:after{opacity:1;transform:translateY(0)}.accion-icon-wrapper{width:48px;height:48px;border-radius:14px;background:var(--gold-glow, rgba(218, 165, 32, .15));display:flex;align-items:center;justify-content:center;color:var(--gold-primary, #B8860B);transition:all .3s ease}.accion-card:hover .accion-icon-wrapper{background:var(--gold-gradient, linear-gradient(135deg, #B8860B 0%, #DAA520 100%));color:#fff;box-shadow:0 4px 12px #b8860b4d}.accion-icon-wrapper svg{width:24px;height:24px;stroke-width:2}.accion-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.accion-title{font-size:1.1rem;font-weight:700;color:var(--text-primary, #1A1A1A);letter-spacing:-.01em}.accion-description{font-size:.85rem;color:var(--text-secondary, #6B7280);line-height:1.5}.accion-arrow{margin-top:auto;align-self:flex-end;opacity:0;transform:translate(-10px);transition:all .35s ease}.accion-card:hover .accion-arrow{opacity:1;transform:translate(0)}.arrow-circle{width:32px;height:32px;border-radius:50%;background:var(--bg-primary, #FAFAFA);border:1px solid var(--border-color, rgba(0, 0, 0, .06));display:flex;align-items:center;justify-content:center;color:var(--text-primary, #1A1A1A)}.accion-card--highlight{background:linear-gradient(145deg,var(--bg-card, #FFFFFF) 0%,var(--gold-glow, rgba(218, 165, 32, .05)) 100%);border-color:#b8860b26}.accion-card--highlight .accion-icon-wrapper{background:var(--gold-primary, #B8860B);color:#fff}.accion-card--highlight:hover .accion-icon-wrapper{transform:scale(1.1) rotate(10deg)}@media(max-width:960px){.acciones-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.productos-header{padding:0 1rem}.productos-main{padding:2rem 1rem 6rem}.acciones-grid{grid-template-columns:1fr}.accion-card{min-height:auto;flex-direction:row;align-items:center;padding:1.5rem}.accion-content{margin-left:.5rem}.accion-arrow{display:none}}.agregar-producto-page{min-height:100vh;background:#e0e0e0;color:var(--text-primary, #1A1A1A);transition:background var(--transition-smooth, .35s ease),color var(--transition-smooth, .35s ease);position:relative;overflow-x:hidden;font-size:13px}.agregar-producto-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,var(--gold-glow, rgba(218, 165, 32, .15)) 0%,transparent 50%),radial-gradient(circle at 80% 80%,var(--gold-glow, rgba(218, 165, 32, .15)) 0%,transparent 50%);pointer-events:none;z-index:0}.ap-header{position:sticky;top:0;z-index:50;background:#151515;border-bottom:1px solid #2a2a2a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:0 1rem;transition:all .35s ease;height:48px;display:flex;align-items:center}.ap-header .header-inner{width:100%;max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.ap-header-left{display:flex;align-items:center;gap:12px}.ap-btn-back{width:30px;height:30px;border-radius:6px;border:1px solid #333333;background:#252525;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease;cursor:pointer}.ap-btn-back:hover{background:var(--gold-glow, rgba(218, 165, 32, .15));color:var(--gold-primary, #B8860B);border-color:#b8860b4d}.ap-btn-back svg{width:16px;height:16px}.ap-page-title{font-size:1rem;font-weight:700;color:#fff;letter-spacing:-.01em}.ap-header-right .current-date{font-size:.8rem;font-weight:500;color:#9ca3af;text-transform:capitalize}.ap-main{position:relative;z-index:1;max-width:1600px;margin:0 auto;padding:.5rem .75rem;display:grid;grid-template-columns:5fr 1fr;gap:.75rem;align-items:flex-start}.form-container{display:flex;flex-direction:column;gap:.4rem}.mode-toggle-container{display:flex;margin-bottom:.25rem}.mode-toggle{display:inline-flex;background:var(--bg-card, #FFFFFF);border-radius:6px;padding:3px;border:1px solid var(--border-color, rgba(0, 0, 0, .06));gap:2px;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .04))}.mode-toggle-btn{display:flex;align-items:center;gap:6px;padding:.4rem 1rem;border:none;border-radius:4px;background:transparent;color:var(--text-secondary, #6B7280);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .25s ease}.mode-toggle-btn svg{width:14px;height:14px}.mode-toggle-btn:hover:not(.active){background:var(--gold-glow, rgba(218, 165, 32, .08));color:var(--text-primary, #1A1A1A)}.mode-toggle-btn.active{background:var(--text-primary, #1A1A1A);color:var(--gold-primary, #B8860B)}[data-theme=dark] .mode-toggle-btn.active{background:var(--bg-secondary, #111111);color:var(--gold-primary, #B8860B);border:1px solid rgba(184,134,11,.2)}.ap-form{display:flex;flex-direction:column;gap:.4rem}.form-section{background:#eaeced;border-radius:6px;padding:.5rem .75rem;border:1px solid #C9CDD3;box-shadow:0 1px 3px #0000000f}[data-theme=dark] .form-section{background:#191919f2;border-color:#ffffff0d;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .02))}.section-title{display:flex;align-items:center;gap:5px;color:#111827;font-size:.8rem;font-weight:700;margin-bottom:.35rem;padding-bottom:.25rem;border-bottom:1.5px solid var(--gold-primary, #B8860B);text-transform:uppercase;letter-spacing:.02em}[data-theme=dark] .section-title{color:#fff;border-bottom:1px solid rgba(255,255,255,.2)}.section-title svg{width:14px;height:14px;color:var(--gold-primary, #B8860B)}[data-theme=dark] .section-title svg{color:#fff}.ap-grid-3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.5rem}.ap-grid-2,.ap-grid-split{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.ap-group{display:flex;flex-direction:column;gap:2px}.ap-group.full-width{grid-column:1 / -1}.ap-label{font-weight:600;color:#374151;font-size:.75rem;letter-spacing:.02em;display:flex;align-items:center;justify-content:space-between}[data-theme=dark] .ap-label{color:#ffffffe6}.ap-required{color:#ef4444;margin-left:2px}.ap-input,.ap-select,.ap-textarea{width:100%;padding:.3rem .5rem;border:1px solid #9CA3AF;border-radius:5px;font-size:.82rem;color:#111827;background:#fff;transition:all .2s ease;font-family:inherit;height:30px}.ap-textarea{height:auto;min-height:48px;resize:vertical}[data-theme=dark] .ap-input,[data-theme=dark] .ap-select,[data-theme=dark] .ap-textarea{background:#0000004d;border-color:#fff3;color:#fff}[data-theme=dark] .ap-input::placeholder,[data-theme=dark] .ap-textarea::placeholder{color:#fff6}.ap-input:focus,.ap-select:focus,.ap-textarea:focus{outline:none;border-color:var(--gold-primary, #B8860B);box-shadow:0 0 0 2px var(--gold-glow, rgba(218, 165, 32, .15));background:var(--bg-card, #FFFFFF)}.ap-input-currency{position:relative;display:flex;align-items:center;border:1px solid var(--border-color, rgba(0, 0, 0, .15));border-radius:6px;background:var(--bg-primary, #FAFAFA);overflow:hidden;transition:all .2s ease;height:30px}[data-theme=dark] .ap-input-currency{background:#0003;border-color:#ffffff1a}.ap-input-currency:focus-within{border-color:var(--gold-primary, #B8860B);box-shadow:0 0 0 2px var(--gold-glow, rgba(218, 165, 32, .15));background:var(--bg-card, #FFFFFF)}.ap-currency-symbol{padding:0 .6rem;color:var(--gold-primary, #B8860B);font-weight:700;font-size:.8rem;border-right:1px solid var(--border-color, rgba(0, 0, 0, .06));height:100%;display:flex;align-items:center;-webkit-user-select:none;user-select:none;background:var(--bg-card, #FFFFFF)}[data-theme=dark] .ap-currency-symbol{background:#0006;border-color:#ffffff0d}.ap-input-currency .ap-input{border:none;border-radius:0;flex:1;height:100%;background:transparent}.ap-input-currency .ap-input:focus{box-shadow:none}.utility-display{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--gold-primary, #B8860B) 0%,#DAA520 100%);padding:0 .5rem;border-radius:5px;height:28px;margin-top:2px}.utility-amount{font-size:.8rem;font-weight:700;color:#fff}.utility-percentage-wrapper{display:flex;align-items:center;gap:2px;color:#ffffffe6;font-weight:600;font-size:.75rem}.utility-percentage-input{width:75px;padding:.2rem .35rem;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:#ffffff26;color:#fff;font-weight:700;font-size:.85rem;text-align:center;transition:all .2s;appearance:textfield}.utility-percentage-input:focus{outline:none;border-color:#fff;background:#ffffff4d}.ap-image-upload{display:flex;flex-direction:column;gap:.5rem}.btn-ai-search{display:inline-flex;align-items:center;gap:6px;padding:.35rem .6rem;background:var(--bg-card, #FFFFFF);border:1px solid var(--border-color, rgba(0, 0, 0, .15));border-radius:4px;color:var(--text-secondary, #6B7280);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;width:fit-content}[data-theme=dark] .btn-ai-search{background:#0003;border-color:#ffffff1a}.btn-ai-search svg{width:14px;height:14px;color:var(--gold-primary, #B8860B)}.btn-ai-search:hover{border-color:var(--gold-primary, #B8860B);color:var(--gold-primary, #B8860B);background:var(--gold-glow, rgba(218, 165, 32, .08))}.upload-dropzone{border:1.5px dashed #9CA3AF;border-radius:6px;padding:.75rem;text-align:center;cursor:pointer;transition:all .25s ease;background:#e5e7eb;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:40px}[data-theme=dark] .upload-dropzone{background:#00000026;border-color:#ffffff4d}[data-theme=dark] .upload-dropzone svg,[data-theme=dark] .upload-dropzone span,[data-theme=dark] .upload-link{color:#fffc}.upload-dropzone svg{width:18px;height:18px;color:var(--text-secondary, #6B7280)}.upload-dropzone span{font-size:.8rem;color:var(--text-secondary, #6B7280)}.upload-link{color:var(--gold-primary, #B8860B);font-weight:600;text-decoration:underline}.upload-dropzone:hover{border-color:var(--gold-primary, #B8860B);background:var(--gold-glow, rgba(218, 165, 32, .05))}.image-preview-wrapper{position:relative;border:1px solid var(--gold-primary, #B8860B);border-radius:6px;overflow:hidden;background:var(--bg-card, #FFFFFF);display:flex;align-items:center;justify-content:space-between;padding-right:.5rem}.image-preview-wrapper img{height:48px;width:auto;object-fit:contain;background:var(--bg-primary, #FAFAFA)}.btn-remove-image{padding:.3rem .5rem;background:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;font-size:.7rem;display:flex;align-items:center;gap:4px;transition:background .2s}.btn-remove-image:hover{background:#dc2626}.ap-combo-section{border:1.5px solid var(--gold-primary, #B8860B);background:var(--bg-card, #FFFFFF)}[data-theme=dark] .ap-combo-section{background:var(--bg-card, rgba(20, 20, 20, .95))}.combo-search-wrapper{position:relative;display:flex;align-items:center}.combo-search-wrapper svg{position:absolute;left:.5rem;color:var(--text-secondary)}.combo-search-wrapper .ap-input{padding-left:1.8rem}.combo-products-list{border:1px solid #D1D5DB;border-radius:6px;min-height:50px;background:#fff;margin-top:.5rem;overflow:hidden}[data-theme=dark] .combo-products-list{background:#0003;border-color:#ffffff0d}.combo-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#6b7280;font-size:.75rem;padding:1rem}.combo-empty svg{width:20px;height:20px;opacity:.5}.combo-product-item{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card, #FFFFFF);border:1px solid var(--border-color, rgba(0, 0, 0, .08));border-radius:4px;padding:.35rem .5rem;margin:.25rem;transition:border-color .2s;animation:fadeIn .2s ease}.combo-product-item:hover{border-color:var(--gold-primary, #B8860B)}[data-theme=dark] .combo-product-item{background:#00000026;border-color:#ffffff14}.combo-product-info{flex:1;min-width:0}.combo-product-name{font-weight:600;color:var(--text-primary, #111827);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combo-product-meta{display:flex;gap:.8rem;font-size:.7rem;color:var(--text-secondary, #6B7280)}.combo-product-meta .costo{color:var(--text-secondary, #6B7280)}.combo-product-meta .venta{color:var(--gold-primary, #B8860B);font-weight:600}.combo-qty-controls{display:flex;align-items:center;gap:.2rem;margin-left:.4rem}.combo-qty-btn{width:24px;height:24px;border:1px solid var(--border-color, #D1D5DB);border-radius:4px;background:var(--bg-card, #FFFFFF);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0;color:var(--text-secondary, #6B7280)}.combo-qty-btn:hover{border-color:var(--gold-primary, #B8860B);color:var(--gold-primary, #B8860B);background:#daa52014}.combo-qty-btn:active{transform:scale(.9)}[data-theme=dark] .combo-qty-btn{background:#0003;border-color:#ffffff26;color:#ffffffb3}.combo-qty-input{width:36px;text-align:center;font-weight:800;font-size:.85rem;color:var(--text-primary, #111827);border:1px solid var(--border-color, #D1D5DB);border-radius:4px;background:var(--bg-card, #FFFFFF);padding:0 2px;height:24px;appearance:textfield;-moz-appearance:textfield}.combo-qty-input::-webkit-outer-spin-button,.combo-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.combo-qty-input:focus{outline:none;border-color:var(--gold-primary, #B8860B);box-shadow:0 0 0 2px #daa52026}[data-theme=dark] .combo-qty-input{background:#0000004d;border-color:#fff3;color:#fff}.combo-product-remove{width:24px;height:24px;border:none;border-radius:4px;background:#dc354514;color:#dc3545;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;margin-left:.15rem}.combo-product-remove:hover{background:#dc3545;color:#fff}.ai-toggle-container{display:flex;align-items:center;justify-content:space-between;background:#f9fafb;padding:.5rem .75rem;border-radius:6px;border:1px dashed #D1D5DB;margin-top:.5rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.ai-toggle-container:hover{border-color:var(--gold-primary, #B8860B);background:var(--gold-glow, rgba(218, 165, 32, .05));transform:translateY(-2px);box-shadow:0 4px 12px #b8860b1a}.ai-toggle-container:active{transform:translateY(0);box-shadow:none}[data-theme=dark] .ai-toggle-container{background:#0003;border-color:#ffffff1a}.ai-toggle-label{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--text-primary);pointer-events:none}.ai-toggle-label svg{color:var(--gold-primary);transition:transform .3s ease}.ai-toggle-container:hover .ai-toggle-label svg{transform:rotate(15deg) scale(1.1)}.switch{position:relative;display:inline-block;width:32px;height:18px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--text-muted, #ccc);transition:.2s;border-radius:18px}.slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:#fff;transition:.2s;border-radius:50%}input:checked+.slider{background-color:var(--gold-primary, #B8860B)}input:checked+.slider:before{transform:translate(14px)}.combo-totals-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-top:.5rem;padding-top:.75rem;border-top:1.5px dashed var(--border-color, rgba(0, 0, 0, .1))}.combo-total-item{background:var(--bg-card, #FFFFFF);border-radius:6px;padding:.5rem .6rem;border:1px solid var(--border-color, #D1D5DB);display:flex;flex-direction:column;gap:2px}[data-theme=dark] .combo-total-item{background:#0003;border-color:#ffffff14}.combo-total-lbl{font-size:.65rem;font-weight:600;color:var(--text-secondary, #6B7280);text-transform:uppercase;letter-spacing:.5px}.combo-total-val{font-size:.9rem;font-weight:800;color:var(--text-primary, #111827)}.combo-utilidad-card{background:linear-gradient(135deg,var(--gold-primary, #B8860B),#b8964a);border-color:var(--gold-primary, #B8860B)}.combo-utilidad-card .combo-total-lbl{color:#ffffffd9}.combo-utilidad-card .combo-total-val{color:#fff}.combo-utilidad-edit{display:flex;align-items:center;justify-content:space-between;gap:.3rem}.combo-utilidad-percent-wrapper{display:flex;align-items:center;gap:2px;color:#ffffffe6;font-weight:600;font-size:.75rem}.combo-utilidad-input{width:75px;padding:.2rem .35rem;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:#ffffff26;color:#fff;font-weight:700;font-size:.85rem;text-align:center;appearance:textfield;-moz-appearance:textfield;height:22px}.combo-utilidad-input::-webkit-outer-spin-button,.combo-utilidad-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.combo-utilidad-input:focus{outline:none;border-color:#fff;background:#ffffff40}.combo-precio-final-card{background:linear-gradient(135deg,#1a1a2e,#2a2a2a);border-color:#333}.combo-precio-final-card .combo-total-lbl{color:#fffc}.combo-precio-final-card .combo-total-val{color:var(--gold-primary, #B8860B);font-size:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ap-submit-wrapper{margin-top:.4rem;padding-top:.5rem;border-top:1px solid var(--border-color, #dee2e6);display:flex;justify-content:center}.ap-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 3rem;background:linear-gradient(135deg,#1a1a2e,#2a2a2a,#3d3428);color:#c9a961;border:1px solid rgba(201,169,97,.3);border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .25s ease;box-shadow:0 3px 12px #00000040,inset 0 1px #c9a96126;text-transform:uppercase;letter-spacing:.04em}.ap-btn-primary:hover{transform:translateY(-1px);box-shadow:0 5px 18px #0000004d,inset 0 1px #c9a96140;border-color:#c9a96180;color:#dcc07a}.ap-btn-primary:active{transform:translateY(0);box-shadow:0 2px 6px #0003}.ap-preview{position:sticky;top:60px}.preview-card{background:#eaeced;border-radius:6px;padding:.6rem;box-shadow:0 2px 4px #0000000f;border:1px solid #C9CDD3;display:flex;flex-direction:column;gap:.5rem}[data-theme=dark] .preview-card{background:#141414f2;border-color:#b8860b4d;box-shadow:0 4px 20px #0000004d}.preview-title{font-size:.8rem;font-weight:700;color:#111827;text-transform:uppercase;letter-spacing:.05em;border-bottom:1.5px solid var(--gold-primary, #B8860B);padding-bottom:.4rem;margin-bottom:.25rem}[data-theme=dark] .preview-title{color:#fff;border-bottom:1px solid rgba(255,255,255,.2)}.preview-image-box{width:100%;height:100px;background:#e5e7eb;border-radius:6px;border:1px dashed #9CA3AF;display:flex;align-items:center;justify-content:center;overflow:hidden}[data-theme=dark] .preview-image-box{background:#0000004d;border-color:#fff3;color:#fff9}.preview-image-box svg{width:40px;height:40px;color:var(--text-muted, #9CA3AF);opacity:.5}.preview-image-box img{width:100%;height:100%;object-fit:cover}.preview-details{display:flex;flex-direction:column;gap:4px}.preview-name{font-size:1rem;font-weight:800;color:var(--text-primary, #1A1A1A);line-height:1.2;margin-bottom:2px}.preview-text{font-size:.75rem;color:var(--text-secondary, #6B7280);display:flex;gap:4px}.preview-text strong{color:var(--text-primary, #1A1A1A);font-weight:600}.preview-prices{margin-top:.25rem;padding:.5rem;background:var(--bg-primary, #FAFAFA);border-radius:6px;border:1px solid var(--border-color, rgba(0, 0, 0, .06));display:grid;grid-template-columns:1fr 1fr;gap:.5rem}[data-theme=dark] .preview-prices{background:#0003;border-color:#ffffff0d}.price-col{display:flex;flex-direction:column;gap:1px}.price-lbl{font-size:.65rem;font-weight:700;color:var(--text-secondary, #6B7280);text-transform:uppercase}.price-val{font-size:.85rem;font-weight:800;color:var(--text-primary, #1A1A1A)}.price-val.gold{color:var(--gold-primary, #B8860B);font-size:.95rem}.preview-stock-util{display:flex;justify-content:space-between;border-top:1px dashed var(--border-color, rgba(0, 0, 0, .1));margin-top:.25rem;padding-top:.25rem}@media(max-width:1024px){.ap-main{grid-template-columns:1fr}.ap-preview{position:static}}@media(max-width:768px){.ap-main{grid-template-columns:1fr;padding:.5rem;gap:.5rem}.ap-preview{display:none}.ap-grid-3,.ap-grid-2,.ap-grid-split{grid-template-columns:1fr;gap:.4rem}.ap-input,.ap-select,.ap-textarea{height:40px;font-size:.9rem;padding:.5rem .6rem;border-radius:8px}.ap-textarea{height:auto;min-height:60px}.ap-input-currency{height:40px;border-radius:8px}.ap-currency-symbol{font-size:.9rem;padding:0 .7rem}.ap-label{font-size:.8rem;margin-bottom:2px}.form-section{padding:.6rem .75rem;border-radius:10px}.section-title{font-size:.78rem;margin-bottom:.4rem}.utility-display{height:36px;border-radius:8px;padding:0 .6rem}.utility-amount{font-size:.85rem}.utility-percentage-input{width:80px;height:28px;font-size:.9rem}.mode-toggle-btn{padding:.5rem .85rem;font-size:.82rem}.combo-totals-grid{grid-template-columns:repeat(2,1fr)}.combo-product-item{flex-wrap:wrap;gap:.3rem;padding:.5rem}.combo-qty-controls{margin-left:auto}.combo-qty-btn{width:30px;height:30px}.combo-qty-input{width:40px;height:30px;font-size:.9rem}.combo-product-remove{width:30px;height:30px}.ap-submit-wrapper{padding:.5rem 0}.ap-btn-primary{width:100%;padding:.85rem 1rem;font-size:.95rem;border-radius:10px}.upload-dropzone{padding:1rem;min-height:50px;border-radius:10px}.image-preview-wrapper img{height:60px}.ap-header{padding:0 .75rem;height:44px}.ap-page-title{font-size:.9rem}.ap-header-right .current-date{display:none}.ai-toggle-container{padding:.6rem;border-radius:8px}.ai-toggle-label{font-size:.78rem}.ai-result-content{max-width:100%;margin:.5rem;border-radius:10px}}@media(max-width:480px){.ap-main{padding:.35rem}.form-section{padding:.5rem .6rem}.section-title{font-size:.72rem}.ap-input,.ap-select{height:38px;font-size:.85rem}.ap-input-currency{height:38px}.combo-totals-grid{gap:.3rem}.combo-total-item{padding:.4rem .5rem}.combo-total-lbl{font-size:.6rem}.combo-total-val{font-size:.82rem}.mode-toggle-container,.mode-toggle{width:100%}.mode-toggle-btn{flex:1;justify-content:center;padding:.5rem;font-size:.8rem}.ap-btn-primary{padding:.9rem 1rem;font-size:1rem}}@keyframes ai-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-sparkle-spin{animation:ai-spin 2s linear infinite;color:var(--gold-primary, #B8860B)}.ai-gen-overlay{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ai-gen-spinner{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#b8860b26}.ai-gen-text{font-size:1.1rem;font-weight:600;color:#fff}.ai-gen-subtext{font-size:.85rem;color:#fff9}.ai-result-modal{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.ai-result-content{background:#fff;border-radius:12px;max-width:560px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}[data-theme=dark] .ai-result-content{background:#1a1a1a;color:#eee}.ai-result-content h3{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;margin:0;font-size:1rem;border-bottom:1px solid #e5e7eb;color:var(--gold-primary, #B8860B)}[data-theme=dark] .ai-result-content h3{border-color:#333}.ai-result-img-wrapper{position:relative;padding:1rem}.ai-result-img-wrapper img{width:100%;border-radius:8px;display:block}.ai-edit-spinner-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:#00000080;border-radius:8px;color:#fff;font-size:.85rem}.ai-edit-panel{padding:0 1.25rem .75rem}.ai-edit-input-row{display:flex;gap:.5rem}.ai-edit-input{flex:1;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;outline:none;transition:border-color .2s}.ai-edit-input:focus{border-color:var(--gold-primary, #B8860B)}[data-theme=dark] .ai-edit-input{background:#222;border-color:#444;color:#eee}.btn-edit-regen{display:flex;align-items:center;gap:.3rem;padding:.5rem .75rem;background:var(--gold-primary, #B8860B);color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .2s}.btn-edit-regen:disabled{opacity:.6;cursor:not-allowed}.btn-edit-regen:hover:not(:disabled){opacity:.85}.ai-edit-hint{margin:.4rem 0 0;font-size:.7rem;color:#888}.ai-result-actions{display:flex;gap:.75rem;padding:.75rem 1.25rem 1.25rem;border-top:1px solid #e5e7eb}[data-theme=dark] .ai-result-actions{border-color:#333}.btn-accept-result{flex:1;padding:.65rem 1rem;background:#16a34a;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-accept-result:hover:not(:disabled){background:#15803d}.btn-accept-result:disabled{opacity:.6;cursor:not-allowed}.btn-cancel-result{padding:.65rem 1.25rem;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-cancel-result:hover{background:#e5e7eb}[data-theme=dark] .btn-cancel-result{background:#333;color:#ddd;border-color:#555}[data-theme=dark] .btn-cancel-result:hover{background:#444}:root{--mp-gold: #C89B3C;--mp-gold-hover: #d4a94e;--mp-dark: #1a1a1a;--mp-text: #2C2C2C;--mp-text-muted: #6c757d;--mp-bg: #F5F5F7;--mp-card-bg: #FFFFFF;--mp-border: #E5E5E5;--mp-radius: 10px;--mp-shadow: 0 1px 3px rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.04);--mp-shadow-hover: 0 4px 16px rgba(0,0,0,.1)}.mp-page{min-height:100vh;background:var(--mp-bg);font-family:Inter,-apple-system,sans-serif;color:var(--mp-text)}.mp-header{background:#151515;border-bottom:1px solid #2a2a2a;padding:.75rem 1.25rem;position:sticky;top:0;z-index:20;color:#fff}.mp-header-inner{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.mp-header-left{display:flex;align-items:center;gap:.75rem}.mp-btn-back{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid #333333;background:#252525;color:#fff;cursor:pointer;transition:all .2s}.mp-btn-back:hover{background:#333;border-color:var(--mp-gold);color:var(--mp-gold)}.mp-page-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0}.mp-product-count{font-size:.75rem;color:#d1d5db;background:#2a2a2a;padding:.15rem .5rem;border-radius:20px}.mp-main{max-width:1400px;margin:0 auto;padding:1.25rem}.mp-search-bar{position:relative;margin-bottom:1.25rem}.mp-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#999;pointer-events:none}.mp-search-input{width:100%;padding:.75rem 2.5rem .75rem 2.75rem;border:1px solid var(--mp-border);border-radius:var(--mp-radius);background:var(--mp-card-bg);font-size:.9rem;color:var(--mp-text);outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.mp-search-input:focus{border-color:var(--mp-gold);box-shadow:0 0 0 3px #c89b3c1f}.mp-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;cursor:pointer;padding:4px}.mp-loading,.mp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:4rem 0;color:var(--mp-text-muted);font-size:.9rem}.mp-loading-spinner{width:28px;height:28px;border:3px solid var(--mp-border);border-top-color:var(--mp-gold);border-radius:50%;animation:mp-spin .8s linear infinite}@keyframes mp-spin{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}.mp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.mp-card{background:var(--mp-card-bg);border-radius:var(--mp-radius);border:1px solid var(--mp-border);cursor:pointer;overflow:hidden;transition:all .25s ease;box-shadow:var(--mp-shadow)}.mp-card:hover{border-color:var(--mp-gold);box-shadow:var(--mp-shadow-hover);transform:translateY(-2px)}.mp-card-image{position:relative;aspect-ratio:4/3;background:#f5f5f5;overflow:hidden}.mp-card-image img{width:100%;height:100%;object-fit:cover}.mp-card-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#ccc;gap:.25rem;font-size:.7rem}.mp-card-edit-badge{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:var(--mp-gold);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all .25s ease}.mp-card:hover .mp-card-edit-badge{opacity:1;transform:scale(1)}.mp-card-body{padding:.65rem .75rem}.mp-card-name{font-size:.8rem;font-weight:600;color:var(--mp-dark);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mp-card-code{font-size:.7rem;color:var(--mp-text-muted);margin-top:2px}.mp-card-price{display:inline-block;margin-top:4px;font-size:.7rem;font-weight:600;color:var(--mp-gold);background:#c89b3c14;padding:1px 6px;border-radius:4px}.mp-modal-backdrop{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.mp-modal{background:var(--mp-bg);border-radius:14px;width:96%;max-width:1350px;height:auto;max-height:95vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040;overflow:hidden}.mp-modal-header{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1.25rem;background:var(--mp-card-bg);border-bottom:1px solid var(--mp-border);flex-shrink:0}.mp-modal-title-group{display:flex;align-items:center;gap:.75rem}.mp-modal-icon{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--mp-gold),#d4a94e);color:#fff;display:flex;align-items:center;justify-content:center}.mp-modal-title{font-size:1.05rem;font-weight:700;color:var(--mp-dark);margin:0}.mp-modal-subtitle{font-size:.75rem;color:var(--mp-text-muted);margin:0}.mp-modal-close{width:32px;height:32px;border-radius:8px;border:1px solid var(--mp-border);background:var(--mp-card-bg);color:var(--mp-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.mp-modal-close:hover{background:#fee2e2;color:#ef4444;border-color:#fca5a5}.mp-modal-body{display:grid;grid-template-columns:1fr 210px;gap:.75rem;padding:.75rem 1.25rem;overflow-y:auto;flex:1;min-height:0}.mp-modal-body::-webkit-scrollbar{width:5px}.mp-modal-body::-webkit-scrollbar-thumb{background:var(--mp-border);border-radius:10px}.mp-form-col{display:flex;flex-direction:column;gap:.6rem}.mp-section{background:#eaeced;border:1px solid #C9CDD3;border-radius:6px;padding:.6rem .75rem;box-shadow:0 1px 3px #0000000f}.mp-section-title{font-size:.8rem;font-weight:700;color:#111827;margin:0 0 .35rem;padding-bottom:.25rem;border-bottom:1.5px solid var(--mp-gold);display:flex;align-items:center;gap:5px;text-transform:uppercase;letter-spacing:.02em}.mp-section-title svg{color:var(--mp-gold);width:14px;height:14px}.mp-section-title-flex{justify-content:space-between}.mp-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.55rem}.mp-grid-2,.mp-prices-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.mp-grid-2col-uneven{display:grid;grid-template-columns:1fr 1.3fr;gap:.6rem}.mp-grid-split{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.mp-group{display:flex;flex-direction:column;gap:.2rem}.mp-label{font-size:.65rem;font-weight:600;color:var(--mp-text-muted);text-transform:uppercase;letter-spacing:.03em}.mp-label-hint{font-weight:400;font-size:.6rem;color:#999;font-style:italic;text-transform:none}.mp-input,.mp-select,.mp-textarea{width:100%;padding:.3rem .5rem;border:1px solid #9CA3AF;border-radius:5px;font-size:.82rem;color:#111827;background:#fff;outline:none;transition:all .2s ease;font-family:inherit;height:30px;box-sizing:border-box}.mp-select{appearance:auto;min-width:0}.mp-input:focus,.mp-select:focus,.mp-textarea:focus{border-color:var(--mp-gold);box-shadow:0 0 0 2px #c89b3c26}.mp-input[readonly],.mp-select:disabled,.mp-textarea[readonly]{background:#fafafa;color:#888;cursor:default;border-color:#999}.mp-textarea{min-height:32px;resize:vertical}.mp-input-currency{position:relative;display:flex;align-items:center;border:1px solid #9CA3AF;border-radius:6px;background:#fafafa;overflow:hidden;transition:all .2s ease;height:30px}.mp-input-currency:focus-within{border-color:var(--mp-gold);box-shadow:0 0 0 2px #c89b3c26;background:#fff}.mp-currency-symbol{padding:0 .6rem;color:var(--mp-gold);font-weight:700;font-size:.8rem;border-right:1px solid rgba(0,0,0,.06);height:100%;display:flex;align-items:center;-webkit-user-select:none;user-select:none;background:#fff}.mp-input-currency .mp-input{border:none;border-radius:0;flex:1;height:100%;background:transparent;padding-left:.5rem}.mp-input-currency .mp-input:focus{box-shadow:none}.mp-utility-display{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--mp-gold) 0%,#d4a94e 100%);padding:0 .5rem;border-radius:5px;height:28px;margin-top:2px}.mp-utility-percent{display:flex;align-items:center;gap:2px;color:#ffffffe6;font-weight:600;font-size:.75rem;white-space:nowrap}.mp-utility-input{width:44px;padding:.15rem .25rem;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:#ffffff26;color:#fff;font-weight:700;font-size:.75rem;text-align:center;transition:all .2s;appearance:textfield;font-family:inherit;outline:none}.mp-utility-input:focus{border-color:#fff;background:#ffffff4d}.mp-utility-amount{font-size:.8rem;font-weight:700;color:#fff;white-space:nowrap}.mp-comp-table-wrap{overflow-x:auto;border-radius:6px;border:1px solid var(--mp-border)}.mp-comp-table{width:100%;border-collapse:collapse;font-size:.72rem}.mp-comp-table thead th{background:#1f2937;color:#fff;padding:.35rem .5rem;text-align:left;font-weight:600;font-size:.65rem;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.mp-comp-table tbody tr{border-bottom:1px solid var(--mp-border)}.mp-comp-table tbody tr:nth-child(2n){background:#fafafa}.mp-comp-table tbody tr:hover{background:#fff9e6}.mp-comp-table tbody td{padding:.3rem .5rem;color:var(--mp-text);vertical-align:middle}.mp-comp-table .text-right{text-align:right;font-family:JetBrains Mono,Fira Code,monospace;font-weight:600}.mp-image-upload{display:flex;flex-direction:column;gap:.3rem}.mp-image-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--mp-text-muted);gap:.5rem;font-size:.8rem}.mp-image-preview-wrapper{position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--mp-border)}.mp-image-preview-wrapper img{width:100%;max-height:120px;object-fit:contain;background:#f9f9f9;display:block}.mp-btn-remove-image{position:absolute;top:6px;right:6px;display:flex;align-items:center;gap:3px;padding:3px 8px;font-size:.7rem;background:#ef4444e6;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.mp-btn-remove-image:hover{background:#dc2626}.mp-upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.75rem;border:2px dashed var(--mp-border);border-radius:6px;cursor:pointer;color:var(--mp-text-muted);text-align:center;font-size:.7rem;transition:all .2s}.mp-upload-dropzone:hover{border-color:var(--mp-gold);background:#c89b3c0a}.mp-upload-dropzone-small{padding:.3rem;flex-direction:row;font-size:.65rem;border-width:1px;border-style:dashed}.mp-upload-link{color:var(--mp-gold);font-weight:600;text-decoration:underline}.mp-btn-buscar-web{display:flex;align-items:center;gap:3px;padding:2px 6px;font-size:.65rem;font-weight:500;color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:4px;cursor:pointer;transition:all .2s;text-transform:none;letter-spacing:0}.mp-btn-buscar-web:hover{background:#e0e7ff}.mp-preview-col{position:sticky;top:0;align-self:start}.mp-preview-card{background:var(--mp-card-bg);border:1px solid var(--mp-border);border-radius:var(--mp-radius);overflow:hidden}.mp-preview-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--mp-gold);padding:.5rem .65rem;border-bottom:1px solid var(--mp-border)}.mp-preview-image{aspect-ratio:16/10;background:#f5f5f5;overflow:hidden}.mp-preview-image img{width:100%;height:100%;object-fit:cover}.mp-preview-image-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#ddd}.mp-preview-body{padding:.65rem}.mp-preview-name{font-size:.85rem;font-weight:700;color:var(--mp-dark);margin-bottom:.25rem;line-height:1.3}.mp-preview-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.7rem;color:var(--mp-text-muted);margin-bottom:.4rem}.mp-preview-cat-badge{font-size:.65rem;font-weight:600;color:var(--mp-gold);background:#c89b3c1a;padding:1px 6px;border-radius:4px}.mp-preview-prices{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-bottom:.45rem}.mp-price-col{display:flex;flex-direction:column;gap:1px}.mp-price-lbl{font-size:.6rem;font-weight:600;color:var(--mp-text-muted);text-transform:uppercase}.mp-price-val{font-size:.82rem;font-weight:700;color:var(--mp-dark)}.mp-price-gold{color:var(--mp-gold)}.mp-preview-extra{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;padding-top:.45rem;border-top:1px solid var(--mp-border)}.mp-preview-extra>div{display:flex;flex-direction:column;gap:1px}.mp-preview-extra strong{font-size:.65rem;color:var(--mp-text-muted);text-transform:uppercase}.mp-preview-extra span{font-size:.75rem;color:var(--mp-dark)}.mp-modal-footer{display:flex;justify-content:flex-end;gap:.65rem;padding:.65rem 1.25rem;background:var(--mp-card-bg);border-top:1px solid var(--mp-border);flex-shrink:0}.mp-btn-cancel{padding:.45rem 1.15rem;border:1px solid var(--mp-border);border-radius:6px;background:var(--mp-card-bg);color:var(--mp-text-muted);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.mp-btn-cancel:hover{background:#f5f5f5}.mp-btn-confirm{display:flex;align-items:center;gap:.4rem;padding:.45rem 1.35rem;border:none;border-radius:6px;background:linear-gradient(135deg,var(--mp-gold),#d4a94e);color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.mp-btn-confirm:hover{filter:brightness(1.08);box-shadow:0 4px 12px #c89b3c59}.mp-btn-confirm:disabled{opacity:.6;cursor:wait}.mp-ai-modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:2rem}.mp-ai-modal{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 40px #0003}.mp-ai-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #eee}.mp-ai-modal-header h3{margin:0;font-size:1.1rem;color:var(--mp-dark)}.mp-ai-modal-header button{background:none;border:none;cursor:pointer;color:#666;padding:4px;border-radius:6px;transition:background .2s}.mp-ai-modal-header button:hover{background:#f0f0f0}.mp-ai-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.mp-ai-loading{display:flex;flex-direction:column;align-items:center;padding:3rem;gap:.75rem;color:var(--mp-text-muted)}.mp-ai-error{display:flex;flex-direction:column;align-items:center;color:#ef4444;padding:3rem;gap:.75rem}.mp-ai-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.mp-ai-image-item{cursor:pointer;border-radius:8px;overflow:hidden;border:2px solid transparent;transition:all .2s;aspect-ratio:1}.mp-ai-image-item:hover{border-color:var(--mp-gold);transform:scale(1.03)}.mp-ai-image-item img{width:100%;height:100%;object-fit:cover}@media(max-width:900px){.mp-modal{width:98%;max-height:95vh}.mp-modal-body{grid-template-columns:1fr}.mp-preview-col{position:static}.mp-grid-3,.mp-prices-grid{grid-template-columns:1fr 1fr}.mp-grid-2col-uneven,.mp-grid-split{grid-template-columns:1fr}}@media(max-width:600px){.mp-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.65rem}.mp-modal{border-radius:10px}.mp-modal-body{padding:.75rem}.mp-grid-3,.mp-grid-2{grid-template-columns:1fr}.mp-prices-grid{grid-template-columns:1fr 1fr}}[data-theme=dark]{--mp-dark: #f0f0f0;--mp-text: #e0e0e0;--mp-text-muted: #999;--mp-bg: #141414;--mp-card-bg: #1e1e1e;--mp-border: #333;--mp-shadow: 0 1px 3px rgba(0,0,0,.2);--mp-shadow-hover: 0 4px 16px rgba(0,0,0,.35)}.facturacion-page{min-height:100vh;background:#f8f8f8;color:#000;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}[data-theme=dark] .facturacion-page{background:#0e0e10;color:#f0f0f0}.fact-header{background:#151515;padding:.25rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #70798c4d;position:sticky;top:0;z-index:40}.fact-header-left{display:flex;align-items:center;gap:1rem}.fact-btn-back{background:#fff3;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f8f8f8}.fact-btn-back:hover{background:#ffffff4d;transform:translate(-3px)}.fact-page-title{color:#f8f8f8;font-size:1.2rem;font-weight:700;letter-spacing:1px}.fact-header-right{display:flex;align-items:center;gap:1rem}.fact-current-date{color:#f8f8f8;font-size:.75rem;font-weight:500;background:#ffffff26;padding:.3rem .8rem;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fact-main-layout{display:grid;grid-template-columns:1fr 310px;gap:.25rem;padding:.25rem 2rem;flex:1;max-width:1800px;margin:0 auto;width:100%;min-height:calc(100vh - 60px)}.fact-client-section{background:#fff;border-radius:10px;padding:.35rem 1rem;margin-bottom:.15rem;box-shadow:0 1px 3px #0000000d;grid-column:1 / -1;border:1px solid #e5e5e5}[data-theme=dark] .fact-client-section{background:#1c1c1f;border-color:#ffffff12}.fact-client-controls{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:.5rem}.fact-control-group{display:flex;flex-direction:column;gap:.4rem}.fact-control-group label{font-weight:600;color:#1f2937;font-size:.7rem;text-transform:uppercase;letter-spacing:.8px}[data-theme=dark] .fact-control-group label{color:#9ca3af}.fact-search-container{position:relative;width:100%}.fact-search-input{width:100%;padding:.35rem .7rem;border:1.5px solid #e5e5e5;border-radius:8px;background:#fafafa;font-size:.85rem;color:#1f2937;transition:all .2s ease}[data-theme=dark] .fact-search-input{background:#111;border-color:#ffffff1a;color:#f0f0f0}.fact-search-input:focus{outline:none;border-color:#d4a017;background:#fff;box-shadow:0 0 0 3px #d4a0171a}[data-theme=dark] .fact-search-input:focus{background:#1c1c1f}.fact-search-input::placeholder{color:#9ca3af}.fact-search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e5e5e5;border-radius:8px;max-height:220px;overflow-y:auto;z-index:1000;box-shadow:0 8px 24px #0000001f;animation:factDropdownFade .15s ease}[data-theme=dark] .fact-search-results{background:#1c1c1f;border-color:#ffffff1a;box-shadow:0 8px 24px #00000080}@keyframes factDropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.fact-search-result-item{padding:.7rem 1rem;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:all .15s ease;font-size:.85rem;color:#374151}[data-theme=dark] .fact-search-result-item{border-bottom-color:#ffffff0d;color:#d1d5db}.fact-search-result-item:hover{background:#f9fafb;color:#1f2937;padding-left:1.2rem}[data-theme=dark] .fact-search-result-item:hover{background:#ffffff0f;color:#f0f0f0}.fact-search-result-item:last-child{border-bottom:none}.fact-btn-filter{padding:.65rem 1.5rem;background:#1f2937;border:none;border-radius:8px;color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap;min-height:32px}.fact-btn-filter:hover{background:#d4a017;transform:translateY(-1px)}.fact-products-section,.fact-products-content{display:flex;flex-direction:column;gap:.75rem}.fact-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;transition:color .2s ease}.fact-product-search-bar:focus-within .fact-search-icon{color:#d4a017}.fact-product-search-bar .fact-search-input{padding:.75rem 2.8rem;background:#fff;border-radius:10px;font-size:.9rem;flex:1;min-width:0}[data-theme=dark] .fact-product-search-bar .fact-search-input{background:#1c1c1f}.fact-product-search-bar{display:flex;align-items:center;gap:.5rem;position:sticky;top:46px;z-index:30;background:#f8f8f8;padding-bottom:.4rem;padding-top:.4rem}[data-theme=dark] .fact-product-search-bar{background:#0e0e10}.fact-btn-filter-inline{display:none;width:38px;height:38px;border-radius:10px;border:1.5px solid #e5e5e5;background:#fff;color:#6b7280;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s ease}[data-theme=dark] .fact-btn-filter-inline{background:#1c1c1f;border-color:#ffffff1a;color:#9ca3af}.fact-btn-filter-inline:hover{border-color:#d4af37;color:#d4af37;background:#d4af370d}.fact-btn-search-clear{width:24px;height:24px;border-radius:50%;border:none;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .15s ease;margin-left:-38px;margin-right:12px;position:relative;z-index:2}[data-theme=dark] .fact-btn-search-clear{background:#374151;color:#9ca3af}.fact-btn-search-clear:hover{background:#d1d5db;color:#374151}[data-theme=dark] .fact-btn-search-clear:hover{background:#4b5563;color:#f0f0f0}.fact-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.fact-empty-products{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;color:#999;text-align:center}.fact-empty-products svg{margin-bottom:1rem;opacity:.3}.fact-empty-products p{font-size:.95rem;font-weight:600}.fact-loading-container{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#183153;text-align:center}[data-theme=dark] .fact-loading-container{color:#e0e0e0}.fact-loading-text{margin-top:1.5rem;font-size:1.1rem;font-weight:600;letter-spacing:.5px;color:#183153}[data-theme=dark] .fact-loading-text{color:#e0e0e0}.fact-loading-text:after{content:"";animation:loadingDots 1.5s steps(1) infinite}@keyframes loadingDots{0%{content:"."}33%{content:".."}66%{content:"..."}}.dot-spinner{--uib-size: 2.8rem;--uib-speed: .9s;--uib-color: #183153;position:relative;display:flex;align-items:center;justify-content:flex-start;height:var(--uib-size);width:var(--uib-size)}[data-theme=dark] .dot-spinner{--uib-color: #e0e0e0}.dot-spinner__dot{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:flex-start;height:100%;width:100%}.dot-spinner__dot:before{content:"";height:20%;width:20%;border-radius:50%;background-color:var(--uib-color);transform:scale(0);opacity:.5;animation:pulse0112 calc(var(--uib-speed) * 1.111) ease-in-out infinite;box-shadow:0 0 20px #1831534d}.dot-spinner__dot:nth-child(2){transform:rotate(45deg)}.dot-spinner__dot:nth-child(2):before{animation-delay:calc(var(--uib-speed) * -.875)}.dot-spinner__dot:nth-child(3){transform:rotate(90deg)}.dot-spinner__dot:nth-child(3):before{animation-delay:calc(var(--uib-speed) * -.75)}.dot-spinner__dot:nth-child(4){transform:rotate(135deg)}.dot-spinner__dot:nth-child(4):before{animation-delay:calc(var(--uib-speed) * -.625)}.dot-spinner__dot:nth-child(5){transform:rotate(180deg)}.dot-spinner__dot:nth-child(5):before{animation-delay:calc(var(--uib-speed) * -.5)}.dot-spinner__dot:nth-child(6){transform:rotate(225deg)}.dot-spinner__dot:nth-child(6):before{animation-delay:calc(var(--uib-speed) * -.375)}.dot-spinner__dot:nth-child(7){transform:rotate(270deg)}.dot-spinner__dot:nth-child(7):before{animation-delay:calc(var(--uib-speed) * -.25)}.dot-spinner__dot:nth-child(8){transform:rotate(315deg)}.dot-spinner__dot:nth-child(8):before{animation-delay:calc(var(--uib-speed) * -.125)}@keyframes pulse0112{0%,to{transform:scale(0);opacity:.5}50%{transform:scale(1);opacity:1}}.fact-product-card{background:#fff;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 12px #0000000f;border:2px solid transparent;position:relative}[data-theme=dark] .fact-product-card{background:#1c1c1f;box-shadow:0 2px 12px #0000004d}.fact-product-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0000001f;border-color:#70798c}[data-theme=dark] .fact-product-card:hover{box-shadow:0 12px 28px #00000080;border-color:#d4af37}.fact-product-card:active{transform:scale(.98)}.fact-product-image{position:relative;width:100%;height:100px;overflow:hidden;background:linear-gradient(135deg,#f5f7fa,#e4e8eb)}[data-theme=dark] .fact-product-image{background:linear-gradient(135deg,#222,#1a1a1a)}.fact-product-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.fact-product-card:hover .fact-product-image img{transform:scale(1.08)}.fact-product-badge{position:absolute;top:10px;right:10px;padding:.4rem .7rem;border-radius:20px;font-size:.7rem;font-weight:700;box-shadow:0 2px 8px #00000026;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#d4af37;color:#000}.fact-product-info{padding:.6rem .7rem}.fact-product-name{font-size:.85rem;font-weight:700;color:#1f2937;margin-bottom:.25rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[data-theme=dark] .fact-product-name{color:#f0f0f0}.fact-product-code{display:block;font-size:.7rem;color:#6b7280;font-weight:500;margin-bottom:.6rem;font-family:SF Mono,Monaco,Consolas,monospace}.fact-product-footer{display:flex;justify-content:space-between;align-items:center}.fact-product-price{font-size:1.1rem;font-weight:800;color:#1f2937}[data-theme=dark] .fact-product-price{color:#f0f0f0}.fact-cart-section{background:#fff;border-radius:12px;padding:.5rem;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;gap:.5rem;position:sticky;top:55px;height:fit-content;max-height:calc(100vh - 65px);align-self:start}[data-theme=dark] .fact-cart-section{background:#1c1c1f;box-shadow:0 8px 30px #00000080}.fact-cart-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.6rem;border-bottom:1.5px solid #F5F1ED}[data-theme=dark] .fact-cart-header{border-bottom-color:#ffffff0f}.fact-cart-header h2{font-size:1rem;color:#343a40;font-weight:700}[data-theme=dark] .fact-cart-header h2{color:#f0f0f0}.fact-cart-header-actions{display:flex;align-items:center;gap:.4rem}.fact-btn-recover{background:transparent;border:1.5px solid #D4AF37;color:#d4af37;padding:.35rem .7rem;border-radius:6px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.3rem}.fact-btn-recover:hover{background:#d4af37;color:#fff}[data-theme=dark] .fact-btn-recover{border-color:#d4af37;color:#d4af37}[data-theme=dark] .fact-btn-recover:hover{background:#d4af37;color:#111}.fact-btn-clear{background:transparent;border:1.5px solid #6c757d;color:#6c757d;padding:.35rem .7rem;border-radius:6px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .3s ease}.fact-btn-clear:hover{background:#6c757d;color:#fff}.fact-cart-items{flex:1;overflow-y:auto;max-height:calc(100vh - 380px);min-height:200px;padding-right:.5rem}.fact-cart-items::-webkit-scrollbar{width:5px}.fact-cart-items::-webkit-scrollbar-thumb{background:#6c757d;border-radius:10px}.fact-empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.8rem .6rem;color:#999}.fact-empty-cart svg{margin-bottom:.3rem;opacity:.3}.fact-empty-cart p{font-size:.7rem;text-align:center}.fact-cart-item{display:flex;gap:.5rem;padding:.5rem;background:#f8f8f8;border-radius:8px;margin-bottom:.5rem;animation:factSlideIn .3s ease}[data-theme=dark] .fact-cart-item{background:#ffffff0a}@keyframes factSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.fact-cart-item-info{flex:1}.fact-cart-item-name{font-size:.7rem;font-weight:700;color:#000;margin-bottom:.2rem}[data-theme=dark] .fact-cart-item-name{color:#f0f0f0}.fact-cart-item-price{font-size:.65rem;color:#d4af37;font-weight:600}.fact-cart-item-controls{display:flex;align-items:center;gap:.4rem}.fact-btn-qty{background:#fff;border:2px solid #E0E0E0;width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#343a40}[data-theme=dark] .fact-btn-qty{background:#111;border-color:#ffffff1a;color:#d1d5db}.fact-btn-qty:hover{border-color:#6c757d;color:#6c757d}.fact-qty-input{width:36px;text-align:center;font-weight:700;font-size:.85rem;border:1.5px solid #e5e5e5;border-radius:6px;padding:.25rem;background:#fff;color:#1f2937;-moz-appearance:textfield;appearance:textfield}.fact-qty-input::-webkit-outer-spin-button,.fact-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}[data-theme=dark] .fact-qty-input{background:#111;border-color:#ffffff1a;color:#f0f0f0}.fact-btn-remove{background:transparent;border:none;color:#343a40;cursor:pointer;padding:.2rem;transition:all .3s ease}[data-theme=dark] .fact-btn-remove{color:#9ca3af}.fact-btn-remove:hover{transform:scale(1.2);color:#ef4444}.fact-cart-summary{padding:.5rem;background:#f8f8f8;border-radius:8px}[data-theme=dark] .fact-cart-summary{background:#ffffff0a}.fact-summary-row{display:flex;justify-content:space-between;margin-bottom:.3rem;font-size:.7rem;color:#374151}[data-theme=dark] .fact-summary-row{color:#d1d5db}.fact-summary-row.total{font-size:.85rem;font-weight:800;color:#000;margin-bottom:0}[data-theme=dark] .fact-summary-row.total{color:#f0f0f0}.fact-summary-divider{height:1.5px;background:#e0e0e0;margin:.3rem 0}[data-theme=dark] .fact-summary-divider{background:#ffffff14}.fact-payment-actions{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.fact-btn-payment{padding:.4rem;border:1.5px solid #E0E0E0;background:#fff;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:.2rem;cursor:pointer;transition:all .3s ease;font-weight:600;color:#666;font-size:.65rem}[data-theme=dark] .fact-btn-payment{background:#111;border-color:#ffffff1a;color:#9ca3af}.fact-btn-payment:hover{border-color:#6c757d;color:#6c757d;transform:translateY(-2px);box-shadow:0 4px 15px #6c757d33}.fact-btn-payment.active{background:linear-gradient(135deg,#6c757d,#5a6268);border-color:#6c757d;color:#fff}.fact-btn-finalize{width:100%;padding:.8rem;background:linear-gradient(135deg,#1f2937,#111827);border:none;border-radius:10px;color:#fff;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.fact-btn-finalize:hover:not(:disabled){background:linear-gradient(135deg,#d4af37,#b8860b);transform:translateY(-2px);box-shadow:0 4px 16px #d4af374d}.fact-btn-finalize:disabled{opacity:.5;cursor:not-allowed}.fact-btn-details-mobile{display:none;align-items:center;gap:.4rem;padding:.4rem .8rem;background:#d4af3726;border:1.5px solid rgba(212,175,55,.4);border-radius:8px;color:#d4af37;font-weight:600;font-size:.75rem;cursor:pointer;transition:all .2s ease}.fact-btn-details-mobile:hover{background:#d4af3740}.fact-bottom-sheet{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -4px 30px #00000026;z-index:300;transition:height .3s cubic-bezier(.32,.72,0,1);overflow:hidden;will-change:height}[data-theme=dark] .fact-bottom-sheet{background:#1c1c1f;box-shadow:0 -4px 30px #0009}.fact-bottom-sheet.collapsed{height:120px}.fact-bottom-sheet.expanded{height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.fact-sheet-handle{display:flex;justify-content:center;padding:10px 0 6px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.fact-sheet-handle:active{cursor:grabbing}.fact-sheet-handle-bar{width:42px;height:5px;border-radius:3px;background:#d1d5db;transition:background .2s ease}[data-theme=dark] .fact-sheet-handle-bar{background:#4b5563}.fact-bottom-sheet:hover .fact-sheet-handle-bar{background:#9ca3af}.fact-sheet-collapsed-content{display:flex;align-items:center;justify-content:space-between;padding:0 1rem .75rem;gap:.75rem}.fact-sheet-summary-row{display:flex;align-items:center;gap:.75rem;flex:1}.fact-sheet-total-info{display:flex;align-items:center;gap:.4rem;color:#6b7280;font-size:.8rem;font-weight:500}[data-theme=dark] .fact-sheet-total-info{color:#9ca3af}.fact-sheet-items-count{font-weight:600}.fact-sheet-total-amount{font-size:1.3rem;font-weight:800;color:#d4af37;letter-spacing:-.5px}.fact-btn-finalize-mini{padding:.5rem 1rem;background:linear-gradient(135deg,#1f2937,#111827);border:none;border-radius:10px;color:#fff;font-weight:700;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:.3rem;white-space:nowrap;transition:all .2s ease}.fact-btn-finalize-mini:hover:not(:disabled){background:linear-gradient(135deg,#d4af37,#b8860b)}.fact-btn-finalize-mini:disabled{opacity:.4;cursor:not-allowed}.fact-sheet-expanded-content{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem 1rem;height:calc(90vh - 40px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.fact-sheet-items-scroll{flex:1;overflow-y:auto;max-height:none;min-height:80px}.fact-modal-details{background:#fff;border-radius:16px;width:92%;max-width:460px;overflow:hidden;box-shadow:0 20px 60px #00000040}[data-theme=dark] .fact-modal-details{background:#1c1c1f;box-shadow:0 20px 60px #000000b3}.fact-modal-details-body{padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.fact-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:500}.fact-modal-filter{background:#fff;border-radius:16px;width:90%;max-width:400px;overflow:hidden;box-shadow:0 20px 60px #0003}[data-theme=dark] .fact-modal-filter{background:#1c1c1f;box-shadow:0 20px 60px #0009}.fact-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e5e5}[data-theme=dark] .fact-modal-header{border-bottom-color:#ffffff0f}.fact-modal-header h3{font-size:1rem;font-weight:700}.fact-modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;transition:color .2s ease}.fact-modal-close:hover{color:#1f2937}.fact-modal-options{padding:1rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.fact-filter-option{display:flex;align-items:center;gap:1rem;padding:1rem;border:1.5px solid #e5e5e5;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;text-align:left;color:#374151}[data-theme=dark] .fact-filter-option{background:#111;border-color:#ffffff1a;color:#d1d5db}.fact-filter-option:hover{border-color:#d4a017}.fact-filter-option.active{border-color:#d4a017;background:#d4a0170d}.fact-filter-option span{font-weight:600;font-size:.9rem}.fact-filter-option small{display:block;font-size:.75rem;color:#9ca3af;margin-top:2px}.fact-filter-option svg{color:#d4af37;flex-shrink:0}.fact-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.fact-category-card{background:#fff;border:1.5px solid #e5e5e5;border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease;text-align:center;font-size:.8rem;font-weight:600;color:#374151}[data-theme=dark] .fact-category-card{background:#1c1c1f;border-color:#ffffff1a;color:#d1d5db}.fact-category-card:hover{border-color:#d4af37;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.fact-category-card svg{color:#d4af37}.fact-btn-back-cat{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:transparent;border:1.5px solid #6c757d;border-radius:6px;color:#6c757d;font-size:.75rem;font-weight:600;cursor:pointer;margin-bottom:.5rem;transition:all .2s ease}.fact-btn-back-cat:hover{background:#6c757d;color:#fff}.fact-category-header-bar{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;margin-bottom:.5rem}.fact-category-header-name{font-size:1rem;font-weight:700;color:#1f2937}[data-theme=dark] .fact-category-header-name{color:#f0f0f0}.fact-product-card.keyboard-selected{border-color:#d4af37!important;box-shadow:0 0 0 3px #d4af374d,0 12px 28px #00000026!important;transform:translateY(-6px);animation:factKeyboardPulse 1.5s ease-in-out infinite}[data-theme=dark] .fact-product-card.keyboard-selected{box-shadow:0 0 0 3px #d4af3766,0 12px 28px #00000080!important}@keyframes factKeyboardPulse{0%,to{box-shadow:0 0 0 3px #d4af374d,0 12px 28px #00000026}50%{box-shadow:0 0 0 5px #d4af3780,0 12px 28px #00000026}}.fact-cart-item.cart-item-selected{background:linear-gradient(135deg,#fffef5,#fff9e6)!important;border:2px solid #D4AF37!important;border-radius:8px;box-shadow:0 0 0 3px #d4af3733,0 4px 12px #0000001a;animation:factCartItemPulse 1.5s ease-in-out infinite}[data-theme=dark] .fact-cart-item.cart-item-selected{background:linear-gradient(135deg,#d4af3714,#d4af370a)!important}@keyframes factCartItemPulse{0%,to{box-shadow:0 0 0 3px #d4af3733,0 4px 12px #0000001a}50%{box-shadow:0 0 0 5px #d4af3759,0 4px 12px #0000001a}}.fact-cart-item.quantity-edit-mode{background:linear-gradient(135deg,#f5f5f5,#eee)!important;border:2px solid #e0e0e0!important;box-shadow:0 2px 8px #0000000d;animation:none}[data-theme=dark] .fact-cart-item.quantity-edit-mode{background:linear-gradient(135deg,#ffffff0a,#ffffff05)!important;border-color:#ffffff1a!important}.fact-cart-item.quantity-edit-mode .fact-cart-item-info{opacity:.5}.fact-cart-item.quantity-edit-mode .fact-qty-input{border:2px solid #D4AF37!important;background:linear-gradient(135deg,#fffef5,#fff9e6)!important;box-shadow:0 0 0 4px #d4af374d,0 4px 12px #d4af3733;animation:factQuantityInputPulse 1s ease-in-out infinite;transform:scale(1.1)}.fact-cart-item.quantity-edit-mode .fact-btn-qty{opacity:.4}@keyframes factQuantityInputPulse{0%,to{box-shadow:0 0 0 4px #d4af374d,0 4px 12px #d4af3733}50%{box-shadow:0 0 0 6px #d4af3780,0 6px 16px #d4af374d}}.fact-btn-payment.keyboard-selected{background:linear-gradient(135deg,#d4af37,#c9a431)!important;border-color:#d4af37!important;color:#fff!important;transform:translateY(-3px);box-shadow:0 0 0 3px #d4af374d,0 8px 20px #d4af374d;animation:factPaymentPulse 1.2s ease-in-out infinite}@keyframes factPaymentPulse{0%,to{box-shadow:0 0 0 3px #d4af374d,0 8px 20px #d4af374d}50%{box-shadow:0 0 0 5px #d4af3780,0 8px 20px #d4af3766}}.fact-btn-finalize.keyboard-selected{background:linear-gradient(135deg,#22c55e,#16a34a)!important;border-color:#22c55e!important;transform:translateY(-3px) scale(1.02);box-shadow:0 0 0 4px #22c55e4d,0 8px 25px #22c55e59;animation:factFinalizePulse 1s ease-in-out infinite}@keyframes factFinalizePulse{0%,to{box-shadow:0 0 0 4px #22c55e4d,0 8px 25px #22c55e59;transform:translateY(-3px) scale(1.02)}50%{box-shadow:0 0 0 6px #22c55e80,0 10px 30px #22c55e66;transform:translateY(-3px) scale(1.04)}}@media(max-width:1024px){.fact-main-layout{padding:.5rem 1rem}}@media(max-width:768px){.fact-header{padding:.5rem 1rem}.fact-current-date{display:none}.fact-btn-details-mobile,.fact-btn-filter-inline{display:flex}.fact-main-layout{grid-template-columns:1fr;padding:.5rem;padding-bottom:130px}.fact-client-section,.fact-cart-desktop{display:none}.fact-bottom-sheet{display:block}.fact-products-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem}.fact-product-image{height:100px}}@media(max-width:480px){.fact-page-title{font-size:1rem}.fact-products-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.fact-product-info{padding:.6rem .7rem}.fact-product-name{font-size:.75rem}.fact-product-price{font-size:.9rem}.fact-bottom-sheet.collapsed{height:110px}.fact-sheet-total-amount{font-size:1.1rem}}@media(max-height:500px)and (orientation:landscape){.fact-header{padding:.15rem .75rem;min-height:0}.fact-page-title{font-size:.85rem}.fact-header-left,.fact-header-right{gap:.4rem}.fact-btn-details-mobile{padding:.25rem .5rem;font-size:.65rem}.fact-product-search-bar .fact-search-input{padding:.45rem 2.4rem;font-size:.8rem;border-radius:8px}.fact-search-icon{left:.7rem}.fact-btn-filter-inline{width:32px;height:32px;border-radius:8px}.fact-btn-search-clear{width:20px;height:20px}.facturacion-page{height:100vh;overflow:hidden}.fact-main-layout{padding:.25rem .5rem;padding-bottom:75px;height:calc(100vh - 40px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.fact-products-content{gap:.5rem}.fact-products-grid{grid-template-columns:repeat(3,1fr);gap:.6rem}.fact-product-card{border-radius:10px}.fact-product-image{height:55px}.fact-product-badge{top:3px;right:3px;padding:.15rem .4rem;font-size:.55rem;border-radius:10px}.fact-product-info{padding:.3rem .4rem}.fact-product-name{font-size:.65rem;-webkit-line-clamp:1}.fact-product-price{font-size:.75rem}.fact-product-code{font-size:.55rem}.fact-bottom-sheet.collapsed{height:65px}.fact-bottom-sheet.expanded{height:95vh}.fact-sheet-handle{padding:4px 0 2px}.fact-sheet-handle-bar{width:32px;height:4px}.fact-sheet-collapsed-content{padding:0 .75rem}.fact-sheet-summary-row{font-size:.75rem}.fact-sheet-total-amount{font-size:1rem}.fact-sheet-mini-btn{padding:.3rem .8rem;font-size:.65rem;border-radius:6px}.fact-sheet-expanded-content{padding:.25rem .75rem .5rem}.fact-cart-item{padding:.3rem 0}.fact-cart-item-name,.fact-cart-item-price{font-size:.7rem}.fact-qty-btn{width:22px;height:22px}.fact-qty-input{width:28px;font-size:.75rem;padding:.15rem}.fact-categories-grid{grid-template-columns:repeat(3,1fr);gap:.35rem}.fact-category-card{padding:.5rem;font-size:.7rem;border-radius:8px}.fact-category-header-bar{padding:.3rem .5rem;font-size:.7rem}.fact-loading-container{padding:1.5rem .5rem}.fact-loading-text{font-size:.85rem;margin-top:.75rem}.dot-spinner{--uib-size: 2rem}.rp-modal{max-width:100%;max-height:100%;border-radius:0;height:100vh;height:100dvh}.rp-header{padding:.875rem 1rem}.rp-title{font-size:.95rem}.rp-menu{padding:1rem;gap:.5rem}.rp-menu-option{padding:.875rem 1rem}.rp-client-view{padding:1rem;gap:.75rem}.rp-table-header{display:none}.rp-row{flex-wrap:wrap;gap:.25rem;padding:.75rem 0}.rp-cell-num{width:100%;font-size:.85rem}.rp-cell-date{flex:1}.rp-cell-amount,.rp-cell-action{flex:none}.fact-btn-reimprimir{padding:.3rem .6rem;font-size:.72rem;gap:.25rem}.fact-btn-reimprimir svg{width:13px;height:13px}}.fact-btn-reimprimir{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:#111;border:1px solid #111;border-radius:6px;color:#fff;font-weight:500;font-size:.78rem;cursor:pointer;transition:all .15s ease;white-space:nowrap;letter-spacing:-.01em}.fact-btn-reimprimir:hover{background:#333;border-color:#333}[data-theme=dark] .fact-btn-reimprimir{background:#fff;border-color:#fff;color:#111}[data-theme=dark] .fact-btn-reimprimir:hover{background:#e5e5e5;border-color:#e5e5e5}.rp-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:500;padding:1rem}.rp-modal{background:#fff;border-radius:12px;width:100%;max-width:640px;max-height:85vh;box-shadow:0 0 0 1px #0000000d,0 4px 6px -1px #00000014,0 20px 40px -4px #0000001f;overflow:hidden;display:flex;flex-direction:column}[data-theme=dark] .rp-modal{background:#18181b;box-shadow:0 0 0 1px #ffffff0f,0 20px 40px -4px #00000080}.rp-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}[data-theme=dark] .rp-header{border-bottom-color:#27272a}.rp-header-left{display:flex;align-items:center;gap:.5rem}.rp-title{font-size:1rem;font-weight:600;color:#111;margin:0;letter-spacing:-.02em}[data-theme=dark] .rp-title{color:#fafafa}.rp-back-btn{display:flex;align-items:center;justify-content:center;background:none;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;padding:.25rem;width:28px;height:28px;transition:all .15s}.rp-back-btn:hover{background:#f3f4f6;color:#111;border-color:#d1d5db}[data-theme=dark] .rp-back-btn{border-color:#3f3f46;color:#a1a1aa}[data-theme=dark] .rp-back-btn:hover{background:#27272a;color:#fafafa}.rp-close-btn{background:none;border:none;cursor:pointer;color:#9ca3af;display:flex;align-items:center;padding:.25rem;border-radius:6px;transition:all .15s}.rp-close-btn:hover{background:#f3f4f6;color:#111}[data-theme=dark] .rp-close-btn:hover{background:#27272a;color:#fafafa}.rp-menu{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem}.rp-menu-option{display:flex;align-items:center;gap:.875rem;padding:1rem 1.125rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.rp-menu-option:hover:not(:disabled){background:#fafafa;border-color:#d1d5db;box-shadow:0 1px 3px #0000000f}.rp-menu-option:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .rp-menu-option{background:#18181b;border-color:#27272a}[data-theme=dark] .rp-menu-option:hover:not(:disabled){background:#1f1f23;border-color:#3f3f46}.rp-option-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;flex-shrink:0}.rp-icon-print{background:#111;color:#fff}[data-theme=dark] .rp-icon-print{background:#fafafa;color:#111}.rp-icon-search{background:#f3f4f6;color:#374151}[data-theme=dark] .rp-icon-search{background:#27272a;color:#d4d4d8}.rp-option-text{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.rp-option-title{font-weight:600;font-size:.875rem;color:#111;letter-spacing:-.01em}[data-theme=dark] .rp-option-title{color:#fafafa}.rp-option-desc{font-size:.8rem;color:#6b7280;line-height:1.4}[data-theme=dark] .rp-option-desc{color:#71717a}.rp-option-arrow{color:#d1d5db;flex-shrink:0;transform:rotate(180deg);transition:transform .15s}.rp-menu-option:hover .rp-option-arrow{color:#9ca3af;transform:rotate(180deg) translate(2px)}[data-theme=dark] .rp-option-arrow{color:#3f3f46}.rp-spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#111;border-radius:50%;animation:rp-spin .6s linear infinite;flex-shrink:0}.rp-spinner-lg{width:24px;height:24px;border-width:2.5px}.rp-spinner-sm{width:14px;height:14px}[data-theme=dark] .rp-spinner{border-color:#3f3f46;border-top-color:#fafafa}@keyframes rp-spin{to{transform:rotate(360deg)}}.rp-client-view{display:flex;flex-direction:column;gap:1rem;flex:1;overflow:hidden;padding:1.25rem 1.5rem}.rp-search-bar{display:flex;align-items:center;gap:0;position:relative;flex-shrink:0}.rp-search-icon{position:absolute;left:.75rem;color:#9ca3af;pointer-events:none;z-index:1}[data-theme=dark] .rp-search-icon{color:#52525b}.rp-search-container{flex:1;position:relative}.rp-search-input{padding-left:2.25rem!important;padding-right:2.25rem!important;border-radius:8px!important;border:1px solid #e5e7eb!important;font-size:.875rem!important;height:40px;background:#fff!important;transition:border-color .15s,box-shadow .15s!important}.rp-search-input:focus{border-color:#111!important;box-shadow:0 0 0 3px #0000000f!important;outline:none!important}[data-theme=dark] .rp-search-input{background:#18181b!important;border-color:#27272a!important;color:#fafafa!important}[data-theme=dark] .rp-search-input:focus{border-color:#52525b!important;box-shadow:0 0 0 3px #ffffff0d!important}.rp-search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;transition:all .15s}.rp-search-clear:hover{background:#f3f4f6;color:#111}[data-theme=dark] .rp-search-clear:hover{background:#27272a;color:#fafafa}.rp-search-results{border-radius:8px!important;border:1px solid #e5e7eb!important;box-shadow:0 4px 12px #00000014!important;margin-top:4px!important}.rp-invoice-list{flex:1;overflow-y:auto;min-height:200px;max-height:400px}.rp-table-header{display:flex;align-items:center;padding:0 0 .5rem;border-bottom:1px solid #e5e7eb;margin-bottom:.25rem}[data-theme=dark] .rp-table-header{border-bottom-color:#27272a}.rp-th{font-size:.7rem;font-weight:500;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.rp-th-num{flex:1.2}.rp-th-date{flex:1.5}.rp-th-amount{flex:1;text-align:right}.rp-th-action{width:36px;flex-shrink:0}.rp-table-body{display:flex;flex-direction:column}.rp-row{display:flex;align-items:center;padding:.625rem 0;border-bottom:1px solid #f3f4f6;transition:background .1s}.rp-row:last-child{border-bottom:none}.rp-row:hover{background:#fafafa}[data-theme=dark] .rp-row{border-bottom-color:#1f1f23}[data-theme=dark] .rp-row:hover{background:#1f1f23}.rp-cell{font-size:.85rem}.rp-cell-num{flex:1.2;font-weight:600;color:#111;font-size:.875rem;letter-spacing:-.01em}[data-theme=dark] .rp-cell-num{color:#fafafa}.rp-cell-date{flex:1.5;color:#6b7280;font-size:.8rem}[data-theme=dark] .rp-cell-date{color:#71717a}.rp-cell-amount{flex:1;text-align:right;font-weight:600;color:#111;font-size:.875rem;font-variant-numeric:tabular-nums;letter-spacing:-.01em}[data-theme=dark] .rp-cell-amount{color:#fafafa}.rp-cell-action{width:36px;flex-shrink:0;display:flex;justify-content:center}.rp-print-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .15s;flex-shrink:0}.rp-print-btn:hover:not(:disabled){background:#111;border-color:#111;color:#fff}.rp-print-btn:disabled{opacity:.4;cursor:not-allowed}[data-theme=dark] .rp-print-btn{background:#27272a;border-color:#3f3f46;color:#a1a1aa}[data-theme=dark] .rp-print-btn:hover:not(:disabled){background:#fafafa;border-color:#fafafa;color:#111}.rp-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1rem;min-height:200px}.rp-state-icon{color:#d1d5db}[data-theme=dark] .rp-state-icon{color:#3f3f46}.rp-state-text{font-size:.8rem;color:#9ca3af;text-align:center}[data-theme=dark] .rp-state-text{color:#52525b}.rp-footer-info{font-size:.75rem;color:#9ca3af;text-align:center;padding:.5rem 0 0;flex-shrink:0;border-top:1px solid #f3f4f6}[data-theme=dark] .rp-footer-info{color:#52525b;border-top-color:#27272a}.fact-modal-details,.fact-modal-filter{background:#fff;border-radius:16px;width:100%;max-width:440px;box-shadow:0 8px 40px #0003;overflow:hidden}[data-theme=dark] .fact-modal-details,[data-theme=dark] .fact-modal-filter{background:#1c1c1f}.fact-modal-details-body,.fact-modal-options{padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.fact-filter-option{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;cursor:pointer;text-align:left;width:100%;transition:all .2s}.fact-filter-option:hover,.fact-filter-option.active{background:#d4af371a;border-color:#d4af37}[data-theme=dark] .fact-filter-option{background:#252528;border-color:#3a3a3d;color:#f0f0f0}.fact-filter-option span{font-weight:600;font-size:.88rem;display:block}.fact-filter-option small{font-size:.73rem;color:#6b7280;display:block}:root{--config-bg-primary: #F5F5F5;--config-bg-secondary: #FFFFFF;--config-bg-card: #FFFFFF;--config-text-primary: #1a1a1a;--config-text-secondary: #70798C;--config-border-color: rgba(112, 121, 140, .2);--config-accent-color: #D4AF37;--config-accent-bg: rgba(212, 175, 55, .1);--config-hover-bg: rgba(112, 121, 140, .08);--config-sidebar-bg: #FFFFFF;--config-toggle-bg: rgba(112, 121, 140, .25);--config-icon-color: #70798C;--config-shadow: 0 2px 8px rgba(0, 0, 0, .08)}[data-theme=dark]{--config-bg-primary: #0a0a0a;--config-bg-secondary: #151515;--config-bg-card: rgba(25, 25, 25, .9);--config-text-primary: #F5F5F5;--config-text-secondary: #70798C;--config-border-color: rgba(112, 121, 140, .15);--config-accent-color: #D4AF37;--config-accent-bg: rgba(212, 175, 55, .1);--config-hover-bg: rgba(112, 121, 140, .1);--config-sidebar-bg: linear-gradient(180deg, #0f0f0f 0%, #151515 100%);--config-toggle-bg: rgba(112, 121, 140, .25);--config-icon-color: #70798C;--config-shadow: 0 2px 8px rgba(0, 0, 0, .3)}.config-page{background:var(--config-bg-primary);min-height:100vh;color:var(--config-text-primary);transition:background .3s ease,color .3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.config-layout{display:flex;min-height:100vh}.config-sidebar{width:280px;background:var(--config-sidebar-bg);border-right:1px solid var(--config-border-color);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100;transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s ease;box-shadow:var(--config-shadow)}.config-sidebar .sidebar-header{display:flex;align-items:center;gap:16px;padding:24px 20px;border-bottom:1px solid var(--config-border-color)}.config-sidebar .sidebar-header h1{font-size:20px;font-weight:600;color:var(--config-text-primary);margin:0}.config-sidebar .btn-back{width:40px;height:40px;border-radius:10px;background:var(--config-hover-bg);border:1px solid var(--config-border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--config-text-primary)}.config-sidebar .btn-back:hover{background:var(--config-accent-bg);border-color:var(--config-accent-color);transform:translate(-3px)}.config-sidebar .sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:6px}.config-sidebar .nav-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;background:transparent;border:none;color:var(--config-text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;font-size:15px;font-weight:500}.config-sidebar .nav-item svg{transition:all .3s ease;flex-shrink:0}.config-sidebar .nav-item:hover{background:var(--config-hover-bg);color:var(--config-text-primary)}.config-sidebar .nav-item.active{background:linear-gradient(135deg,#d4af3726,#d4af3714);color:var(--config-accent-color);border:1px solid rgba(212,175,55,.3)}.config-sidebar .nav-item.active svg{color:var(--config-accent-color)}.config-sidebar .sidebar-footer{padding:20px;border-top:1px solid var(--config-border-color);text-align:center}.config-sidebar .sidebar-footer span{font-size:12px;color:var(--config-text-secondary)}.config-content{flex:1;margin-left:280px;padding:40px;min-height:100vh;background:var(--config-bg-primary);transition:background .3s ease}.config-content .section-title{margin-bottom:30px}.config-content .section-title h2{font-size:28px;font-weight:600;color:var(--config-text-primary);margin:0 0 8px}.config-content .section-title p{font-size:15px;color:var(--config-text-secondary);margin:0}.config-content .settings-card{background:var(--config-bg-card);border:1px solid var(--config-border-color);border-radius:16px;overflow:hidden;box-shadow:var(--config-shadow);transition:background .3s ease,border .3s ease}.config-content .setting-row{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--config-border-color);transition:all .3s ease}.config-content .setting-row:last-child{border-bottom:none}.config-content .setting-row:hover{background:var(--config-hover-bg)}.config-content .setting-row.clickable{cursor:pointer}.config-content .setting-row.clickable:hover{background:var(--config-accent-bg)}.config-content .setting-info{display:flex;align-items:center;gap:18px}.config-content .setting-icon{width:48px;height:48px;border-radius:12px;background:var(--config-hover-bg);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.config-content .setting-row:hover .setting-icon{background:var(--config-accent-bg)}.config-content .setting-icon svg{color:var(--config-icon-color);transition:all .3s ease}.config-content .setting-row:hover .setting-icon svg{color:var(--config-accent-color)}.config-content .setting-icon.warning{background:#dc35451a}.config-content .setting-icon.warning svg{color:#dc3545}.config-content .setting-text{display:flex;flex-direction:column;gap:4px}.config-content .setting-label{font-size:16px;font-weight:500;color:var(--config-text-primary)}.config-content .setting-description{font-size:13px;color:var(--config-text-secondary)}.config-content .chevron-icon{color:var(--config-text-secondary);transition:all .3s ease}.config-content .setting-row:hover .chevron-icon{color:var(--config-accent-color);transform:translate(4px)}.config-content .toggle-switch{position:relative;width:56px;height:30px;cursor:pointer;flex-shrink:0;margin:0}.config-content .toggle-switch input{opacity:0;width:0;height:0}.config-content .toggle-slider{position:absolute;inset:0;background:var(--config-toggle-bg);border-radius:30px;transition:all .4s cubic-bezier(.4,0,.2,1)}.config-content .toggle-slider:before{content:"";position:absolute;width:24px;height:24px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0003}.config-content .toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#d4af37,#c9a030);box-shadow:0 0 20px #d4af374d}.config-content .toggle-switch input:checked+.toggle-slider:before{transform:translate(26px);background:#000}.config-content .toggle-switch:hover .toggle-slider{box-shadow:0 0 0 4px #d4af3726}.config-content .btn-test{padding:10px 20px;background:linear-gradient(135deg,var(--config-accent-color) 0%,#c9a030 100%);border:none;border-radius:8px;color:#000;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.config-content .btn-test:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4af3766}.mobile-menu-toggle{display:none;position:fixed;top:20px;left:20px;z-index:200;width:44px;height:44px;border-radius:12px;background:var(--config-bg-card);border:1px solid var(--config-border-color);cursor:pointer;align-items:center;justify-content:center;box-shadow:var(--config-shadow)}.mobile-menu-toggle svg{color:var(--config-accent-color)}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:900px){.config-sidebar{transform:translate(-100%)}.config-layout.sidebar-open .config-sidebar{transform:translate(0)}.config-content{margin-left:0;padding:80px 20px 40px}.mobile-menu-toggle{display:flex}.config-content .section-title h2{font-size:24px}.config-content .setting-row{padding:16px 18px}.config-content .setting-icon{width:42px;height:42px}}@media(max-width:480px){.config-content{padding:70px 16px 30px}.config-content .setting-info{gap:14px}.config-content .setting-label{font-size:15px}.config-content .setting-description{font-size:12px}}.ventas-menu-container{min-height:100vh;display:flex;flex-direction:column;background:#f3f4f6;font-family:Inter,Segoe UI,sans-serif;color:#1f2937}.ventas-header{background:#151515;padding:0 1.5rem;height:52px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 12px #00000040;border-bottom:1px solid #2a2a2a;position:sticky;top:0;z-index:100}.ventas-header-left{display:flex;align-items:center;gap:.75rem;width:100%;max-width:1400px;margin:0 auto;padding-left:0}.ventas-btn-back{background:#ffffff14;border:1px solid rgba(255,255,255,.12);width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#9ca3af;flex-shrink:0;margin-right:.25rem}.ventas-btn-back:hover{background:#d4af37;border-color:#d4af37;transform:translate(-3px);color:#fff}.ventas-page-title{color:#f3f4f6;font-size:1.25rem;font-weight:700;margin:0}.ventas-page-title span{color:#d4af37}.ventas-main{flex:1;padding:2rem 2rem 3rem;max-width:1400px;margin:0 auto;width:100%}.ventas-section-header{margin-bottom:2rem;padding:1.5rem 1.8rem;background:#1a1a1a;border-radius:14px;border:1px solid #2d2d2d}.ventas-section-title{font-size:1rem;font-weight:600;color:#d4af37;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.4rem}.ventas-section-description{font-size:.85rem;color:#9ca3af;margin:0}.ventas-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.ventas-card{background:#fff;border-radius:16px;padding:1.8rem;border:1px solid #E5E7EB;cursor:pointer;transition:all .3s ease;text-decoration:none;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden;text-align:left;width:100%}.ventas-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#d4af37,gold);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.ventas-card:not(.disabled):hover{border-color:#d4af37;transform:translateY(-4px);box-shadow:0 12px 30px #d4af3726}.ventas-card:hover:before{transform:scaleX(1)}.ventas-card.disabled{opacity:.55;cursor:not-allowed;background:#f9fafb}.ventas-card.disabled:hover{transform:none;box-shadow:none;border-color:#e5e7eb}.ventas-card.disabled:before{display:none}.ventas-card-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d4af37,#b8860b);box-shadow:0 4px 15px #d4af374d;color:#fff}.ventas-card.disabled .ventas-card-icon{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:none}.ventas-card-content{flex:1}.ventas-card-title{font-size:1.05rem;font-weight:700;color:#1f2937;margin:0 0 .3rem}.ventas-card-description{font-size:.82rem;color:#6b7280;line-height:1.4;margin:0}.ventas-card-arrow{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);width:24px;height:24px;color:#d4af37;opacity:0;transition:all .3s ease}.ventas-card:hover .ventas-card-arrow{opacity:1;transform:translateY(-50%) translate(5px)}.ventas-badge{position:absolute;top:1.2rem;right:1.2rem;background:#e5e7eb;color:#6b7280;font-size:.65rem;font-weight:600;padding:.25rem .7rem;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.ventas-badge.active{background:linear-gradient(135deg,#d4af37,gold);color:#1f2937}[data-theme=dark] .ventas-menu-container{background:#121212;color:#e5e7eb}[data-theme=dark] .ventas-header{background:#0a0a0a;border-bottom-color:#1a1a1a}[data-theme=dark] .ventas-section-header{background:#1a1a1a;border-color:#2d2d2d}[data-theme=dark] .ventas-section-title{color:#d4af37}[data-theme=dark] .ventas-section-description{color:#6b7280}[data-theme=dark] .ventas-card{background:#1a1a1a;border-color:#2d2d2d}[data-theme=dark] .ventas-card:not(.disabled):hover{border-color:#d4af37;box-shadow:0 12px 30px #d4af371a}[data-theme=dark] .ventas-card.disabled{background:#161616;opacity:.5}[data-theme=dark] .ventas-card-title{color:#f0f0f0}[data-theme=dark] .ventas-card-description{color:#9ca3af}[data-theme=dark] .ventas-badge{background:#2d2d2d;color:#9ca3af}[data-theme=dark] .ventas-badge.active{background:linear-gradient(135deg,#d4af37,gold);color:#111}@media(max-width:1024px){.ventas-options-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(max-width:768px){.ventas-header{padding:0 1rem;height:48px}.ventas-page-title{font-size:1.1rem}.ventas-main{padding:1.25rem 1rem 2rem}.ventas-section-header{padding:1.2rem 1.3rem;margin-bottom:1.5rem}.ventas-options-grid{grid-template-columns:1fr;gap:.85rem}.ventas-card{padding:1.4rem;flex-direction:row;align-items:center}.ventas-card-icon{width:46px;height:46px;border-radius:12px;flex-shrink:0}.ventas-card-icon svg{width:22px;height:22px}.ventas-card-content{min-width:0}.ventas-card-arrow{position:static;transform:none;opacity:.4;flex-shrink:0;width:20px;height:20px}.ventas-card:hover .ventas-card-arrow{transform:translate(3px)}.ventas-badge{top:.8rem;right:.8rem;font-size:.6rem;padding:.2rem .55rem}}@media(max-width:480px){.ventas-header{padding:0 .75rem;height:46px}.ventas-header-left{gap:.5rem}.ventas-btn-back{width:34px;height:34px}.ventas-page-title{font-size:1rem}.ventas-main{padding:1rem .75rem 2rem}.ventas-section-header{padding:1rem;margin-bottom:1.25rem}.ventas-section-title{font-size:.85rem}.ventas-card{padding:1.1rem;gap:.75rem}.ventas-card-icon{width:40px;height:40px}.ventas-card-title{font-size:.95rem}.ventas-card-description{font-size:.78rem}}@keyframes prev-page-enter{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes prev-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.prev-container{height:100vh;display:flex;flex-direction:column;background:#f3f4f6;font-family:Inter,Segoe UI,sans-serif;color:#1f2937;overflow:hidden;animation:prev-page-enter .45s cubic-bezier(.22,1,.36,1) both}.prev-header{background:#000;padding:0 .75rem;height:52px;display:flex;align-items:center;box-shadow:0 2px 12px #00000026;border-bottom:2px solid #D4AF37;flex-shrink:0;z-index:100}.prev-header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem}.prev-header-left{display:flex;align-items:center;gap:.5rem}.prev-btn-back{background:transparent;border:1.5px solid rgba(212,175,55,.5);width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#d4af37;flex-shrink:0}.prev-btn-back:hover{background:#d4af37;border-color:#d4af37;transform:translate(-3px);color:#1f2937}.prev-page-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0;white-space:nowrap}.prev-page-title span{color:#d4af37}.prev-header-right{display:flex;align-items:center;gap:.75rem}.prev-datetime{color:#ffffff80;font-size:.78rem;font-weight:500;white-space:nowrap}.prev-body{flex:1;display:grid;grid-template-columns:320px 1fr;gap:0;overflow:hidden;min-height:0}.prev-sidebar{background:#fff;border-right:1px solid #E5E7EB;display:flex;flex-direction:column;overflow-y:auto;padding:.75rem;gap:.6rem}.prev-field-group{display:flex;flex-direction:column;gap:.25rem}.prev-field-label{font-size:.7rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.prev-field-input{position:relative}.prev-field-input input,.prev-field-input select,.prev-field-input textarea{width:100%;height:36px;border:1px solid #E5E7EB;border-radius:8px;padding:0 .6rem;font-size:.82rem;font-weight:500;color:#1f2937;background:#f9fafb;transition:all .2s ease;box-sizing:border-box;outline:none}.prev-field-input textarea{height:54px;padding:.4rem .6rem;resize:none;font-family:inherit}.prev-field-input input:focus,.prev-field-input select:focus,.prev-field-input textarea:focus{border-color:#d4af37;background:#fff;box-shadow:0 0 0 3px #d4af371f}.prev-field-input input.has-value{background:#fff;border-color:#d4af37;font-weight:600}.prev-field-input.prev-field-error{animation:prev-shake .6s ease-in-out}.prev-field-input input.error,.prev-field-input select.error,.prev-field-input textarea.error{border-color:#ef4444!important;background:#fef2f2!important;box-shadow:0 0 0 3px #ef44441a!important}.prev-field-input input.error:focus,.prev-field-input select.error:focus,.prev-field-input textarea.error:focus{border-color:#dc2626!important;box-shadow:0 0 0 3px #ef444433!important}.prev-autocomplete-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #E5E7EB;border-radius:8px;max-height:200px;overflow-y:auto;z-index:50;box-shadow:0 8px 24px #0000001f;margin-top:2px}.prev-autocomplete-item{padding:.5rem .6rem;font-size:.8rem;cursor:pointer;border-bottom:1px solid #F3F4F6;transition:background .15s;display:flex;flex-direction:column}.prev-autocomplete-item:hover,.prev-autocomplete-item.highlighted{background:#fff9e6}.prev-autocomplete-item:last-child{border-bottom:none}.prev-autocomplete-item-name{font-weight:600;color:#1f2937}.prev-autocomplete-item-code{font-size:.72rem;color:#9ca3af}.prev-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:auto;padding-top:.5rem}.prev-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;border-radius:10px;border:none;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .25s ease;white-space:nowrap}.prev-btn-primary{background:linear-gradient(135deg,#d4af37,#b8860b);color:#1f2937;box-shadow:0 4px 12px #d4af374d}.prev-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766;filter:brightness(1.05)}.prev-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;filter:none}.prev-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #E5E7EB}.prev-btn-secondary:hover{background:#e5e7eb;transform:translateY(-1px)}.prev-btn-danger{background:#1f2937;color:#f87171;border:1px solid rgba(248,113,113,.3)}.prev-btn-danger:hover{background:#374151;color:#fca5a5;border-color:#f8717180}.prev-btn-add{background:#1f2937;color:#d4af37;border:1px solid rgba(212,175,55,.3)}.prev-btn-add:hover{background:#374151;transform:translateY(-1px);border-color:#d4af37}.prev-btn-outline{background:transparent;color:#d4af37;border:1.5px solid #D4AF37}.prev-btn-outline:hover{background:#d4af3714;transform:translateY(-1px)}.prev-main{display:flex;flex-direction:column;overflow:hidden;min-height:0;background:#fafafa}.prev-table-wrap{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.prev-table{width:100%;border-collapse:collapse;font-size:.82rem}.prev-table thead{position:sticky;top:0;z-index:10}.prev-table thead th{background:#1f2937;color:#ffffffd9;padding:.55rem .6rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border:none}.prev-table thead th:first-child{padding-left:1rem}.prev-table thead th.text-right{text-align:right}.prev-table thead th.text-center{text-align:center}.prev-table tbody tr{border-bottom:1px solid #F3F4F6;transition:background .15s}.prev-table tbody tr:hover{background:#fff9e6}.prev-table tbody tr:nth-child(2n){background:#fff}.prev-table tbody tr:nth-child(2n):hover{background:#fff9e6}.prev-table tbody td{padding:.5rem .6rem;vertical-align:middle;color:#374151}.prev-table tbody td:first-child{padding-left:1rem;font-weight:600;color:#9ca3af}.prev-table tbody td.text-right{text-align:right;font-family:JetBrains Mono,Fira Code,monospace;font-weight:600}.prev-table tbody td.text-center{text-align:center}.prev-table .item-code{font-size:.72rem;color:#9ca3af;display:block}.prev-table .item-name{font-weight:600;color:#1f2937}.prev-table .item-comment{font-size:.72rem;color:#6b7280;font-style:italic;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prev-qty-controls{display:flex;align-items:center;gap:.3rem}.prev-qty-btn{width:24px;height:24px;border-radius:6px;border:1px solid #E5E7EB;background:#f3f4f6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#374151;font-size:.8rem;padding:0}.prev-qty-btn:hover{background:#d4af37;border-color:#d4af37;color:#1f2937}.prev-qty-value{width:32px;text-align:center;font-weight:700;font-size:.85rem;color:#1f2937}.prev-row-delete{width:28px;height:28px;border-radius:6px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#9ca3af}.prev-row-delete:hover{background:#f8717126;color:#ef4444}.prev-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#9ca3af;gap:.75rem;padding:2rem}.prev-empty-state svg{opacity:.4;color:#d4af37}.prev-empty-state p{font-size:.9rem;font-weight:500;margin:0;color:#6b7280}.prev-empty-state span{font-size:.78rem;color:#d1d5db}.prev-footer{background:#111;border-top:2px solid #D4AF37;padding:.6rem 1rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:1rem}.prev-summary-items{display:flex;gap:1.5rem}.prev-summary-item{display:flex;flex-direction:column;align-items:center}.prev-summary-label{font-size:.65rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.prev-summary-value{font-size:1rem;font-weight:700;color:#fff}.prev-summary-total{font-size:1.3rem;font-weight:800;color:#d4af37}.prev-footer-actions{display:flex;gap:.5rem}.prev-footer .prev-btn-outline{color:#d4af37;border-color:#d4af3780}.prev-footer .prev-btn-outline:hover{background:#d4af371f;border-color:#d4af37}.prev-footer .prev-btn-danger{background:#f871711a;color:#fca5a5;border-color:#f8717140}.prev-footer .prev-btn-danger:hover{background:#f8717133;color:#fecaca}.prev-footer .prev-btn-add{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.prev-footer .prev-btn-add:hover{background:#ffffff2e;border-color:#ffffff59}.prev-footer .prev-btn-primary{background:linear-gradient(135deg,#d4af37,#c9a227);color:#1f2937}.prev-modal-overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.prev-modal{background:#fff;border-radius:16px;width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 60px #00000040;overflow:hidden;border:1px solid rgba(212,175,55,.15)}.prev-modal-header{background:#040404;color:#fff;padding:.8rem 1.2rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;border-bottom:2px solid #D4AF37}.prev-modal-header h3{margin:0;font-size:.95rem;font-weight:700;color:#fff}.prev-modal-header .prev-running-total{font-size:.8rem;color:#d4af37;font-weight:600}.prev-modal-close{width:32px;height:32px;border-radius:8px;border:none;background:#ffffff1a;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.prev-modal-close:hover{background:#fff3;color:#fff}.prev-modal-body{padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;flex:1}.prev-modal-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.prev-modal-row.three-cols{grid-template-columns:1fr 1fr 1fr}.prev-modal-info{background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;padding:.6rem .8rem;display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.prev-modal-info-item{display:flex;flex-direction:column}.prev-modal-info-label{font-size:.65rem;font-weight:600;color:#9ca3af;text-transform:uppercase}.prev-modal-info-value{font-size:.82rem;font-weight:600;color:#1f2937}.prev-modal-footer{padding:.8rem 1.2rem;border-top:1px solid #E5E7EB;display:flex;gap:.5rem;justify-content:flex-end;flex-shrink:0;background:#f9fafb}.prev-confirm-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1100}.prev-confirm-dialog{background:#fff;border-radius:16px;padding:1.5rem;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 50px #0003;border:1px solid rgba(212,175,55,.15)}.prev-confirm-dialog h4{margin:0 0 .5rem;font-size:1rem;color:#1f2937}.prev-confirm-dialog p{margin:0 0 1.2rem;font-size:.85rem;color:#6b7280}.prev-confirm-actions{display:flex;gap:.5rem;justify-content:center}.prev-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:#6b7280}.prev-spinner{width:40px;height:40px;border:3px solid #E5E7EB;border-top-color:#d4af37;border-radius:50%;animation:prev-spin .7s linear infinite}@keyframes prev-spin{to{transform:rotate(360deg)}}@keyframes prev-row-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.prev-table tbody tr{animation:prev-row-in .25s ease-out}@media(max-width:768px){.prev-body{grid-template-columns:1fr;grid-template-rows:1fr}.prev-sidebar{display:none}.prev-sidebar.mobile-visible{display:flex;position:fixed;inset:52px 0 0;z-index:200;background:#fff;padding:1rem;animation:prev-slide-up .3s ease-out}@keyframes prev-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.prev-header{padding:0 .5rem;height:48px}.prev-page-title{font-size:1rem}.prev-datetime{display:none}.prev-mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#1f2937;border-top:2px solid #D4AF37;z-index:200;padding:.4rem;gap:.25rem}.prev-mobile-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.5rem 0;border:none;background:transparent;cursor:pointer;color:#ffffff80;font-size:.65rem;font-weight:600;border-radius:8px;transition:all .2s}.prev-mobile-nav-btn.active{background:#d4af3726;color:#d4af37}.prev-mobile-nav-btn-badge{position:absolute;top:2px;right:calc(50% - 16px);background:#d4af37;color:#1f2937;font-size:.6rem;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.prev-footer{flex-direction:column;padding:.5rem .75rem;margin-bottom:60px}.prev-summary-items{width:100%;justify-content:space-around}.prev-footer-actions{width:100%}.prev-footer-actions .prev-btn{flex:1}.prev-modal{max-width:100%;margin:.5rem;max-height:calc(100vh - 1rem)}.prev-modal-row{grid-template-columns:1fr}.prev-modal-row.three-cols{grid-template-columns:1fr 1fr}}@media(min-width:769px){.prev-mobile-nav{display:none}}@media(min-width:1440px){.prev-body{grid-template-columns:360px 1fr}}.oc-container{min-height:100vh;display:flex;flex-direction:column;background:#f3f4f6;font-family:Inter,Segoe UI,sans-serif;color:#1f2937}.oc-header{background:#151515;padding:0 1.5rem;height:52px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 12px #00000040;border-bottom:1px solid #2a2a2a;position:sticky;top:0;z-index:100}.oc-header-left{display:flex;align-items:center;gap:.75rem}.oc-btn-back{background:#ffffff14;border:1px solid rgba(255,255,255,.12);width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#9ca3af;flex-shrink:0}.oc-btn-back:hover{background:#d4af37;border-color:#d4af37;transform:translate(-3px);color:#fff}.oc-page-title{color:#f3f4f6;font-size:1.2rem;font-weight:700;margin:0}.oc-datetime{color:#6b7280;font-size:.8rem;font-weight:500;white-space:nowrap}.oc-main{flex:1;padding:1.5rem 2rem;max-width:1600px;margin:0 auto;width:100%}.oc-form-header{display:grid;grid-template-columns:2fr 1.5fr 1fr;gap:1.5rem;margin-bottom:1.5rem;animation:oc-slideDown .4s ease}@keyframes oc-slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.oc-form-group{display:flex;flex-direction:column;gap:.5rem}.oc-form-group label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#6b7280;display:flex;align-items:center;gap:.4rem}.oc-form-group label svg{color:#d4af37}.oc-input-wrapper{position:relative}.oc-form-input{width:100%;padding:.8rem 1rem;background:#fff;border:1.5px solid #E5E7EB;border-radius:10px;color:#1f2937;font-size:.88rem;font-weight:500;transition:all .3s ease;font-family:inherit}.oc-form-input:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 3px #d4af3726}.oc-form-input::placeholder{color:#9ca3af}.oc-form-input.oc-readonly{background:#f3f4f6;color:#6b7280;cursor:not-allowed;border-color:#e5e7eb}.oc-form-input.oc-readonly:focus{box-shadow:none;border-color:#e5e7eb}.oc-form-select{width:100%;padding:.8rem 1rem;background:#fff;border:1.5px solid #E5E7EB;border-radius:10px;color:#1f2937;font-size:.88rem;font-weight:500;cursor:pointer;transition:all .3s ease;appearance:none;font-family:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23D4AF37' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.oc-form-select:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 3px #d4af3726}.oc-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #E5E7EB;border-radius:10px;max-height:220px;overflow-y:auto;z-index:1000;display:none;box-shadow:0 10px 40px #0000001a}.oc-dropdown.show{display:block;animation:oc-dropSlide .2s ease}@keyframes oc-dropSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.oc-dropdown-item{padding:.7rem 1rem;cursor:pointer;border-bottom:1px solid #F3F4F6;transition:all .2s ease;font-size:.85rem;color:#374151}.oc-dropdown-item:hover{background:#fef9e7;color:#b8860b;padding-left:1.2rem}.oc-dropdown-item:last-child{border-bottom:none}.oc-checkbox-group{display:flex;align-items:center;gap:1rem;padding-top:1.5rem}.oc-custom-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.oc-custom-checkbox input{display:none}.oc-checkbox-mark{width:22px;height:22px;border:2px solid #E5E7EB;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background:#fff;color:#fff}.oc-checkbox-mark svg{opacity:0;transform:scale(0);transition:all .2s ease}.oc-custom-checkbox input:checked+.oc-checkbox-mark{background:#d4af37;border-color:#d4af37}.oc-custom-checkbox input:checked+.oc-checkbox-mark svg{opacity:1;transform:scale(1)}.oc-checkbox-label{font-size:.85rem;color:#6b7280;font-weight:500}.oc-btn-cargar{padding:.65rem 1.3rem;background:#fff;border:1.5px solid #E5E7EB;border-radius:10px;color:#6b7280;font-weight:600;font-size:.82rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.4rem;font-family:inherit}.oc-btn-cargar:hover{background:#d4af37;color:#fff;border-color:#d4af37;transform:translateY(-2px);box-shadow:0 4px 15px #d4af374d}.oc-btn-cargar:disabled{opacity:.7;cursor:wait}.oc-main-grid{display:grid;grid-template-columns:1fr 100px;gap:1rem;margin-bottom:1.5rem}.oc-table-container{background:#fff;border:1px solid #E5E7EB;border-radius:12px;overflow:hidden}.oc-table-header{display:grid;grid-template-columns:40px 55px 110px minmax(180px,3fr) 80px 95px minmax(70px,1fr) 60px;background:#f3f4f6;border-bottom:2px solid #E5E7EB}.oc-th{padding:.85rem .7rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.2rem;-webkit-user-select:none;user-select:none}.oc-th:hover{color:#d4af37}.oc-th-price,.oc-th-subtotal{justify-content:flex-end}.oc-table-body{max-height:320px;overflow-y:auto}.oc-table-body::-webkit-scrollbar{width:5px}.oc-table-body::-webkit-scrollbar-thumb{background:#d4af37;border-radius:10px}.oc-table-row{display:grid;grid-template-columns:40px 55px 110px minmax(180px,3fr) 80px 95px minmax(70px,1fr) 60px;border-bottom:1px solid #F3F4F6;transition:all .15s ease;cursor:default}.oc-table-row:hover{background:#fef9e7}.oc-td{padding:.7rem;font-size:.84rem;display:flex;align-items:center;color:#374151}.oc-td-number{font-weight:700;color:#d4af37}.oc-td-code{font-size:.75rem;font-family:monospace;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-td-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-td-price,.oc-td-subtotal{justify-content:flex-end;font-family:Inter,monospace;font-weight:600}.oc-inline-input{width:100%;padding:.35rem .5rem;background:#f9fafb;border:1px solid #E5E7EB;border-radius:6px;color:#1f2937;font-size:.84rem;transition:all .2s ease;font-family:inherit}.oc-inline-input:focus{outline:none;border-color:#d4af37;background:#fff}.oc-td-actions-cell{display:flex;gap:.3rem;justify-content:center}.oc-btn-row{width:28px;height:28px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.oc-btn-delete{background:#fee2e2;color:#dc2626}.oc-btn-delete:hover{background:#dc2626;color:#fff}.oc-empty-table{padding:3rem;text-align:center;color:#9ca3af}.oc-empty-table svg{margin-bottom:.8rem;opacity:.3}.oc-empty-table p{font-size:.9rem}.oc-action-buttons{display:flex;flex-direction:column;gap:.6rem}.oc-btn-action{padding:.9rem .8rem;border-radius:50px;font-weight:600;font-size:.68rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.25rem;text-transform:uppercase;letter-spacing:.5px;border:none;font-family:inherit}.oc-btn-agregar{background:#0ea5e9;color:#fff}.oc-btn-agregar:hover{background:#0284c7;transform:scale(1.05);box-shadow:0 4px 15px #0ea5e966}.oc-btn-cancelar{background:#10b981;color:#fff}.oc-btn-cancelar:hover{background:#059669;transform:scale(1.05);box-shadow:0 4px 15px #10b98166}.oc-btn-ultima{background:#8b5cf6;color:#fff}.oc-btn-ultima:hover{background:#7c3aed;transform:scale(1.05);box-shadow:0 4px 15px #8b5cf666}.oc-summary-row{display:grid;grid-template-columns:repeat(5,1fr) auto;gap:1rem;animation:oc-slideUp .4s ease}@keyframes oc-slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.oc-summary-card{background:#fff;border:1px solid #E5E7EB;border-radius:10px;padding:.75rem 1rem}.oc-summary-card label{font-size:.63rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#6b7280;display:block;margin-bottom:.3rem}.oc-summary-card .oc-value{font-size:1.1rem;font-weight:700;color:#1f2937}.oc-summary-card.oc-total{background:linear-gradient(135deg,#fef9e7,#fdf6e3);border-color:#d4af37}.oc-summary-card.oc-total .oc-value{color:#b8860b;font-size:1.3rem}.oc-summary-input{padding:.55rem .8rem;font-size:.85rem}.oc-search-type{display:flex;gap:1rem;padding-top:.2rem}.oc-radio-option{display:flex;align-items:center;gap:.4rem;cursor:pointer}.oc-radio-option input{display:none}.oc-radio-mark{width:18px;height:18px;border:2px solid #E5E7EB;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative}.oc-radio-option input:checked+.oc-radio-mark{border-color:#d4af37}.oc-radio-mark:after{content:"";width:8px;height:8px;background:#d4af37;border-radius:50%;opacity:0;transform:scale(0);transition:all .2s ease}.oc-radio-option input:checked+.oc-radio-mark:after{opacity:1;transform:scale(1)}.oc-radio-label{font-size:.8rem;color:#6b7280;font-weight:500}.oc-btn-guardar{padding:.9rem 2rem;background:linear-gradient(135deg,#d4af37,#b8860b);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:.88rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.6rem;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 20px #d4af374d;font-family:inherit;white-space:nowrap}.oc-btn-guardar:hover{transform:translateY(-3px);box-shadow:0 8px 30px #d4af3780}.oc-btn-guardar:active{transform:scale(.98)}.oc-btn-guardar:disabled{opacity:.7;cursor:wait}.oc-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000}.oc-modal{background:#fff;border:1px solid #E5E7EB;border-radius:16px;width:95%;max-width:880px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.oc-modal-header{padding:1.1rem 1.5rem;border-bottom:1px solid #E5E7EB;display:flex;justify-content:space-between;align-items:center}.oc-modal-header h3{font-size:1.05rem;font-weight:700;color:#1f2937;margin:0}.oc-btn-close-modal{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:.4rem;transition:all .2s ease;border-radius:6px}.oc-btn-close-modal:hover{color:#ef4444;transform:rotate(90deg)}.oc-modal-tabs{display:flex;border-bottom:1px solid #E5E7EB;padding:0 1rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.oc-modal-tab{padding:.75rem 1rem;background:transparent;border:none;color:#6b7280;font-size:.73rem;font-weight:600;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;transition:all .2s ease;font-family:inherit}.oc-modal-tab:hover{color:#d4af37}.oc-modal-tab.active{color:#d4af37;border-bottom-color:#d4af37}.oc-modal-body{padding:1.5rem}.oc-modal-footer{padding:1rem 1.5rem;border-top:1px solid #E5E7EB;display:flex;justify-content:flex-end;gap:1rem}.oc-btn-modal-cancel{padding:.65rem 1.5rem;background:#fff;border:1px solid #E5E7EB;border-radius:8px;color:#6b7280;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:.88rem}.oc-btn-modal-cancel:hover{border-color:#ef4444;color:#ef4444}.oc-btn-modal-add{padding:.65rem 1.5rem;background:linear-gradient(135deg,#d4af37,#b8860b);border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-family:inherit;font-size:.88rem}.oc-btn-modal-add:hover{transform:translateY(-2px);box-shadow:0 5px 20px #d4af3766}.oc-dual-input-row{display:flex;gap:1rem;margin-bottom:1rem}.oc-dual-input-row .oc-form-group{transition:all .3s ease}.oc-dual-input-row .oc-dominant{flex:2;order:1}.oc-dual-input-row .oc-secondary{flex:1;order:2}.oc-dual-input-row .oc-dominant .oc-form-input:not(.oc-readonly){border-color:#d4af37;box-shadow:0 0 0 3px #d4af3726}.oc-form-row-compact{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:end;margin-bottom:1rem}.oc-quantity-controls{display:flex;align-items:center;gap:.5rem}.oc-btn-qty{width:36px;height:36px;border-radius:8px;background:#f3f4f6;border:1px solid #E5E7EB;color:#6b7280;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.oc-btn-qty:hover{background:#d4af37;border-color:#d4af37;color:#fff}.oc-qty-input{text-align:center;max-width:80px}.oc-value-display{background:linear-gradient(135deg,#fef9e7,#fdf6e3);border:1px solid #D4AF37;border-radius:8px;padding:.7rem 1rem;font-size:1.05rem;font-weight:700;color:#b8860b;min-width:120px;text-align:center}.oc-tab-info{min-height:150px}.oc-tab-placeholder{text-align:center;color:#9ca3af;font-size:.85rem;padding:2.5rem 0}.oc-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.oc-info-item{background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;padding:.8rem 1rem}.oc-info-item label{display:block;font-size:.63rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin-bottom:.3rem}.oc-info-item span{display:block;font-size:.9rem;font-weight:600;color:#1f2937}.oc-cotizacion-list{max-height:280px;overflow-y:auto}.oc-cotizacion-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:.5rem;padding:.6rem .8rem;background:#f3f4f6;border-radius:8px;font-size:.68rem;font-weight:600;color:#6b7280;text-transform:uppercase;margin-bottom:.3rem}.oc-cotizacion-item{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:.5rem;padding:.7rem .8rem;border-bottom:1px solid #F3F4F6;font-size:.85rem;transition:background .15s ease}.oc-cotizacion-item:hover{background:#fef9e7}.oc-green{color:#10b981}.oc-muted{color:#6b7280;font-size:.8rem}[data-theme=dark] .oc-container{background:#121212;color:#e5e7eb}[data-theme=dark] .oc-header{background:#0a0a0a;border-bottom-color:#1a1a1a}[data-theme=dark] .oc-form-input{background:#1a1a1a;border-color:#404040;color:#e5e7eb}[data-theme=dark] .oc-form-input:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af3733}[data-theme=dark] .oc-form-input::placeholder{color:#6b7280}[data-theme=dark] .oc-form-input.oc-readonly{background:#2d2d2d;color:#6b7280;border-color:#404040}[data-theme=dark] .oc-form-select{background:#1a1a1a;border-color:#404040;color:#e5e7eb}[data-theme=dark] .oc-form-select:focus{border-color:#d4af37}[data-theme=dark] .oc-form-select option{background:#1a1a1a;color:#e5e7eb}[data-theme=dark] .oc-dropdown{background:#1a1a1a;border-color:#404040;box-shadow:0 10px 40px #00000080}[data-theme=dark] .oc-dropdown-item{border-bottom-color:#2d2d2d;color:#e5e7eb}[data-theme=dark] .oc-dropdown-item:hover{background:#2d2d2d;color:#d4af37}[data-theme=dark] .oc-checkbox-mark{background:#1a1a1a;border-color:#404040}[data-theme=dark] .oc-checkbox-label{color:#9ca3af}[data-theme=dark] .oc-btn-cargar{background:#1a1a1a;border-color:#404040;color:#9ca3af}[data-theme=dark] .oc-btn-cargar:hover{background:#d4af37;color:#fff;border-color:#d4af37}[data-theme=dark] .oc-table-container{background:#1a1a1a;border-color:#2d2d2d}[data-theme=dark] .oc-table-header{background:#2d2d2d;border-bottom-color:#404040}[data-theme=dark] .oc-th{color:#9ca3af}[data-theme=dark] .oc-th:hover{color:#d4af37}[data-theme=dark] .oc-table-row{border-bottom-color:#2d2d2d}[data-theme=dark] .oc-table-row:hover{background:#d4af3714}[data-theme=dark] .oc-td{color:#e5e7eb}[data-theme=dark] .oc-td-code{color:#9ca3af}[data-theme=dark] .oc-inline-input{background:#2d2d2d;border-color:#404040;color:#e5e7eb}[data-theme=dark] .oc-inline-input:focus{border-color:#d4af37;background:#1a1a1a}[data-theme=dark] .oc-btn-delete{background:#dc262633;color:#f87171}[data-theme=dark] .oc-btn-delete:hover{background:#dc2626;color:#fff}[data-theme=dark] .oc-empty-table{color:#6b7280}[data-theme=dark] .oc-summary-card{background:#1a1a1a;border-color:#2d2d2d}[data-theme=dark] .oc-summary-card label{color:#9ca3af}[data-theme=dark] .oc-summary-card .oc-value{color:#e5e7eb}[data-theme=dark] .oc-summary-card.oc-total{background:linear-gradient(135deg,#d4af3726,#b8860b1a);border-color:#d4af37}[data-theme=dark] .oc-summary-card.oc-total .oc-value{color:#d4af37}[data-theme=dark] .oc-radio-mark{border-color:#404040}[data-theme=dark] .oc-radio-label{color:#9ca3af}[data-theme=dark] .oc-modal{background:#1a1a1a;border-color:#2d2d2d;box-shadow:0 20px 60px #00000080}[data-theme=dark] .oc-modal-header{border-bottom-color:#2d2d2d}[data-theme=dark] .oc-modal-header h3{color:#f3f4f6}[data-theme=dark] .oc-btn-close-modal{color:#6b7280}[data-theme=dark] .oc-modal-tabs{border-bottom-color:#2d2d2d}[data-theme=dark] .oc-modal-tab{color:#6b7280}[data-theme=dark] .oc-modal-tab:hover{color:#d4af37}[data-theme=dark] .oc-modal-tab.active{color:#d4af37;border-bottom-color:#d4af37}[data-theme=dark] .oc-modal-footer{border-top-color:#2d2d2d}[data-theme=dark] .oc-btn-modal-cancel{background:#2d2d2d;border-color:#404040;color:#9ca3af}[data-theme=dark] .oc-btn-modal-cancel:hover{border-color:#ef4444;color:#ef4444}[data-theme=dark] .oc-info-item{background:#2d2d2d;border-color:#404040}[data-theme=dark] .oc-info-item label{color:#9ca3af}[data-theme=dark] .oc-info-item span{color:#e5e7eb}[data-theme=dark] .oc-tab-placeholder{color:#6b7280}[data-theme=dark] .oc-value-display{background:linear-gradient(135deg,#d4af3726,#b8860b1a);border-color:#d4af37;color:#d4af37}[data-theme=dark] .oc-btn-qty{background:#2d2d2d;border-color:#404040;color:#9ca3af}[data-theme=dark] .oc-btn-qty:hover{background:#d4af37;border-color:#d4af37;color:#fff}[data-theme=dark] .oc-cotizacion-header{background:#2d2d2d;color:#9ca3af}[data-theme=dark] .oc-cotizacion-item{border-bottom-color:#2d2d2d}[data-theme=dark] .oc-cotizacion-item:hover{background:#d4af3714}[data-theme=dark] .oc-table-body::-webkit-scrollbar-thumb{background:#d4af37}[data-theme=dark] .oc-table-body::-webkit-scrollbar-track{background:#2d2d2d}[data-theme=dark] .oc-modal-overlay{background:#000000b3}@media(max-width:1200px){.oc-form-header{grid-template-columns:1fr 1fr}.oc-table-header,.oc-table-row{grid-template-columns:40px 60px 100px 1fr 85px 95px 100px}.oc-th-actions,.oc-td-actions-cell{display:none}}@media(max-width:992px){.oc-main-grid{grid-template-columns:1fr}.oc-action-buttons{flex-direction:row;justify-content:center;flex-wrap:wrap}.oc-btn-action{flex:1;min-width:100px;flex-direction:row;justify-content:center}.oc-summary-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.oc-header{padding:0 1rem;height:48px}.oc-page-title{font-size:1rem}.oc-datetime{display:none}.oc-main{padding:1rem}.oc-form-header{grid-template-columns:1fr}.oc-checkbox-group{padding-top:0;flex-wrap:wrap}.oc-table-header,.oc-table-row{grid-template-columns:40px 55px 1fr 80px}.oc-th-code,.oc-td-code,.oc-th-subtotal,.oc-td-subtotal,.oc-th-comment,.oc-td-comment,.oc-th-actions,.oc-td-actions-cell{display:none}.oc-summary-row{grid-template-columns:repeat(2,1fr)}.oc-btn-guardar{width:100%;justify-content:center;grid-column:1 / -1}.oc-dual-input-row{flex-direction:column}.oc-dual-input-row .oc-dominant,.oc-dual-input-row .oc-secondary{flex:1;order:unset}.oc-form-row-compact{grid-template-columns:1fr 1fr}.oc-form-row-compact>.oc-form-group:last-child{grid-column:1 / -1}.oc-modal{width:98%;max-height:95vh;border-radius:12px}}@media(max-width:480px){.oc-header{padding:0 .75rem;height:46px}.oc-btn-back{width:34px;height:34px}.oc-page-title{font-size:.95rem}.oc-main{padding:.75rem}.oc-summary-row{grid-template-columns:1fr}.oc-action-buttons{flex-direction:column}.oc-btn-action{flex-direction:row;justify-content:center}.oc-info-grid,.oc-form-row-compact{grid-template-columns:1fr}}