:root{--rose-50: #fff1f2;--rose-100: #f8d6ff;--rose-500: #fface8;--gold-500: #eab308;--gold-600: #ca8a04;--text-main: #000000}body{background-color:var(--rose-50);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0}.dashboard-container{padding:2rem;max-width:1200px;margin:0 auto}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.p-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #f43f5e14!important;border:1px solid var(--rose-100)}.icon-box{background:linear-gradient(135deg,var(--rose-100),var(--rose-50));color:var(--rose-500);width:55px;height:55px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem}.metrics-ribbon{display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-radius:24px;padding:2rem 3rem;box-shadow:0 10px 40px #f43f5e0d;margin-top:2.5rem}.metric-item{display:flex;align-items:center;gap:1.5rem}.metric-icon-chic{background:var(--rose-50);color:var(--gold-600);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.ribbon-divider{width:2px;height:60px;background-color:var(--rose-100);border-radius:2px}.metric-data h3{margin:0;color:#a1a1aa;font-weight:500;font-size:.95rem;text-transform:uppercase}.metric-data h2{margin:5px 0 0;font-size:2.2rem;color:#4c0519}.pos-container{display:grid;grid-template-columns:1fr 350px;gap:2rem;padding:2rem;height:calc(100vh - 4rem)}.search-box{background:#fff;padding:1rem;border-radius:15px;margin-bottom:2rem;box-shadow:0 4px 15px #00000005}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.product-item{background:#fff;border-radius:20px;padding:1rem;text-align:center;transition:all .3s ease;border:1px solid var(--rose-100);cursor:pointer}.product-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px #f43f5e1a}.product-img-placeholder{background:var(--rose-50);height:120px;border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--rose-500);font-size:2rem}.checkout-ticket{background:#fff;border-radius:25px;display:flex;flex-direction:column;box-shadow:0 15px 35px #0000000d;border:1px solid var(--rose-100)}.ticket-header{padding:1.5rem;border-bottom:2px dashed var(--rose-100);text-align:center}.ticket-items{flex:1;padding:1.5rem;overflow-y:auto}.ticket-footer{padding:1.5rem;background:var(--rose-50);border-radius:0 0 25px 25px}.btn-cobrar{background:linear-gradient(135deg,var(--gold-500),var(--gold-600));color:#fff;border:none;width:100%;padding:1rem;border-radius:15px;font-weight:700;font-size:1.1rem;cursor:pointer;box-shadow:0 4px 15px #ca8a044d}.p-tooltip .p-tooltip-text{background-color:#18181b!important;color:#d4af37!important;font-family:Inter,system-ui,sans-serif!important;font-size:.75rem!important;font-weight:700!important;padding:8px 16px!important;border-radius:8px!important;box-shadow:0 10px 25px #0003!important;letter-spacing:.5px!important;text-transform:uppercase!important}.p-tooltip-right .p-tooltip-arrow{border-right-color:#18181b!important}.p-tooltip-left .p-tooltip-arrow{border-left-color:#18181b!important}.p-tooltip-top .p-tooltip-arrow{border-top-color:#18181b!important}.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#18181b!important}.swal2-popup.ia-popup{width:650px!important;border-radius:28px!important;padding:0!important;overflow:hidden!important;background:linear-gradient(135deg,#18181bf5,#27272afa)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 80px #00000073,inset 0 1px #ffffff0d;color:#fff!important}.swal2-title.ia-title{padding:22px 28px 12px!important;margin:0!important;font-size:1.2rem!important;font-weight:700!important;text-align:left!important;color:#facc15!important;display:flex!important;align-items:center;gap:10px}.ia-icon{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#facc15,#d4af37);color:#18181b;font-size:18px;box-shadow:0 10px 25px #facc1559}.swal2-html-container.ia-html{margin:0!important;padding:0 28px 24px!important;text-align:left!important;color:#f4f4f5!important}.ia-content{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:22px;font-size:15px;line-height:1.8;color:#fafafa;max-height:340px;overflow-y:auto;box-shadow:inset 0 1px #ffffff0a}.ia-content::-webkit-scrollbar{width:8px}.ia-content::-webkit-scrollbar-thumb{background:#facc1566;border-radius:20px}.ia-content b{color:#facc15;font-weight:700}.swal2-actions{width:100%;padding:0 28px 28px!important;margin:0!important;gap:10px}.swal2-confirm.ia-confirm{flex:1;height:50px;border-radius:14px!important;border:none!important;background:linear-gradient(135deg,#facc15,#d4af37)!important;color:#18181b!important;font-weight:700!important;font-size:14px!important;transition:all .25s ease!important;box-shadow:0 10px 30px #facc1540}.swal2-confirm.ia-confirm:hover{transform:translateY(-2px);box-shadow:0 14px 35px #facc1559}.swal2-cancel.ia-cancel,.swal2-deny.ia-deny{flex:1;height:50px;border-radius:14px!important;background:#ffffff0d!important;color:#fafafa!important;border:1px solid rgba(255,255,255,.08)!important;font-weight:600!important;transition:.25s ease!important}.swal2-cancel.ia-cancel:hover,.swal2-deny.ia-deny:hover{background:#ffffff17!important}.swal2-popup.role-state-popup{width:min(560px,calc(100vw - 2rem))!important;border-radius:26px!important;padding:0!important;overflow:hidden!important;border:1px solid #f3e3ec!important;background:radial-gradient(circle at top right,rgba(212,175,55,.16),transparent 28%),linear-gradient(180deg,#fffdf9,#fff)!important;box-shadow:0 24px 70px #18181b2e!important}.swal2-title.role-state-title{margin:0!important;padding:1.35rem 1.5rem .7rem!important;color:#b8952e!important;font-family:Playfair Display,Georgia,serif!important;font-size:1.5rem!important;text-align:left!important}.swal2-html-container.role-state-html{margin:0!important;padding:0 1.5rem 1rem!important;text-align:left!important}.role-state-alert{display:grid;gap:1rem;padding:1rem;border:1px solid #f4e7ef;border-radius:20px;background:#ffffffe6}.role-state-icon,.role-state-feedback-icon{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:16px;font-size:1.35rem}.role-state-alert.activate .role-state-icon,.role-state-feedback-icon.activate{background:#dcfce7;color:#166534}.role-state-alert.deactivate .role-state-icon,.role-state-feedback-icon.deactivate{background:#ffe4e6;color:#be123c}.role-state-copy strong{display:block;margin-bottom:.35rem;color:#27272a;font-size:1rem;font-weight:850}.role-state-copy p,.role-state-feedback p{margin:0;color:#52525b;font-size:.9rem;line-height:1.6}.role-state-note{display:inline-grid;gap:.12rem;padding:.8rem .9rem;border:1px solid #ececf0;border-radius:14px;background:#fafafa}.role-state-note span{color:#71717a;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.role-state-note b{color:#27272a;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}.role-state-feedback{display:grid;justify-items:flex-start;gap:.9rem;padding:.95rem 1rem;border:1px solid #f4e7ef;border-radius:20px;background:#ffffffe6}.swal2-actions:has(.role-state-confirm){margin:0!important;padding:0 1.5rem 1.5rem!important;gap:.75rem!important}.swal2-confirm.role-state-confirm,.swal2-cancel.role-state-cancel{min-height:46px!important;border-radius:14px!important;font-size:.86rem!important;font-weight:800!important;box-shadow:none!important}.swal2-confirm.role-state-confirm.activate{background:linear-gradient(135deg,#16a34a,#15803d)!important}.swal2-confirm.role-state-confirm.deactivate{background:linear-gradient(135deg,#e11d48,#be123c)!important}.swal2-confirm.role-state-confirm.success{background:linear-gradient(135deg,#d4af37,#b8952e)!important;color:#fff!important}.swal2-cancel.role-state-cancel{border:1px solid #e4e4e7!important;background:#fff!important;color:#52525b!important}.swal2-popup.inventory-swal-popup{width:min(560px,calc(100vw - 2rem))!important;border-radius:20px!important;padding:0!important;overflow:hidden!important;border:1px solid var(--ui-border-soft)!important;background:var(--ui-surface)!important;box-shadow:0 24px 70px #00000024!important}.swal2-title.inventory-swal-title{margin:0!important;padding:1.25rem 1.5rem .5rem!important;color:var(--ui-brand)!important;font-family:Playfair Display,Georgia,serif!important;font-size:1.45rem!important;line-height:1.1!important;text-align:left!important}.swal2-html-container.inventory-swal-html{margin:0!important;padding:0 1.5rem 1rem!important;text-align:left!important}.inventory-swal-card{display:grid;grid-template-columns:52px minmax(0,1fr);gap:.85rem;align-items:flex-start;padding:1rem;border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-lg);background:linear-gradient(180deg,#fff,#fcfcfd)}.inventory-swal-badge{display:inline-grid;place-items:center;width:52px;height:52px;border:1px solid transparent;border-radius:14px;font-size:1.25rem;box-shadow:none}.inventory-swal-badge.gold{border-color:#efe2bb;background:#fffaf0;color:var(--ui-brand-strong)}.inventory-swal-badge.green,.inventory-swal-badge.success{border-color:#bbf7d0;background:var(--ui-success-bg);color:#059669}.inventory-swal-badge.rose{border-color:#fecdd3;background:var(--ui-danger-bg);color:var(--ui-danger)}.inventory-swal-copy{display:grid;gap:.42rem;min-width:0}.inventory-swal-copy strong{color:var(--ui-text);font-size:.94rem;font-weight:850;line-height:1.45}.inventory-swal-copy p{margin:0;color:var(--ui-muted);font-size:.84rem;line-height:1.55}.swal2-actions:has(.inventory-swal-confirm){margin:0!important;padding:0 1.5rem 1.5rem!important;gap:.75rem!important}.swal2-confirm.inventory-swal-confirm,.swal2-cancel.inventory-swal-cancel{min-height:44px!important;border-radius:var(--ui-radius)!important;padding:0 1.2rem!important;font-size:.86rem!important;font-weight:800!important}.swal2-confirm.inventory-swal-confirm.gold,.swal2-confirm.inventory-swal-confirm.green,.swal2-confirm.inventory-swal-confirm.success,.swal2-confirm.inventory-swal-confirm.rose{background:linear-gradient(135deg,#d4af37,#b8952e)!important;color:#fff!important;border:0!important;box-shadow:var(--ui-shadow-button)!important}.swal2-cancel.inventory-swal-cancel{border:1px solid var(--ui-border)!important;background:#fff!important;color:var(--ui-muted)!important;box-shadow:none!important}.swal2-popup.inventory-swal-popup .swal2-icon{display:none!important}@media(max-width:768px){.swal2-popup.ia-popup{width:calc(100% - 20px)!important}.swal2-actions{flex-direction:column!important}.swal2-confirm,.swal2-cancel,.swal2-deny{width:100%!important}.swal2-title.inventory-swal-title{padding:1.2rem 1rem .45rem!important;font-size:1.22rem!important}.swal2-html-container.inventory-swal-html{padding:0 1rem .85rem!important}.inventory-swal-card{grid-template-columns:1fr;padding:.95rem}.inventory-swal-badge{width:48px;height:48px}.swal2-actions:has(.inventory-swal-confirm){padding:0 1rem 1rem!important}}.ia-loader{width:55px;height:55px;margin:auto;border-radius:50%;border:4px solid rgba(255,255,255,.08);border-top:4px solid #facc15;animation:spinAI .8s linear infinite}@keyframes spinAI{to{transform:rotate(360deg)}}.swal2-backdrop-show{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.swal2-popup.mi-perfil-toast-popup{width:auto!important;min-width:280px!important;max-width:min(420px,calc(100vw - 2rem))!important;border:1px solid #f4e7ef!important;border-radius:18px!important;background:#fff!important;box-shadow:0 18px 48px #27272a2e!important;overflow:hidden!important}.swal2-popup.mi-perfil-toast-popup .swal2-title{color:#27272a!important;font-family:Inter,system-ui,-apple-system,sans-serif!important;font-size:.92rem!important;font-weight:700!important}.swal2-popup.mi-perfil-toast-popup .swal2-html-container{color:#52525b!important}.swal2-popup.mi-perfil-toast-popup .swal2-icon{margin:.5rem auto .25rem!important}.swal2-popup.mi-perfil-toast-popup .swal2-icon.swal2-warning{border-color:#d4af37!important;color:#b8952e!important}.swal2-popup.mi-perfil-toast-popup .swal2-icon.swal2-success{border-color:#22c55e!important;color:#16a34a!important}.swal2-popup.mi-perfil-toast-popup .swal2-icon.swal2-error{border-color:#fb7185!important;color:#e11d48!important}@keyframes modalAI{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.ia-panel{margin-top:1.5rem;background:linear-gradient(135deg,#18181b,#27272a);border-radius:24px;padding:1.5rem;color:#fff}.ia-header h3{margin:1rem 0 4px;color:#facc15}.ia-header p{margin:0;color:#a1a1aa;font-size:.85rem}.ia-buttons{display:flex;flex-direction:column;gap:10px;margin-top:1rem}.btn-ia-pro{border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#fff;padding:14px;border-radius:14px;text-align:left;cursor:pointer;transition:.3s;font-weight:600}.btn-ia-pro:hover{background:#d4af372e;border-color:#facc15;transform:translate(4px)}.modo-switch{display:flex;gap:10px;margin-bottom:1.5rem}.modo-switch button{flex:1;border:none;padding:14px;border-radius:14px;background:#f4f4f5;color:#71717a;font-weight:700;cursor:pointer;transition:.3s}.modo-switch button:hover{background:#e4e4e7}.modo-active{background:linear-gradient(135deg,#d4af37,#facc15)!important;color:#18181b!important;box-shadow:0 10px 20px #d4af3733}.quick-mode-card{display:flex;flex-direction:column;gap:1rem}.input-ux{transition:.25s ease}.input-ux:focus{border-color:#d4af37;background:#fff;box-shadow:0 0 0 4px #d4af3714,0 10px 25px #d4af3714;transform:translateY(-1px)}@media(max-width:980px){.inventory-container{padding:3rem;background:#fafafa;min-height:100vh;overflow-x:hidden}.pos-wrapper{grid-template-columns:1fr;height:auto}.checkout-section{position:relative;top:unset}.pricing-grid{grid-template-columns:1fr}.brand-info h1{font-size:2rem}.form-grid,.ticket-actions{grid-template-columns:1fr}.rentabilidad-amount,.price-big{font-size:1.5rem}}app-root *,app-root *:before,app-root *:after{box-sizing:border-box}app-root .app-layout{display:flex;height:100vh;overflow:hidden;transition:all .4s cubic-bezier(.25,.8,.25,1);font-family:Inter,system-ui,sans-serif}app-root .sidebar{width:280px;background-color:var(--rose-100);display:flex;flex-direction:column;box-shadow:8px 0 30px #0000001f,2px 0 #ffffffb3;z-index:100;transition:width .4s cubic-bezier(.25,.8,.25,1);position:relative}app-root .sidebar.collapsed{width:78px;cursor:pointer}app-root .sidebar.collapsed:hover{background-color:var(--rose-100)}app-root .sidebar-header{min-height:90px;display:flex;align-items:center;padding:0 1.2rem;border-bottom:1px solid rgba(255,255,255,.5);position:relative;margin-bottom:1rem}app-root .logo-brand-wrapper{display:flex;align-items:center;gap:12px;width:100%;overflow:hidden}app-root .brand-logo{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 4px 10px #d4af3733;transition:all .3s ease}app-root .brand-title-wrapper{display:flex;flex-direction:column;justify-content:center;animation:fadeIn .4s ease}app-root .company-name{font-family:Inter,sans-serif;font-size:.7rem;font-weight:700;color:#52525b;margin:0;letter-spacing:2.5px;line-height:1.1}app-root .company-name.gold{font-family:Playfair Display,serif;color:var(--gold-600);font-size:1.1rem;letter-spacing:1px;margin-top:2px}app-root .sidebar.collapsed .sidebar-header{padding:0;justify-content:center}app-root .sidebar.collapsed .logo-brand-wrapper{justify-content:center;gap:0}app-root .sidebar.collapsed .brand-logo{width:42px;height:42px}@keyframes fadeIn{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}app-root .sidebar-content{flex-grow:1;overflow-y:auto;overflow-x:hidden;padding:0 1rem;display:flex;flex-direction:column;gap:1.5rem}app-root .sidebar-content::-webkit-scrollbar{width:0px;background:transparent}app-root .nav-group{display:flex;flex-direction:column;gap:.3rem}app-root .nav-section-btn{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 20px);margin:0 10px;padding:11px 1rem;border:0;border-radius:12px;background:#ffffff52;color:var(--text-main);font:inherit;font-size:.88rem;font-weight:700;cursor:pointer;transition:all .25s ease}app-root .nav-section-btn:hover{background:#ffffff8c;color:var(--gold-600)}app-root .nav-section-main{display:flex;align-items:center;min-width:0}app-root .nav-section-main>i{margin-right:1rem;font-size:1.15rem;min-width:24px;text-align:center;color:#3f3f46b3}app-root .nav-chevron{font-size:.82rem;color:#71717a}app-root .nav-submenu{display:flex;flex-direction:column;gap:.3rem;padding-top:.2rem}app-root .group-title{font-size:.7rem;font-weight:800;color:#3f3f4680;text-transform:uppercase;letter-spacing:1.5px;padding:0 1rem;margin-bottom:.5rem;white-space:nowrap}app-root .nav-item{display:flex;align-items:center;padding:12px 1rem;margin:0 10px 0 22px;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-main);font-weight:600;text-decoration:none;font-size:.9rem;position:relative}app-root .nav-item i{margin-right:1rem;font-size:1.2rem;min-width:24px;text-align:center;color:#3f3f4699;transition:all .3s cubic-bezier(.34,1.56,.64,1)}app-root .nav-item:hover{background-color:#ffffff80;color:var(--gold-600);transform:translate(4px)}app-root .nav-item:hover i{color:var(--gold-600);transform:scale(1.15) rotate(-5deg)}app-root .nav-item.active{background:linear-gradient(135deg,#fff,#fdfbf7);color:var(--gold-600);box-shadow:0 4px 12px #d4af3726,0 1px 3px #00000005;font-weight:700}app-root .nav-item.active i{color:var(--gold-600)}app-root .nav-item.active:before{display:none}app-root .nav-text{transition:opacity .3s ease,transform .3s ease;white-space:nowrap}app-root .sidebar.collapsed .nav-item{justify-content:center;padding:12px 0;margin:0 10px}app-root .sidebar.collapsed .nav-item i{margin-right:0;font-size:1.3rem}app-root .sidebar.collapsed .nav-text{opacity:0;transform:translate(10px);position:absolute}app-root .sidebar.collapsed .nav-section-btn{justify-content:center;padding:12px 0}app-root .sidebar.collapsed .nav-section-main>i{margin-right:0;font-size:1.3rem}app-root .sidebar.collapsed .nav-section-btn .nav-text,app-root .sidebar.collapsed .nav-chevron{opacity:0;position:absolute}app-root .sidebar-user-panel{margin-top:auto;background-color:#fff6;padding:1.2rem;border-top:1px solid rgba(255,255,255,.5);display:flex;flex-direction:column;gap:1rem;transition:all .4s ease}app-root .sidebar.collapsed .sidebar-user-panel{padding:1.2rem 0;align-items:center}app-root .user-info-wrapper{display:flex;align-items:center;gap:12px}app-root .user-avatar{width:42px;height:42px;background:#fff;border:2px solid var(--gold-600);color:var(--gold-600);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;box-shadow:0 4px 10px #d4af3726;flex-shrink:0;overflow:hidden}app-root .user-avatar.has-photo{padding:0;background:#fff}app-root .user-avatar img{width:100%;height:100%;object-fit:cover;display:block}app-root .user-data{display:flex;flex-direction:column;overflow:hidden}app-root .user-name{font-weight:700;color:var(--text-main);font-size:.9rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}app-root .user-role{font-size:.75rem;color:#71717a;font-weight:500}app-root .user-actions{display:flex;gap:8px;justify-content:center;border-top:1px solid rgba(255,255,255,.5);padding-top:.8rem}app-root .action-icon-btn{width:34px;height:34px;border-radius:10px;border:1px solid #e4e4e7;background:#fff;color:#71717a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;font-size:.9rem}app-root .action-icon-btn:hover{border-color:var(--gold-600);color:var(--gold-600);background-color:var(--rose-50)}app-root .action-icon-btn.logout:hover{border-color:#f43f5e;color:#f43f5e;background-color:#fff1f2}app-root .colapsed-logout{border-color:#fecdd3;background:#fff1f2;color:#f43f5e}app-root .main-content{flex:1;overflow-y:auto;background-color:var(--rose-50);transition:all .4s cubic-bezier(.25,.8,.25,1);position:relative}app-root .main-content::-webkit-scrollbar{width:8px}app-root .main-content::-webkit-scrollbar-track{background:var(--rose-50)}app-root .main-content::-webkit-scrollbar-thumb{background:#fee2e2;border-radius:10px}app-root .main-content::-webkit-scrollbar-thumb:hover{background:#fecdd3}app-root .global-topbar{position:sticky;top:0;z-index:90;height:70px;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(212,175,55,.2);display:flex;justify-content:space-between;align-items:center;padding:0 2rem;box-shadow:0 4px 20px #00000005}app-root .topbar-left{display:flex;align-items:center;gap:15px}app-root .topbar-mini-logo{width:40px!important;height:40px!important;min-width:40px!important;max-height:40px!important;object-fit:contain!important;object-position:center!important;border-radius:0!important;box-shadow:none!important;display:block!important;flex-shrink:0!important}app-root .topbar-brand{display:flex;align-items:center;gap:10px}app-root .topbar-titles{display:grid;align-items:center;gap:1px;line-height:1}app-root .system-company{font-family:Inter,sans-serif;font-weight:800;font-size:.9rem;color:#27272a;letter-spacing:.14em}app-root .system-name{font-family:Inter,sans-serif;font-weight:700;font-size:.7rem;color:var(--gold-600);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,var(--gold-600),#fde08b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}app-root .topbar-right{display:flex;align-items:center;gap:20px}app-root .status-badge{display:flex;align-items:center;gap:6px;background:#f0fdf4;padding:4px 10px;border-radius:20px;border:1px solid #bbf7d0}app-root .status-dot{width:8px;height:8px;background-color:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e;animation:pulse 2s infinite}app-root .status-text{font-size:.7rem;font-weight:700;color:#166534;text-transform:uppercase;letter-spacing:.5px}app-root .topbar-icon-btn{background:#fff;border:1px solid #e4e4e7;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#71717a;cursor:pointer;transition:.3s;position:relative}app-root .topbar-icon-btn:hover{color:var(--gold-600);border-color:var(--gold-600);box-shadow:0 4px 10px #d4af3726;transform:translateY(-2px)}app-root .topbar-icon-btn:after{content:"";position:absolute;top:8px;right:10px;width:6px;height:6px;background-color:#f43f5e;border-radius:50%}@keyframes pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(.95);opacity:.8}}app-root .mobile-overlay{display:none}app-root .hamburger-btn{display:none}@media(max-width:900px){app-root .global-topbar{padding:0 1rem}app-root .hamburger-btn{display:block;background:none;border:none;font-size:1.5rem;color:var(--gold-600);cursor:pointer;padding:0}app-root .system-name,app-root .status-badge{display:none}app-root .sidebar{position:fixed;left:-300px;top:0;height:100vh;z-index:1000;width:280px!important;transition:left .3s ease}app-root .app-layout.mobile-open .sidebar{left:0}app-root .app-layout.mobile-open .mobile-overlay{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;animation:fadeIn .3s}app-root .main-content{margin-left:0!important;width:100%!important}}app-inventory *,app-inventory *:before,app-inventory *:after{box-sizing:border-box}app-inventory .inventory-container{padding:3rem;background:#fafafa;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;color:#27272a}app-inventory .boutique-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}app-inventory .brand-info h1{font-family:Playfair Display,serif;color:#d4af37;font-size:2.8rem;margin:0;letter-spacing:-1px}app-inventory .subtitle{color:#71717a;font-weight:500;margin-top:5px;font-size:.95rem}app-inventory .header-actions{display:flex;gap:12px}app-inventory .btn-primary{background:linear-gradient(135deg,#d4af37,#b8952e);color:#fff;border:none;padding:0 1.5rem;height:36px;border-radius:8px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #d4af374d;transition:.3s;font-size:.85rem;display:flex;align-items:center;justify-content:center;box-sizing:border-box}app-inventory .btn-category{background:#fff;border:2px solid #fecdd3;color:#f43f5e;padding:0 1.5rem;height:36px;border-radius:8px;font-weight:700;cursor:pointer;transition:.3s;font-size:.85rem;display:flex;align-items:center;justify-content:center;box-sizing:border-box}app-inventory .btn-ghost{background:#fff;border:1.5px solid #e4e4e7;color:#71717a;padding:0 1.5rem;height:36px;border-radius:8px;font-weight:700;cursor:pointer;transition:.2s;font-size:.85rem;display:flex;align-items:center;justify-content:center;box-sizing:border-box}app-inventory .btn-primary:hover,app-inventory .btn-category:hover{transform:translateY(-2px)}app-inventory .btn-ghost:hover{background:#f4f4f5;color:#18181b;border-color:#d4af37}app-inventory .btn-primary:disabled{opacity:.7;cursor:wait;transform:none;box-shadow:none}app-inventory .toolbar-premium{background:#fff;padding:1.2rem 1.5rem;border-radius:16px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2.5rem;box-shadow:0 5px 20px #00000008;width:100%}app-inventory .filters-group{display:flex;align-items:center;flex-wrap:wrap;gap:10px}app-inventory .search-box{position:relative;width:260px;height:36px;display:flex;align-items:center;background:#fcfcfd;border:1px solid #e4e4e7;border-radius:8px;padding:0 12px;box-sizing:border-box;transition:.2s;margin:0;flex-shrink:0}app-inventory .search-box:focus-within{border-color:#d4af37;background:#fff;box-shadow:0 0 0 3px #d4af371a}app-inventory .search-box .search-icon{color:#a1a1aa;font-size:.95rem;margin-right:8px;flex-shrink:0}app-inventory .search-box .clear-search{color:#a1a1aa;font-size:.95rem;cursor:pointer;margin-left:8px;flex-shrink:0;transition:.2s}app-inventory .search-box .clear-search:hover{color:#f43f5e}app-inventory .search-input{flex-grow:1;height:100%;border:none;background:transparent;outline:none;font-family:inherit;font-size:.85rem;color:#3f3f46;padding:0;min-width:0}app-inventory .btn-clear-filters,app-inventory .btn-export{height:36px;box-sizing:border-box;margin:0}app-inventory .select-ux{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #e4e4e7;border-radius:8px;padding:0 2.5rem 0 1.2rem;font-size:.85rem;font-weight:500;color:#52525b;cursor:pointer;outline:none;transition:all .3s ease;min-width:180px;height:36px;box-sizing:border-box;margin:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;background-size:16px}app-inventory .select-ux:hover{border-color:#d4af37;box-shadow:0 4px 12px #d4af371a}app-inventory .select-ux:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af3733}app-inventory .select-ux option{font-weight:400;color:#3f3f46;padding:10px}app-inventory .actions-group{display:flex;align-items:center;gap:8px;margin-left:auto;justify-content:flex-end;flex-wrap:wrap}app-inventory .btn-clear-filters{width:36px;padding:0;border-radius:8px;border:1px solid #fecdd3;background:#fff1f2;color:#f43f5e;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;font-size:1rem}app-inventory .btn-clear-filters:hover{background:#f43f5e;color:#fff;border-color:#f43f5e}app-inventory .btn-export{padding:0 1rem;border-radius:8px;border:none;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.8rem;transition:.2s}app-inventory .btn-export.excel{background:#ecfdf5;color:#065f46}app-inventory .btn-export.pdf{background:#fff1f2;color:#9f1239}app-inventory .table-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #00000008;width:100%;min-height:250px}app-inventory table{width:100%;border-collapse:collapse}app-inventory th{padding:1.2rem;color:#d4af37;background:#fffafb;text-align:left;font-weight:700;text-transform:uppercase;font-size:.7rem;letter-spacing:1px;border-bottom:2px solid #fafafa}app-inventory td{padding:1rem 1.2rem;border-bottom:1px solid #f8f8f8;font-size:.9rem}app-inventory .sortable{cursor:pointer;transition:.2s;-webkit-user-select:none;user-select:none}app-inventory .sortable:hover{background:#fdfaf2;color:#b8952e}app-inventory .sortable i{font-size:.75rem;margin-left:4px;color:#e4e4e7;transition:.2s}app-inventory .sortable:hover i{color:#d4af37}app-inventory .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}app-inventory .empty-icon{font-size:4rem;color:#fecdd3;margin-bottom:1rem}app-inventory .empty-state h3{color:#52525b;margin-bottom:5px;font-size:1.2rem}app-inventory .empty-state p{color:#a1a1aa;margin-bottom:1.5rem;font-size:.9rem}app-inventory .product-cell{display:flex;align-items:center;gap:12px}app-inventory .prod-img{width:45px;height:45px;border-radius:8px;object-fit:contain;border:1px solid #eee;background:#fff}app-inventory .no-img-placeholder{width:45px;height:45px;background:#f8f8f8;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:.9rem}app-inventory .product-info-col{display:flex;flex-direction:column;gap:3px}app-inventory .prod-name{font-weight:600;color:#27272a}app-inventory .sku-text{font-family:monospace;color:#a1a1aa;font-size:.75rem;letter-spacing:.5px}app-inventory .price-text{color:#d4af37;font-weight:700;font-size:1rem}app-inventory .text-center{text-align:center}app-inventory .badge{padding:.3rem .8rem;border-radius:20px;font-size:.65rem;font-weight:800;text-transform:uppercase}app-inventory .badge.active{background:#dcfce7;color:#166534}app-inventory .badge.inactive{background:#fee2e2;color:#991b1b}app-inventory .action-buttons{display:flex;gap:6px;justify-content:center}app-inventory .btn-action{width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;font-size:.85rem}app-inventory .btn-action.view{background:#f0f9ff;color:#0369a1}app-inventory .btn-action.edit{background:#fafaf9;color:#52525b;border:1px solid #e4e4e7}app-inventory .btn-action.stock{background:#ecfdf5;color:#059669}app-inventory .pagination-footer{padding:1.5rem 2rem;background:#fff;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px solid #f0f0f0;gap:.8rem}app-inventory .pagination-controls{display:flex;align-items:center;justify-content:flex-start;gap:1.5rem}app-inventory .page-numbers{display:flex;gap:6px}app-inventory .page-numbers button{width:32px;height:32px;border:1px solid #e4e4e7;background:#fff;border-radius:8px;cursor:pointer;font-weight:600;color:#71717a;transition:.3s;display:flex;align-items:center;justify-content:center;font-size:.85rem}app-inventory .page-numbers button.active{background:#d4af37;color:#fff;border-color:#d4af37;box-shadow:0 4px 10px #d4af374d}app-inventory .btn-nav{background:#fff;border:1px solid #e4e4e7;padding:0 1rem;height:32px;border-radius:8px;cursor:pointer;font-weight:600;color:#52525b;display:flex;align-items:center;justify-content:center;font-size:.85rem}app-inventory .btn-nav:disabled{opacity:.3;cursor:not-allowed}app-inventory .pagination-info{font-size:.85rem;color:#a1a1aa;letter-spacing:.3px}app-inventory .pagination-info b{color:#52525b;font-weight:700}app-inventory .modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000}app-inventory .modal-card{background:#fff;width:95%;max-width:600px;border-radius:20px;box-shadow:0 20px 50px #00000026;overflow:hidden;animation:modalFade .3s ease;position:relative}app-inventory .modal-header{padding:1.2rem 2rem;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}app-inventory .modal-header h2{font-family:Playfair Display;color:#d4af37;margin:0;font-size:1.4rem}app-inventory .close-btn{font-size:1.2rem;color:#aaa;cursor:pointer;transition:.2s}app-inventory .close-btn:hover{color:#f43f5e;transform:rotate(90deg)}app-inventory .modal-body{padding:2rem;max-height:70vh;overflow-y:auto}app-inventory .modal-footer{padding:1.2rem 2rem;background:#fafafa;display:flex;justify-content:flex-end;gap:10px}app-inventory .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}app-inventory .full{grid-column:span 2}app-inventory .form-field label{display:block;margin-bottom:6px;font-weight:600;color:#555;font-size:.75rem;text-transform:uppercase}app-inventory .req-star{color:#f43f5e;font-size:.9rem;margin-left:2px}app-inventory .input-ux{width:100%;padding:.7rem 1rem;border-radius:10px;border:1px solid #d4d4d8;background:#fcfcfd;outline:none;font-size:.85rem;font-family:inherit;transition:.2s;box-sizing:border-box}app-inventory .input-ux:focus{border-color:#d4af37;background:#fff;box-shadow:0 0 0 3px #d4af371a}app-inventory .input-ux-select{width:100%;padding:.7rem 1rem;border-radius:10px;border:1px solid #d4d4d8;background:#fff;outline:none;font-size:.85rem;font-family:inherit;cursor:pointer;box-sizing:border-box}app-inventory textarea.input-ux{resize:vertical;min-height:70px}app-inventory .dropzone-ux{border:2px dashed #fecdd3;background:#fffafb;border-radius:12px;padding:2rem;text-align:center;position:relative;cursor:pointer;transition:all .3s ease}app-inventory .dropzone-ux i{font-size:2rem;color:#f43f5e;margin-bottom:8px;transition:.3s}app-inventory .dropzone-ux p{font-size:.85rem;color:#71717a;transition:.3s;pointer-events:none}app-inventory .dropzone-ux input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}app-inventory .dropzone-ux.drag-over{border-color:#d4af37;background:#fffdf5;transform:scale(1.02)}app-inventory .dropzone-ux.drag-over i{color:#d4af37;transform:translateY(-5px)}app-inventory .full-width{width:100%}app-inventory .label-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}app-inventory .label-with-action label{margin-bottom:0}app-inventory .btn-ia-generate{background:linear-gradient(135deg,#d4af37,#fde08b);color:#5e4200;border:none;padding:4px 12px;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:5px;transition:.3s;box-shadow:0 2px 5px #d4af374d}app-inventory .btn-ia-generate:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1)}app-inventory .btn-ia-generate:disabled{opacity:.6;cursor:wait}app-inventory .image-preview-container{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}app-inventory .preview-card{position:relative;width:80px;height:80px;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px #0000001a;border:2px solid transparent;transition:.2s}app-inventory .preview-card:hover{border-color:#d4af37}app-inventory .preview-card img{width:100%;height:100%;object-fit:contain;background:#fff}app-inventory .preview-actions{position:absolute;bottom:0;left:0;width:100%;height:30px;background:#0009;display:flex;justify-content:space-between;align-items:center;padding:0 4px;opacity:0;transition:.2s}app-inventory .preview-card:hover .preview-actions{opacity:1}app-inventory .btn-move{background:none;border:none;color:#fff;cursor:pointer;font-size:.8rem;padding:2px}app-inventory .btn-move:disabled{color:#555;cursor:not-allowed}app-inventory .btn-move:hover:not(:disabled){color:#d4af37}app-inventory .btn-delete-img{background:none;border:none;color:#f43f5e;cursor:pointer;font-size:.85rem;padding:2px}app-inventory .btn-delete-img:hover{color:#fda4af}app-inventory .detail-card{max-width:900px;display:flex;flex-direction:column;position:relative}app-inventory .close-modal-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;background:#f4f4f5;color:#71717a;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;z-index:1000;transition:all .2s ease;border:none}app-inventory .close-modal-btn:hover{background:#fee2e2;color:#e11d48;transform:rotate(90deg)}app-inventory .detail-split{display:flex;flex-wrap:wrap}app-inventory .detail-gallery{flex:1.2;background:#fbfbfb;padding:2rem;border-right:1px solid #f0f0f0}app-inventory .main-view{position:relative;height:350px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;border:1px solid #f0f0f0;overflow:hidden;margin-bottom:1.2rem}app-inventory .main-view img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s}app-inventory .main-view:hover img{transform:scale(1.05)}app-inventory .big-icon{font-size:3rem;color:#ddd}app-inventory .gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;background:#ffffffb3;border:1px solid rgba(0,0,0,.05);border-radius:50%;color:#71717a;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014;transition:.2s;z-index:10;opacity:0;font-size:.8rem}app-inventory .main-view:hover .gallery-nav{opacity:1}app-inventory .gallery-nav:hover{background:#18181b;color:#fff;border-color:#18181b;transform:translateY(-50%) scale(1.1)}app-inventory .gallery-nav.left{left:10px}app-inventory .gallery-nav.right{right:10px}app-inventory .expand-btn{position:absolute;top:10px;right:10px;width:35px;height:35px;background:#ffffffe6;border:1px solid #eee;border-radius:8px;color:#555;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000001a;transition:.2s;z-index:10;opacity:0}app-inventory .main-view:hover .expand-btn{opacity:1}app-inventory .expand-btn:hover{background:#18181b;color:#fff;border-color:#18181b}app-inventory .thumb-strip{display:flex;gap:8px;justify-content:center}app-inventory .thumb-strip img{width:50px;height:50px;border-radius:10px;cursor:pointer;border:2px solid transparent;object-fit:contain;background:#fff;transition:.2s}app-inventory .active-thumb{border-color:#d4af37!important;transform:scale(1.05)}app-inventory .detail-info{flex:1;padding:2.5rem;position:relative;display:flex;flex-direction:column}app-inventory .category-tag{color:#d4af37;font-weight:800;font-size:.75rem;text-transform:uppercase;letter-spacing:1px}app-inventory .sku-detail-tag{font-family:monospace;color:#a1a1aa;font-size:.85rem;background:#f4f4f5;padding:4px 8px;border-radius:6px}app-inventory .detail-title{font-family:Playfair Display;font-size:2rem;color:#18181b;margin:8px 0}app-inventory .detail-price{font-size:2rem;font-weight:800;color:#1a1a1a;margin-bottom:1.5rem}app-inventory .detail-stats{display:flex;gap:2rem;border-top:1px solid #f0f0f0;padding-top:1.2rem;margin-bottom:1.5rem}app-inventory .stat-item b{display:block;font-size:1rem;margin-top:4px}app-inventory .desc-label{color:#a1a1aa;font-weight:700;font-size:.75rem;letter-spacing:1px}app-inventory .desc-scroll-area{max-height:200px;overflow-y:auto;padding-right:10px;margin-bottom:1rem}app-inventory .desc-scroll-area::-webkit-scrollbar{width:6px}app-inventory .desc-scroll-area::-webkit-scrollbar-thumb{background:#e4e4e7;border-radius:10px}app-inventory .desc-text{color:#52525b;line-height:1.5;margin-top:6px;font-size:.9rem}app-inventory .lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;z-index:99999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}app-inventory .lightbox-img{max-width:90%;max-height:90vh;object-fit:contain;box-shadow:0 10px 40px #00000080;border-radius:12px}app-inventory .lightbox-close{position:absolute;top:30px;right:30px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 20px;border-radius:30px;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.3s;z-index:999999}app-inventory .lightbox-close i{font-size:1.1rem}app-inventory .lightbox-close:hover{background:#f43f5e;border-color:#f43f5e;transform:scale(1.05)}app-inventory .lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;background:transparent;border:none;color:#fff;font-size:3rem;cursor:pointer;opacity:.5;transition:.2s}app-inventory .lightbox-nav:hover{opacity:1;text-shadow:0 0 10px rgba(255,255,255,.5)}app-inventory .lightbox-nav.left{left:20px}app-inventory .lightbox-nav.right{right:20px}app-inventory .lightbox-counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#fff;font-family:monospace;font-size:1.2rem;background:#00000080;padding:5px 15px;border-radius:20px}app-inventory .close-btn-float{position:absolute;top:15px;right:15px;font-size:1.3rem;color:#aaa;cursor:pointer;transition:.3s;z-index:100}app-inventory .close-btn-float:hover{color:#f43f5e;transform:rotate(90deg)}app-inventory .mini-modal{max-width:380px}app-inventory .centered-content{text-align:center;padding-top:3rem}app-inventory .circle-icon{width:60px;height:60px;background:#fffdf5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#d4af37;font-size:2rem;border:1px solid #fdf2ce}app-inventory .target-name{color:#71717a;margin-bottom:.5rem;font-size:.9rem}app-inventory .giant-input{width:100%;padding:.8rem;border:2px solid #e4e4e7;border-radius:12px;text-align:center;font-size:2rem;font-weight:700;color:#d4af37;outline:none;transition:.3s;box-sizing:border-box}app-inventory .giant-input:focus{border-color:#d4af37}app-inventory .center-footer{justify-content:center;padding-bottom:2rem;border:none;background:#fff}app-inventory .tooltip-trigger{position:relative}app-inventory .tooltip-trigger:after{content:attr(data-tooltip);position:absolute;bottom:120%;left:50%;transform:translate(-50%) translateY(5px);background:#18181b;color:#fff;padding:.4rem .8rem;border-radius:8px;font-size:.75rem;font-weight:600;font-family:Inter,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:.2s ease-out;z-index:9999;box-shadow:0 4px 10px #0003}app-inventory .tooltip-trigger:before{content:"";position:absolute;bottom:105%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:#18181b transparent transparent transparent;opacity:0;pointer-events:none;transition:.2s ease-out;z-index:9999}app-inventory .tooltip-trigger:hover:after{opacity:1;transform:translate(-50%) translateY(0)}app-inventory .tooltip-trigger:hover:before{opacity:1}app-categories *,app-categories *:before,app-categories *:after{box-sizing:border-box}app-categories .inventory-container{padding:3rem;background:#fafafa;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;color:#27272a}app-categories .boutique-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}app-categories .brand-info h1{font-family:Playfair Display,serif;color:#d4af37;font-size:2.8rem;margin:0;letter-spacing:-1px}app-categories .subtitle{color:#71717a;font-weight:500;margin-top:5px;font-size:.95rem}app-categories .header-actions{display:flex;gap:12px}app-categories .btn-primary{background:linear-gradient(135deg,#d4af37,#b8952e);color:#fff;border:none;padding:0 1.5rem;height:36px;border-radius:8px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #d4af374d;transition:.3s;font-size:.85rem;display:flex;align-items:center;justify-content:center;box-sizing:border-box}app-categories .btn-category{background:#fff;border:2px solid #fecdd3;color:#f43f5e;padding:0 1.5rem;height:36px;border-radius:8px;font-weight:700;cursor:pointer;transition:.3s;font-size:.85rem;display:flex;align-items:center;justify-content:center;box-sizing:border-box}app-categories .btn-ghost{background:#fff;border:1.5px solid #e4e4e7;color:#71717a;padding:0 1.5rem;height:36px;border-radius:8px;font-weight:700;cursor:pointer;transition:.2s;font-size:.85rem;display:flex;align-items:center;justify-content:center;box-sizing:border-box}app-categories .btn-primary:hover,app-categories .btn-category:hover{transform:translateY(-2px)}app-categories .btn-ghost:hover{background:#f4f4f5;color:#18181b;border-color:#d4af37}app-categories .btn-primary:disabled{opacity:.7;cursor:wait;transform:none;box-shadow:none}app-categories .toolbar-premium{background:#fff;padding:1.2rem 1.5rem;border-radius:16px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2.5rem;box-shadow:0 5px 20px #00000008;width:100%}app-categories .filters-group{display:flex;align-items:center;flex-wrap:wrap;gap:10px}app-categories .search-box{position:relative;width:260px;height:36px;display:flex;align-items:center;background:#fcfcfd;border:1px solid #e4e4e7;border-radius:8px;padding:0 12px;box-sizing:border-box;transition:.2s;margin:0;flex-shrink:0}app-categories .search-box:focus-within{border-color:#d4af37;background:#fff;box-shadow:0 0 0 3px #d4af371a}app-categories .search-box .search-icon{color:#a1a1aa;font-size:.95rem;margin-right:8px;flex-shrink:0}app-categories .search-box .clear-search{color:#a1a1aa;font-size:.95rem;cursor:pointer;margin-left:8px;flex-shrink:0;transition:.2s}app-categories .search-box .clear-search:hover{color:#f43f5e}app-categories .search-input{flex-grow:1;height:100%;border:none;background:transparent;outline:none;font-family:inherit;font-size:.85rem;color:#3f3f46;padding:0;min-width:0}app-categories .btn-clear-filters,app-categories .btn-export{height:36px;box-sizing:border-box;margin:0}app-categories .select-ux{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #e4e4e7;border-radius:8px;padding:0 2.5rem 0 1.2rem;font-size:.85rem;font-weight:500;color:#52525b;cursor:pointer;outline:none;transition:all .3s ease;min-width:180px;height:36px;box-sizing:border-box;margin:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;background-size:16px}app-categories .select-ux:hover{border-color:#d4af37;box-shadow:0 4px 12px #d4af371a}app-categories .select-ux:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af3733}app-categories .select-ux option{font-weight:400;color:#3f3f46;padding:10px}app-categories .actions-group{display:flex;align-items:center;gap:8px;margin-left:auto;justify-content:flex-end;flex-wrap:wrap}app-categories .btn-clear-filters{width:36px;padding:0;border-radius:8px;border:1px solid #fecdd3;background:#fff1f2;color:#f43f5e;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;font-size:1rem}app-categories .btn-clear-filters:hover{background:#f43f5e;color:#fff;border-color:#f43f5e}app-categories .btn-export{padding:0 1rem;border-radius:8px;border:none;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.8rem;transition:.2s}app-categories .btn-export.excel{background:#ecfdf5;color:#065f46}app-categories .btn-export.pdf{background:#fff1f2;color:#9f1239}app-categories .table-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #00000008;width:100%;min-height:250px}app-categories table{width:100%;border-collapse:collapse}app-categories th{padding:1.2rem;color:#d4af37;background:#fffafb;text-align:left;font-weight:700;text-transform:uppercase;font-size:.7rem;letter-spacing:1px;border-bottom:2px solid #fafafa}app-categories td{padding:1rem 1.2rem;border-bottom:1px solid #f8f8f8;font-size:.9rem}app-categories .sortable{cursor:pointer;transition:.2s;-webkit-user-select:none;user-select:none}app-categories .sortable:hover{background:#fdfaf2;color:#b8952e}app-categories .sortable i{font-size:.75rem;margin-left:4px;color:#e4e4e7;transition:.2s}app-categories .sortable:hover i{color:#d4af37}app-categories .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}app-categories .empty-icon{font-size:4rem;color:#fecdd3;margin-bottom:1rem}app-categories .empty-state h3{color:#52525b;margin-bottom:5px;font-size:1.2rem}app-categories .empty-state p{color:#a1a1aa;margin-bottom:1.5rem;font-size:.9rem}app-categories .product-cell{display:flex;align-items:center;gap:12px}app-categories .prod-img{width:45px;height:45px;border-radius:8px;object-fit:cover;border:1px solid #eee}app-categories .no-img-placeholder{width:45px;height:45px;background:#f8f8f8;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:.9rem}app-categories .product-info-col{display:flex;flex-direction:column;gap:3px}app-categories .prod-name{font-weight:600;color:#27272a}app-categories .sku-text{font-family:monospace;color:#a1a1aa;font-size:.75rem;letter-spacing:.5px}app-categories .price-text{color:#d4af37;font-weight:700;font-size:1rem}app-categories .text-center{text-align:center}app-categories .badge{padding:.3rem .8rem;border-radius:20px;font-size:.65rem;font-weight:800;text-transform:uppercase}app-categories .badge.active{background:#dcfce7;color:#166534}app-categories .badge.inactive{background:#fee2e2;color:#991b1b}app-categories .action-buttons{display:flex;gap:6px;justify-content:center}app-categories .btn-action{width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;font-size:.85rem}app-categories .btn-action.view{background:#f0f9ff;color:#0369a1}app-categories .btn-action.edit{background:#fafaf9;color:#52525b;border:1px solid #e4e4e7}app-categories .btn-action.stock{background:#ecfdf5;color:#059669}app-categories .modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000}app-categories .modal-card{background:#fff;width:95%;max-width:600px;border-radius:20px;box-shadow:0 20px 50px #00000026;overflow:hidden;animation:modalFade .3s ease;position:relative}app-categories .modal-header{padding:1.2rem 2rem;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}app-categories .modal-header h2{font-family:Playfair Display;color:#d4af37;margin:0;font-size:1.4rem}app-categories .close-btn{font-size:1.2rem;color:#aaa;cursor:pointer;transition:.2s}app-categories .close-btn:hover{color:#f43f5e;transform:rotate(90deg)}app-categories .modal-body{padding:2rem;max-height:70vh;overflow-y:auto}app-categories .modal-footer{padding:1.2rem 2rem;background:#fafafa;display:flex;justify-content:flex-end;gap:10px}app-categories .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}app-categories .full{grid-column:span 2}app-categories .form-field label{display:block;margin-bottom:6px;font-weight:600;color:#555;font-size:.75rem;text-transform:uppercase}app-categories .req-star{color:#f43f5e;font-size:.9rem;margin-left:2px}app-categories .input-ux{width:100%;padding:.7rem 1rem;border-radius:10px;border:1px solid #d4d4d8;background:#fcfcfd;outline:none;font-size:.85rem;font-family:inherit;transition:.2s;box-sizing:border-box}app-categories .input-ux:focus{border-color:#d4af37;background:#fff;box-shadow:0 0 0 3px #d4af371a}app-categories .input-ux-select{width:100%;padding:.7rem 1rem;border-radius:10px;border:1px solid #d4d4d8;background:#fff;outline:none;font-size:.85rem;font-family:inherit;cursor:pointer;box-sizing:border-box}app-categories textarea.input-ux{resize:vertical;min-height:70px}app-categories .dropzone-ux{border:2px dashed #fecdd3;background:#fffafb;border-radius:12px;padding:2rem;text-align:center;position:relative;cursor:pointer;transition:all .3s ease}app-categories .dropzone-ux i{font-size:2rem;color:#f43f5e;margin-bottom:8px;transition:.3s}app-categories .dropzone-ux p{font-size:.85rem;color:#71717a;transition:.3s;pointer-events:none}app-categories .dropzone-ux input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}app-categories .dropzone-ux.drag-over{border-color:#d4af37;background:#fffdf5;transform:scale(1.02)}app-categories .dropzone-ux.drag-over i{color:#d4af37;transform:translateY(-5px)}app-categories .full-width{width:100%}app-categories .label-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}app-categories .label-with-action label{margin-bottom:0}app-categories .btn-ia-generate{background:linear-gradient(135deg,#d4af37,#fde08b);color:#5e4200;border:none;padding:4px 12px;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:5px;transition:.3s;box-shadow:0 2px 5px #d4af374d}app-categories .btn-ia-generate:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1)}app-categories .btn-ia-generate:disabled{opacity:.6;cursor:wait}app-categories .image-preview-container{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}app-categories .preview-card{position:relative;width:80px;height:80px;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px #0000001a;border:2px solid transparent;transition:.2s}app-categories .preview-card:hover{border-color:#d4af37}app-categories .preview-card img{width:100%;height:100%;object-fit:cover}app-categories .preview-actions{position:absolute;bottom:0;left:0;width:100%;height:30px;background:#0009;display:flex;justify-content:space-between;align-items:center;padding:0 4px;opacity:0;transition:.2s}app-categories .preview-card:hover .preview-actions{opacity:1}app-categories .btn-move{background:none;border:none;color:#fff;cursor:pointer;font-size:.8rem;padding:2px}app-categories .btn-move:disabled{color:#555;cursor:not-allowed}app-categories .btn-move:hover:not(:disabled){color:#d4af37}app-categories .btn-delete-img{background:none;border:none;color:#f43f5e;cursor:pointer;font-size:.85rem;padding:2px}app-categories .btn-delete-img:hover{color:#fda4af}app-categories .detail-card{max-width:900px;display:flex;flex-direction:column;position:relative}app-categories .close-modal-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;background:#f4f4f5;color:#71717a;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;z-index:1000;transition:all .2s ease;border:none}app-categories .close-modal-btn:hover{background:#fee2e2;color:#e11d48;transform:rotate(90deg)}app-categories .detail-split{display:flex;flex-wrap:wrap}app-categories .detail-gallery{flex:1.2;background:#fbfbfb;padding:2rem;border-right:1px solid #f0f0f0}app-categories .main-view{position:relative;height:350px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;border:1px solid #f0f0f0;overflow:hidden;margin-bottom:1.2rem}app-categories .main-view img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s}app-categories .main-view:hover img{transform:scale(1.05)}app-categories .big-icon{font-size:3rem;color:#ddd}app-categories .gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;background:#ffffffb3;border:1px solid rgba(0,0,0,.05);border-radius:50%;color:#71717a;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014;transition:.2s;z-index:10;opacity:0;font-size:.8rem}app-categories .main-view:hover .gallery-nav{opacity:1}app-categories .gallery-nav:hover{background:#18181b;color:#fff;border-color:#18181b;transform:translateY(-50%) scale(1.1)}app-categories .gallery-nav.left{left:10px}app-categories .gallery-nav.right{right:10px}app-categories .expand-btn{position:absolute;top:10px;right:10px;width:35px;height:35px;background:#ffffffe6;border:1px solid #eee;border-radius:8px;color:#555;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000001a;transition:.2s;z-index:10;opacity:0}app-categories .main-view:hover .expand-btn{opacity:1}app-categories .expand-btn:hover{background:#18181b;color:#fff;border-color:#18181b}app-categories .thumb-strip{display:flex;gap:8px;justify-content:center}app-categories .thumb-strip img{width:50px;height:50px;border-radius:10px;cursor:pointer;border:2px solid transparent;object-fit:cover;transition:.2s}app-categories .active-thumb{border-color:#d4af37!important;transform:scale(1.05)}app-categories .detail-info{flex:1;padding:2.5rem;position:relative;display:flex;flex-direction:column}app-categories .category-tag{color:#d4af37;font-weight:800;font-size:.75rem;text-transform:uppercase;letter-spacing:1px}app-categories .sku-detail-tag{font-family:monospace;color:#a1a1aa;font-size:.85rem;background:#f4f4f5;padding:4px 8px;border-radius:6px}app-categories .detail-title{font-family:Playfair Display;font-size:2rem;color:#18181b;margin:8px 0}app-categories .detail-price{font-size:2rem;font-weight:800;color:#1a1a1a;margin-bottom:1.5rem}app-categories .detail-stats{display:flex;gap:2rem;border-top:1px solid #f0f0f0;padding-top:1.2rem;margin-bottom:1.5rem}app-categories .stat-item b{display:block;font-size:1rem;margin-top:4px}app-categories .desc-label{color:#a1a1aa;font-weight:700;font-size:.75rem;letter-spacing:1px}app-categories .desc-scroll-area{max-height:200px;overflow-y:auto;padding-right:10px;margin-bottom:1rem}app-categories .desc-scroll-area::-webkit-scrollbar{width:6px}app-categories .desc-scroll-area::-webkit-scrollbar-thumb{background:#e4e4e7;border-radius:10px}app-categories .desc-text{color:#52525b;line-height:1.5;margin-top:6px;font-size:.9rem}app-categories .lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;z-index:99999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}app-categories .lightbox-img{max-width:90%;max-height:90vh;object-fit:contain;box-shadow:0 10px 40px #00000080;border-radius:12px}app-categories .lightbox-close{position:absolute;top:30px;right:30px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 20px;border-radius:30px;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.3s;z-index:999999}app-categories .lightbox-close i{font-size:1.1rem}app-categories .lightbox-close:hover{background:#f43f5e;border-color:#f43f5e;transform:scale(1.05)}app-categories .lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;background:transparent;border:none;color:#fff;font-size:3rem;cursor:pointer;opacity:.5;transition:.2s}app-categories .lightbox-nav:hover{opacity:1;text-shadow:0 0 10px rgba(255,255,255,.5)}app-categories .lightbox-nav.left{left:20px}app-categories .lightbox-nav.right{right:20px}app-categories .lightbox-counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#fff;font-family:monospace;font-size:1.2rem;background:#00000080;padding:5px 15px;border-radius:20px}app-categories .close-btn-float{position:absolute;top:15px;right:15px;font-size:1.3rem;color:#aaa;cursor:pointer;transition:.3s;z-index:100}app-categories .close-btn-float:hover{color:#f43f5e;transform:rotate(90deg)}app-categories .mini-modal{max-width:380px}app-categories .centered-content{text-align:center;padding-top:3rem}app-categories .circle-icon{width:60px;height:60px;background:#fffdf5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#d4af37;font-size:2rem;border:1px solid #fdf2ce}app-categories .target-name{color:#71717a;margin-bottom:.5rem;font-size:.9rem}app-categories .giant-input{width:100%;padding:.8rem;border:2px solid #e4e4e7;border-radius:12px;text-align:center;font-size:2rem;font-weight:700;color:#d4af37;outline:none;transition:.3s;box-sizing:border-box}app-categories .giant-input:focus{border-color:#d4af37}app-categories .center-footer{justify-content:center;padding-bottom:2rem;border:none;background:#fff}app-categories .tooltip-trigger{position:relative}app-categories .tooltip-trigger:after{content:attr(data-tooltip);position:absolute;bottom:120%;left:50%;transform:translate(-50%) translateY(5px);background:#18181b;color:#fff;padding:.4rem .8rem;border-radius:8px;font-size:.75rem;font-weight:600;font-family:Inter,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:.2s ease-out;z-index:9999;box-shadow:0 4px 10px #0003}app-categories .tooltip-trigger:before{content:"";position:absolute;bottom:105%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:#18181b transparent transparent transparent;opacity:0;pointer-events:none;transition:.2s ease-out;z-index:9999}app-categories .tooltip-trigger:hover:after{opacity:1;transform:translate(-50%) translateY(0)}app-categories .tooltip-trigger:hover:before{opacity:1}app-categories .product-count-badge{background:#fdf2ce;color:#b8952e;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;border:1px solid #fce8a1;display:inline-block}app-categories .justify-center{justify-content:center}app-categories .mini-modal{max-width:450px!important}app-categories .pagination-footer{padding:1.5rem 2rem;background:#fff;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px solid #f0f0f0;gap:.8rem}app-categories .pagination-controls{display:flex;align-items:center;justify-content:flex-start;gap:1.5rem}app-categories .page-numbers{display:flex;gap:6px}app-categories .page-numbers button{width:32px;height:32px;border:1px solid #e4e4e7;background:#fff;border-radius:8px;cursor:pointer;font-weight:600;color:#71717a;transition:.3s;display:flex;align-items:center;justify-content:center;font-size:.85rem}app-categories .page-numbers button.active{background:#d4af37;color:#fff;border-color:#d4af37;box-shadow:0 4px 10px #d4af374d}app-categories .btn-nav{background:#fff;border:1px solid #e4e4e7;padding:0 1rem;height:32px;border-radius:8px;cursor:pointer;font-weight:600;color:#52525b;display:flex;align-items:center;justify-content:center;font-size:.85rem}app-categories .btn-nav:disabled{opacity:.3;cursor:not-allowed}app-categories .pagination-info{font-size:.85rem;color:#a1a1aa;letter-spacing:.3px}app-categories .pagination-info b{color:#52525b;font-weight:700}app-categories th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}app-categories th.sortable:hover{background-color:#fdfbf7}app-categories th.sortable i{font-size:.75rem;margin-left:6px;color:#d4af37;vertical-align:middle}app-categories th.sortable i.pi-sort-alt{color:#d4d4d8}app-clientes *,app-clientes *:before,app-clientes *:after{box-sizing:border-box}app-clientes .inventory-container{padding:3rem;background:#fafafa;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;color:#27272a}app-clientes .boutique-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}app-clientes .brand-info h1{font-family:Playfair Display,serif;color:#d4af37;font-size:2.8rem;margin:0;letter-spacing:-1px}app-clientes .subtitle{color:#71717a;font-weight:500;margin-top:5px;font-size:.95rem}app-clientes .header-actions{display:flex;gap:12px}app-clientes .btn-primary{background:linear-gradient(135deg,#d4af37,#b8952e)!important;color:#fff!important;border:none;padding:0 1.5rem;height:36px;border-radius:8px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #d4af374d;transition:.3s;font-size:.85rem;display:flex;align-items:center;justify-content:center;box-sizing:border-box;gap:8px}app-clientes .btn-outline-primary{background:transparent;color:#d4af37;border:1.5px solid #d4af37;padding:0 1.5rem;height:38px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box}app-clientes .btn-outline-primary:hover{background:#fffdf5;color:#b8952e;border-color:#b8952e;box-shadow:0 4px 10px #d4af3726;transform:translateY(-2px)}app-clientes .btn-outline-primary:active{transform:translateY(0)}app-clientes .btn-primary:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1)}app-clientes .btn-primary:disabled{opacity:.7;cursor:wait;transform:none;box-shadow:none}app-clientes .btn-ghost{background:#fff;border:1.5px solid #e4e4e7;color:#71717a;padding:0 1.5rem;height:36px;border-radius:8px;font-weight:700;cursor:pointer;transition:.2s;font-size:.85rem;display:flex;align-items:center;justify-content:center;box-sizing:border-box}app-clientes .btn-ghost:hover{background:#f4f4f5;color:#18181b;border-color:#d4af37}app-clientes .btn-export{padding:0 1rem;border-radius:8px;border:none;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.8rem;height:36px;transition:.2s}app-clientes .btn-export.excel{background:#ecfdf5;color:#065f46}app-clientes .btn-export.pdf{background:#fff1f2;color:#9f1239}app-clientes .toolbar-premium{background:#fff;padding:1.2rem 1.5rem;border-radius:16px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2.5rem;box-shadow:0 5px 20px #00000008;width:100%}app-clientes .filters-group{display:flex;align-items:center;flex-wrap:wrap;gap:10px}app-clientes .actions-group{display:flex;align-items:center;gap:8px;margin-left:auto;justify-content:flex-end;flex-wrap:wrap}app-clientes .search-box{position:relative;width:260px;height:36px;display:flex;align-items:center;background:#fcfcfd;border:1px solid #e4e4e7;border-radius:8px;padding:0 12px;box-sizing:border-box;transition:.2s;margin:0;flex-shrink:0}app-clientes .search-box:focus-within{border-color:#d4af37;background:#fff;box-shadow:0 0 0 3px #d4af371a}app-clientes .search-box .search-icon{color:#a1a1aa;font-size:.95rem;margin-right:8px;flex-shrink:0}app-clientes .search-box .clear-search{color:#a1a1aa;font-size:.95rem;cursor:pointer;margin-left:8px;flex-shrink:0;transition:.2s}app-clientes .search-box .clear-search:hover{color:#f43f5e}app-clientes .search-input{flex-grow:1;height:100%;border:none;background:transparent;outline:none;font-family:inherit;font-size:.85rem;color:#3f3f46;padding:0;min-width:0}app-clientes .select-ux{appearance:none;-webkit-appearance:none;background-color:#fff;border:1px solid #e4e4e7;border-radius:8px;padding:0 2.5rem 0 1.2rem;font-size:.85rem;font-weight:500;color:#52525b;cursor:pointer;outline:none;transition:all .3s ease;min-width:180px;height:36px;box-sizing:border-box;margin:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;background-size:16px}app-clientes .select-ux:hover,app-clientes .select-ux:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af3733}app-clientes .table-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #00000008;width:100%;min-height:250px}app-clientes table{width:100%;border-collapse:collapse}app-clientes th{padding:1.2rem;color:#d4af37;background:#fffafb;text-align:left;font-weight:700;text-transform:uppercase;font-size:.7rem;letter-spacing:1px;border-bottom:2px solid #fafafa}app-clientes td{padding:1rem 1.2rem;border-bottom:1px solid #f8f8f8;font-size:.9rem}app-clientes .sortable{cursor:pointer;transition:.2s;-webkit-user-select:none;user-select:none}app-clientes .sortable:hover{background:#fdfaf2;color:#b8952e}app-clientes .sortable i{font-size:.75rem;margin-left:4px;color:#e4e4e7;transition:.2s}app-clientes .sortable:hover i{color:#d4af37}app-clientes .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}app-clientes .empty-icon{font-size:4rem;color:#fecdd3;margin-bottom:1rem}app-clientes .empty-state h3{color:#52525b;margin-bottom:5px;font-size:1.2rem}app-clientes .empty-state p{color:#a1a1aa;margin-bottom:1.5rem;font-size:.9rem}app-clientes .product-cell{display:flex;align-items:center;gap:12px}app-clientes .no-img-placeholder{width:45px;height:45px;background:#fffafb;border:2px solid #fecdd3;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#f43f5e;font-size:1.2rem}app-clientes .product-info-col{display:flex;flex-direction:column;gap:3px}app-clientes .prod-name{font-weight:600;color:#27272a}app-clientes .sku-text{font-family:monospace;color:#a1a1aa;font-size:.75rem;letter-spacing:.5px}app-clientes .text-center{text-align:center}app-clientes .stock-text{color:#52525b}app-clientes .badge{padding:.3rem .8rem;border-radius:20px;font-size:.65rem;font-weight:800;text-transform:uppercase}app-clientes .badge.active{background:#dcfce7;color:#166534}app-clientes .badge.inactive{background:#fee2e2;color:#991b1b}app-clientes .action-buttons{display:flex;gap:6px;justify-content:center}app-clientes .btn-action{width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;font-size:.85rem}app-clientes .btn-action.view{background:#f0f9ff;color:#0369a1}app-clientes .btn-action.edit{background:#fafaf9;color:#52525b;border:1px solid #e4e4e7}app-clientes .btn-action.toggle{background:#fafaf9;border:1px solid #e4e4e7}app-clientes .pagination-footer{padding:1.5rem 2rem;background:#fff;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px solid #f0f0f0;gap:.8rem}app-clientes .pagination-controls{display:flex;align-items:center;justify-content:flex-start;gap:1.5rem}app-clientes .page-numbers{display:flex;gap:6px}app-clientes .page-numbers button{width:32px;height:32px;border:1px solid #e4e4e7;background:#fff;border-radius:8px;cursor:pointer;font-weight:600;color:#71717a;transition:.3s;display:flex;align-items:center;justify-content:center;font-size:.85rem}app-clientes .page-numbers button.active{background:#d4af37;color:#fff;border-color:#d4af37;box-shadow:0 4px 10px #d4af374d}app-clientes .btn-nav{background:#fff;border:1px solid #e4e4e7;padding:0 1rem;height:32px;border-radius:8px;cursor:pointer;font-weight:600;color:#52525b;display:flex;align-items:center;justify-content:center;font-size:.85rem}app-clientes .btn-nav:disabled{opacity:.3;cursor:not-allowed}app-clientes .pagination-info{font-size:.85rem;color:#a1a1aa;letter-spacing:.3px}app-clientes .pagination-info b{color:#52525b;font-weight:700}app-clientes .modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}app-clientes .modal-card{background:#fff;width:100%;max-width:500px;border-radius:20px;box-shadow:0 20px 50px #00000026;overflow:hidden;animation:modalFade .3s ease forwards;position:relative;display:flex;flex-direction:column;max-height:90vh;margin:auto;will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0);-webkit-font-smoothing:subpixel-antialiased}app-clientes .modal-card.mini-modal{max-width:400px}app-clientes .modal-card.large{max-width:900px}app-clientes .modal-header{padding:1.2rem 2rem;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}app-clientes .modal-header h2,app-clientes .modal-header h3{font-family:Playfair Display,serif!important;color:#d4af37;margin:0;font-size:1.5rem}app-clientes .modal-header-elegant{background:linear-gradient(to right,#fffdf5,#fff);border-bottom:1px solid #f0f0f0;padding:1.5rem 2rem}app-clientes .close-btn,app-clientes .close-modal-btn{position:absolute!important;top:15px!important;right:15px!important;width:32px!important;height:32px!important;border-radius:50%!important;border:none!important;background:#f4f4f5!important;display:flex!important;justify-content:center!important;align-items:center!important;cursor:pointer!important;transition:all .3s ease!important;color:#52525b!important;z-index:50!important;font-size:1rem!important;padding:0!important;outline:none!important}app-clientes .close-btn:hover,app-clientes .close-modal-btn:hover{background:#fee2e2!important;color:#f43f5e!important;transform:rotate(90deg)!important}app-clientes .close-btn i,app-clientes .close-modal-btn i{margin:0!important}app-clientes .modal-body{padding:1.5rem 2rem;overflow-y:auto;flex:1}app-clientes .modal-footer{padding:1rem 2rem;background:#fafafa;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:10px}app-clientes .centered-content{text-align:center}app-clientes .circle-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:2rem;border:2px solid transparent}app-clientes .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}app-clientes .full{grid-column:span 2}app-clientes .form-field{display:flex;flex-direction:column;gap:6px}app-clientes .form-field label{font-size:.75rem;font-weight:700;color:#52525b;text-transform:uppercase;letter-spacing:.5px;margin:0}app-clientes .input-ux{width:100%;padding:.7rem 1rem;border-radius:8px;border:1px solid #d4d4d8;background:#fafafa;outline:none;font-size:.85rem;font-family:inherit;transition:.3s;box-sizing:border-box}app-clientes .input-ux:focus{border-color:#d4af37;background:#fff;box-shadow:0 0 0 3px #d4af371a}app-clientes .input-ux:disabled{opacity:.6;cursor:not-allowed}app-clientes textarea.input-ux{resize:vertical;min-height:80px}app-clientes .address-card{background:#fff;border:1px solid #e4e4e7;border-radius:12px;padding:15px;position:relative;transition:.3s;margin-bottom:15px}app-clientes .address-card.is-principal{border-color:#d4af37;background:#fffdf5;box-shadow:0 4px 10px #d4af3714}app-clientes .address-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}app-clientes .alias-badge{font-size:.75rem;font-weight:800;color:#52525b;text-transform:uppercase;display:flex;align-items:center;gap:5px}app-clientes .principal-badge{background:#d4af37;color:#fff;font-size:.65rem;font-weight:800;padding:3px 8px;border-radius:6px;text-transform:uppercase}app-clientes .address-text{margin:0 0 3px;font-size:.85rem;color:#71717a;line-height:1.3}app-clientes .address-text b{color:#27272a}app-clientes .address-actions{margin-top:12px;padding-top:10px;border-top:1px solid #f0f0f0;display:flex;gap:15px;align-items:center}app-clientes .btn-link-sm{background:transparent;border:none;color:#d4af37;font-size:.75rem;font-weight:700;cursor:pointer;padding:0;transition:.2s}app-clientes .btn-link-sm:hover{text-decoration:underline;color:#b8952e}app-clientes .btn-link-sm.danger{color:#f43f5e;margin-left:auto}app-clientes .btn-link-sm.danger:hover{color:#e11d48}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}app-clientes .pi-spin{animation:spin 1s linear infinite}app-clientes .tooltip-trigger{position:relative}app-clientes .tooltip-trigger:after{content:attr(data-tooltip);position:absolute;bottom:120%;left:50%;transform:translate(-50%) translateY(5px);background:#18181b;color:#fff;padding:.4rem .8rem;border-radius:8px;font-size:.75rem;font-weight:600;font-family:Inter,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:.2s ease-out;z-index:9999;box-shadow:0 4px 10px #0003}app-clientes .tooltip-trigger:before{content:"";position:absolute;bottom:105%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:#18181b transparent transparent transparent;opacity:0;pointer-events:none;transition:.2s ease-out;z-index:9999}app-clientes .tooltip-trigger:hover:after{opacity:1;transform:translate(-50%) translateY(0)}app-clientes .tooltip-trigger:hover:before{opacity:1}@media(max-width:768px){app-clientes .modal-body{flex-direction:column}app-clientes .form-grid{grid-template-columns:1fr}app-clientes .full{grid-column:span 1}}app-dashboard{display:block;width:100%}app-dashboard *,app-dashboard *:before,app-dashboard *:after{box-sizing:border-box}app-dashboard .dashboard-container{padding:2rem 3rem;background:#fafafa;min-height:calc(100vh - 70px);font-family:Inter,system-ui,sans-serif;color:#27272a;width:100%;max-width:100%}app-dashboard .dash-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:2.5rem}app-dashboard .header-info h1{font-family:Playfair Display,serif;font-size:2.2rem;color:#18181b;margin:0}app-dashboard .header-info h1 span{color:#d4af37}app-dashboard .subtitle{color:#71717a;margin-top:5px;font-size:.95rem}app-dashboard .kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem;width:100%}app-dashboard .kpi-card{padding:1.5rem;border-radius:20px;display:flex;align-items:center;gap:15px;color:#fff;box-shadow:0 10px 30px #0000000f;transition:.3s}app-dashboard .kpi-card.clickable{cursor:pointer}app-dashboard .kpi-card.clickable:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f}app-dashboard .kpi-icon{width:50px;height:50px;border-radius:14px;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}app-dashboard .kpi-data p{margin:0;font-size:.85rem;opacity:.9;font-weight:500}app-dashboard .kpi-data h3{margin:5px 0 0;font-size:1.8rem;font-weight:800}app-dashboard .kpi-data small{font-size:.9rem;font-weight:500}app-dashboard .gold-gradient{background:linear-gradient(135deg,#d4af37,#b8952e)}app-dashboard .rose-gradient{background:linear-gradient(135deg,#f43f5e,#e11d48)}app-dashboard .dark-gradient{background:linear-gradient(135deg,#18181b,#27272a)}app-dashboard .alert-gradient{background:linear-gradient(135deg,#f97316,#ea580c)}app-dashboard .middle-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;width:100%}app-dashboard .panel-card{background:#fff;border-radius:24px;padding:1.8rem;box-shadow:0 10px 40px #00000008;border:1px solid #f4f4f5;width:100%}app-dashboard .panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}app-dashboard .panel-header h2{font-size:1.2rem;font-weight:700;color:#18181b;margin:0}app-dashboard .btn-link{background:transparent;border:none;color:#d4af37;font-weight:600;cursor:pointer;font-size:.9rem}app-dashboard .btn-link:hover{text-decoration:underline}app-dashboard .actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}app-dashboard .action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:1.5rem;background:#fafafa;border:1px dashed #e4e4e7;border-radius:16px;color:#52525b;font-weight:600;cursor:pointer;transition:.3s}app-dashboard .action-btn i{font-size:1.5rem;color:#d4af37}app-dashboard .action-btn:hover{background:#fffdf5;border-color:#d4af37;color:#d4af37;transform:translateY(-2px)}app-dashboard .product-list{display:flex;flex-direction:column;gap:1rem}app-dashboard .product-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid #f4f4f5}app-dashboard .product-item:last-child{border-bottom:none;padding-bottom:0}app-dashboard .prod-info{display:flex;align-items:center;gap:12px}app-dashboard .prod-icon{width:40px;height:40px;background:#fffdf5;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}app-dashboard .prod-info h4{margin:0;font-size:.95rem;color:#27272a}app-dashboard .prod-info p{margin:3px 0 0;font-size:.8rem;color:#a1a1aa}app-dashboard .stock-ok{color:#10b981;font-size:.8rem;font-weight:700;background:#ecfdf5;padding:4px 8px;border-radius:6px;white-space:nowrap}app-dashboard .stock-alert{color:#e11d48;font-size:.8rem;font-weight:700;background:#fff1f2;padding:4px 8px;border-radius:6px;white-space:nowrap}app-dashboard .table-responsive{overflow-x:auto;width:100%}app-dashboard .premium-table{width:100%;border-collapse:collapse;min-width:700px}app-dashboard .premium-table th{text-align:left;padding:1rem;font-size:.85rem;text-transform:uppercase;color:#a1a1aa;border-bottom:2px solid #f4f4f5;font-weight:700}app-dashboard .premium-table td{padding:1.2rem 1rem;border-bottom:1px solid #f8f8f8;font-size:.95rem;vertical-align:middle}app-dashboard .premium-table tr:hover td{background:#fafafa}app-dashboard .client-cell{display:flex;align-items:center;gap:10px;font-weight:600;color:#27272a}app-dashboard .client-avatar{width:30px;height:30px;background:#f4f4f5;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#a1a1aa;font-size:.8rem;flex-shrink:0}app-dashboard .font-bold{font-weight:700}app-dashboard .text-gray{color:#71717a;font-size:.85rem}app-dashboard .text-right{text-align:right}app-dashboard .text-center{text-align:center}app-dashboard .text-gold{color:#d4af37}app-dashboard .action-buttons{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}app-dashboard .btn-action{width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;font-size:.85rem}app-dashboard .btn-action.view{background:#f0f9ff;color:#0369a1}app-dashboard .btn-action.stock{background:#fff1f2;color:#e11d48}app-dashboard .btn-action:hover{filter:brightness(.9)}app-dashboard .badge{padding:6px 12px;border-radius:50px;font-size:.75rem;font-weight:700;display:inline-block;white-space:nowrap}app-dashboard .badge-warning{background:#fffbeb;color:#d97706;border:1px solid #fde68a}app-dashboard .badge-info{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}app-dashboard .badge-success{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}app-dashboard .badge-alert{background:#fff1f2;color:#e11d48;border:1px solid #fecdd3}app-dashboard .badge-default{background:#f4f4f5;color:#52525b;border:1px solid #e4e4e7}app-dashboard .modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}app-dashboard .modal-card{background:#fff;width:100%;max-width:900px;border-radius:20px;box-shadow:0 20px 50px #00000026;overflow:hidden;animation:modalFade .3s ease;position:relative;max-height:90vh;display:flex;flex-direction:column}app-dashboard .modal-header-elegant{background:linear-gradient(to right,#fffdf5,#fff);border-bottom:1px solid #f0f0f0;padding:1.5rem 2rem;flex-shrink:0}app-dashboard .modal-body{padding:2rem;overflow-y:auto;flex:1}app-dashboard .close-btn,app-dashboard .close-modal-btn{position:absolute!important;top:15px!important;right:15px!important;width:32px!important;height:32px!important;border-radius:50%!important;border:none!important;background:#f4f4f5!important;display:flex!important;justify-content:center!important;align-items:center!important;cursor:pointer!important;transition:all .3s ease!important;color:#52525b!important;z-index:50!important;font-size:1rem!important;padding:0!important;outline:none!important}app-dashboard .close-btn:hover,app-dashboard .close-modal-btn:hover{background:#fee2e2!important;color:#f43f5e!important;transform:rotate(90deg)!important}app-dashboard .close-btn i,app-dashboard .close-modal-btn i{margin:0!important}app-dashboard .stepper{display:flex;justify-content:space-between;position:relative;margin:2rem 1rem}app-dashboard .stepper-line{position:absolute;top:15px;left:0;width:100%;height:2px;background:#e4e4e7;z-index:1}app-dashboard .step{display:flex;flex-direction:column;align-items:center;z-index:2;gap:8px}app-dashboard .step-circle{width:32px;height:32px;border-radius:50%;background:#e4e4e7;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid white}app-dashboard .step-label{font-size:.75rem;color:#a1a1aa;font-weight:600;text-transform:uppercase}app-dashboard .step.active .step-circle{background:#d4af37}app-dashboard .step.active .step-label{color:#d4af37}app-dashboard .step.completed .step-circle{background:#10b981}app-dashboard .timeline-container{position:relative;padding-left:20px;margin-top:15px}app-dashboard .timeline-item{position:relative;padding-bottom:20px;border-left:2px solid #e4e4e7;padding-left:20px}app-dashboard .timeline-item:last-child{border-left-color:transparent;padding-bottom:0}app-dashboard .timeline-dot{position:absolute;left:-7px;top:0;width:12px;height:12px;border-radius:50%;background:#d4af37;border:2px solid white;box-shadow:0 0 0 2px #fdf2ce}app-dashboard .t-date{font-size:.75rem;color:#a1a1aa;font-family:monospace;margin-bottom:4px}app-dashboard .t-title{font-weight:700;color:#27272a;font-size:.95rem}app-dashboard .t-desc{font-size:.85rem;color:#71717a;margin-top:4px}app-dashboard .tooltip-trigger{position:relative}app-dashboard .tooltip-trigger:after{content:attr(data-tooltip);position:absolute;bottom:120%;left:50%;transform:translate(-50%) translateY(5px);background:#18181b;color:#fff;padding:.4rem .8rem;border-radius:8px;font-size:.75rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:.2s;z-index:9999}app-dashboard .tooltip-trigger:hover:after{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:1024px){app-dashboard .middle-grid{grid-template-columns:1fr}}@media(max-width:768px){app-dashboard .dashboard-container{padding:1.5rem 1rem}app-dashboard .header-info h1{font-size:1.8rem}app-dashboard .kpi-card{padding:1.2rem}app-dashboard .modal-body{padding:1.5rem;flex-direction:column}app-dashboard .modal-header-elegant{padding:1.5rem;flex-direction:column;align-items:flex-start;gap:10px}app-dashboard .modal-header-elegant>div:last-child{text-align:left;padding-right:0;align-items:flex-start}}app-pos *,app-pos *:before,app-pos *:after{box-sizing:border-box}app-pos .pos-wrapper{display:grid;grid-template-columns:1fr 380px;gap:1.5rem;padding:1.5rem;background:#fafafa;height:calc(100vh - 70px);font-family:Inter,system-ui,sans-serif;overflow:hidden}app-pos .catalog-section{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;padding-right:.5rem}app-pos .catalog-header{background:#fff;padding:1rem 1.5rem;border-radius:16px;box-shadow:0 4px 15px #00000008;position:sticky;top:0;z-index:10}app-pos .search-box{position:relative;display:flex;align-items:center;background:#fcfcfd;border:1px solid #e4e4e7;border-radius:12px;padding:0 15px;height:45px;transition:.3s}app-pos .search-box:focus-within{border-color:#d4af37;background:#fff;box-shadow:0 0 0 3px #d4af371a}app-pos .search-box .search-icon{color:#d4af37;font-size:1.2rem;margin-right:10px}app-pos .search-input{flex-grow:1;border:none;background:transparent;outline:none;font-size:1rem;color:#3f3f46;font-family:inherit}app-pos .clear-search{color:#a1a1aa;cursor:pointer;transition:.2s}app-pos .clear-search:hover{color:#f43f5e}app-pos .product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;padding-bottom:1.5rem}app-pos .product-card{background:#fff;border-radius:12px;padding:.6rem;box-shadow:0 4px 10px #00000008;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent;display:flex;flex-direction:column;overflow:hidden}app-pos .product-card:hover:not(.out-of-stock){transform:translateY(-3px);box-shadow:0 8px 20px #d4af3726;border-color:#d4af374d}app-pos .product-card.out-of-stock{opacity:.6;cursor:not-allowed;filter:grayscale(1)}app-pos .stock-badge{position:absolute;top:6px;left:6px;padding:2px 8px;border-radius:12px;font-size:.65rem;font-weight:700;z-index:2;box-shadow:0 2px 5px #0000001a}app-pos .stock-badge.good-stock{background:#dcfce7;color:#166534}app-pos .stock-badge.low-stock{background:#fef08a;color:#854d0e}app-pos .stock-badge.no-stock{background:#fee2e2;color:#991b1b}app-pos .product-img{width:100%;height:100px;border-radius:8px;overflow:hidden;background:#fffdf5;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}app-pos .product-img img{width:100%;height:100%;object-fit:contain;background:#fff}app-pos .img-placeholder{font-size:2.5rem;color:#fdf2ce}app-pos .product-info{display:flex;flex-direction:column;gap:2px;flex-grow:1}app-pos .p-sku{font-size:.65rem;color:#a1a1aa;margin:0;font-family:monospace}app-pos .p-name{font-size:.85rem;font-weight:600;color:#27272a;margin:0;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}app-pos .p-price{font-size:1.05rem;font-weight:800;color:#d4af37;margin:auto 0 0}app-pos .add-overlay{position:absolute;inset:0;background:#fffdf5d9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:.9rem;font-weight:700;color:#d4af37;opacity:0;transition:.3s;z-index:5}app-pos .product-card:hover:not(.out-of-stock) .add-overlay{opacity:1}app-pos .add-overlay i{font-size:2rem;transition:transform .2s}app-pos .product-card:hover:not(.out-of-stock) .add-overlay i{transform:scale(1.1)}app-pos .empty-catalog{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#a1a1aa}app-pos .empty-catalog i{font-size:4rem;color:#fdf2ce;margin-bottom:1rem}app-pos .pagination-footer{padding:1.5rem 1rem .5rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px dashed #e4e4e7;gap:.8rem;margin-top:auto}app-pos .pagination-controls{display:flex;align-items:center;justify-content:flex-start;gap:1.5rem}app-pos .page-numbers{display:flex;gap:6px}app-pos .page-numbers button{width:32px;height:32px;border:1px solid #e4e4e7;background:#fff;border-radius:8px;cursor:pointer;font-weight:600;color:#71717a;transition:.3s;display:flex;align-items:center;justify-content:center;font-size:.85rem}app-pos .page-numbers button.active{background:#d4af37;color:#fff;border-color:#d4af37;box-shadow:0 4px 10px #d4af374d}app-pos .btn-nav{background:#fff;border:1px solid #e4e4e7;padding:0 1rem;height:32px;border-radius:8px;cursor:pointer;font-weight:600;color:#52525b;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:.2s}app-pos .btn-nav:hover:not(:disabled){background:#fdf2ce;color:#b8952e;border-color:#d4af37}app-pos .btn-nav:disabled{opacity:.4;cursor:not-allowed;background:#f4f4f5}app-pos .pagination-info{font-size:.85rem;color:#a1a1aa;letter-spacing:.3px}app-pos .pagination-info b{color:#52525b;font-weight:700}app-pos .checkout-section{height:100%;display:flex;flex-direction:column;overflow:hidden}app-pos .ticket-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid #fdf2ce}app-pos .ticket-header,app-pos .client-area,app-pos .ticket-footer{flex-shrink:0}app-pos .ticket-header{padding:1.5rem;border-bottom:1px dashed #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:#fffdf5}app-pos .ticket-header h2{font-family:Playfair Display,serif;color:#b8952e;margin:0 0 4px;font-size:1.5rem}app-pos .ticket-date{font-size:.8rem;color:#a1a1aa}app-pos .btn-icon-ghost{background:transparent;border:none;color:#a1a1aa;font-size:1.2rem;cursor:pointer;transition:.2s;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}app-pos .btn-icon-ghost:hover{background:#fee2e2;color:#f43f5e}app-pos .client-area{padding:1rem 1.5rem;border-bottom:1px solid #f0f0f0;background:#fff;display:flex;flex-direction:column;gap:12px}app-pos .client-search-box{display:flex;align-items:center;background:#fafafa;border:1px solid #e4e4e7;border-radius:8px;padding:0 5px 0 12px;height:38px;position:relative}app-pos .client-search-box:focus-within{border-color:#d4af37;background:#fff}app-pos .client-search-box i{color:#a1a1aa}app-pos .client-search-box input{border:none;background:transparent;outline:none;width:100%;font-size:.85rem;padding-left:8px}app-pos .btn-add-db{background:#fffdf5;color:#b8952e;border:1px solid #fdf2ce;border-radius:6px;height:28px;width:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}app-pos .btn-add-db:hover{background:#d4af37;color:#fff;border-color:#d4af37}app-pos .client-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e4e4e7;border-radius:8px;margin-top:5px;box-shadow:0 10px 25px #0000001a;z-index:100;max-height:200px;overflow-y:auto}app-pos .dropdown-item{padding:10px 12px;border-bottom:1px solid #f8f8f8;cursor:pointer;display:flex;flex-direction:column}app-pos .dropdown-item:hover{background:#fffdf5}app-pos .dropdown-item.empty{color:#a1a1aa;text-align:center;font-size:.85rem;pointer-events:none}app-pos .client-active-card{display:flex;justify-content:space-between;align-items:center;background:#fffdf5;border:1px dashed #d4af37;padding:6px 10px;border-radius:8px}app-pos .c-info{display:flex;align-items:center;gap:8px;overflow:hidden;width:100%}app-pos .c-avatar{width:28px;height:28px;border-radius:50%;background:#fdf2ce;color:#b8952e;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}app-pos .c-details-row{display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}app-pos .c-name{color:#27272a;font-size:.85rem;font-weight:600;text-overflow:ellipsis;overflow:hidden}app-pos .c-phone{color:#a1a1aa;font-size:.75rem}app-pos .db-badge{background:#fef08a;color:#854d0e;font-size:.6rem;padding:2px 6px;border-radius:4px;font-weight:700}app-pos .express-badge{background:#e4e4e7;color:#52525b;font-size:.6rem;padding:2px 6px;border-radius:4px;font-weight:700}app-pos .c-actions{display:flex;gap:2px;flex-shrink:0}app-pos .c-actions .btn-icon-ghost{width:28px;height:28px;font-size:1rem}app-pos .ticket-items{flex:1 1 0;overflow-y:auto;padding:1rem 1.5rem;background:#fafafa;display:flex;flex-direction:column;gap:6px;min-height:0}app-pos .empty-cart{margin:auto;text-align:center;color:#a1a1aa}app-pos .empty-cart i{font-size:3rem;color:#e4e4e7;margin-bottom:1rem}app-pos .empty-cart p{font-size:.9rem;line-height:1.5}app-pos .cart-item{background:#fff;padding:6px 12px;border-radius:8px;box-shadow:0 2px 4px #00000005;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;border:1px solid transparent;transition:.2s}app-pos .cart-item:hover{border-color:#fdf2ce}app-pos .item-details{display:flex;flex-direction:column;gap:0px}app-pos .item-name{margin:0;font-size:.8rem;color:#3f3f46;line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}app-pos .item-price{font-size:.7rem;color:#a1a1aa;font-weight:600}app-pos .item-controls{display:contents}app-pos .qty-control{display:flex;align-items:center;background:#f4f4f5;border-radius:6px;overflow:hidden;height:26px}app-pos .qty-control button{width:26px;height:100%;border:none;background:transparent;cursor:pointer;color:#52525b;transition:.2s;display:flex;align-items:center;justify-content:center;font-size:.8rem}app-pos .qty-control button:hover{background:#e4e4e7;color:#d4af37}app-pos .qty-control span{width:28px;text-align:center;font-weight:700;font-size:.85rem;color:#27272a}app-pos .item-subtotal{color:#d4af37;font-size:1rem;font-weight:800;min-width:65px;text-align:right}app-pos .ticket-footer{padding:1rem 1.2rem;background:#fff;border-top:1px solid #f0f0f0;box-shadow:0 -10px 20px #00000005;z-index:10;display:flex;flex-direction:column;gap:6px}app-pos .notes-section{margin-bottom:2px}app-pos .notes-input{width:100%;border:1px solid #e4e4e7;background:#fafafa;border-radius:6px;padding:6px 10px;font-family:inherit;font-size:.8rem;color:#52525b;outline:none;transition:.2s;resize:none;height:32px}app-pos .notes-input:focus{border-color:#d4af37;background:#fff;height:55px;resize:vertical}app-pos .summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#71717a;margin-bottom:0}app-pos .discount-row{min-height:24px}app-pos .discount-link{font-size:.8rem;color:#d4af37;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:4px;transition:.2s}app-pos .discount-link:hover{color:#b8952e;text-decoration:underline}app-pos .discount-input-group{display:flex;align-items:center;gap:4px;font-size:.8rem;font-weight:600;color:#f43f5e}app-pos .input-tiny{width:60px;border:1px solid #fecdd3;border-radius:4px;padding:2px 6px;text-align:right;outline:none;color:#e11d48;font-weight:700;background:#fff1f2;font-size:.8rem}app-pos .input-tiny:focus{border-color:#f43f5e}app-pos .btn-icon-tiny{background:transparent;border:none;color:#a1a1aa;cursor:pointer;padding:2px;font-size:.8rem}app-pos .btn-icon-tiny:hover{color:#f43f5e}app-pos .text-rose{color:#e11d48;font-size:.85rem}app-pos .total-row{margin-top:4px;margin-bottom:4px;border-top:1px dashed #e4e4e7;padding-top:8px}app-pos .total-row span:first-child{font-size:1rem;font-weight:800;color:#27272a}app-pos .total-amount{font-size:1.5rem;font-weight:900;color:#d4af37;line-height:1;font-family:Playfair Display,serif}app-pos .payment-section{background:#fafafa;border-radius:8px;padding:8px 10px;border:1px solid #f0f0f0;display:flex;flex-direction:column;gap:4px;margin-bottom:2px}app-pos .payment-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;color:#52525b}app-pos .payment-input{width:80px;padding:4px 8px;border-radius:4px;border:1px solid #d4af37;outline:none;text-align:right;font-weight:700;color:#b8952e;background:#fff;font-size:.9rem}app-pos .payment-input:focus{box-shadow:0 0 0 2px #d4af371a}app-pos .change-row{padding-top:6px;border-top:1px dashed #e4e4e7;margin-top:2px}app-pos .change-amount{font-size:1.1rem;color:#10b981;font-weight:900}app-pos .checkout-actions{display:grid;grid-template-columns:1fr 2fr;gap:8px;margin-top:6px}app-pos .btn-cotizar{background:#fffdf5;color:#b8952e;border:1.5px solid #fdf2ce;border-radius:8px;font-weight:700;font-size:.85rem;cursor:pointer;transition:.2s;display:flex;justify-content:center;align-items:center;gap:6px;height:40px}app-pos .btn-cotizar:hover:not(:disabled){background:#fdf2ce;color:#9ca3af}app-pos .btn-cobrar{background:linear-gradient(135deg,#d4af37,#b8952e);color:#fff;border:none;border-radius:8px;font-weight:800;font-size:1rem;height:40px;cursor:pointer;transition:.3s;box-shadow:0 4px 10px #d4af374d;display:flex;justify-content:center;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.5px}app-pos .btn-cobrar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 15px #d4af3766}app-pos .btn-cotizar:disabled,app-pos .btn-cobrar:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;filter:grayscale(1)}app-pos .modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000}app-pos .modal-card{background:#fff;width:95%;max-width:600px;border-radius:20px;box-shadow:0 20px 50px #00000026;overflow:hidden;animation:modalFade .3s ease;position:relative}app-pos .mini-modal{max-width:400px}app-pos .modal-header{padding:1.2rem 2rem;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}app-pos .modal-header h2,app-pos .modal-header h3{font-family:Playfair Display,serif!important;color:#d4af37;margin:0;font-size:1.5rem}app-pos .modal-body{padding:2rem;max-height:70vh;overflow-y:auto}app-pos .modal-footer{padding:1.2rem 2rem;background:#fafafa;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #f0f0f0}app-pos .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}app-pos .full{grid-column:span 2}app-pos .form-field label{display:block;margin-bottom:6px;font-weight:600;color:#555;font-size:.75rem;text-transform:uppercase}app-pos .input-ux{width:100%;padding:.7rem 1rem;border-radius:10px;border:1px solid #d4d4d8;background:#fcfcfd;outline:none;font-size:.85rem;font-family:inherit;transition:.2s;box-sizing:border-box}app-pos .input-ux:focus{border-color:#d4af37;background:#fff;box-shadow:0 0 0 3px #d4af371a}app-pos .btn-primary{background:linear-gradient(135deg,#d4af37,#b8952e);color:#fff;border:none;padding:0 1.5rem;height:36px;border-radius:8px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #d4af374d;transition:.3s;font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:8px}app-pos .btn-primary:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1)}app-pos .btn-primary:disabled{opacity:.7;cursor:wait;transform:none;box-shadow:none}app-pos .full-width{width:100%}app-pos .payment-input.invalid-pago{border-color:#f43f5e;background:#fff1f2;color:#e11d48}app-pos .payment-input.invalid-pago{border-color:#f43f5e!important;background:#fff1f2!important;color:#e11d48!important;box-shadow:0 0 0 3px #f43f5e1a}app-pos .btn-cobrar:disabled{background:#e4e4e7!important;color:#a1a1aa!important;cursor:not-allowed;box-shadow:none!important;transform:none!important}app-pos .swal2-html-container table{border-spacing:0;color:#52525b}app-pos .tooltip-trigger{position:relative}app-pos .tooltip-trigger:after{content:attr(data-tooltip);position:absolute;bottom:120%;left:50%;transform:translate(-50%) translateY(5px);background:#18181b;color:#fff;padding:.4rem .8rem;border-radius:8px;font-size:.75rem;font-weight:600;font-family:Inter,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:.2s ease-out;z-index:9999;box-shadow:0 4px 10px #0003}app-pos .tooltip-trigger:before{content:"";position:absolute;bottom:105%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:#18181b transparent transparent transparent;opacity:0;pointer-events:none;transition:.2s ease-out;z-index:9999}app-pos .tooltip-trigger:hover:after{opacity:1;transform:translate(-50%) translateY(0)}app-pos .tooltip-trigger:hover:before{opacity:1}.swal2-popup.pos-confirm-popup{border-radius:22px;border:1px solid rgba(212,175,55,.2);box-shadow:0 24px 70px #18181b38}.swal2-html-container.pos-confirm-html table{border-spacing:0;color:#52525b}.pos-confirm-note{margin-top:.9rem;padding-top:.85rem;border-top:1px solid #f1f0eb}.pos-confirm-note-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:38px;border:1px solid rgba(212,175,55,.28);border-radius:999px;background:#fffaf0;color:#9f7621;padding:0 .85rem;font-size:.84rem;font-weight:800;cursor:pointer}.pos-confirm-note-toggle.is-open{background:#27272a;border-color:#27272a;color:#fff}.pos-confirm-note-panel{margin-top:.65rem}.pos-confirm-note textarea{width:100%;min-height:86px;resize:vertical;border:1px solid #e4e4e7;border-radius:14px;background:#fff;color:#27272a;font-family:inherit;font-size:.88rem;line-height:1.45;padding:.72rem .82rem;outline:none}.pos-confirm-note textarea:focus{border-color:#d4af376b;box-shadow:0 0 0 3px #d4af371a}.swal2-confirm.pos-confirm-primary,.swal2-cancel.pos-confirm-secondary{min-height:42px;border-radius:13px!important;padding:.65rem 1.05rem!important;font-weight:800}app-pos .close-btn{font-size:1.2rem;color:#aaa;cursor:pointer;transition:.2s}app-pos .close-btn:hover{color:#f43f5e;transform:rotate(90deg)}app-servicios *,app-servicios *:before,app-servicios *:after{box-sizing:border-box}app-servicios .inventory-container{padding:3rem;background:#fafafa;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;color:#27272a}app-servicios .boutique-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}app-servicios .brand-info h1{font-family:Playfair Display,serif;color:#d4af37;font-size:2.8rem;margin:0;letter-spacing:-1px}app-servicios .subtitle{color:#71717a;font-weight:500;margin-top:5px;font-size:.95rem}app-servicios .header-actions{display:flex;gap:12px}app-servicios .btn-primary{background:linear-gradient(135deg,#d4af37,#b8952e);color:#fff;border:none;padding:0 1.5rem;height:36px;border-radius:8px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #d4af374d;transition:.3s;font-size:.85rem;display:flex;align-items:center;justify-content:center;box-sizing:border-box}app-servicios .btn-category{background:#fff;border:2px solid #fecdd3;color:#f43f5e;padding:0 1.5rem;height:36px;border-radius:8px;font-weight:700;cursor:pointer;transition:.3s;font-size:.85rem;display:flex;align-items:center;justify-content:center;box-sizing:border-box}app-servicios .btn-ghost{background:#fff;border:1.5px solid #e4e4e7;color:#71717a;padding:0 1.5rem;height:36px;border-radius:8px;font-weight:700;cursor:pointer;transition:.2s;font-size:.85rem;display:flex;align-items:center;justify-content:center;box-sizing:border-box}app-servicios .btn-primary:hover,app-servicios .btn-category:hover{transform:translateY(-2px)}app-servicios .btn-ghost:hover{background:#f4f4f5;color:#18181b;border-color:#d4af37}app-servicios .btn-primary:disabled{opacity:.7;cursor:wait;transform:none;box-shadow:none}app-servicios .toolbar-premium{background:#fff;padding:1.2rem 1.5rem;border-radius:16px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2.5rem;box-shadow:0 5px 20px #00000008;width:100%}app-servicios .filters-group{display:flex;align-items:center;flex-wrap:wrap;gap:10px}app-servicios .search-box{position:relative;width:260px;height:36px;display:flex;align-items:center;background:#fcfcfd;border:1px solid #e4e4e7;border-radius:8px;padding:0 12px;box-sizing:border-box;transition:.2s;margin:0;flex-shrink:0}app-servicios .search-box:focus-within{border-color:#d4af37;background:#fff;box-shadow:0 0 0 3px #d4af371a}app-servicios .search-box .search-icon{color:#a1a1aa;font-size:.95rem;margin-right:8px;flex-shrink:0}app-servicios .search-box .clear-search{color:#a1a1aa;font-size:.95rem;cursor:pointer;margin-left:8px;flex-shrink:0;transition:.2s}app-servicios .search-box .clear-search:hover{color:#f43f5e}app-servicios .search-input{flex-grow:1;height:100%;border:none;background:transparent;outline:none;font-family:inherit;font-size:.85rem;color:#3f3f46;padding:0;min-width:0}app-servicios .btn-clear-filters,app-servicios .btn-export{height:36px;box-sizing:border-box;margin:0}app-servicios .select-ux{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #e4e4e7;border-radius:8px;padding:0 2.5rem 0 1.2rem;font-size:.85rem;font-weight:500;color:#52525b;cursor:pointer;outline:none;transition:all .3s ease;min-width:180px;height:36px;box-sizing:border-box;margin:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;background-size:16px}app-servicios .select-ux:hover{border-color:#d4af37;box-shadow:0 4px 12px #d4af371a}app-servicios .select-ux:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af3733}app-servicios .select-ux option{font-weight:400;color:#3f3f46;padding:10px}app-servicios .actions-group{display:flex;align-items:center;gap:8px;margin-left:auto;justify-content:flex-end;flex-wrap:wrap}app-servicios .btn-clear-filters{width:36px;padding:0;border-radius:8px;border:1px solid #fecdd3;background:#fff1f2;color:#f43f5e;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;font-size:1rem}app-servicios .btn-clear-filters:hover{background:#f43f5e;color:#fff;border-color:#f43f5e}app-servicios .btn-export{padding:0 1rem;border-radius:8px;border:none;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.8rem;transition:.2s}app-servicios .btn-export.excel{background:#ecfdf5;color:#065f46}app-servicios .btn-export.pdf{background:#fff1f2;color:#9f1239}app-servicios .table-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #00000008;width:100%;min-height:250px}app-servicios table{width:100%;border-collapse:collapse}app-servicios th{padding:1.2rem;color:#d4af37;background:#fffafb;text-align:left;font-weight:700;text-transform:uppercase;font-size:.7rem;letter-spacing:1px;border-bottom:2px solid #fafafa}app-servicios td{padding:1rem 1.2rem;border-bottom:1px solid #f8f8f8;font-size:.9rem}app-servicios .sortable{cursor:pointer;transition:.2s;-webkit-user-select:none;user-select:none}app-servicios .sortable:hover{background:#fdfaf2;color:#b8952e}app-servicios .sortable i{font-size:.75rem;margin-left:4px;color:#e4e4e7;transition:.2s}app-servicios .sortable:hover i{color:#d4af37}app-servicios .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}app-servicios .empty-icon{font-size:4rem;color:#fecdd3;margin-bottom:1rem}app-servicios .empty-state h3{color:#52525b;margin-bottom:5px;font-size:1.2rem}app-servicios .empty-state p{color:#a1a1aa;margin-bottom:1.5rem;font-size:.9rem}app-servicios .product-cell{display:flex;align-items:center;gap:12px}app-servicios .prod-img{width:45px;height:45px;border-radius:8px;object-fit:cover;border:1px solid #eee}app-servicios .no-img-placeholder{width:45px;height:45px;background:#f8f8f8;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:.9rem}app-servicios .product-info-col{display:flex;flex-direction:column;gap:3px}app-servicios .prod-name{font-weight:600;color:#27272a}app-servicios .sku-text{font-family:monospace;color:#a1a1aa;font-size:.75rem;letter-spacing:.5px}app-servicios .price-text{color:#d4af37;font-weight:700;font-size:1rem}app-servicios .text-center{text-align:center}app-servicios .badge{padding:.3rem .8rem;border-radius:20px;font-size:.65rem;font-weight:800;text-transform:uppercase}app-servicios .badge.active{background:#dcfce7;color:#166534}app-servicios .badge.inactive{background:#fee2e2;color:#991b1b}app-servicios .action-buttons{display:flex;gap:6px;justify-content:center}app-servicios .btn-action{width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;font-size:.85rem}app-servicios .btn-action.view{background:#f0f9ff;color:#0369a1}app-servicios .btn-action.edit{background:#fafaf9;color:#52525b;border:1px solid #e4e4e7}app-servicios .btn-action.stock{background:#ecfdf5;color:#059669}app-servicios .pagination-footer{padding:1.5rem 2rem;background:#fff;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px solid #f0f0f0;gap:.8rem}app-servicios .pagination-controls{display:flex;align-items:center;justify-content:flex-start;gap:1.5rem}app-servicios .page-numbers{display:flex;gap:6px}app-servicios .page-numbers button{width:32px;height:32px;border:1px solid #e4e4e7;background:#fff;border-radius:8px;cursor:pointer;font-weight:600;color:#71717a;transition:.3s;display:flex;align-items:center;justify-content:center;font-size:.85rem}app-servicios .page-numbers button.active{background:#d4af37;color:#fff;border-color:#d4af37;box-shadow:0 4px 10px #d4af374d}app-servicios .btn-nav{background:#fff;border:1px solid #e4e4e7;padding:0 1rem;height:32px;border-radius:8px;cursor:pointer;font-weight:600;color:#52525b;display:flex;align-items:center;justify-content:center;font-size:.85rem}app-servicios .btn-nav:disabled{opacity:.3;cursor:not-allowed}app-servicios .pagination-info{font-size:.85rem;color:#a1a1aa;letter-spacing:.3px}app-servicios .pagination-info b{color:#52525b;font-weight:700}app-servicios .modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000}app-servicios .modal-card{background:#fff;width:95%;max-width:600px;border-radius:20px;box-shadow:0 20px 50px #00000026;overflow:hidden;animation:modalFade .3s ease;position:relative}app-servicios .modal-header{padding:1.2rem 2rem;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}app-servicios .modal-header h2{font-family:Playfair Display;color:#d4af37;margin:0;font-size:1.4rem}app-servicios .close-btn{font-size:1.2rem;color:#aaa;cursor:pointer;transition:.2s}app-servicios .close-btn:hover{color:#f43f5e;transform:rotate(90deg)}app-servicios .modal-body{padding:2rem;max-height:70vh;overflow-y:auto}app-servicios .modal-footer{padding:1.2rem 2rem;background:#fafafa;display:flex;justify-content:flex-end;gap:10px}app-servicios .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}app-servicios .full{grid-column:span 2}app-servicios .form-field label{display:block;margin-bottom:6px;font-weight:600;color:#555;font-size:.75rem;text-transform:uppercase}app-servicios .req-star{color:#f43f5e;font-size:.9rem;margin-left:2px}app-servicios .input-ux{width:100%;padding:.7rem 1rem;border-radius:10px;border:1px solid #d4d4d8;background:#fcfcfd;outline:none;font-size:.85rem;font-family:inherit;transition:.2s;box-sizing:border-box}app-servicios .input-ux:focus{border-color:#d4af37;background:#fff;box-shadow:0 0 0 3px #d4af371a}app-servicios .input-ux-select{width:100%;padding:.7rem 1rem;border-radius:10px;border:1px solid #d4d4d8;background:#fff;outline:none;font-size:.85rem;font-family:inherit;cursor:pointer;box-sizing:border-box}app-servicios textarea.input-ux{resize:vertical;min-height:70px}app-servicios .dropzone-ux{border:2px dashed #fecdd3;background:#fffafb;border-radius:12px;padding:2rem;text-align:center;position:relative;cursor:pointer;transition:all .3s ease}app-servicios .dropzone-ux i{font-size:2rem;color:#f43f5e;margin-bottom:8px;transition:.3s}app-servicios .dropzone-ux p{font-size:.85rem;color:#71717a;transition:.3s;pointer-events:none}app-servicios .dropzone-ux input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}app-servicios .dropzone-ux.drag-over{border-color:#d4af37;background:#fffdf5;transform:scale(1.02)}app-servicios .dropzone-ux.drag-over i{color:#d4af37;transform:translateY(-5px)}app-servicios .full-width{width:100%}app-servicios .label-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}app-servicios .label-with-action label{margin-bottom:0}app-servicios .btn-ia-generate{background:linear-gradient(135deg,#d4af37,#fde08b);color:#5e4200;border:none;padding:4px 12px;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:5px;transition:.3s;box-shadow:0 2px 5px #d4af374d}app-servicios .btn-ia-generate:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1)}app-servicios .btn-ia-generate:disabled{opacity:.6;cursor:wait}app-servicios .image-preview-container{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}app-servicios .preview-card{position:relative;width:80px;height:80px;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px #0000001a;border:2px solid transparent;transition:.2s}app-servicios .preview-card:hover{border-color:#d4af37}app-servicios .preview-card img{width:100%;height:100%;object-fit:cover}app-servicios .preview-actions{position:absolute;bottom:0;left:0;width:100%;height:30px;background:#0009;display:flex;justify-content:space-between;align-items:center;padding:0 4px;opacity:0;transition:.2s}app-servicios .preview-card:hover .preview-actions{opacity:1}app-servicios .btn-move{background:none;border:none;color:#fff;cursor:pointer;font-size:.8rem;padding:2px}app-servicios .btn-move:disabled{color:#555;cursor:not-allowed}app-servicios .btn-move:hover:not(:disabled){color:#d4af37}app-servicios .btn-delete-img{background:none;border:none;color:#f43f5e;cursor:pointer;font-size:.85rem;padding:2px}app-servicios .btn-delete-img:hover{color:#fda4af}app-servicios .detail-card{max-width:900px;display:flex;flex-direction:column;position:relative}app-servicios .close-modal-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;background:#f4f4f5;color:#71717a;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;z-index:1000;transition:all .2s ease;border:none}app-servicios .close-modal-btn:hover{background:#fee2e2;color:#e11d48;transform:rotate(90deg)}app-servicios .detail-split{display:flex;flex-wrap:wrap}app-servicios .detail-gallery{flex:1.2;background:#fbfbfb;padding:2rem;border-right:1px solid #f0f0f0}app-servicios .main-view{position:relative;height:350px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;border:1px solid #f0f0f0;overflow:hidden;margin-bottom:1.2rem}app-servicios .main-view img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s}app-servicios .main-view:hover img{transform:scale(1.05)}app-servicios .big-icon{font-size:3rem;color:#ddd}app-servicios .gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;background:#ffffffb3;border:1px solid rgba(0,0,0,.05);border-radius:50%;color:#71717a;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014;transition:.2s;z-index:10;opacity:0;font-size:.8rem}app-servicios .main-view:hover .gallery-nav{opacity:1}app-servicios .gallery-nav:hover{background:#18181b;color:#fff;border-color:#18181b;transform:translateY(-50%) scale(1.1)}app-servicios .gallery-nav.left{left:10px}app-servicios .gallery-nav.right{right:10px}app-servicios .expand-btn{position:absolute;top:10px;right:10px;width:35px;height:35px;background:#ffffffe6;border:1px solid #eee;border-radius:8px;color:#555;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000001a;transition:.2s;z-index:10;opacity:0}app-servicios .main-view:hover .expand-btn{opacity:1}app-servicios .expand-btn:hover{background:#18181b;color:#fff;border-color:#18181b}app-servicios .thumb-strip{display:flex;gap:8px;justify-content:center}app-servicios .thumb-strip img{width:50px;height:50px;border-radius:10px;cursor:pointer;border:2px solid transparent;object-fit:cover;transition:.2s}app-servicios .active-thumb{border-color:#d4af37!important;transform:scale(1.05)}app-servicios .detail-info{flex:1;padding:2.5rem;position:relative;display:flex;flex-direction:column}app-servicios .category-tag{color:#d4af37;font-weight:800;font-size:.75rem;text-transform:uppercase;letter-spacing:1px}app-servicios .sku-detail-tag{font-family:monospace;color:#a1a1aa;font-size:.85rem;background:#f4f4f5;padding:4px 8px;border-radius:6px}app-servicios .detail-title{font-family:Playfair Display;font-size:2rem;color:#18181b;margin:8px 0}app-servicios .detail-price{font-size:2rem;font-weight:800;color:#1a1a1a;margin-bottom:1.5rem}app-servicios .detail-stats{display:flex;gap:2rem;border-top:1px solid #f0f0f0;padding-top:1.2rem;margin-bottom:1.5rem}app-servicios .stat-item b{display:block;font-size:1rem;margin-top:4px}app-servicios .desc-label{color:#a1a1aa;font-weight:700;font-size:.75rem;letter-spacing:1px}app-servicios .desc-scroll-area{max-height:200px;overflow-y:auto;padding-right:10px;margin-bottom:1rem}app-servicios .desc-scroll-area::-webkit-scrollbar{width:6px}app-servicios .desc-scroll-area::-webkit-scrollbar-thumb{background:#e4e4e7;border-radius:10px}app-servicios .desc-text{color:#52525b;line-height:1.5;margin-top:6px;font-size:.9rem}app-servicios .lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;z-index:99999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}app-servicios .lightbox-img{max-width:90%;max-height:90vh;object-fit:contain;box-shadow:0 10px 40px #00000080;border-radius:12px}app-servicios .lightbox-close{position:absolute;top:30px;right:30px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 20px;border-radius:30px;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.3s;z-index:999999}app-servicios .lightbox-close i{font-size:1.1rem}app-servicios .lightbox-close:hover{background:#f43f5e;border-color:#f43f5e;transform:scale(1.05)}app-servicios .lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;background:transparent;border:none;color:#fff;font-size:3rem;cursor:pointer;opacity:.5;transition:.2s}app-servicios .lightbox-nav:hover{opacity:1;text-shadow:0 0 10px rgba(255,255,255,.5)}app-servicios .lightbox-nav.left{left:20px}app-servicios .lightbox-nav.right{right:20px}app-servicios .lightbox-counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#fff;font-family:monospace;font-size:1.2rem;background:#00000080;padding:5px 15px;border-radius:20px}app-servicios .close-btn-float{position:absolute;top:15px;right:15px;font-size:1.3rem;color:#aaa;cursor:pointer;transition:.3s;z-index:100}app-servicios .close-btn-float:hover{color:#f43f5e;transform:rotate(90deg)}app-servicios .mini-modal{max-width:380px}app-servicios .centered-content{text-align:center;padding-top:3rem}app-servicios .circle-icon{width:60px;height:60px;background:#fffdf5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#d4af37;font-size:2rem;border:1px solid #fdf2ce}app-servicios .target-name{color:#71717a;margin-bottom:.5rem;font-size:.9rem}app-servicios .giant-input{width:100%;padding:.8rem;border:2px solid #e4e4e7;border-radius:12px;text-align:center;font-size:2rem;font-weight:700;color:#d4af37;outline:none;transition:.3s;box-sizing:border-box}app-servicios .giant-input:focus{border-color:#d4af37}app-servicios .center-footer{justify-content:center;padding-bottom:2rem;border:none;background:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}app-servicios .tooltip-trigger{position:relative}app-servicios .tooltip-trigger:after{content:attr(data-tooltip);position:absolute;bottom:120%;left:50%;transform:translate(-50%) translateY(5px);background:#18181b;color:#fff;padding:.4rem .8rem;border-radius:8px;font-size:.75rem;font-weight:600;font-family:Inter,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:.2s ease-out;z-index:9999;box-shadow:0 4px 10px #0003}app-servicios .tooltip-trigger:before{content:"";position:absolute;bottom:105%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:#18181b transparent transparent transparent;opacity:0;pointer-events:none;transition:.2s ease-out;z-index:9999}app-servicios .tooltip-trigger:hover:after{opacity:1;transform:translate(-50%) translateY(0)}app-servicios .tooltip-trigger:hover:before{opacity:1}app-pedidos *,app-pedidos *:before,app-pedidos *:after{box-sizing:border-box}app-pedidos .pos-wrapper{display:grid;grid-template-columns:1fr 380px;gap:1.5rem;padding:1.5rem;background:#fafafa;height:calc(100vh - 70px);font-family:Inter,system-ui,sans-serif;overflow:hidden}app-pedidos .catalog-section{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;padding-right:.5rem}app-pedidos .catalog-header{background:#fff;padding:1rem 1.5rem;border-radius:16px;box-shadow:0 4px 15px #00000008;position:sticky;top:0;z-index:10}app-pedidos .search-box{position:relative;display:flex;align-items:center;background:#fcfcfd;border:1px solid #e4e4e7;border-radius:12px;padding:0 15px;height:45px;transition:.3s}app-pedidos .search-box:focus-within{border-color:#d4af37;background:#fff;box-shadow:0 0 0 3px #d4af371a}app-pedidos .search-box .search-icon{color:#d4af37;font-size:1.1rem;margin-right:10px;flex-shrink:0}app-pedidos .toolbar-search{width:260px;flex:0 0 260px}app-pedidos .search-input{flex-grow:1;border:none;background:transparent;outline:none;font-size:1rem;color:#3f3f46;font-family:inherit}app-pedidos .clear-search{color:#a1a1aa;cursor:pointer;transition:.2s}app-pedidos .clear-search:hover{color:#f43f5e}app-pedidos .product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;padding-bottom:1.5rem}app-pedidos .product-card{background:#fff;border-radius:12px;padding:.6rem;box-shadow:0 4px 10px #00000008;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent;display:flex;flex-direction:column;overflow:hidden}app-pedidos .product-card:hover:not(.out-of-stock){transform:translateY(-3px);box-shadow:0 8px 20px #d4af3726;border-color:#d4af374d}app-pedidos .product-card.out-of-stock{opacity:.6;cursor:not-allowed;filter:grayscale(1)}app-pedidos .stock-badge{position:absolute;top:6px;left:6px;padding:2px 8px;border-radius:12px;font-size:.65rem;font-weight:700;z-index:2;box-shadow:0 2px 5px #0000001a}app-pedidos .stock-badge.good-stock{background:#dcfce7;color:#166534}app-pedidos .stock-badge.low-stock{background:#fef08a;color:#854d0e}app-pedidos .stock-badge.no-stock{background:#fee2e2;color:#991b1b}app-pedidos .product-img{width:100%;height:100px;border-radius:8px;overflow:hidden;background:#fffdf5;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}app-pedidos .product-img img{width:100%;height:100%;object-fit:contain;background:#fff}app-pedidos .img-placeholder{font-size:2.5rem;color:#fdf2ce}app-pedidos .product-info{display:flex;flex-direction:column;gap:2px;flex-grow:1}app-pedidos .p-sku{font-size:.65rem;color:#a1a1aa;margin:0;font-family:monospace}app-pedidos .p-name{font-size:.85rem;font-weight:600;color:#27272a;margin:0;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}app-pedidos .p-price{font-size:1.05rem;font-weight:800;color:#d4af37;margin:auto 0 0}app-pedidos .add-overlay{position:absolute;inset:0;background:#fffdf5d9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:.9rem;font-weight:700;color:#d4af37;opacity:0;transition:.3s;z-index:5}app-pedidos .product-card:hover:not(.out-of-stock) .add-overlay{opacity:1}app-pedidos .add-overlay i{font-size:2rem;transition:transform .2s}app-pedidos .product-card:hover:not(.out-of-stock) .add-overlay i{transform:scale(1.1)}app-pedidos .empty-catalog{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#a1a1aa}app-pedidos .empty-catalog i{font-size:4rem;color:#fdf2ce;margin-bottom:1rem}app-pedidos .pagination-footer{padding:1.5rem 1rem .5rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px dashed #e4e4e7;gap:.8rem;margin-top:auto}app-pedidos .pagination-controls{display:flex;align-items:center;justify-content:flex-start;gap:1.5rem}app-pedidos .page-numbers{display:flex;gap:6px}app-pedidos .page-numbers button{width:32px;height:32px;border:1px solid #e4e4e7;background:#fff;border-radius:8px;cursor:pointer;font-weight:600;color:#71717a;transition:.3s;display:flex;align-items:center;justify-content:center;font-size:.85rem}app-pedidos .page-numbers button.active{background:#d4af37;color:#fff;border-color:#d4af37;box-shadow:0 4px 10px #d4af374d}app-pedidos .btn-nav{background:#fff;border:1px solid #e4e4e7;padding:0 1rem;height:32px;border-radius:8px;cursor:pointer;font-weight:600;color:#52525b;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:.2s}app-pedidos .btn-nav:hover:not(:disabled){background:#fdf2ce;color:#b8952e;border-color:#d4af37}app-pedidos .btn-nav:disabled{opacity:.4;cursor:not-allowed;background:#f4f4f5}app-pedidos .pagination-info{font-size:.85rem;color:#a1a1aa;letter-spacing:.3px}app-pedidos .pagination-info b{color:#52525b;font-weight:700}app-pedidos .checkout-section{height:100%;display:flex;flex-direction:column;overflow:hidden}app-pedidos .ticket-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid #fdf2ce}app-pedidos .ticket-header,app-pedidos .client-area,app-pedidos .ticket-footer{flex-shrink:0}app-pedidos .ticket-header{padding:1.5rem;border-bottom:1px dashed #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:#fffdf5}app-pedidos .ticket-header h2{font-family:Playfair Display,serif;color:#b8952e;margin:0 0 4px;font-size:1.5rem}app-pedidos .ticket-date{font-size:.8rem;color:#a1a1aa}app-pedidos .btn-icon-ghost{background:transparent;border:none;color:#a1a1aa;font-size:1.2rem;cursor:pointer;transition:.2s;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}app-pedidos .btn-icon-ghost:hover{background:#fee2e2;color:#f43f5e}app-pedidos .client-area{padding:1rem 1.5rem;border-bottom:1px solid #f0f0f0;background:#fff;display:flex;flex-direction:column;gap:12px}app-pedidos .client-search-box{display:flex;align-items:center;background:#fafafa;border:1px solid #e4e4e7;border-radius:8px;padding:0 5px 0 12px;height:38px;position:relative}app-pedidos .client-search-box:focus-within{border-color:#d4af37;background:#fff}app-pedidos .client-search-box i{color:#a1a1aa}app-pedidos .client-search-box input{border:none;background:transparent;outline:none;width:100%;font-size:.85rem;padding-left:8px}app-pedidos .btn-add-db{background:#fffdf5;color:#b8952e;border:1px solid #fdf2ce;border-radius:6px;height:28px;width:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}app-pedidos .btn-add-db:hover{background:#d4af37;color:#fff;border-color:#d4af37}app-pedidos .client-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e4e4e7;border-radius:8px;margin-top:5px;box-shadow:0 10px 25px #0000001a;z-index:100;max-height:200px;overflow-y:auto}app-pedidos .dropdown-item{padding:10px 12px;border-bottom:1px solid #f8f8f8;cursor:pointer;display:flex;flex-direction:column}app-pedidos .dropdown-item:hover{background:#fffdf5}app-pedidos .client-active-card{display:flex;justify-content:space-between;align-items:center;background:#fffdf5;border:1px dashed #d4af37;padding:6px 10px;border-radius:8px}app-pedidos .c-info{display:flex;align-items:center;gap:8px;overflow:hidden;width:100%}app-pedidos .c-avatar{width:28px;height:28px;border-radius:50%;background:#fdf2ce;color:#b8952e;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}app-pedidos .c-details-row{display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}app-pedidos .c-name{color:#27272a;font-size:.85rem;font-weight:600;text-overflow:ellipsis;overflow:hidden}app-pedidos .c-phone{color:#a1a1aa;font-size:.75rem}app-pedidos .db-badge{background:#fef08a;color:#854d0e;font-size:.6rem;padding:2px 6px;border-radius:4px;font-weight:700}app-pedidos .express-badge{background:#e4e4e7;color:#52525b;font-size:.6rem;padding:2px 6px;border-radius:4px;font-weight:700}app-pedidos .c-actions{display:flex;gap:2px;flex-shrink:0}app-pedidos .c-actions .btn-icon-ghost{width:28px;height:28px;font-size:1rem}app-pedidos .ticket-items{flex:1 1 0;overflow-y:auto;padding:1rem 1.5rem;background:#fafafa;display:flex;flex-direction:column;gap:6px;min-height:0}app-pedidos .empty-cart{margin:auto;text-align:center;color:#a1a1aa}app-pedidos .empty-cart i{font-size:3rem;color:#e4e4e7;margin-bottom:1rem}app-pedidos .empty-cart p{font-size:.9rem;line-height:1.5}app-pedidos .cart-item{background:#fff;padding:6px 12px;border-radius:8px;box-shadow:0 2px 4px #00000005;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;border:1px solid transparent;transition:.2s}app-pedidos .cart-item:hover{border-color:#fdf2ce}app-pedidos .item-details{display:flex;flex-direction:column;gap:0px}app-pedidos .item-name{margin:0;font-size:.8rem;color:#3f3f46;line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}app-pedidos .item-price{font-size:.7rem;color:#a1a1aa;font-weight:600}app-pedidos .qty-control{display:flex;align-items:center;background:#f4f4f5;border-radius:6px;overflow:hidden;height:26px}app-pedidos .qty-control button{width:26px;height:100%;border:none;background:transparent;cursor:pointer;color:#52525b;transition:.2s;display:flex;align-items:center;justify-content:center;font-size:.8rem}app-pedidos .qty-control button:hover{background:#e4e4e7;color:#d4af37}app-pedidos .qty-control span{width:28px;text-align:center;font-weight:700;font-size:.85rem;color:#27272a}app-pedidos .item-subtotal{color:#d4af37;font-size:1rem;font-weight:800;min-width:65px;text-align:right}app-pedidos .ticket-footer{padding:1rem 1.2rem;background:#fff;border-top:1px solid #f0f0f0;box-shadow:0 -10px 20px #00000005;z-index:10;display:flex;flex-direction:column;gap:6px}app-pedidos .notes-section{margin-bottom:2px}app-pedidos .notes-input{width:100%;border:1px solid #e4e4e7;background:#fafafa;border-radius:6px;padding:6px 10px;font-family:inherit;font-size:.8rem;color:#52525b;outline:none;transition:.2s;resize:none;height:32px}app-pedidos .notes-input:focus{border-color:#d4af37;background:#fff;height:55px;resize:vertical}app-pedidos .summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#71717a;margin-bottom:0}app-pedidos .discount-row{min-height:24px}app-pedidos .discount-link{font-size:.8rem;color:#d4af37;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:4px;transition:.2s}app-pedidos .discount-link:hover{color:#b8952e;text-decoration:underline}app-pedidos .discount-input-group{display:flex;align-items:center;gap:4px;font-size:.8rem;font-weight:600;color:#f43f5e}app-pedidos .input-tiny{width:60px;border:1px solid #fecdd3;border-radius:4px;padding:2px 6px;text-align:right;outline:none;color:#e11d48;font-weight:700;background:#fff1f2;font-size:.8rem}app-pedidos .input-tiny:focus{border-color:#f43f5e}app-pedidos .btn-icon-tiny{background:transparent;border:none;color:#a1a1aa;cursor:pointer;padding:2px;font-size:.8rem}app-pedidos .btn-icon-tiny:hover{color:#f43f5e}app-pedidos .text-rose{color:#e11d48;font-size:.85rem}app-pedidos .total-row{margin-top:4px;margin-bottom:4px;border-top:1px dashed #e4e4e7;padding-top:8px}app-pedidos .total-row span:first-child{font-size:1rem;font-weight:800;color:#27272a}app-pedidos .total-amount{font-size:1.5rem;font-weight:900;color:#d4af37;line-height:1;font-family:Playfair Display,serif}app-pedidos .payment-section{background:#fafafa;border-radius:8px;padding:8px 10px;border:1px solid #f0f0f0;display:flex;flex-direction:column;gap:4px;margin-bottom:2px}app-pedidos .payment-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;color:#52525b}app-pedidos .payment-input{width:80px;padding:4px 8px;border-radius:4px;border:1px solid #d4af37;outline:none;text-align:right;font-weight:700;color:#b8952e;background:#fff;font-size:.9rem}app-pedidos .payment-input:focus{box-shadow:0 0 0 2px #d4af371a}app-pedidos .change-row{padding-top:6px;border-top:1px dashed #e4e4e7;margin-top:2px}app-pedidos .change-amount{font-size:1.1rem;color:#10b981;font-weight:900}app-pedidos .btn-cobrar{background:linear-gradient(135deg,#d4af37,#b8952e);color:#fff;border:none;border-radius:8px;font-weight:800;font-size:1rem;height:40px;cursor:pointer;transition:.3s;box-shadow:0 4px 10px #d4af374d;display:flex;justify-content:center;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.5px}app-pedidos .btn-cobrar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 15px #d4af3766}app-pedidos .btn-cobrar:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;filter:grayscale(1)}app-pedidos .modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000}app-pedidos .modal-card{background:#fff;width:95%;border-radius:20px;box-shadow:0 20px 50px #00000026;overflow:hidden;animation:modalFade .3s ease;position:relative}app-pedidos .mini-modal{max-width:400px}app-pedidos .modal-header{padding:1.2rem 2rem;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}app-pedidos .modal-header h2,app-pedidos .modal-header h3{font-family:Playfair Display,serif!important;color:#d4af37;margin:0;font-size:1.5rem}app-pedidos .close-btn{font-size:1.2rem;color:#aaa;cursor:pointer;transition:.2s;border:none;background:transparent}app-pedidos .close-btn:hover{color:#f43f5e;transform:rotate(90deg)}app-pedidos .modal-body{padding:2rem;max-height:70vh;overflow-y:auto}app-pedidos .modal-footer{padding:1.2rem 2rem;background:#fafafa;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #f0f0f0}app-pedidos .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}app-pedidos .full{grid-column:span 2}app-pedidos .form-field label{display:block;margin-bottom:6px;font-weight:600;color:#555;font-size:.75rem;text-transform:uppercase}app-pedidos .input-ux{width:100%;padding:.7rem 1rem;border-radius:10px;border:1px solid #d4d4d8;background:#fcfcfd;outline:none;font-size:.85rem;font-family:inherit;transition:.2s;box-sizing:border-box}app-pedidos .input-ux:focus{border-color:#d4af37;background:#fff;box-shadow:0 0 0 3px #d4af371a}app-pedidos .giant-input{width:100%;padding:.8rem;border:2px solid #e4e4e7;border-radius:12px;text-align:center;font-size:2rem;font-weight:700;color:#d4af37;outline:none;transition:.3s;box-sizing:border-box}app-pedidos .giant-input:focus{border-color:#d4af37}app-pedidos .btn-primary{background:linear-gradient(135deg,#d4af37,#b8952e);color:#fff;border:none;padding:0 1.5rem;height:36px;border-radius:8px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #d4af374d;transition:.3s;font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:8px}app-pedidos .btn-primary:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1)}app-pedidos .btn-primary:disabled{opacity:.7;cursor:wait;transform:none;box-shadow:none}app-pedidos .btn-nuevo-pedido{height:34px!important;min-height:34px!important;padding:0 1rem!important;font-size:.82rem!important;line-height:1!important}app-pedidos .payment-input.invalid-pago{border-color:#f43f5e!important;background:#fff1f2!important;color:#e11d48!important;box-shadow:0 0 0 3px #f43f5e1a}app-pedidos .swal2-html-container table{border-spacing:0;color:#52525b}app-pedidos .inventory-container{padding:3rem;background:#fafafa;min-height:100vh;font-family:Inter,system-ui,sans-serif;color:#27272a}app-pedidos .boutique-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}app-pedidos .brand-info h1{font-family:Playfair Display,serif;color:#d4af37;font-size:2.8rem;margin:0;letter-spacing:-1px}app-pedidos .subtitle{color:#71717a;font-weight:500;margin-top:5px;font-size:.95rem}app-pedidos .header-actions{display:flex;gap:12px}app-pedidos .toolbar-premium{background:#fff;padding:1.2rem 1.5rem;border-radius:16px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2.5rem;box-shadow:0 5px 20px #00000008;width:100%}app-pedidos .filters-group{display:flex;align-items:center;flex-wrap:wrap;gap:10px}app-pedidos .filters-group .search-box{width:260px;height:45px;margin:0;padding:0 15px;flex:0 0 260px;border-radius:8px}app-pedidos .filters-group .search-input{height:100%;line-height:45px;font-size:.85rem}app-pedidos .filters-group .select-ux{height:45px;margin:0;vertical-align:middle}app-pedidos .select-ux{appearance:none;-webkit-appearance:none;background-color:#fff;border:1px solid #e4e4e7;border-radius:8px;padding:0 2.5rem 0 1.2rem;font-size:.85rem;font-weight:500;color:#52525b;cursor:pointer;outline:none;transition:.3s;min-width:180px;height:45px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;background-size:16px}app-pedidos .select-ux:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}app-pedidos .actions-group{display:flex;align-items:center;gap:8px;margin-left:auto;justify-content:flex-end;flex-wrap:wrap}app-pedidos .btn-export{padding:0 1rem;border-radius:8px;border:none;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.8rem;transition:.2s;height:36px}app-pedidos .btn-export.excel{background:#ecfdf5;color:#065f46}app-pedidos .btn-export.pdf{background:#fff1f2;color:#9f1239}app-pedidos .table-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #00000008;width:100%;min-height:250px}app-pedidos table{width:100%;border-collapse:collapse}app-pedidos th{padding:1.2rem;color:#d4af37;background:#fffafb;text-align:left;font-weight:700;text-transform:uppercase;font-size:.7rem;border-bottom:2px solid #fafafa}app-pedidos td{padding:1rem 1.2rem;border-bottom:1px solid #f8f8f8;font-size:.9rem}app-pedidos .sortable{cursor:pointer;transition:.2s;-webkit-user-select:none;user-select:none}app-pedidos .sortable:hover{background:#fdfaf2;color:#b8952e}app-pedidos .sortable i{font-size:.75rem;margin-left:4px;color:#e4e4e7;transition:.2s}app-pedidos .sortable:hover i{color:#d4af37}app-pedidos .badge{padding:.3rem .8rem;border-radius:20px;font-size:.65rem;font-weight:800;text-transform:uppercase;display:inline-block}app-pedidos .badge.active{background:#dcfce7;color:#166534}app-pedidos .badge.inactive{background:#fee2e2;color:#991b1b}app-pedidos .badge.pending{background:#fef08a;color:#854d0e}app-pedidos .action-buttons{display:flex;gap:6px;justify-content:center}app-pedidos .btn-action{width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;font-size:.85rem}app-pedidos .btn-action.view{background:#f0f9ff;color:#0369a1}app-pedidos .btn-action.edit{background:#fafaf9;color:#52525b;border:1px solid #e4e4e7}app-pedidos .btn-action.stock{background:#fff1f2;color:#e11d48}app-pedidos .btn-action:hover{filter:brightness(.9)}app-pedidos .stepper{display:flex;justify-content:space-between;position:relative;margin:2rem 1rem}app-pedidos .stepper-line{position:absolute;top:15px;left:0;width:100%;height:2px;background:#e4e4e7;z-index:1}app-pedidos .step{display:flex;flex-direction:column;align-items:center;z-index:2;gap:8px;cursor:pointer;transition:.3s}app-pedidos .step:hover{transform:scale(1.1)}app-pedidos .step-circle{width:32px;height:32px;border-radius:50%;background:#e4e4e7;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;transition:.3s;border:2px solid white;box-shadow:0 0 0 2px transparent}app-pedidos .step-label{font-size:.75rem;color:#a1a1aa;font-weight:600;text-transform:uppercase}app-pedidos .step.active .step-circle{background:#d4af37;box-shadow:0 0 0 2px #d4af37}app-pedidos .step.active .step-label{color:#d4af37}app-pedidos .step.completed .step-circle{background:#10b981}app-pedidos .tooltip-trigger{position:relative}app-pedidos .tooltip-trigger:after{content:attr(data-tooltip);position:absolute;bottom:120%;left:50%;transform:translate(-50%) translateY(5px);background:#18181b;color:#fff;padding:.4rem .8rem;border-radius:8px;font-size:.75rem;font-weight:600;font-family:Inter,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:.2s ease-out;z-index:9999;box-shadow:0 4px 10px #0003}app-pedidos .tooltip-trigger:before{content:"";position:absolute;bottom:105%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:#18181b transparent transparent transparent;opacity:0;pointer-events:none;transition:.2s ease-out;z-index:9999}app-pedidos .tooltip-trigger:hover:after{opacity:1;transform:translate(-50%) translateY(0)}app-pedidos .tooltip-trigger:hover:before{opacity:1}app-pedidos .btn-secondary{background:#fff;color:#52525b;border:1px solid #d4d4d8;padding:0 1.5rem;height:36px;border-radius:8px;font-weight:600;cursor:pointer;transition:.3s;font-size:.85rem;display:flex;align-items:center;justify-content:center;font-family:inherit}app-pedidos .btn-secondary:hover{background:#f4f4f5;color:#18181b;border-color:#a1a1aa}app-pedidos .btn-view-product{position:absolute;top:8px;right:8px;z-index:10;background:#fffffff2;box-shadow:0 4px 10px #00000026;width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;align-items:center;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:scale(.8)}app-pedidos .btn-view-product i{color:#d4af37;font-size:1.1rem;transition:.2s}app-pedidos .product-card:hover .btn-view-product{opacity:1;transform:scale(1)}app-pedidos .btn-view-product:hover{background:#d4af37;transform:scale(1.1)!important}app-pedidos .btn-view-product:hover i{color:#fff}app-pedidos .stat-badge{background:#fff;border:1px solid #e4e4e7;padding:0 1rem;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:500;box-shadow:0 2px 4px #00000005}app-pedidos .detail-split{display:flex;gap:2rem;height:100%;min-height:400px}app-pedidos .detail-gallery{flex:1;display:flex;flex-direction:column;gap:1rem;position:relative}app-pedidos .main-view{width:100%;height:300px;background:#fafafa;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}app-pedidos .main-view img{width:100%;height:100%;object-fit:contain}app-pedidos .thumb-strip{display:flex;gap:10px;justify-content:center;overflow-x:auto;padding-bottom:5px}app-pedidos .thumb-strip img{width:60px;height:60px;object-fit:contain;background:#fff;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:.2s}app-pedidos .thumb-strip img.active-thumb{border-color:#d4af37;box-shadow:0 4px 10px #d4af374d}app-pedidos .gallery-nav{position:absolute;top:50%;transform:translateY(-50%);background:#fff;border:none;width:36px;height:36px;border-radius:50%;box-shadow:0 4px 10px #0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#52525b;transition:.2s;z-index:10}app-pedidos .gallery-nav:hover{background:#d4af37;color:#fff}app-pedidos .gallery-nav.left{left:10px}app-pedidos .gallery-nav.right{right:10px}app-pedidos .expand-btn{position:absolute;top:10px;right:10px;background:#fffc;border:none;border-radius:50%;width:32px;height:32px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.2s;z-index:10}app-pedidos .expand-btn:hover{background:#fff;color:#d4af37;transform:scale(1.1)}app-pedidos .big-icon{font-size:4rem;color:#e4e4e7}app-pedidos .detail-info{flex:1;display:flex;flex-direction:column}app-pedidos .category-tag{font-size:.75rem;font-weight:800;color:#d4af37;text-transform:uppercase;letter-spacing:1px}app-pedidos .sku-detail-tag{font-size:.8rem;color:#a1a1aa;font-family:monospace;background:#f4f4f5;padding:2px 8px;border-radius:4px}app-pedidos .detail-title{font-family:Playfair Display,serif;font-size:2rem;color:#18181b;margin:10px 0 5px;line-height:1.1}app-pedidos .detail-price{font-size:1.8rem;font-weight:800;color:#18181b;margin-bottom:20px}app-pedidos .detail-stats{display:flex;gap:30px;margin-bottom:20px;border-top:1px solid #f4f4f5;border-bottom:1px solid #f4f4f5;padding:15px 0}app-pedidos .stat-item{display:flex;flex-direction:column;gap:4px}app-pedidos .stat-item small{font-size:.65rem;font-weight:700;color:#a1a1aa;text-transform:uppercase;letter-spacing:.5px}app-pedidos .stat-item b{font-size:.95rem;color:#3f3f46}app-pedidos .desc-label{font-size:.75rem;font-weight:700;color:#a1a1aa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:block}app-pedidos .desc-scroll-area{flex:1;overflow-y:auto;max-height:150px;padding-right:10px}app-pedidos .desc-text{font-size:.9rem;line-height:1.6;color:#52525b;margin:0}app-pedidos .lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;z-index:3000;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}app-pedidos .lightbox-img{max-width:90%;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 50px #00000080}app-pedidos .lightbox-close{position:absolute;top:20px;right:30px;background:transparent;border:none;color:#fff;font-size:1rem;display:flex;align-items:center;gap:8px;cursor:pointer;transition:.2s;opacity:.7}app-pedidos .lightbox-close:hover{opacity:1;transform:scale(1.05)}app-pedidos .lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer;transition:.3s;font-size:1.5rem}app-pedidos .lightbox-nav:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}app-pedidos .lightbox-nav.left{left:30px}app-pedidos .lightbox-nav.right{right:30px}app-pedidos .lightbox-counter{position:absolute;bottom:30px;left:50%;transform:translate(-50%);color:#fff;font-weight:600;font-size:.9rem;background:#00000080;padding:5px 15px;border-radius:20px}app-pedidos .close-modal-btn{position:absolute;top:15px;right:15px;width:32px;height:32px;border-radius:50%;border:none;background:#f4f4f5;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.2s;color:#52525b;z-index:50}app-pedidos .close-modal-btn:hover{background:#fee2e2;color:#f43f5e;transform:rotate(90deg)}app-pedidos .badge-status{padding:6px 12px;border-radius:8px;font-size:.8rem;font-weight:800;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px;letter-spacing:.5px}app-pedidos .badge-status.b-success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}app-pedidos .badge-status.b-warning{background:#fef08a;color:#854d0e;border:1px solid #fde047}app-pedidos .badge-status.b-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}app-pedidos .modal-header-elegant{background:linear-gradient(to right,#fffdf5,#fff);border-bottom:1px solid #f0f0f0;padding:1.5rem 2rem}app-pedidos .icon-circle-header{width:48px;height:48px;background:#fdf2ce;color:#b8952e;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.5rem;margin-bottom:10px}app-pedidos .white-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000005;border:1px solid #e4e4e7}app-pedidos .section-title{font-size:.85rem;font-weight:700;color:#b8952e;text-transform:uppercase;margin-bottom:15px;display:flex;align-items:center;gap:8px}app-pedidos .timeline-container{position:relative;padding-left:20px;margin-top:15px}app-pedidos .timeline-item{position:relative;padding-bottom:20px;border-left:2px solid #e4e4e7;padding-left:20px}app-pedidos .timeline-item:last-child{border-left-color:transparent;padding-bottom:0}app-pedidos .timeline-dot{position:absolute;left:-7px;top:0;width:12px;height:12px;border-radius:50%;background:#d4af37;border:2px solid white;box-shadow:0 0 0 2px #fdf2ce}app-pedidos .t-date{font-size:.75rem;color:#a1a1aa;font-family:monospace;margin-bottom:4px}app-pedidos .t-title{font-weight:700;color:#27272a;font-size:.95rem}app-pedidos .t-desc{font-size:.85rem;color:#71717a;margin-top:4px}app-calculadora *,app-calculadora *:before,app-calculadora *:after{box-sizing:border-box}app-calculadora .inventory-container{padding:3rem;background:#fafafa;min-height:100vh;font-family:Inter,system-ui,sans-serif;color:#27272a}app-calculadora .boutique-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}app-calculadora .brand-info h1{font-family:Playfair Display,serif;color:#d4af37;font-size:2.8rem;margin:0;letter-spacing:-1px}app-calculadora .subtitle{color:#71717a;font-weight:500;margin-top:5px;font-size:.95rem}app-calculadora .tab-active{background:#d4af37;color:#fff;border:none;padding:.6rem 1.5rem;border-radius:8px;font-weight:700;cursor:pointer;box-shadow:0 4px 10px #d4af374d;transition:.3s;font-size:.9rem}app-calculadora .tab-inactive{background:transparent;color:#71717a;border:none;padding:.6rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:.3s;font-size:.9rem}app-calculadora .tab-inactive:hover{background:#f4f4f5;color:#27272a}app-calculadora .pos-wrapper{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:2rem;align-items:start;width:100%}app-calculadora .catalog-section{min-width:0}app-calculadora .checkout-section{position:sticky;top:20px}@media(max-width:1400px){app-calculadora .pos-wrapper{grid-template-columns:1fr 340px}}@media(max-width:1100px){app-calculadora .pos-wrapper{grid-template-columns:1fr}app-calculadora .checkout-section{position:relative;top:unset}}@media(max-width:768px){app-calculadora .inventory-container{padding:1rem}app-calculadora .brand-info h1{font-size:2rem}app-calculadora .form-grid{grid-template-columns:1fr}app-calculadora .full{grid-column:span 1}app-calculadora .ticket-footer div{flex-wrap:wrap}app-calculadora .header-actions{width:100%;display:flex}app-calculadora .header-actions button{flex:1}}app-calculadora .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}app-calculadora .full{grid-column:span 2}app-calculadora .form-field label{display:block;margin-bottom:8px;font-weight:600;color:#52525b;font-size:.8rem}app-calculadora .search-box{position:relative;display:flex;align-items:center;background:#fcfcfd;border:1px solid #e4e4e7;border-radius:12px;padding:0 15px;transition:.3s}app-calculadora .search-box:focus-within{background:#fff;box-shadow:0 0 0 3px #f43f5e1a}app-calculadora .search-input{flex-grow:1;border:none;background:transparent;outline:none;font-family:inherit}app-calculadora .input-ux{width:100%;padding:.8rem 1rem;border-radius:10px;border:1px solid #d4d4d8;background:#fcfcfd;outline:none;font-size:.9rem;font-family:inherit;transition:.2s;box-sizing:border-box}app-calculadora .input-ux:focus{border-color:#d4af37;background:#fff;box-shadow:0 0 0 3px #d4af371a}app-calculadora .ticket-card{border-radius:20px;box-shadow:0 10px 40px #00000014;display:flex;flex-direction:column;overflow:hidden;border:1px solid #fdf2ce}app-calculadora .ticket-header{padding:1.5rem;display:flex;justify-content:space-between;align-items:center;color:#d4af37}app-calculadora .ticket-header h2{font-family:Playfair Display,serif;margin:0;font-size:1.5rem}app-calculadora .ticket-items{padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;gap:10px}app-calculadora .summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;margin-bottom:0}app-calculadora .btn-primary{background:linear-gradient(135deg,#d4af37,#b8952e);color:#fff;border:none;padding:0 1.5rem;border-radius:8px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #d4af374d;transition:.3s;font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:8px}app-calculadora .btn-primary:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1)}app-calculadora .btn-ghost{background:transparent;border:1.5px solid #e4e4e7;color:#71717a;padding:.8rem 1.5rem;border-radius:8px;font-weight:700;cursor:pointer;transition:.2s;font-size:.9rem;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}app-calculadora .btn-ghost:hover{background:#fee2e2;color:#f43f5e;border-color:#fecdd3}app-calculadora .full-width{width:100%}app-calculadora .btn-ia{background:#ffffff1a;border:1px solid rgba(212,175,55,.3);color:#fff;padding:.8rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:.3s;font-size:.85rem;display:flex;align-items:center;gap:10px;text-align:left}app-calculadora .btn-ia:hover{background:#d4af3733;border-color:#d4af37;transform:translate(5px)}app-calculadora .btn-ia i{color:#d4af37;font-size:1.1rem}app-calculadora .modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000}app-calculadora .modal-card{background:#fff;width:95%;border-radius:20px;box-shadow:0 20px 50px #00000026;overflow:hidden;position:relative;animation:modalFade .3s ease}app-calculadora .mini-modal{max-width:400px}app-calculadora .modal-header{padding:1.2rem 2rem;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}app-calculadora .modal-header h3{font-family:Playfair Display;color:#d4af37;margin:0;font-size:1.4rem}app-calculadora .close-btn{font-size:1.2rem;color:#aaa;cursor:pointer;transition:.2s;border:none;background:transparent}app-calculadora .close-btn:hover{color:#f43f5e;transform:rotate(90deg)}app-calculadora .modal-body{padding:2rem;max-height:70vh;overflow-y:auto}app-calculadora .modal-footer{padding:1.2rem 2rem;background:#fafafa;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #f0f0f0}app-calculadora .tooltip-trigger{position:relative;cursor:help;margin-left:5px;color:#a1a1aa}app-calculadora .tooltip-trigger:hover{color:#d4af37}app-calculadora .tooltip-trigger:after{content:attr(data-tooltip);position:absolute;bottom:120%;left:50%;transform:translate(-50%) translateY(5px);background:#18181b;color:#fff;padding:.4rem .8rem;border-radius:8px;font-size:.75rem;font-weight:600;font-family:Inter,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:.2s ease-out;z-index:9999;box-shadow:0 4px 10px #0003}app-calculadora .tooltip-trigger:before{content:"";position:absolute;bottom:105%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:#18181b transparent transparent transparent;opacity:0;pointer-events:none;transition:.2s ease-out;z-index:9999}app-calculadora .tooltip-trigger:hover:after{opacity:1;transform:translate(-50%) translateY(0)}app-calculadora .tooltip-trigger:hover:before{opacity:1}app-calculadora .ia-controls{margin-bottom:12px}app-calculadora .tone-group{display:flex;gap:6px;background:#18181b;padding:5px;border-radius:10px;border:1px solid #3f3f46}app-calculadora .tone-btn{flex:1;border:none;padding:6px 10px;border-radius:8px;background:transparent;color:#a1a1aa;font-size:12px;cursor:pointer;transition:all .2s ease}app-calculadora .tone-btn:hover{background:#27272a;color:#fff}app-calculadora .tone-btn.active{background:linear-gradient(135deg,#d4af37,#facc15);color:#18181b;font-weight:600;box-shadow:0 2px 8px #d4af3766}app-calculadora .cliente-toggle{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;color:#e4e4e7}app-calculadora .premium-ticket{background:linear-gradient(180deg,#fffdf8,#fff);border:1px solid #f5e7b2;border-radius:28px;padding:1.5rem;box-shadow:0 10px 40px #0000000f,0 2px 10px #d4af3714}app-calculadora .ticket-header-premium{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}app-calculadora .ticket-header-premium h2{margin:0;font-size:1.4rem;color:#18181b;font-family:Playfair Display,serif}app-calculadora .mini-label{margin:0 0 4px;color:#a1a1aa;font-size:.7rem;font-weight:800;letter-spacing:1px}app-calculadora .status-live{display:flex;align-items:center;gap:6px;background:#ecfdf5;color:#059669;padding:6px 10px;border-radius:999px;font-size:.75rem;font-weight:700}app-calculadora .status-live span{width:8px;height:8px;border-radius:50%;background:#10b981;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}app-calculadora .product-chip{background:linear-gradient(135deg,#fff1f2,#ffe4e6);color:#e11d48;padding:10px 14px;border-radius:12px;font-weight:700;margin-bottom:1rem;text-align:center}app-calculadora .summary-row{display:flex;justify-content:space-between;padding:10px 0;color:#52525b}app-calculadora .summary-row b{color:#18181b}app-calculadora .premium-divider{height:1px;background:linear-gradient(to right,transparent,#f5d97b,transparent);margin:1rem 0}app-calculadora .costo-real-card{text-align:center;margin-bottom:1rem}app-calculadora .costo-real-card span{display:block;font-size:.75rem;color:#71717a;font-weight:700;margin-bottom:6px}app-calculadora .costo-real-value{font-size:2rem;font-weight:900;color:#18181b}app-calculadora .pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}app-calculadora .price-card{border-radius:18px;padding:16px;transition:.3s}app-calculadora .price-card:hover{transform:translateY(-2px)}app-calculadora .price-card span{font-size:.7rem;font-weight:800;letter-spacing:1px}app-calculadora .price-big{font-size:1.8rem;font-weight:900;margin-top:8px}app-calculadora .menudeo{background:#fffbeb;border:1px solid #fde68a}.menudeo span,app-calculadora .menudeo .price-big{color:#ca8a04}app-calculadora .mayoreo{background:#ecfdf5;border:1px solid #a7f3d0}.mayoreo span,app-calculadora .mayoreo .price-big{color:#059669}app-calculadora .rentabilidad-card{margin-top:18px;padding:16px;border-radius:18px}app-calculadora .rentabilidad-top{display:flex;justify-content:space-between;margin-bottom:8px}app-calculadora .rentabilidad-label{font-size:.75rem;font-weight:800}app-calculadora .rentabilidad-percent{font-size:.85rem;font-weight:900}app-calculadora .rentabilidad-amount{font-size:2rem;font-weight:900;margin-bottom:6px}app-calculadora .rentabilidad-message{font-size:.85rem}app-calculadora .rentabilidad-baja{background:#fff1f2;border:1px solid #fecdd3}.rentabilidad-baja .rentabilidad-label,.rentabilidad-baja .rentabilidad-percent,app-calculadora .rentabilidad-baja .rentabilidad-amount{color:#e11d48}app-calculadora .rentabilidad-media{background:#fffbeb;border:1px solid #fde68a}.rentabilidad-media .rentabilidad-label,.rentabilidad-media .rentabilidad-percent,app-calculadora .rentabilidad-media .rentabilidad-amount{color:#ca8a04}app-calculadora .rentabilidad-alta{background:#ecfdf5;border:1px solid #a7f3d0}.rentabilidad-alta .rentabilidad-label,.rentabilidad-alta .rentabilidad-percent,app-calculadora .rentabilidad-alta .rentabilidad-amount{color:#059669}app-calculadora .ia-insight-card{margin-top:1rem;background:linear-gradient(135deg,#18181b,#27272a);border-radius:18px;padding:16px;color:#fff}app-calculadora .ia-title{color:#facc15;font-size:.8rem;font-weight:800;margin-bottom:8px}app-calculadora .ia-text{font-size:.9rem;line-height:1.5}app-calculadora .ticket-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:1rem}app-calculadora .btn-premium{height:46px;border-radius:14px;border:none;cursor:pointer;font-weight:700;transition:.3s}app-calculadora .btn-premium:hover{transform:translateY(-2px)}app-calculadora .btn-premium.pdf{background:#eff6ff;color:#0369a1}app-calculadora .btn-premium.clean{background:#fafafa;color:#52525b}app-calculadora .btn-outline-primary{background:transparent;color:#d4af37;border:1.5px solid #d4af37;padding:0 1.5rem;height:38px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box}app-calculadora .btn-outline-primary:hover{background:#fffdf5;color:#b8952e;border-color:#b8952e;box-shadow:0 4px 10px #d4af3726;transform:translateY(-2px)}app-calculadora .btn-outline-primary:active{transform:translateY(0)}app-ventas .portfolio-tabs button:hover:not(.active):not(.active-green):not(.active-red){background:#00000008!important;color:#52525b!important}app-ventas .portfolio-tabs button.active-green,app-ventas .portfolio-tabs button.active-green:hover{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;box-shadow:0 8px 20px #10b9813d!important;transition:none!important}app-ventas .portfolio-tabs button.active-red,app-ventas .portfolio-tabs button.active-red:hover{background:linear-gradient(135deg,#f43f5e,#e11d48)!important;color:#fff!important;box-shadow:0 8px 20px #f43f5e3d!important;transition:none!important}app-ventas .portfolio-tabs button.active,app-ventas .portfolio-tabs button.active:hover{background:linear-gradient(135deg,#d4af37,#b8952e)!important;color:#fff!important;box-shadow:0 8px 20px #d4af373d!important;transition:none!important}app-ventas .portfolio-tabs{display:inline-flex!important;align-items:center!important;gap:.35rem!important;max-width:100%!important;margin:0 0 1.25rem!important;padding:.35rem!important;border:1px solid #f4e7ef!important;border-radius:14px!important;background:#fff!important;box-shadow:0 10px 28px #27272a0d!important;overflow-x:auto!important}app-ventas .portfolio-tabs button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.45rem!important;min-height:36px!important;padding:0 .9rem!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#71717a!important;font-family:inherit!important;font-size:.86rem!important;font-weight:800!important;white-space:nowrap!important;cursor:pointer!important;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease!important;outline:none!important;box-shadow:none!important}app-ventas .portfolio-tabs button:hover{background:#00000008!important;color:#52525b!important}app-ventas .portfolio-tabs button.active{background:linear-gradient(135deg,#d4af37,#b8952e)!important;color:#fff!important;box-shadow:0 8px 20px #d4af373d!important}app-ventas *,app-ventas *:before,app-ventas *:after{box-sizing:border-box}app-ventas .inventory-container{padding:3rem;background:#fafafa;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;color:#27272a}app-ventas .boutique-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}app-ventas .brand-info h1{font-family:Playfair Display,serif;color:#d4af37;font-size:2.8rem;margin:0;letter-spacing:-1px}app-ventas .subtitle{color:#71717a;font-weight:500;margin-top:5px;font-size:.95rem}app-ventas .header-actions{display:flex;gap:12px}app-ventas .btn-primary{background:linear-gradient(135deg,#d4af37,#b8952e);color:#fff;border:none;padding:0 1.5rem;height:36px;border-radius:8px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #d4af374d;transition:.3s;font-size:.85rem;display:flex;align-items:center;justify-content:center;box-sizing:border-box}app-ventas .btn-ghost{background:#fff;border:1.5px solid #e4e4e7;color:#71717a;padding:0 1.5rem;height:36px;border-radius:8px;font-weight:700;cursor:pointer;transition:.2s;font-size:.85rem;display:flex;align-items:center;justify-content:center;box-sizing:border-box}app-ventas .btn-primary:hover{transform:translateY(-2px)}app-ventas .btn-ghost:hover{background:#f4f4f5;color:#18181b;border-color:#d4af37}app-ventas .toolbar-premium{background:#fff;padding:1.2rem 1.5rem;border-radius:16px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2.5rem;box-shadow:0 5px 20px #00000008;width:100%}app-ventas .filters-group{display:flex;align-items:center;flex-wrap:wrap;gap:10px}app-ventas .search-box{position:relative;width:260px;height:36px;display:flex;align-items:center;background:#fcfcfd;border:1px solid #e4e4e7;border-radius:8px;padding:0 12px;box-sizing:border-box;transition:.2s;margin:0;flex-shrink:0}app-ventas .search-box:focus-within{border-color:#d4af37;background:#fff;box-shadow:0 0 0 3px #d4af371a}app-ventas .search-box .search-icon{color:#a1a1aa;font-size:.95rem;margin-right:8px;flex-shrink:0}app-ventas .search-box .clear-search{color:#a1a1aa;font-size:.95rem;cursor:pointer;margin-left:8px;flex-shrink:0;transition:.2s}app-ventas .search-box .clear-search:hover{color:#f43f5e}app-ventas .search-input{flex-grow:1;height:100%;border:none;background:transparent;outline:none;font-family:inherit;font-size:.85rem;color:#3f3f46;padding:0;min-width:0}app-ventas .btn-clear-filters,app-ventas .btn-export{height:36px;box-sizing:border-box;margin:0}app-ventas .select-ux{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #e4e4e7;border-radius:8px;padding:0 2.5rem 0 1.2rem;font-size:.85rem;font-weight:500;color:#52525b;cursor:pointer;outline:none;transition:all .3s ease;min-width:180px;height:36px;box-sizing:border-box;margin:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;background-size:16px}app-ventas .select-ux:hover{border-color:#d4af37;box-shadow:0 4px 12px #d4af371a}app-ventas .select-ux:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af3733}app-ventas .select-ux option{font-weight:400;color:#3f3f46;padding:10px}app-ventas .actions-group{display:flex;align-items:center;gap:8px;margin-left:auto;justify-content:flex-end;flex-wrap:wrap}app-ventas .btn-clear-filters{width:36px;padding:0;border-radius:8px;border:1px solid #fecdd3;background:#fff1f2;color:#f43f5e;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;font-size:1rem}app-ventas .btn-clear-filters:hover{background:#f43f5e;color:#fff;border-color:#f43f5e}app-ventas .btn-export{padding:0 1rem;border-radius:8px;border:none;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.8rem;transition:.2s}app-ventas .btn-export.excel{background:#ecfdf5;color:#065f46}app-ventas .btn-export.pdf{background:#fff1f2;color:#9f1239}app-ventas .table-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #00000008;width:100%;min-height:250px}app-ventas table{width:100%;border-collapse:collapse}app-ventas th{padding:1.2rem;color:#d4af37;background:#fffafb;text-align:left;font-weight:700;text-transform:uppercase;font-size:.7rem;letter-spacing:1px;border-bottom:2px solid #fafafa}app-ventas td{padding:1rem 1.2rem;border-bottom:1px solid #f8f8f8;font-size:.9rem}app-ventas .sortable{cursor:pointer;transition:.2s;-webkit-user-select:none;user-select:none}app-ventas .sortable:hover{background:#fdfaf2;color:#b8952e}app-ventas .sortable i{font-size:.75rem;margin-left:4px;color:#e4e4e7;transition:.2s}app-ventas .sortable:hover i{color:#d4af37}app-ventas .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}app-ventas .empty-icon{font-size:4rem;color:#fecdd3;margin-bottom:1rem}app-ventas .empty-state h3{color:#52525b;margin-bottom:5px;font-size:1.2rem}app-ventas .empty-state p{color:#a1a1aa;margin-bottom:1.5rem;font-size:.9rem}app-ventas .product-cell{display:flex;align-items:center;gap:12px}app-ventas .product-info-col{display:flex;flex-direction:column;gap:3px}app-ventas .prod-name{font-weight:600;color:#27272a}app-ventas .sku-text{font-family:monospace;color:#a1a1aa;font-size:.75rem;letter-spacing:.5px}app-ventas .price-text{color:#d4af37;font-weight:700;font-size:1rem}app-ventas .text-center{text-align:center}app-ventas .text-right{text-align:right}app-ventas .badge{padding:.3rem .8rem;border-radius:20px;font-size:.65rem;font-weight:800;text-transform:uppercase}app-ventas .badge.active{background:#dcfce7;color:#166534}app-ventas .badge.inactive{background:#fee2e2;color:#991b1b}app-ventas .badge.cotizacion{background:#fef08a;color:#854d0e}app-ventas .badge.venta{background:#e0f2fe;color:#0284c7}app-ventas .action-buttons{display:flex;gap:6px;justify-content:center}app-ventas .btn-action{width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;font-size:.85rem}app-ventas .btn-action.view{background:#f0f9ff;color:#0369a1}app-ventas .btn-action.print{background:#fafaf9;color:#52525b;border:1px solid #e4e4e7}app-ventas .btn-action.delete{background:#fff1f2;color:#e11d48}app-ventas .pagination-footer{padding:1.5rem 2rem;background:#fff;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px solid #f0f0f0;gap:.8rem}app-ventas .pagination-controls{display:flex;align-items:center;justify-content:flex-start;gap:1.5rem}app-ventas .page-numbers{display:flex;gap:6px}app-ventas .page-numbers button{width:32px;height:32px;border:1px solid #e4e4e7;background:#fff;border-radius:8px;cursor:pointer;font-weight:600;color:#71717a;transition:.3s;display:flex;align-items:center;justify-content:center;font-size:.85rem}app-ventas .page-numbers button.active{background:#d4af37;color:#fff;border-color:#d4af37;box-shadow:0 4px 10px #d4af374d}app-ventas .btn-nav{background:#fff;border:1px solid #e4e4e7;padding:0 1rem;height:32px;border-radius:8px;cursor:pointer;font-weight:600;color:#52525b;display:flex;align-items:center;justify-content:center;font-size:.85rem}app-ventas .btn-nav:disabled{opacity:.3;cursor:not-allowed}app-ventas .pagination-info{font-size:.85rem;color:#a1a1aa;letter-spacing:.3px}app-ventas .pagination-info b{color:#52525b;font-weight:700}app-ventas .modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000}app-ventas .modal-card{background:#fff;width:95%;max-width:600px;border-radius:20px;box-shadow:0 20px 50px #00000026;overflow:hidden;animation:modalFade .3s ease;position:relative}app-ventas .modal-header{padding:1.2rem 2rem;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}app-ventas .modal-header h2{font-family:Playfair Display;color:#d4af37;margin:0;font-size:1.4rem}app-ventas .modal-body{padding:2rem;max-height:70vh;overflow-y:auto}app-ventas .modal-footer{padding:1.2rem 2rem;background:#fafafa;display:flex;justify-content:flex-end;gap:10px}app-ventas .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}app-ventas .full{grid-column:span 2}app-ventas .form-field label{display:block;margin-bottom:6px;font-weight:600;color:#555;font-size:.75rem;text-transform:uppercase}app-ventas .close-modal-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;background:#f4f4f5;color:#71717a;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;z-index:1000;transition:all .2s ease;border:none}app-ventas .close-modal-btn:hover{background:#fee2e2;color:#e11d48;transform:rotate(90deg)}app-ventas .detail-card{max-width:900px;display:flex;flex-direction:column;position:relative}app-ventas .category-tag{color:#d4af37;font-weight:800;font-size:.75rem;text-transform:uppercase;letter-spacing:1px}app-ventas .sku-detail-tag{font-family:monospace;color:#a1a1aa;font-size:.85rem;background:#f4f4f5;padding:4px 8px;border-radius:6px}app-ventas .detail-title{font-family:Playfair Display;font-size:2rem;color:#18181b;margin:8px 0}app-ventas .detail-price{font-size:2rem;font-weight:800;color:#1a1a1a;margin-bottom:1.5rem}app-ventas .detail-stats{display:flex;gap:2rem;border-top:1px solid #f0f0f0;padding-top:1.2rem;margin-bottom:1.5rem}app-ventas .stat-item b{display:block;font-size:1rem;margin-top:4px}app-ventas .desc-label{color:#a1a1aa;font-weight:700;font-size:.75rem;letter-spacing:1px}app-ventas .alert-box{background:#fff1f2;border-left:4px solid #e11d48;padding:1rem;border-radius:0 8px 8px 0;color:#e11d48}@keyframes modalFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}app-ventas .tooltip-trigger{position:relative}app-ventas .tooltip-trigger:after{content:attr(data-tooltip);position:absolute;bottom:120%;left:50%;transform:translate(-50%) translateY(5px);background:#18181b;color:#fff;padding:.4rem .8rem;border-radius:8px;font-size:.75rem;font-weight:600;font-family:Inter,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:.2s ease-out;z-index:9999;box-shadow:0 4px 10px #0003}app-ventas .tooltip-trigger:before{content:"";position:absolute;bottom:105%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:#18181b transparent transparent transparent;opacity:0;pointer-events:none;transition:.2s ease-out;z-index:9999}app-ventas .tooltip-trigger:hover:after{opacity:1;transform:translate(-50%) translateY(0)}app-ventas .tooltip-trigger:hover:before{opacity:1}img,video,canvas,svg{max-width:100%}input,select,textarea,button{max-width:100%}.table-card,.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-card table,.table-responsive table{min-width:680px}.modal-overlay{padding:1rem;overflow-y:auto;align-items:center}.modal-card{max-width:min(95vw,900px);max-height:calc(100dvh - 2rem)}.modal-body{min-height:0}app-root .main-content{min-width:0}@media(max-width:1200px){.dashboard-container,app-dashboard .dashboard-container,.inventory-container,app-inventory .inventory-container,app-categories .inventory-container,app-clientes .inventory-container,app-servicios .inventory-container,app-pedidos .inventory-container,app-calculadora .inventory-container,app-ventas .inventory-container{padding:2rem!important}.pos-wrapper,app-pos .pos-wrapper,app-pedidos .pos-wrapper,app-calculadora .pos-wrapper{grid-template-columns:minmax(0,1fr) 340px!important;gap:1rem!important}}@media(max-width:980px){.dashboard-container,app-dashboard .dashboard-container,.inventory-container,app-inventory .inventory-container,app-categories .inventory-container,app-clientes .inventory-container,app-servicios .inventory-container,app-pedidos .inventory-container,app-calculadora .inventory-container,app-ventas .inventory-container{padding:1.5rem!important;min-height:auto!important}.boutique-header,app-inventory .boutique-header,app-categories .boutique-header,app-clientes .boutique-header,app-servicios .boutique-header,app-pedidos .boutique-header,app-calculadora .boutique-header,app-ventas .boutique-header,.dash-header,app-dashboard .dash-header{align-items:flex-start!important;flex-direction:column!important;gap:1rem!important}.brand-info h1,app-inventory .brand-info h1,app-categories .brand-info h1,app-clientes .brand-info h1,app-servicios .brand-info h1,app-pedidos .brand-info h1,app-calculadora .brand-info h1,app-ventas .brand-info h1,app-dashboard .header-info h1{font-size:2rem!important;line-height:1.15!important;overflow-wrap:anywhere}.header-actions,app-inventory .header-actions,app-categories .header-actions,app-clientes .header-actions,app-servicios .header-actions,app-pedidos .header-actions,app-calculadora .header-actions,app-ventas .header-actions,.filters-group,.actions-group,app-inventory .filters-group,app-inventory .actions-group,app-categories .filters-group,app-categories .actions-group,app-clientes .filters-group,app-clientes .actions-group,app-servicios .filters-group,app-servicios .actions-group,app-pedidos .filters-group,app-pedidos .actions-group,app-ventas .filters-group,app-ventas .actions-group{width:100%!important;margin-left:0!important;justify-content:stretch!important}.toolbar-premium,app-inventory .toolbar-premium,app-categories .toolbar-premium,app-clientes .toolbar-premium,app-servicios .toolbar-premium,app-pedidos .toolbar-premium,app-ventas .toolbar-premium{align-items:stretch!important;gap:1rem!important}.search-box,.toolbar-search,.select-ux,app-inventory .search-box,app-categories .search-box,app-clientes .search-box,app-servicios .search-box,app-pedidos .search-box,app-calculadora .search-box,app-ventas .search-box,app-pedidos .filters-group .search-box,app-pedidos .filters-group .select-ux{width:100%!important;flex:1 1 220px!important;min-width:min(220px,100%)!important}.pos-wrapper,app-pos .pos-wrapper,app-pedidos .pos-wrapper,app-calculadora .pos-wrapper{grid-template-columns:1fr!important;height:auto!important;min-height:auto!important;overflow:visible!important;padding:1rem!important}.catalog-section,app-pos .catalog-section,app-pedidos .catalog-section,app-calculadora .catalog-section{overflow:visible!important;padding-right:0!important}.checkout-section,app-pos .checkout-section,app-pedidos .checkout-section,app-calculadora .checkout-section{position:relative!important;top:auto!important;height:auto!important;overflow:visible!important}.ticket-card,app-pos .ticket-card,app-pedidos .ticket-card,app-calculadora .ticket-card{height:auto!important;max-height:none!important}.ticket-items,app-pos .ticket-items,app-pedidos .ticket-items,app-calculadora .ticket-items{max-height:none!important;overflow:visible!important}.middle-grid,app-dashboard .middle-grid,.pricing-grid,app-calculadora .pricing-grid{grid-template-columns:1fr!important}.detail-split,app-inventory .detail-split,app-categories .detail-split,app-servicios .detail-split,app-pedidos .detail-split{display:flex!important;flex-direction:column!important;gap:0!important;min-height:0!important}.detail-gallery,app-inventory .detail-gallery,app-categories .detail-gallery,app-servicios .detail-gallery,app-pedidos .detail-gallery{border-right:0!important;border-bottom:1px solid #f0f0f0!important;width:100%!important}.detail-info,app-inventory .detail-info,app-categories .detail-info,app-servicios .detail-info,app-pedidos .detail-info{width:100%!important;padding:1.5rem!important}}@media(max-width:768px){.global-topbar,app-root .global-topbar{height:62px!important;padding:0 .85rem!important}.dashboard-container,app-dashboard .dashboard-container,.inventory-container,app-inventory .inventory-container,app-categories .inventory-container,app-clientes .inventory-container,app-servicios .inventory-container,app-pedidos .inventory-container,app-calculadora .inventory-container,app-ventas .inventory-container{padding:1rem!important}.panel-card,app-dashboard .panel-card,.toolbar-premium,app-inventory .toolbar-premium,app-categories .toolbar-premium,app-clientes .toolbar-premium,app-servicios .toolbar-premium,app-pedidos .toolbar-premium,app-ventas .toolbar-premium{border-radius:14px!important;padding:1rem!important}.header-actions,.filters-group,.actions-group,app-inventory .header-actions,app-inventory .filters-group,app-inventory .actions-group,app-categories .header-actions,app-categories .filters-group,app-categories .actions-group,app-clientes .header-actions,app-clientes .filters-group,app-clientes .actions-group,app-servicios .header-actions,app-servicios .filters-group,app-servicios .actions-group,app-pedidos .header-actions,app-pedidos .filters-group,app-pedidos .actions-group,app-calculadora .header-actions,app-ventas .header-actions,app-ventas .filters-group,app-ventas .actions-group{flex-direction:column!important;align-items:stretch!important}.header-actions>*,.filters-group>*,.actions-group>*,app-inventory .header-actions>*,app-inventory .filters-group>*,app-inventory .actions-group>*,app-categories .header-actions>*,app-categories .filters-group>*,app-categories .actions-group>*,app-clientes .header-actions>*,app-clientes .filters-group>*,app-clientes .actions-group>*,app-servicios .header-actions>*,app-servicios .filters-group>*,app-servicios .actions-group>*,app-pedidos .header-actions>*,app-pedidos .filters-group>*,app-pedidos .actions-group>*,app-calculadora .header-actions>*,app-ventas .header-actions>*,app-ventas .filters-group>*,app-ventas .actions-group>*{width:100%!important}.btn-primary,.btn-category,.btn-ghost,.btn-export,.btn-outline-primary,app-inventory .btn-primary,app-inventory .btn-category,app-inventory .btn-ghost,app-inventory .btn-export,app-categories .btn-primary,app-categories .btn-category,app-categories .btn-ghost,app-categories .btn-export,app-clientes .btn-primary,app-clientes .btn-ghost,app-clientes .btn-export,app-servicios .btn-primary,app-servicios .btn-category,app-servicios .btn-ghost,app-servicios .btn-export,app-pedidos .btn-primary,app-pedidos .btn-ghost,app-pedidos .btn-export,app-calculadora .btn-primary,app-calculadora .btn-ghost,app-calculadora .btn-outline-primary,app-ventas .btn-primary,app-ventas .btn-ghost,app-ventas .btn-export{min-height:42px!important;justify-content:center!important;white-space:normal!important;text-align:center!important}.product-grid,app-pos .product-grid,app-pedidos .product-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))!important;gap:.8rem!important}.kpi-grid,app-dashboard .kpi-grid,.actions-grid,app-dashboard .actions-grid,.form-grid,app-inventory .form-grid,app-categories .form-grid,app-clientes .form-grid,app-pos .form-grid,app-servicios .form-grid,app-pedidos .form-grid,app-calculadora .form-grid,app-ventas .form-grid{grid-template-columns:1fr!important}.full,app-inventory .full,app-categories .full,app-clientes .full,app-pos .full,app-servicios .full,app-pedidos .full,app-calculadora .full,app-ventas .full{grid-column:1 / -1!important}.modal-overlay,app-inventory .modal-overlay,app-categories .modal-overlay,app-clientes .modal-overlay,app-dashboard .modal-overlay,app-pos .modal-overlay,app-servicios .modal-overlay,app-pedidos .modal-overlay,app-calculadora .modal-overlay,app-ventas .modal-overlay{align-items:flex-start!important;padding:.75rem!important}.modal-card,app-inventory .modal-card,app-categories .modal-card,app-clientes .modal-card,app-dashboard .modal-card,app-pos .modal-card,app-servicios .modal-card,app-pedidos .modal-card,app-calculadora .modal-card,app-ventas .modal-card{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 1.5rem)!important;border-radius:16px!important}.modal-header,.modal-header-elegant,app-inventory .modal-header,app-inventory .modal-header-elegant,app-categories .modal-header,app-categories .modal-header-elegant,app-clientes .modal-header,app-clientes .modal-header-elegant,app-dashboard .modal-header-elegant,app-pos .modal-header,app-servicios .modal-header,app-servicios .modal-header-elegant,app-pedidos .modal-header,app-pedidos .modal-header-elegant,app-calculadora .modal-header,app-ventas .modal-header{padding:1.2rem 3.4rem 1.2rem 1.5rem!important;flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.modal-body,app-inventory .modal-body,app-categories .modal-body,app-clientes .modal-body,app-dashboard .modal-body,app-pos .modal-body,app-servicios .modal-body,app-pedidos .modal-body,app-calculadora .modal-body,app-ventas .modal-body{padding:1.25rem!important;max-height:calc(100dvh - 12rem)!important;overflow-y:auto!important}.modal-footer,app-inventory .modal-footer,app-categories .modal-footer,app-clientes .modal-footer,app-pos .modal-footer,app-servicios .modal-footer,app-pedidos .modal-footer,app-calculadora .modal-footer,app-ventas .modal-footer{padding:1rem 1.25rem!important;flex-direction:column-reverse!important;align-items:stretch!important}.main-view,app-inventory .main-view,app-categories .main-view,app-servicios .main-view,app-pedidos .main-view{height:auto!important;aspect-ratio:4 / 3!important}.thumb-strip,app-inventory .thumb-strip,app-categories .thumb-strip,app-servicios .thumb-strip,app-pedidos .thumb-strip{justify-content:flex-start!important;overflow-x:auto!important;padding-bottom:.5rem!important}.pagination-controls,app-inventory .pagination-controls,app-categories .pagination-controls,app-pos .pagination-controls,app-servicios .pagination-controls,app-pedidos .pagination-controls,app-ventas .pagination-controls{flex-wrap:wrap!important;justify-content:center!important;gap:.75rem!important}.page-numbers,app-inventory .page-numbers,app-categories .page-numbers,app-pos .page-numbers,app-servicios .page-numbers,app-pedidos .page-numbers,app-ventas .page-numbers{max-width:100%!important;overflow-x:auto!important;padding-bottom:.25rem!important}.cart-item,app-pos .cart-item,app-pedidos .cart-item{grid-template-columns:1fr!important;gap:.5rem!important}.item-controls,app-pos .item-controls,app-pedidos .item-controls{display:flex!important;justify-content:space-between!important;align-items:center!important}.checkout-actions,.ticket-actions,app-pos .checkout-actions,app-calculadora .ticket-actions{grid-template-columns:1fr!important}.stepper,app-dashboard .stepper,app-pedidos .stepper{overflow-x:auto!important;justify-content:flex-start!important;gap:1.5rem!important;padding-bottom:.5rem!important}.step,app-dashboard .step,app-pedidos .step{min-width:80px!important}}@media(max-width:520px){.dashboard-container,app-dashboard .dashboard-container,.inventory-container,app-inventory .inventory-container,app-categories .inventory-container,app-clientes .inventory-container,app-servicios .inventory-container,app-pedidos .inventory-container,app-calculadora .inventory-container,app-ventas .inventory-container{padding:.75rem!important}.brand-info h1,app-inventory .brand-info h1,app-categories .brand-info h1,app-clientes .brand-info h1,app-servicios .brand-info h1,app-pedidos .brand-info h1,app-calculadora .brand-info h1,app-ventas .brand-info h1,app-dashboard .header-info h1{font-size:1.65rem!important}.subtitle,app-inventory .subtitle,app-categories .subtitle,app-clientes .subtitle,app-servicios .subtitle,app-pedidos .subtitle,app-calculadora .subtitle,app-ventas .subtitle,app-dashboard .subtitle{font-size:.85rem!important}.product-grid,app-pos .product-grid,app-pedidos .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.product-card,app-pos .product-card,app-pedidos .product-card{padding:.5rem!important}.product-img,app-pos .product-img,app-pedidos .product-img{height:auto!important;aspect-ratio:1 / 1!important}.kpi-card,app-dashboard .kpi-card{align-items:flex-start!important}.kpi-data h3,app-dashboard .kpi-data h3,.total-amount,app-pos .total-amount,.price-big,app-calculadora .price-big,.rentabilidad-amount,app-calculadora .rentabilidad-amount{font-size:1.35rem!important}.table-card table,.table-responsive table{min-width:620px}.lightbox-close,app-inventory .lightbox-close,app-servicios .lightbox-close,app-pedidos .lightbox-close{top:12px!important;right:12px!important;padding:8px 12px!important}.lightbox-nav,app-inventory .lightbox-nav,app-servicios .lightbox-nav,app-pedidos .lightbox-nav{width:42px!important;height:42px!important;font-size:1.5rem!important}}@media(max-width:768px){.toolbar-premium,app-inventory .toolbar-premium,app-categories .toolbar-premium,app-clientes .toolbar-premium,app-servicios .toolbar-premium,app-pedidos .toolbar-premium,app-ventas .toolbar-premium{padding:.75rem!important;gap:.65rem!important}.filters-group,.actions-group,app-inventory .filters-group,app-inventory .actions-group,app-categories .filters-group,app-categories .actions-group,app-clientes .filters-group,app-clientes .actions-group,app-servicios .filters-group,app-servicios .actions-group,app-pedidos .filters-group,app-pedidos .actions-group,app-ventas .filters-group,app-ventas .actions-group{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:center!important;gap:.55rem!important}.filters-group .search-box,.filters-group .select-ux,app-inventory .filters-group .search-box,app-inventory .filters-group .select-ux,app-categories .filters-group .search-box,app-categories .filters-group .select-ux,app-clientes .filters-group .search-box,app-clientes .filters-group .select-ux,app-servicios .filters-group .search-box,app-servicios .filters-group .select-ux,app-pedidos .filters-group .search-box,app-pedidos .filters-group .select-ux,app-ventas .filters-group .search-box,app-ventas .filters-group .select-ux{width:100%!important;min-width:0!important;height:38px!important;flex:none!important;padding-left:.65rem!important;padding-right:.65rem!important;font-size:.78rem!important}.search-input,app-inventory .search-input,app-categories .search-input,app-clientes .search-input,app-servicios .search-input,app-pedidos .search-input,app-ventas .search-input{min-width:0!important;font-size:.82rem!important}.search-box,.client-search-box,app-inventory .search-box,app-categories .search-box,app-clientes .search-box,app-pos .search-box,app-pos .client-search-box,app-servicios .search-box,app-pedidos .search-box,app-pedidos .client-search-box,app-calculadora .search-box,app-ventas .search-box{min-height:38px!important;height:38px!important;border-radius:9px!important}.input-ux,.input-ux-select,app-inventory .input-ux,app-inventory .input-ux-select,app-categories .input-ux,app-categories .input-ux-select,app-clientes .input-ux,app-pos .input-ux,app-servicios .input-ux,app-servicios .input-ux-select,app-pedidos .input-ux,app-calculadora .input-ux,app-ventas .input-ux{min-height:40px!important;padding:.55rem .75rem!important;font-size:.85rem!important}.catalog-header,app-pos .catalog-header,app-pedidos .catalog-header{padding:.75rem!important;border-radius:12px!important}.select-ux,app-inventory .select-ux,app-categories .select-ux,app-clientes .select-ux,app-servicios .select-ux,app-pedidos .select-ux,app-ventas .select-ux{min-width:0!important;padding-left:.7rem!important;padding-right:1.9rem!important;background-position:right .55rem center!important;text-overflow:ellipsis!important}.actions-group .btn-export,.actions-group .btn-clear-filters,app-inventory .actions-group .btn-export,app-inventory .actions-group .btn-clear-filters,app-categories .actions-group .btn-export,app-categories .actions-group .btn-clear-filters,app-clientes .actions-group .btn-export,app-clientes .actions-group .btn-clear-filters,app-servicios .actions-group .btn-export,app-servicios .actions-group .btn-clear-filters,app-pedidos .actions-group .btn-export,app-pedidos .actions-group .btn-clear-filters,app-ventas .actions-group .btn-export,app-ventas .actions-group .btn-clear-filters{width:100%!important;min-height:38px!important;height:38px!important;padding:0 .7rem!important;font-size:.78rem!important}.modal-overlay,app-inventory .modal-overlay,app-categories .modal-overlay,app-clientes .modal-overlay,app-dashboard .modal-overlay,app-pos .modal-overlay,app-servicios .modal-overlay,app-pedidos .modal-overlay,app-calculadora .modal-overlay,app-ventas .modal-overlay{position:fixed!important;inset:0!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;min-height:100dvh!important;height:100dvh!important;padding:.65rem!important;overflow-y:auto!important;overscroll-behavior:contain!important}.modal-card,app-inventory .modal-card,app-categories .modal-card,app-clientes .modal-card,app-dashboard .modal-card,app-pos .modal-card,app-servicios .modal-card,app-pedidos .modal-card,app-calculadora .modal-card,app-ventas .modal-card{display:flex!important;flex-direction:column!important;width:min(100%,680px)!important;max-width:100%!important;max-height:calc(100dvh - 1.3rem)!important;margin:0 auto!important;overflow:hidden!important}.modal-body,app-inventory .modal-body,app-categories .modal-body,app-clientes .modal-body,app-dashboard .modal-body,app-pos .modal-body,app-servicios .modal-body,app-pedidos .modal-body,app-calculadora .modal-body,app-ventas .modal-body{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.modal-header,.modal-header-elegant,.modal-footer,app-inventory .modal-header,app-inventory .modal-header-elegant,app-inventory .modal-footer,app-categories .modal-header,app-categories .modal-header-elegant,app-categories .modal-footer,app-clientes .modal-header,app-clientes .modal-header-elegant,app-clientes .modal-footer,app-dashboard .modal-header,app-dashboard .modal-header-elegant,app-pos .modal-header,app-pos .modal-footer,app-servicios .modal-header,app-servicios .modal-header-elegant,app-servicios .modal-footer,app-pedidos .modal-header,app-pedidos .modal-header-elegant,app-pedidos .modal-footer,app-calculadora .modal-header,app-calculadora .modal-footer,app-ventas .modal-header,app-ventas .modal-footer{flex-shrink:0!important}}@media(max-width:430px){.filters-group,.actions-group,app-inventory .filters-group,app-inventory .actions-group,app-categories .filters-group,app-categories .actions-group,app-clientes .filters-group,app-clientes .actions-group,app-servicios .filters-group,app-servicios .actions-group,app-pedidos .filters-group,app-pedidos .actions-group,app-ventas .filters-group,app-ventas .actions-group{grid-template-columns:1fr 1fr!important}.filters-group .search-box,app-inventory .filters-group .search-box,app-categories .filters-group .search-box,app-clientes .filters-group .search-box,app-servicios .filters-group .search-box,app-pedidos .filters-group .search-box,app-ventas .filters-group .search-box{grid-column:1 / -1!important}.modal-overlay,app-inventory .modal-overlay,app-categories .modal-overlay,app-clientes .modal-overlay,app-dashboard .modal-overlay,app-pos .modal-overlay,app-servicios .modal-overlay,app-pedidos .modal-overlay,app-calculadora .modal-overlay,app-ventas .modal-overlay{padding:0!important}.modal-card,app-inventory .modal-card,app-categories .modal-card,app-clientes .modal-card,app-dashboard .modal-card,app-pos .modal-card,app-servicios .modal-card,app-pedidos .modal-card,app-calculadora .modal-card,app-ventas .modal-card{width:100%!important;max-height:100dvh!important;min-height:100dvh!important;border-radius:0!important}}.table-card,.table-responsive,.modal-body{max-width:100%}.table-card,.table-responsive,app-inventory .table-card,app-categories .table-card,app-clientes .table-card,app-dashboard .table-responsive,app-servicios .table-card,app-pedidos .table-card,app-ventas .table-card{overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch!important;scrollbar-gutter:stable both-edges}.table-card table,.table-responsive table,.modal-body table,app-inventory .table-card table,app-categories .table-card table,app-clientes .table-card table,app-dashboard .table-responsive table,app-dashboard .modal-body table,app-servicios .table-card table,app-pedidos .table-card table,app-pedidos .modal-body table,app-ventas .table-card table{width:max-content!important;min-width:720px!important;border-collapse:collapse}.table-card th,.table-card td,.table-responsive th,.table-responsive td,.modal-body table th,.modal-body table td,app-inventory .table-card th,app-inventory .table-card td,app-categories .table-card th,app-categories .table-card td,app-clientes .table-card th,app-clientes .table-card td,app-dashboard .table-responsive th,app-dashboard .table-responsive td,app-servicios .table-card th,app-servicios .table-card td,app-pedidos .table-card th,app-pedidos .table-card td,app-ventas .table-card th,app-ventas .table-card td{white-space:nowrap!important}.product-cell,.client-cell,app-inventory .product-cell,app-categories .product-cell,app-clientes .product-cell,app-dashboard .client-cell,app-servicios .product-cell,app-ventas .product-cell{min-width:220px!important}.action-buttons,app-inventory .action-buttons,app-categories .action-buttons,app-clientes .action-buttons,app-dashboard .action-buttons,app-servicios .action-buttons,app-pedidos .action-buttons,app-ventas .action-buttons{min-width:max-content!important;flex-wrap:nowrap!important}@media(max-width:768px){.table-card,.table-responsive,app-inventory .table-card,app-categories .table-card,app-clientes .table-card,app-dashboard .table-responsive,app-servicios .table-card,app-pedidos .table-card,app-ventas .table-card{border-radius:14px!important;margin-left:-.25rem!important;margin-right:-.25rem!important;padding-bottom:.25rem!important}.table-card table,.table-responsive table,app-inventory .table-card table,app-categories .table-card table,app-clientes .table-card table,app-dashboard .table-responsive table,app-servicios .table-card table,app-pedidos .table-card table,app-ventas .table-card table{min-width:760px!important}.modal-body,app-inventory .modal-body,app-categories .modal-body,app-clientes .modal-body,app-dashboard .modal-body,app-pos .modal-body,app-servicios .modal-body,app-pedidos .modal-body,app-calculadora .modal-body,app-ventas .modal-body{overflow-x:auto!important}.modal-body table,app-dashboard .modal-body table,app-pedidos .modal-body table{min-width:640px!important}}@media(max-width:520px){.table-card table,.table-responsive table,app-inventory .table-card table,app-categories .table-card table,app-clientes .table-card table,app-dashboard .table-responsive table,app-servicios .table-card table,app-pedidos .table-card table,app-ventas .table-card table{min-width:700px!important}}.modal-overlay{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;min-height:100dvh!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:clamp(.75rem,2vw,1.5rem)!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;box-sizing:border-box!important}.modal-card{display:flex!important;flex-direction:column!important;width:100%!important;max-width:min(620px,calc(100vw - clamp(1.5rem,4vw,3rem)))!important;max-height:calc(100dvh - clamp(1.5rem,4vw,3rem))!important;min-height:0!important;margin:auto!important;overflow:hidden!important;box-sizing:border-box!important}.modal-card.mini-modal,.mini-modal{max-width:min(420px,calc(100vw - clamp(1.5rem,4vw,3rem)))!important}.modal-card.detail-card,.detail-card{max-width:min(920px,calc(100vw - clamp(1.5rem,4vw,3rem)))!important}.modal-card[style*="max-width: 700px"],.modal-card[style*="max-width:700px"]{max-width:min(700px,calc(100vw - clamp(1.5rem,4vw,3rem)))!important}.modal-card[style*="max-width: 800px"],.modal-card[style*="max-width:800px"]{max-width:min(800px,calc(100vw - clamp(1.5rem,4vw,3rem)))!important}.modal-card[style*="max-width: 900px"],.modal-card[style*="max-width:900px"]{max-width:min(900px,calc(100vw - clamp(1.5rem,4vw,3rem)))!important}.modal-header,.modal-header-elegant,.modal-footer{flex:0 0 auto!important}.modal-header,.modal-header-elegant{min-width:0!important;padding-right:3.75rem!important}.modal-body{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.modal-body>*{min-width:0}.modal-footer{flex-wrap:wrap!important}.modal-footer>*{min-width:0!important}.detail-split,.detail-stats,.detail-gallery,.detail-info{min-width:0!important}@media(max-height:720px)and (min-width:769px){.modal-overlay{align-items:flex-start!important}.modal-card{max-height:calc(100dvh - 1rem)!important}}@media(max-width:768px){.modal-overlay{align-items:flex-start!important;padding:.75rem!important}.modal-card,.modal-card.detail-card,.detail-card{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 1.5rem)!important;border-radius:16px!important}.modal-header,.modal-header-elegant{padding:1.1rem 3.5rem 1rem 1.25rem!important}.modal-header h2,.modal-header h3,.modal-header-elegant h2,.modal-header-elegant h3,.detail-title{max-width:100%!important;overflow-wrap:anywhere!important;line-height:1.15!important}.modal-body{padding:1.25rem!important;overflow-x:auto!important}.modal-body[style*="display: flex"],.detail-split{flex-direction:column!important;gap:1rem!important}.detail-gallery,.detail-info{width:100%!important;flex:1 1 auto!important;padding:1.25rem!important}.detail-gallery{border-right:0!important;border-bottom:1px solid #f0f0f0!important}.detail-stats{flex-wrap:wrap!important;gap:.9rem!important}.modal-footer{padding:1rem 1.25rem!important;flex-direction:column-reverse!important;align-items:stretch!important}.modal-footer button,.modal-footer .btn-primary,.modal-footer .btn-secondary,.modal-footer .btn-ghost{width:100%!important;min-height:42px!important}.close-modal-btn,.close-btn{top:.85rem!important;right:.85rem!important;flex:0 0 auto!important}}@media(max-width:430px){.modal-overlay{padding:0!important}.modal-card,.modal-card.mini-modal,.modal-card.detail-card,.mini-modal,.detail-card{width:100%!important;max-width:100%!important;min-height:100dvh!important;max-height:100dvh!important;border-radius:0!important}}app-inventory .detail-card{min-height:0!important}app-inventory .detail-card .detail-split{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}app-facturacion *,app-facturacion *:before,app-facturacion *:after{box-sizing:border-box}app-facturacion .inventory-container{padding:3rem;background:#fafafa;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;color:#27272a}app-facturacion .boutique-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}app-facturacion .brand-info h1{font-family:Playfair Display,serif;color:#d4af37;font-size:2.8rem;margin:0}app-facturacion .subtitle{color:#71717a;font-weight:500;margin-top:5px;font-size:.95rem}app-facturacion .header-actions{display:flex;gap:12px}app-facturacion .btn-primary{background:linear-gradient(135deg,#d4af37,#b8952e);color:#fff;border:none;padding:0 1.5rem;min-height:36px;border-radius:8px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #d4af374d;transition:.3s;font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:8px}app-facturacion .btn-primary:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05)}app-facturacion .btn-primary:disabled{opacity:.7;cursor:wait;transform:none;box-shadow:none}app-facturacion .btn-ghost{background:#fff;border:1.5px solid #e4e4e7;color:#71717a;padding:0 1.2rem;min-height:36px;border-radius:8px;font-weight:700;cursor:pointer;transition:.2s;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;gap:8px}app-facturacion .btn-ghost:hover:not(:disabled){background:#f4f4f5;color:#18181b;border-color:#d4af37}app-facturacion .btn-ghost:disabled{opacity:.45;cursor:not-allowed}app-facturacion .toolbar-premium{background:#fff;padding:1.2rem 1.5rem;border-radius:16px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2.5rem;box-shadow:0 5px 20px #00000008;width:100%}app-facturacion .filters-group{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0}app-facturacion .actions-group{display:flex;align-items:center;gap:8px;margin-left:auto;justify-content:flex-end;flex-wrap:wrap}app-facturacion .search-box{position:relative;width:280px;height:36px;display:flex;align-items:center;background:#fcfcfd;border:1px solid #e4e4e7;border-radius:8px;padding:0 12px;transition:.2s;margin:0;flex-shrink:0}app-facturacion .search-box:focus-within{border-color:#d4af37;background:#fff;box-shadow:0 0 0 3px #d4af371a}app-facturacion .search-icon,app-facturacion .clear-search{color:#a1a1aa;font-size:.95rem;flex-shrink:0}app-facturacion .search-icon{margin-right:8px}app-facturacion .clear-search{margin-left:8px;cursor:pointer}app-facturacion .search-input{flex-grow:1;height:100%;border:none;background:transparent;outline:none;font-family:inherit;font-size:.85rem;color:#3f3f46;padding:0;min-width:0}app-facturacion .select-ux{height:36px;border:1px solid #e4e4e7;border-radius:8px;background-color:#fcfcfd;color:#52525b;padding:0 2rem 0 .9rem;font-size:.85rem;font-weight:600;outline:none;cursor:pointer;transition:.2s;font-family:inherit}app-facturacion .select-ux:hover,app-facturacion .select-ux:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}app-facturacion .date-range{display:flex;align-items:center;gap:8px;color:#d4af37;font-weight:800}app-facturacion .date-input{min-width:132px;padding-right:.8rem}app-facturacion .btn-clear-filters{width:36px;height:36px;padding:0;border-radius:8px;border:1px solid #fecdd3;background:#fff1f2;color:#f43f5e;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;font-size:1rem}app-facturacion .btn-clear-filters:hover{background:#f43f5e;color:#fff;border-color:#f43f5e}app-facturacion .btn-export{height:36px;padding:0 1rem;border-radius:8px;border:none;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.8rem;transition:.2s}app-facturacion .btn-export.excel{background:#ecfdf5;color:#065f46}app-facturacion .btn-export.pdf{background:#fff1f2;color:#9f1239}app-facturacion .table-card{background:#fff;border-radius:20px;overflow-x:auto;overflow-y:hidden;box-shadow:0 10px 30px #00000008;width:100%;min-height:250px}app-facturacion table{width:100%;min-width:980px;border-collapse:collapse}app-facturacion th{padding:1.2rem;color:#d4af37;background:#fffafb;text-align:left;font-weight:700;text-transform:uppercase;font-size:.7rem;letter-spacing:1px;border-bottom:2px solid #fafafa}app-facturacion td{padding:1rem 1.2rem;border-bottom:1px solid #f8f8f8;font-size:.9rem;vertical-align:middle}app-facturacion .sortable{cursor:pointer;-webkit-user-select:none;user-select:none}app-facturacion .sortable:hover{background:#fdfaf2;color:#b8952e}app-facturacion .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}app-facturacion .empty-icon{font-size:4rem;color:#fecdd3;margin-bottom:1rem}app-facturacion .empty-state h3{color:#52525b;margin-bottom:5px;font-size:1.2rem}app-facturacion .empty-state p{color:#a1a1aa;margin-bottom:1.5rem;font-size:.9rem}app-facturacion .product-cell{display:flex;align-items:center;gap:12px;min-width:240px}app-facturacion .no-img-placeholder{width:38px;height:38px;border-radius:10px;background:#fff7ed;color:#d4af37;display:flex;align-items:center;justify-content:center;flex-shrink:0}app-facturacion .product-info-col{display:flex;flex-direction:column;gap:3px;min-width:0}app-facturacion .prod-name{font-weight:700;color:#27272a;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}app-facturacion .sku-text{font-family:monospace;color:#a1a1aa;font-size:.75rem;letter-spacing:.5px}app-facturacion .small-text{color:#71717a;font-size:.82rem;line-height:1.35}app-facturacion .text-center{text-align:center}app-facturacion .badge{padding:.3rem .8rem;border-radius:20px;font-size:.65rem;font-weight:800;text-transform:uppercase;display:inline-block;white-space:nowrap}app-facturacion .badge.active{background:#dcfce7;color:#166534}app-facturacion .badge.inactive{background:#fee2e2;color:#991b1b}app-facturacion .badge.pending{background:#fef08a;color:#854d0e}app-facturacion .action-buttons{display:flex;gap:6px;justify-content:center;flex-wrap:nowrap}app-facturacion .btn-action{width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;font-size:.85rem}app-facturacion .btn-action.view{background:#f0f9ff;color:#0369a1}app-facturacion .btn-action.edit{background:#fafaf9;color:#52525b;border:1px solid #e4e4e7}app-facturacion .btn-action.upload{background:#ecfdf5;color:#059669}app-facturacion .btn-action.toggle{background:#fff1f2;color:#e11d48}app-facturacion .btn-action:hover{filter:brightness(.94);transform:translateY(-1px)}app-facturacion .pagination-footer{padding:1.5rem 2rem;background:#fff;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px solid #f0f0f0;gap:.8rem}app-facturacion .pagination-controls{display:flex;align-items:center;justify-content:flex-start;gap:1.5rem}app-facturacion .page-numbers{display:flex;gap:6px}app-facturacion .page-numbers button{width:32px;height:32px;border:1px solid #e4e4e7;background:#fff;border-radius:8px;cursor:pointer;font-weight:600;color:#71717a;display:flex;align-items:center;justify-content:center;font-size:.85rem}app-facturacion .page-numbers button.active{background:#d4af37;color:#fff;border-color:#d4af37;box-shadow:0 4px 10px #d4af374d}app-facturacion .btn-nav{background:#fff;border:1px solid #e4e4e7;padding:0 1rem;height:32px;border-radius:8px;cursor:pointer;font-weight:600;color:#52525b;display:flex;align-items:center;justify-content:center;gap:4px;font-size:.85rem}app-facturacion .btn-nav:disabled{opacity:.3;cursor:not-allowed}app-facturacion .pagination-info{font-size:.85rem;color:#a1a1aa;letter-spacing:.3px}app-facturacion .modal-overlay{position:fixed;inset:0;width:100vw;height:100dvh;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto}app-facturacion .modal-card{background:#fff;width:95%;max-width:680px;border-radius:20px;box-shadow:0 20px 50px #00000026;overflow:hidden;position:relative;display:flex;flex-direction:column;max-height:calc(100dvh - 2rem)}app-facturacion .modal-card.detail-card{max-width:880px}app-facturacion .modal-card.mini-modal{max-width:460px}app-facturacion .modal-header{padding:1.2rem 2rem;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}app-facturacion .modal-header h2{font-family:Playfair Display,serif;color:#d4af37;margin:0;font-size:1.4rem}app-facturacion .modal-body{padding:2rem;overflow-y:auto}app-facturacion .modal-footer{padding:1.2rem 2rem;background:#fafafa;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}app-facturacion .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}app-facturacion .full{grid-column:span 2}app-facturacion .form-field label{display:block;margin-bottom:6px;font-weight:700;color:#555;font-size:.75rem;text-transform:uppercase}app-facturacion .form-field small{display:block;margin-top:6px;color:#71717a;font-size:.78rem}app-facturacion .input-ux,app-facturacion .input-ux-select{width:100%;min-height:42px;border:1px solid #e4e4e7;border-radius:10px;padding:.7rem .85rem;font-family:inherit;font-size:.9rem;color:#27272a;background:#fcfcfd;outline:none;transition:.2s}app-facturacion .input-ux:focus,app-facturacion .input-ux-select:focus{border-color:#d4af37;background:#fff;box-shadow:0 0 0 4px #d4af3714}app-facturacion .close-modal-btn{position:absolute;top:1rem;right:1rem;width:34px;height:34px;border:none;border-radius:9px;background:#fff1f2;color:#e11d48;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center}app-facturacion .fiscal-detail-closebar .close-modal-btn{position:static;top:auto;right:auto;margin-left:auto;width:2.25rem;height:2.25rem;border:1px solid #f1e8d2;background:#fffdf7;color:#52525b;box-shadow:0 6px 14px #0f172a0f}app-facturacion .detail-stats{display:flex;gap:1rem;border-bottom:1px solid #f0f0f0;padding-bottom:1rem;margin-bottom:1.2rem;flex-wrap:wrap}app-facturacion .stat-item{background:#fafafa;border:1px solid #f0f0f0;border-radius:10px;padding:.9rem 1rem;min-width:140px}app-facturacion .stat-item small{display:block;color:#a1a1aa;font-size:.7rem;font-weight:800;letter-spacing:1px;margin-bottom:4px}app-facturacion .stat-item b{color:#27272a}app-facturacion .detail-box{background:#fffafb;border:1px solid #fdf2ce;border-radius:12px;padding:1rem;color:#52525b}app-facturacion .detail-box p{margin:0 0 .75rem;line-height:1.4}app-facturacion .detail-box p:last-child{margin-bottom:0}app-facturacion .file-actions{display:flex;gap:10px;margin-top:1.2rem;flex-wrap:wrap}app-facturacion .tooltip-trigger{position:relative}app-facturacion .tooltip-trigger:after{content:attr(data-tooltip);position:absolute;bottom:120%;left:50%;transform:translate(-50%) translateY(5px);background:#18181b;color:#fff;padding:.4rem .8rem;border-radius:8px;font-size:.75rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:.2s ease-out;z-index:9999;box-shadow:0 4px 10px #0003}app-facturacion .tooltip-trigger:hover:after{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:768px){app-facturacion .inventory-container{padding:1rem}app-facturacion .brand-info h1{font-size:2rem}app-facturacion .toolbar-premium{padding:.85rem;gap:.75rem}app-facturacion .filters-group,app-facturacion .actions-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-left:0;gap:.55rem}app-facturacion .search-box{grid-column:1 / -1;width:100%}app-facturacion .date-range{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto 1fr}app-facturacion .select-ux,app-facturacion .date-input,app-facturacion .btn-export,app-facturacion .btn-clear-filters{width:100%;min-width:0}app-facturacion .form-grid{grid-template-columns:1fr}app-facturacion .full{grid-column:span 1}app-facturacion .modal-card,app-facturacion .modal-card.detail-card{width:100%;max-width:100%;max-height:calc(100dvh - 1.5rem)}app-facturacion .modal-body{padding:1.25rem}app-facturacion .modal-footer{padding:1rem 1.25rem;flex-direction:column-reverse}app-facturacion .modal-footer button{width:100%}}:root{--ui-bg: #fafafa;--ui-surface: #ffffff;--ui-surface-soft: #fcfcfd;--ui-border: #e4e4e7;--ui-border-soft: #f0f0f0;--ui-text: #27272a;--ui-muted: #71717a;--ui-faint: #a1a1aa;--ui-brand: #d4af37;--ui-brand-strong: #b8952e;--ui-brand-soft: #fff8e1;--ui-success: #10b981;--ui-success-bg: #ecfdf5;--ui-danger: #f43f5e;--ui-danger-bg: #fff1f2;--ui-info: #0369a1;--ui-info-bg: #f0f9ff;--ui-warning: #854d0e;--ui-warning-bg: rgba(254, 240, 138, .77);--ui-radius: 8px;--ui-radius-lg: 16px;--ui-shadow-card: 0 10px 30px rgba(0, 0, 0, .035);--ui-shadow-button: 0 8px 20px rgba(212, 175, 55, .24)}:where(app-dashboard,app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-pos,app-calculadora,app-ventas,app-facturacion){color:var(--ui-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:where(app-dashboard,app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-pos,app-calculadora,app-ventas,app-facturacion) .inventory-container,:where(app-dashboard) .dashboard-container{background:var(--ui-bg)!important;color:var(--ui-text)!important;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}app-root .main-content{width:100%!important;min-width:0!important}app-root router-outlet+*{display:block!important;width:100%!important}:where(app-pos,app-pedidos,app-calculadora) .pos-wrapper{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}:where(app-dashboard,app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-pos,app-calculadora,app-ventas,app-facturacion) :is(.boutique-header,.dash-header,.toolbar-premium,.table-card,.pos-wrapper,.catalog-section,.checkout-section){width:100%!important;max-width:none!important;box-sizing:border-box!important}:where(app-dashboard,app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-pos,app-calculadora,app-ventas,app-facturacion) .brand-info h1,:where(app-dashboard) .header-info h1{color:var(--ui-brand)!important;font-family:Playfair Display,Georgia,serif!important;letter-spacing:0!important}:where(app-dashboard,app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-pos,app-calculadora,app-ventas,app-facturacion) .subtitle{color:var(--ui-muted)!important;font-weight:500!important}.btn-primary,.btn-category,.btn-secondary,.btn-ghost,.btn-outline-primary,.btn-export,.btn-clear-filters,.btn-nav,.btn-action,.btn-icon-ghost,.btn-add-db,.btn-icon-tiny{font-family:inherit!important;letter-spacing:0!important;border-radius:var(--ui-radius)!important;transition:transform .18s ease,filter .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease!important}.btn-primary,.btn-category{min-height:36px!important;background:linear-gradient(135deg,var(--ui-brand),var(--ui-brand-strong))!important;color:#fff!important;border:0!important;box-shadow:var(--ui-shadow-button)!important;font-weight:800!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.btn-primary:hover:not(:disabled),.btn-category:hover:not(:disabled),.btn-export:hover:not(:disabled),.btn-nav:hover:not(:disabled){transform:translateY(-1px)!important;filter:brightness(1.03)!important}.btn-ghost,.btn-secondary,.btn-outline-primary,.btn-nav{min-height:36px!important;background:var(--ui-surface)!important;color:var(--ui-muted)!important;border:1px solid var(--ui-border)!important;box-shadow:none!important;font-weight:750!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.btn-ghost:hover:not(:disabled),.btn-secondary:hover:not(:disabled),.btn-outline-primary:hover:not(:disabled),.btn-nav:hover:not(:disabled){color:var(--ui-text)!important;border-color:var(--ui-brand)!important;background:#fffdf7!important}.btn-primary:disabled,.btn-category:disabled,.btn-ghost:disabled,.btn-secondary:disabled,.btn-outline-primary:disabled,.btn-export:disabled,.btn-nav:disabled,.btn-action:disabled{opacity:.55!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.btn-export{height:36px!important;border:1px solid transparent!important;font-weight:800!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}.btn-export.excel{background:var(--ui-success-bg)!important;color:#065f46!important;border-color:#bbf7d0!important}.btn-export.pdf{background:var(--ui-danger-bg)!important;color:#9f1239!important;border-color:#fecdd3!important}.btn-clear-filters{width:36px!important;height:36px!important;padding:0!important;background:var(--ui-danger-bg)!important;color:var(--ui-danger)!important;border:1px solid #fecdd3!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.btn-action,.btn-icon-ghost,.btn-add-db,.btn-icon-tiny{width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;border:1px solid var(--ui-border)!important;background:var(--ui-surface)!important;color:var(--ui-muted)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.btn-action.view{background:var(--ui-info-bg)!important;color:var(--ui-info)!important;border-color:#bae6fd!important}.btn-action.edit{background:#fafaf9!important;color:#52525b!important;border-color:var(--ui-border)!important}.btn-action.stock,.btn-action.upload{background:var(--ui-success-bg)!important;color:#059669!important;border-color:#bbf7d0!important}.btn-action.print{background:#f4f4f5!important;color:#52525b!important;border-color:var(--ui-border)!important}.btn-action.delete,.btn-action.toggle{background:var(--ui-danger-bg)!important;color:var(--ui-danger)!important;border-color:#fecdd3!important}.btn-action.seg{background:var(--ui-warning-bg)!important;color:var(--ui-warning)!important;border-color:#fff}.input-ux,.input-ux-select,.select-ux,.search-box,.client-search-box,.notes-input,.payment-input,.input-tiny,.giant-input{border-color:var(--ui-border)!important;border-radius:var(--ui-radius)!important;background-color:var(--ui-surface-soft)!important;color:var(--ui-text)!important;font-family:inherit!important;letter-spacing:0!important;outline:none!important;box-shadow:none!important}.select-ux,.input-ux-select,input[type=date].select-ux,input[type=date].input-ux,input[type=date].input-ux-select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;min-height:36px!important;padding:.55rem 2.25rem .55rem .8rem!important;border:1px solid var(--ui-border)!important;background-color:var(--ui-surface-soft)!important;background-image:linear-gradient(180deg,#ffffffc7,#ffffff1f),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23b8952e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat,no-repeat!important;background-position:0 0,right .9rem center!important;background-size:100% 100%,16px 16px!important;color:var(--ui-text)!important;font-weight:650!important;line-height:1.2!important;cursor:pointer!important}.prime-select.p-select{display:inline-flex!important;align-items:center!important;width:auto!important;min-width:180px!important;min-height:36px!important;height:36px!important;border:1px solid var(--ui-border)!important;border-radius:10px!important;background:linear-gradient(180deg,#fff,#fcfcfd)!important;box-shadow:inset 0 1px #fffc!important;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease!important}.select-ux.prime-select.p-select{min-height:36px!important}.input-ux-select.prime-select.p-select{width:100%!important;min-width:0!important}.prime-select.p-select .p-select-label{padding:.55rem .8rem!important;color:var(--ui-text)!important;font-size:.88rem!important;font-weight:650!important}.prime-select.p-select .p-select-dropdown{width:2.25rem!important;color:var(--ui-brand-strong)!important}.prime-select.p-select:hover{border-color:var(--ui-brand)!important;background:#fffdf7!important;box-shadow:0 8px 22px #d4af371a!important}.prime-select.p-select.p-focus,.prime-select.p-select:focus-within{border-color:var(--ui-brand)!important;box-shadow:0 0 0 4px #d4af371a!important}.prime-select-panel.p-select-overlay{border:1px solid var(--ui-border)!important;border-radius:14px!important;background:#fffffffa!important;box-shadow:0 18px 44px #27272a1f!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden!important}.prime-select-panel .p-select-header{padding:.75rem!important;background:linear-gradient(180deg,#fffdf7,#fffafb)!important;border-bottom:1px solid var(--ui-border-soft)!important}.prime-select-panel .p-select-filter{min-height:36px!important;border-radius:10px!important;border:1px solid var(--ui-border)!important;background:#fff!important}.prime-select-panel .p-select-list-container{padding:.4rem!important}.prime-select-panel .p-select-option{margin:.1rem 0!important;border-radius:10px!important;color:var(--ui-text)!important;font-weight:550!important}.prime-select-panel .p-select-option.p-focus,.prime-select-panel .p-select-option:hover{background:#fff8e1!important;color:var(--ui-brand-strong)!important}.prime-select-panel .p-select-option.p-select-option-selected{background:linear-gradient(135deg,#f7e7a7,#efd47a)!important;color:#5e4200!important}input[type=date].select-ux,input[type=date].input-ux,input[type=date].input-ux-select{padding-right:.95rem!important;background-image:linear-gradient(180deg,#ffffffc7,#ffffff1f)!important}.select-ux:hover,.input-ux-select:hover,input[type=date].select-ux:hover,input[type=date].input-ux:hover,input[type=date].input-ux-select:hover{border-color:var(--ui-brand)!important;background-color:#fffdf7!important;box-shadow:0 8px 22px #d4af371a!important}.input-ux:focus,.input-ux-select:focus,.select-ux:focus,.search-box:focus-within,.client-search-box:focus-within,.notes-input:focus,.payment-input:focus,.input-tiny:focus,.giant-input:focus{border-color:var(--ui-brand)!important;background-color:var(--ui-surface)!important;box-shadow:0 0 0 4px #d4af371a!important}.filters-group,.actions-group,.date-range{align-items:stretch!important}.filters-group>:is(.select-ux,.prime-select,.search-box,.date-range),.actions-group>:is(.select-ux,.prime-select,.btn-export,.btn-clear-filters),.date-range>:is(.select-ux,.date-input){min-height:36px!important}.date-range{display:inline-flex!important;gap:.6rem!important;padding:.35rem!important;border:1px solid var(--ui-border)!important;border-radius:12px!important;background:linear-gradient(180deg,#fff,#fcfcfd)!important;box-shadow:inset 0 1px #fffc!important}.date-range>span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:20px!important;color:var(--ui-brand)!important;font-weight:800!important}select option,select optgroup{background:#fffdf8!important;color:#27272a!important;font-weight:500}select option{padding:10px!important}select:disabled,input[type=date]:disabled{cursor:not-allowed!important;opacity:.6!important}input[type=date]::-webkit-calendar-picker-indicator{opacity:.78;cursor:pointer;border-radius:6px}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente) :is(.toolbar-premium,.filters-group,.actions-group){min-width:0!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente) .filters-group{gap:.75rem!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente) .actions-group{gap:.65rem!important}.form-field label,.desc-label,.section-title{color:var(--ui-muted)!important;font-weight:800!important;letter-spacing:.4px!important}.toolbar-premium,.catalog-header,.ticket-card,.checkout-section,.table-card,.white-card,.p-card{border:1px solid var(--ui-border-soft)!important;border-radius:var(--ui-radius-lg)!important;background:var(--ui-surface)!important;box-shadow:var(--ui-shadow-card)!important}.table-card{overflow-x:auto!important;overflow-y:visible!important}.table-card table,.table-responsive table{border-collapse:collapse!important}.table-card th,.table-responsive th{background:#fffafb!important;color:var(--ui-brand)!important;font-weight:850!important;letter-spacing:.8px!important;text-transform:uppercase!important}.table-card td,.table-responsive td{color:var(--ui-text)!important;border-bottom:1px solid #f8f8f8!important}.sortable:hover{background:#fffdf7!important;color:var(--ui-brand-strong)!important}.badge,.badge-status,.stock-badge,.product-count-badge,.category-tag,.sku-detail-tag,.alias-badge,.principal-badge,.stat-badge{border-radius:999px!important;font-weight:850!important;letter-spacing:.2px!important}.badge.active,.badge-success,.badge-status.b-success,.good-stock{background:#dcfce7!important;color:#166534!important;border-color:#bbf7d0!important}.badge.inactive,.badge-alert,.badge-status.b-error,.no-stock{background:#fee2e2!important;color:#991b1b!important;border-color:#fecaca!important}.badge.pending,.badge-warning,.badge.cotizacion,.badge-status.b-warning,.low-stock,.product-count-badge,.principal-badge{background:var(--ui-warning-bg)!important;color:var(--ui-warning)!important;border-color:#fde047!important}.badge.venta,.badge-info,.db-badge{background:#e0f2fe!important;color:#0369a1!important;border-color:#bae6fd!important}.modal-overlay{background:#18181b75!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;z-index:1000!important}.modal-card{border-radius:20px!important;border:1px solid rgba(255,255,255,.7)!important;background:var(--ui-surface)!important;box-shadow:0 24px 70px #0000002e!important}.modal-header,.modal-header-elegant{background:var(--ui-surface)!important;border-bottom:1px solid var(--ui-border-soft)!important}.modal-header h2,.modal-header h3,.modal-header-elegant h2,.modal-header-elegant h3,.detail-title{color:var(--ui-brand)!important;font-family:Playfair Display,Georgia,serif!important;letter-spacing:0!important}.modal-footer{background:#fafafa!important;border-top:1px solid var(--ui-border-soft)!important;gap:10px!important}.close-modal-btn,.close-btn,.close-btn-float{width:34px!important;height:34px!important;border:1px solid #fecdd3!important;border-radius:var(--ui-radius)!important;background:var(--ui-danger-bg)!important;color:var(--ui-danger)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important}.dropzone-ux{border-color:var(--ui-border)!important;border-radius:var(--ui-radius-lg)!important;background:var(--ui-surface-soft)!important}.dropzone-ux.drag-over,.dropzone-ux:hover{border-color:var(--ui-brand)!important;background:#fffdf7!important}.tooltip-trigger:after{background:#18181b!important;color:#fff!important;border-radius:var(--ui-radius)!important;font-weight:750!important;letter-spacing:0!important}.swal2-popup{border-radius:20px!important;font-family:Inter,system-ui,sans-serif!important}.swal2-title{color:var(--ui-text)!important;font-family:Playfair Display,Georgia,serif!important;letter-spacing:0!important}.swal2-confirm{background:linear-gradient(135deg,var(--ui-brand),var(--ui-brand-strong))!important;color:#fff!important;border-radius:var(--ui-radius)!important;font-weight:800!important;box-shadow:var(--ui-shadow-button)!important}.swal2-cancel,.swal2-deny{background:var(--ui-surface)!important;color:var(--ui-muted)!important;border:1px solid var(--ui-border)!important;border-radius:var(--ui-radius)!important;font-weight:800!important}.swal2-popup.sales-cancel-popup{width:min(640px,calc(100vw - 2rem))!important;padding:0!important;overflow:hidden!important;border:1px solid #f4e7ef!important;border-radius:22px!important;background:radial-gradient(circle at top right,rgba(244,63,94,.08),transparent 26%),linear-gradient(180deg,#fffdfd,#fff)!important;box-shadow:0 24px 70px #18181b29!important}.swal2-title.sales-cancel-title{margin:0!important;padding:1.25rem 1.5rem .4rem!important;color:#be123c!important;font-family:Playfair Display,Georgia,serif!important;font-size:1.45rem!important;text-align:left!important}.swal2-html-container.sales-cancel-html{margin:0!important;padding:0 1.5rem 1rem!important;text-align:left!important}.sales-cancel-card{display:grid;gap:.95rem}.sales-cancel-badge{display:inline-grid;place-items:center;width:56px;height:56px;border:1px solid #fecdd3;border-radius:16px;background:#fff1f2;color:#be123c;font-size:1.25rem;box-shadow:0 10px 24px #f43f5e1f}.sales-cancel-copy{display:grid;gap:.25rem}.sales-cancel-copy strong{color:#18181b;font-size:.98rem;font-weight:850;line-height:1.35}.sales-cancel-copy p,.sales-cancel-note{margin:0;color:#71717a;font-size:.88rem;line-height:1.55}.sales-cancel-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:.85rem;border:1px solid #f4e7ef;border-radius:16px;background:linear-gradient(180deg,#fff,#fffaf9)}.sales-cancel-summary div{display:grid;gap:.2rem;min-width:0}.sales-cancel-summary span{color:#a1a1aa;font-size:.7rem;font-weight:850;text-transform:uppercase}.sales-cancel-summary strong{color:#27272a;font-size:.9rem;font-weight:850;overflow-wrap:anywhere}.sales-cancel-note{padding:.75rem .85rem;border:1px solid #f3d4da;border-radius:14px;background:#fff5f7;color:#9f1239}.swal2-popup.sales-cancel-popup .swal2-input,.swal2-popup.sales-cancel-popup .swal2-textarea{width:calc(100% - 3rem)!important;margin:0 1.5rem .25rem!important;padding:.8rem .9rem!important;border:1px solid #e4e4e7!important;border-radius:14px!important;background:#fff!important;color:#27272a!important;font-size:.92rem!important;box-shadow:none!important}.swal2-popup.sales-cancel-popup .swal2-input::placeholder,.swal2-popup.sales-cancel-popup .swal2-textarea::placeholder,.swal2-popup.sales-cancel-popup .swal2-input::-webkit-input-placeholder,.swal2-popup.sales-cancel-popup .swal2-textarea::-webkit-input-placeholder,.swal2-popup.sales-cancel-popup .swal2-input::-moz-placeholder,.swal2-popup.sales-cancel-popup .swal2-textarea::-moz-placeholder{color:#a1a1aa!important;font-style:normal!important;font-family:inherit!important;font-weight:500!important;opacity:1!important}.swal2-popup.sales-cancel-popup .swal2-input:focus,.swal2-popup.sales-cancel-popup .swal2-textarea:focus{border-color:#f43f5e!important;box-shadow:0 0 0 3px #f43f5e14!important}.swal2-popup.sales-cancel-popup .swal2-actions{margin:0!important;padding:0 1.5rem 1.5rem!important;gap:.65rem!important}.swal2-confirm.sales-cancel-confirm,.swal2-cancel.sales-cancel-cancel{min-height:42px!important;border-radius:12px!important;padding:0 1.15rem!important;font-size:.86rem!important;font-weight:850!important}.swal2-confirm.sales-cancel-confirm{background:linear-gradient(135deg,#f43f5e,#e11d48)!important;color:#fff!important;border:0!important}.swal2-cancel.sales-cancel-cancel{background:#fff!important;color:#52525b!important;border:1px solid #e4e4e7!important}@media(max-width:768px){.toolbar-premium,.catalog-header{border-radius:12px!important}.modal-card{border-radius:16px!important}.btn-primary,.btn-category,.btn-secondary,.btn-ghost,.btn-outline-primary,.btn-export{min-height:40px!important}.swal2-popup.sales-cancel-popup{width:calc(100vw - 1rem)!important;border-radius:18px!important}.sales-cancel-summary{grid-template-columns:1fr}.swal2-title.sales-cancel-title{padding:1.1rem 1.15rem .35rem!important;font-size:1.25rem!important}.swal2-html-container.sales-cancel-html{padding:0 1.15rem .9rem!important}.swal2-popup.sales-cancel-popup .swal2-input,.swal2-popup.sales-cancel-popup .swal2-textarea{width:calc(100% - 2.3rem)!important;margin:0 1.15rem .25rem!important}.swal2-popup.sales-cancel-popup .swal2-actions{padding:0 1.15rem 1.15rem!important;flex-direction:column-reverse!important}}app-root .app-layout,app-root .main-content,app-root router-outlet+*{min-width:0!important}:where(app-dashboard,app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.inventory-container,.dashboard-container,.content-section,.section-card){--table-page-gutter: 3rem;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important}:where(app-dashboard,app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.table-card,.table-responsive,.security-table){display:block!important;width:calc(100% + (var(--table-page-gutter, 0px) * 2))!important;max-width:calc(100% + (var(--table-page-gutter, 0px) * 2))!important;min-width:0!important;margin-left:calc(var(--table-page-gutter, 0px) * -1)!important;margin-right:calc(var(--table-page-gutter, 0px) * -1)!important;overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch!important;scrollbar-gutter:stable;box-sizing:border-box!important}:where(app-dashboard,app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.table-card,.table-responsive,.security-table)>table{width:100%!important;min-width:100%!important;max-width:none!important;table-layout:fixed!important;border-collapse:collapse!important}:where(app-facturacion) .table-card>table{min-width:100%!important}:where(app-dashboard,app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.table-card,.table-responsive,.security-table) :is(th,td){box-sizing:border-box!important;vertical-align:middle!important;overflow-wrap:anywhere!important;white-space:normal!important}:where(app-dashboard,app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.product-cell,.client-cell,.action-buttons){max-width:100%!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente) .action-buttons{justify-content:center!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente) :is(.product-cell,.client-cell){min-width:0!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente) :is(.prod-name,.sku-text,.small-text){max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}app-dashboard .recent-orders{width:calc(100% + (var(--table-page-gutter, 0px) * 2))!important;max-width:calc(100% + (var(--table-page-gutter, 0px) * 2))!important;margin-left:calc(var(--table-page-gutter, 0px) * -1)!important;margin-right:calc(var(--table-page-gutter, 0px) * -1)!important}app-dashboard .recent-orders .table-responsive{width:calc(100% + 3.6rem)!important;max-width:calc(100% + 3.6rem)!important;margin-left:-1.8rem!important;margin-right:-1.8rem!important}@media(max-width:1200px){:where(app-dashboard,app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-portafolio-inteligente) :is(.inventory-container,.dashboard-container,.content-section,.section-card){--table-page-gutter: 2rem}}@media(max-width:980px){:where(app-dashboard,app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-portafolio-inteligente) :is(.inventory-container,.dashboard-container,.content-section,.section-card){--table-page-gutter: 1.5rem}}.modal-body{max-width:100%!important;min-width:0!important;overflow-x:auto!important;box-sizing:border-box!important}.modal-body table{width:100%!important;min-width:max(100%,640px)!important;max-width:none!important;border-collapse:collapse!important}@media(max-width:768px){:where(app-dashboard,app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente) :is(.inventory-container,.dashboard-container,.content-section,.section-card){--table-page-gutter: 1rem}:where(app-dashboard,app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente) :is(.table-card,.table-responsive){border-radius:12px!important;margin-left:calc(var(--table-page-gutter, 0px) * -1)!important;margin-right:calc(var(--table-page-gutter, 0px) * -1)!important}:where(app-dashboard,app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente) :is(.table-card,.table-responsive)>table{min-width:680px!important;table-layout:auto!important}:where(app-facturacion) .table-card>table{min-width:900px!important}.modal-body table{min-width:max(100%,600px)!important}}:where(app-dashboard,app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-pos,app-calculadora,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones){--page-max-width: 1560px;--page-pad-x: clamp(1rem, 2.2vw, 2rem);--page-pad-y: clamp(1.1rem, 1.8vw, 1.75rem);--surface-radius: 18px;--control-height: 40px}:where(app-dashboard,app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-pos,app-calculadora,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.inventory-container,.dashboard-container,.content-section,.section-card){max-width:var(--page-max-width)!important;margin:0 auto!important;padding:var(--page-pad-y) var(--page-pad-x) 2rem!important;min-width:0!important;box-sizing:border-box!important}:where(app-dashboard,app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-pos,app-calculadora,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.boutique-header,.dash-header,.toolbar-premium,.table-card,.security-summary,.security-table,.panel-card,.white-card,.pos-wrapper){width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-pos,app-calculadora,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) .boutique-header,:where(app-dashboard) .dash-header{margin-bottom:1.5rem!important;gap:1rem!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-pos,app-calculadora,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) .brand-info h1,:where(app-dashboard) .header-info h1{font-size:clamp(2rem,3.4vw,2.85rem)!important;line-height:1.02!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) .subtitle,:where(app-dashboard) .header-info p{font-size:.95rem!important;line-height:1.45!important}.toolbar-premium,.security-summary,.panel-card,.table-card,.security-table,.white-card{border-radius:var(--surface-radius)!important}.toolbar-premium{padding:1rem 1.15rem!important;margin-bottom:1.25rem!important;gap:1rem!important;align-items:center!important;border:1px solid #f4e7ef!important;background:#fff!important;box-shadow:0 10px 28px #27272a0d!important}.filters-group,.actions-group,.header-actions,.action-buttons,.pagination-controls{gap:.75rem!important;min-width:0!important}.filters-group,.actions-group{display:flex!important;align-items:center!important;flex-wrap:wrap!important}.search-box,.client-search-box{width:min(100%,340px)!important;min-width:300px!important;height:var(--control-height)!important;padding:0 .9rem!important;border-radius:12px!important;background:linear-gradient(180deg,#fff,#fcfcfd)!important}.search-input{font-size:.9rem!important;font-weight:600!important}.btn-primary,.btn-category,.btn-secondary,.btn-ghost,.btn-outline-primary,.btn-export,.btn-nav{min-height:var(--control-height)!important;height:var(--control-height)!important;padding:0 1rem!important;border-radius:12px!important;font-size:.88rem!important}.btn-clear-filters,.btn-action,.btn-icon-ghost,.btn-add-db,.btn-icon-tiny,.close-modal-btn,.close-btn,.close-btn-float{width:var(--control-height)!important;height:var(--control-height)!important;min-width:var(--control-height)!important;border-radius:12px!important}.select-ux,.input-ux,.input-ux-select,input[type=date].select-ux,input[type=date].input-ux,input[type=date].input-ux-select,.prime-select.p-select{min-height:var(--control-height)!important;height:var(--control-height)!important;border-radius:12px!important}.prime-select.p-select{min-width:190px!important;max-width:220px!important}.prime-select.p-select .p-select-label,.input-ux,.select-ux,.input-ux-select{font-size:.89rem!important}.table-card,.table-responsive,.security-table{width:100%!important;max-width:100%!important;margin:0!important;padding:.4rem clamp(.85rem,1.6vw,1.25rem) 1rem!important;overflow-x:auto!important;overflow-y:visible!important}.table-card>table,.table-responsive>table,.security-table>table{width:100%!important;min-width:max(100%,980px)!important;table-layout:auto!important}.table-card th,.table-card td,.table-responsive th,.table-responsive td,.security-table th,.security-table td{padding:.95rem 1rem!important}.table-card th,.table-responsive th,.security-table th{font-size:.74rem!important}.table-card .product-cell,.table-responsive .product-cell,.security-table .product-cell,.security-table .user-cell{min-width:0!important}.pagination-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;flex-wrap:wrap!important;margin-top:.9rem!important;padding-top:1rem!important;border-top:1px solid var(--ui-border-soft)!important}.page-numbers{display:flex!important;align-items:center!important;gap:.45rem!important;flex-wrap:wrap!important}.page-numbers button{width:38px!important;height:38px!important;min-width:38px!important;border:1px solid var(--ui-border)!important;border-radius:12px!important;background:#fff!important;color:var(--ui-muted)!important;font-weight:800!important}.page-numbers button.active{background:linear-gradient(135deg,var(--ui-brand),var(--ui-brand-strong))!important;border-color:transparent!important;color:#fff!important;box-shadow:var(--ui-shadow-button)!important}.pagination-info{color:var(--ui-muted)!important;font-size:.88rem!important}.modal-overlay{padding:clamp(1rem,2vw,1.5rem)!important;align-items:center!important}.modal-card{width:min(960px,100%)!important;max-width:min(960px,100%)!important;max-height:calc(100dvh - 2rem)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.modal-card.large{width:min(1160px,100%)!important;max-width:min(1160px,100%)!important}.modal-card.mini-modal{width:min(640px,100%)!important;max-width:min(640px,100%)!important}.modal-header,.modal-header-elegant,.modal-body,.modal-footer{padding-left:clamp(1rem,2vw,1.5rem)!important;padding-right:clamp(1rem,2vw,1.5rem)!important}.modal-header,.modal-header-elegant{padding-top:1rem!important;padding-bottom:1rem!important}.modal-body{padding-top:1.1rem!important;padding-bottom:1.1rem!important}.modal-footer{padding-top:1rem!important;padding-bottom:1rem!important;justify-content:flex-end!important;flex-wrap:wrap!important}.form-grid{gap:1rem!important}.form-field{gap:.45rem!important}.compact-toolbar{padding:1rem 1.15rem!important}.compact-toolbar .search-box,.compact-toolbar .client-search-box{min-height:var(--control-height)!important;height:var(--control-height)!important;width:min(100%,340px)!important;min-width:300px!important;border-radius:12px!important}.compact-toolbar .prime-select.p-select,.compact-toolbar .compact-select.p-select{min-height:var(--control-height)!important;height:var(--control-height)!important;min-width:190px!important;max-width:220px!important;border-radius:12px!important}.compact-toolbar .prime-select.p-select .p-select-label,.compact-toolbar .compact-select.p-select .p-select-label{padding:.55rem .8rem!important;font-size:.89rem!important}.date-range{min-height:var(--control-height)!important;align-items:center!important}.date-range .date-input,.date-range input[type=date]{width:148px!important;min-width:148px!important;height:var(--control-height)!important}@media(min-width:981px){.toolbar-premium{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important}.filters-group,.actions-group{flex-wrap:nowrap!important}.filters-group{min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:.1rem!important;scrollbar-width:thin}.filters-group>:is(.search-box,.client-search-box){flex:0 0 340px!important}.filters-group>:is(.prime-select.p-select,.select-ux,.date-range){flex:0 0 auto!important}.actions-group{justify-content:flex-end!important;align-items:center!important;flex-wrap:nowrap!important}}@media(max-width:980px){:where(app-dashboard,app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-pos,app-calculadora,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.inventory-container,.dashboard-container,.content-section,.section-card){padding-bottom:1.5rem!important}.toolbar-premium{align-items:stretch!important}.filters-group,.actions-group,.header-actions{width:100%!important}.search-box,.client-search-box,.prime-select.p-select,.select-ux,.input-ux-select,input[type=date].select-ux,input[type=date].input-ux,input[type=date].input-ux-select{width:100%!important;min-width:0!important;flex:1 1 220px!important}.actions-group{justify-content:flex-start!important}}:where(app-acciones) :is(.security-container,.security-header,.security-toolbar,.security-table){width:100%!important;max-width:100%!important;box-sizing:border-box!important}:where(app-acciones) .security-header h1{color:var(--ui-brand)!important;font-family:Playfair Display,Georgia,serif!important}:where(app-acciones) .security-header p,:where(app-acciones) .security-kicker{color:var(--ui-muted)!important}:where(app-acciones) .security-toolbar{margin-bottom:1.25rem!important}:where(app-acciones) .security-summary{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}:where(app-acciones) .security-table table{min-width:max(100%,980px)!important;table-layout:auto!important}:where(app-usuarios) .toolbar-premium{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:1rem!important}:where(app-usuarios) .filters-group,:where(app-usuarios) .actions-group{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:.75rem!important}:where(app-usuarios) .filters-group{min-width:0!important}:where(app-usuarios) .actions-group{justify-content:flex-end!important}:where(app-usuarios) .search-box{width:340px!important;min-width:340px!important;height:44px!important}:where(app-usuarios) .prime-select.p-select{width:190px!important;min-width:190px!important;max-width:190px!important;height:44px!important;min-height:44px!important}:where(app-usuarios) .prime-select.p-select .p-select-label{min-height:44px!important;display:flex!important;align-items:center!important;padding-top:0!important;padding-bottom:0!important}:where(app-usuarios) :is(.btn-clear-filters,.btn-export){height:44px!important;min-height:44px!important}:where(app-usuarios) .btn-clear-filters{width:44px!important;min-width:44px!important;padding:0!important}@media(max-width:768px){:where(app-dashboard,app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-pos,app-calculadora,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.inventory-container,.dashboard-container,.content-section,.section-card){padding:1rem 1rem 1.25rem!important}.toolbar-premium,.table-card,.table-responsive,.security-table{border-radius:14px!important}.table-card,.table-responsive,.security-table{padding:.25rem .75rem .85rem!important}.table-card>table,.table-responsive>table,.security-table>table{min-width:760px!important}.pagination-footer{align-items:stretch!important}.pagination-controls,.pagination-info{width:100%!important;justify-content:center!important;text-align:center!important}.modal-card,.modal-card.large,.modal-card.mini-modal{width:100%!important;max-width:100%!important;border-radius:16px!important}.modal-footer>.btn-primary,.modal-footer>.btn-ghost,.modal-footer>.btn-outline-primary,.modal-footer>.btn-secondary{flex:1 1 180px!important}}app-dashboard .dashboard-container,app-inventory .inventory-container,app-categories .inventory-container,app-clientes .inventory-container,app-servicios .inventory-container,app-pedidos .inventory-container,app-ventas .inventory-container,app-facturacion .inventory-container,app-portafolio-inteligente .inventory-container{width:100%!important;max-width:none!important;min-width:0!important}app-inventory .table-card,app-categories .table-card,app-clientes .table-card,app-servicios .table-card,app-pedidos .table-card,app-ventas .table-card,app-facturacion .table-card,app-portafolio-inteligente .table-card,app-dashboard .recent-orders{width:calc(100% + (var(--table-page-gutter, 0px) * 2))!important;max-width:calc(100% + (var(--table-page-gutter, 0px) * 2))!important;margin-left:calc(var(--table-page-gutter, 0px) * -1)!important;margin-right:calc(var(--table-page-gutter, 0px) * -1)!important;overflow-x:auto!important;box-sizing:border-box!important}app-dashboard .table-responsive{overflow-x:auto!important;box-sizing:border-box!important}app-inventory .table-card table,app-categories .table-card table,app-clientes .table-card table,app-servicios .table-card table,app-pedidos .table-card table,app-ventas .table-card table,app-facturacion .table-card table,app-portafolio-inteligente .table-card table,app-dashboard .table-responsive table{width:100%!important;min-width:100%!important;max-width:none!important;table-layout:fixed!important;border-collapse:collapse!important}app-inventory .table-card th,app-inventory .table-card td,app-categories .table-card th,app-categories .table-card td,app-clientes .table-card th,app-clientes .table-card td,app-servicios .table-card th,app-servicios .table-card td,app-pedidos .table-card th,app-pedidos .table-card td,app-ventas .table-card th,app-ventas .table-card td,app-facturacion .table-card th,app-facturacion .table-card td,app-portafolio-inteligente .table-card th,app-portafolio-inteligente .table-card td,app-dashboard .table-responsive th,app-dashboard .table-responsive td{white-space:normal!important;overflow-wrap:anywhere!important}app-inventory .product-cell,app-categories .product-cell,app-clientes .product-cell,app-servicios .product-cell,app-ventas .product-cell,app-facturacion .product-cell,app-portafolio-inteligente .product-cell,app-dashboard .client-cell{min-width:0!important;max-width:100%!important}@media(max-width:768px){app-inventory .table-card table,app-categories .table-card table,app-clientes .table-card table,app-servicios .table-card table,app-pedidos .table-card table,app-ventas .table-card table,app-portafolio-inteligente .table-card table,app-dashboard .table-responsive table{min-width:680px!important;table-layout:auto!important}app-facturacion .table-card table{min-width:900px!important;table-layout:auto!important}}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones){--users-view-page-max: 1560px;--users-view-gap: 1.25rem;--users-view-control: 44px;--users-view-radius: 16px;--users-view-border: #f4e7ef;--users-view-shadow: 0 10px 28px rgba(39, 39, 42, .05)}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) .inventory-container,:where(app-acciones) .security-container{width:100%!important;max-width:var(--users-view-page-max)!important;min-height:100vh!important;margin:0 auto!important;padding:clamp(1rem,3vw,3rem)!important;background:#fafafa!important;color:#27272a!important;box-sizing:border-box!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) .boutique-header,:where(app-acciones) .security-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;flex-wrap:wrap!important;margin:0 0 var(--users-view-gap)!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) .brand-info h1,:where(app-acciones) .security-header h1{margin:0!important;color:#d4af37!important;font-family:Playfair Display,Georgia,serif!important;font-size:clamp(2rem,4vw,2.75rem)!important;line-height:1!important;letter-spacing:0!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) .subtitle,:where(app-acciones) .security-header p{margin:.4rem 0 0!important;color:#71717a!important;font-size:.95rem!important;font-weight:600!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) .security-summary{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:1rem!important;margin:0 0 var(--users-view-gap)!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.summary-card,.toolbar-premium,.table-card,.security-table){border:1px solid var(--users-view-border)!important;border-radius:var(--users-view-radius)!important;background:#fff!important;box-shadow:var(--users-view-shadow)!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) .toolbar-premium,:where(app-acciones) .security-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:1rem!important;width:100%!important;max-width:100%!important;margin:0 0 var(--users-view-gap)!important;padding:1rem!important;box-sizing:border-box!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.filters-group,.actions-group,.header-actions,.action-buttons){display:flex!important;align-items:center!important;gap:.75rem!important;min-width:0!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) .filters-group{justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:1px!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) .actions-group{justify-content:flex-end!important;flex-wrap:nowrap!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.search-box,.toolbar-search){flex:0 0 340px!important;width:340px!important;min-width:340px!important;height:var(--users-view-control)!important;min-height:var(--users-view-control)!important;margin:0!important;padding:0 .9rem!important;border:1px solid #e4e4e7!important;border-radius:12px!important;background:#fff!important;box-sizing:border-box!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.select-ux,.date-input,.prime-select.p-select){flex:0 0 auto!important;width:190px!important;min-width:190px!important;max-width:220px!important;height:var(--users-view-control)!important;min-height:var(--users-view-control)!important;border-radius:12px!important;box-sizing:border-box!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) .date-range{flex:0 0 auto!important;height:var(--users-view-control)!important;min-height:var(--users-view-control)!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) .prime-select.p-select .p-select-label{display:flex!important;align-items:center!important;min-height:var(--users-view-control)!important;padding-top:0!important;padding-bottom:0!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.btn-primary,.btn-ghost,.btn-export,.btn-clear-filters,.btn-nav){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.45rem!important;height:var(--users-view-control)!important;min-height:var(--users-view-control)!important;padding:0 1rem!important;border-radius:12px!important;font-size:.84rem!important;font-weight:850!important;box-sizing:border-box!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) .btn-clear-filters{width:var(--users-view-control)!important;min-width:var(--users-view-control)!important;padding:0!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.table-card,.security-table){display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;overflow-x:auto!important;overflow-y:visible!important;box-sizing:border-box!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.table-card,.security-table) table{width:100%!important;min-width:980px!important;table-layout:fixed!important;border-collapse:collapse!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.table-card,.security-table) :is(th,td){padding:.95rem!important;border-bottom:1px solid #f4f4f5!important;vertical-align:middle!important;overflow-wrap:anywhere!important;white-space:normal!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.table-card,.security-table) th{background:#fffafb!important;color:#b8952e!important;font-size:.74rem!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:0!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) .pagination-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;flex-wrap:wrap!important;margin:0!important;padding:1rem!important;border-top:1px solid #f4f4f5!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.pagination-controls,.page-numbers){display:flex!important;align-items:center!important;gap:.55rem!important;flex-wrap:wrap!important}@media(max-width:980px){:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) .toolbar-premium,:where(app-acciones) .security-toolbar{grid-template-columns:1fr!important;align-items:stretch!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.filters-group,.actions-group){width:100%!important;flex-wrap:wrap!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.search-box,.toolbar-search,.select-ux,.date-input,.prime-select.p-select){flex:1 1 220px!important;width:100%!important;min-width:0!important;max-width:none!important}}@media(max-width:640px){:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) .inventory-container,:where(app-acciones) .security-container{padding:1rem!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.pagination-footer,.modal-footer){align-items:stretch!important;flex-direction:column!important}}app-pedidos .inventory-container{width:100%!important;max-width:1560px!important;margin:0 auto!important;padding:clamp(1rem,3vw,3rem)!important;box-sizing:border-box!important}app-pedidos .toolbar-premium{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:1rem!important;width:100%!important;max-width:100%!important;margin:0 0 1.25rem!important;padding:1rem!important;border:1px solid #f4e7ef!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 28px #27272a0d!important;box-sizing:border-box!important}app-pedidos .toolbar-premium .filters-group,app-pedidos .toolbar-premium .actions-group{display:flex!important;align-items:center!important;gap:.75rem!important;flex-wrap:nowrap!important;min-width:0!important}app-pedidos .toolbar-premium .filters-group{justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important}app-pedidos .toolbar-premium .actions-group{justify-content:flex-end!important;margin-left:0!important}app-pedidos .toolbar-premium .search-box,app-pedidos .toolbar-premium .toolbar-search{flex:0 0 340px!important;width:340px!important;min-width:340px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 .9rem!important;border-radius:12px!important;box-sizing:border-box!important}app-pedidos .toolbar-premium .select-ux,app-pedidos .toolbar-premium .prime-select.p-select{flex:0 0 190px!important;width:190px!important;min-width:190px!important;max-width:220px!important;height:44px!important;min-height:44px!important;border-radius:12px!important;box-sizing:border-box!important}app-pedidos .toolbar-premium .btn-export{height:44px!important;min-height:44px!important;border-radius:12px!important;margin:0!important}app-pedidos .table-card{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:1px solid #f4e7ef!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 28px #27272a0d!important;overflow-x:auto!important;overflow-y:visible!important;box-sizing:border-box!important}app-pedidos .table-card table{width:100%!important;min-width:980px!important;table-layout:fixed!important;border-collapse:collapse!important}app-pedidos .table-card th,app-pedidos .table-card td{padding:.95rem!important}app-pedidos .table-card .pagination-footer{margin:0!important;padding:1rem!important;border-top:1px solid #f4f4f5!important}@media(max-width:980px){app-pedidos .toolbar-premium{grid-template-columns:1fr!important;align-items:stretch!important}app-pedidos .toolbar-premium .filters-group,app-pedidos .toolbar-premium .actions-group{width:100%!important;flex-wrap:wrap!important}app-pedidos .toolbar-premium .search-box,app-pedidos .toolbar-premium .toolbar-search,app-pedidos .toolbar-premium .select-ux,app-pedidos .toolbar-premium .prime-select.p-select{flex:1 1 220px!important;width:100%!important;min-width:0!important;max-width:none!important}}app-inventory .inventory-container,app-categories .inventory-container,app-clientes .inventory-container,app-servicios .inventory-container,app-ventas .inventory-container,app-facturacion .inventory-container{width:100%!important;max-width:1560px!important;margin:0 auto!important;padding:clamp(1rem,3vw,3rem)!important;box-sizing:border-box!important}app-inventory .toolbar-premium,app-categories .toolbar-premium,app-clientes .toolbar-premium,app-servicios .toolbar-premium,app-ventas .toolbar-premium,app-facturacion .toolbar-premium{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:1rem!important;width:100%!important;max-width:100%!important;margin:0 0 1.25rem!important;padding:1rem!important;border:1px solid #f4e7ef!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 28px #27272a0d!important;box-sizing:border-box!important}app-inventory .toolbar-premium .filters-group,app-inventory .toolbar-premium .actions-group,app-categories .toolbar-premium .filters-group,app-categories .toolbar-premium .actions-group,app-clientes .toolbar-premium .filters-group,app-clientes .toolbar-premium .actions-group,app-servicios .toolbar-premium .filters-group,app-servicios .toolbar-premium .actions-group,app-ventas .toolbar-premium .filters-group,app-ventas .toolbar-premium .actions-group,app-facturacion .toolbar-premium .filters-group,app-facturacion .toolbar-premium .actions-group{display:flex!important;align-items:center!important;gap:.75rem!important;flex-wrap:nowrap!important;min-width:0!important}app-inventory .toolbar-premium .filters-group,app-categories .toolbar-premium .filters-group,app-clientes .toolbar-premium .filters-group,app-servicios .toolbar-premium .filters-group,app-ventas .toolbar-premium .filters-group,app-facturacion .toolbar-premium .filters-group{justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important}app-inventory .toolbar-premium .actions-group,app-categories .toolbar-premium .actions-group,app-clientes .toolbar-premium .actions-group,app-servicios .toolbar-premium .actions-group,app-ventas .toolbar-premium .actions-group,app-facturacion .toolbar-premium .actions-group{justify-content:flex-end!important;margin-left:0!important}app-inventory .toolbar-premium .search-box,app-categories .toolbar-premium .search-box,app-clientes .toolbar-premium .search-box,app-servicios .toolbar-premium .search-box,app-ventas .toolbar-premium .search-box,app-facturacion .toolbar-premium .search-box{flex:0 0 340px!important;width:340px!important;min-width:340px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 .9rem!important;border-radius:12px!important;box-sizing:border-box!important}app-inventory .toolbar-premium .select-ux,app-inventory .toolbar-premium .prime-select.p-select,app-categories .toolbar-premium .select-ux,app-categories .toolbar-premium .prime-select.p-select,app-clientes .toolbar-premium .select-ux,app-clientes .toolbar-premium .prime-select.p-select,app-servicios .toolbar-premium .select-ux,app-servicios .toolbar-premium .prime-select.p-select,app-ventas .toolbar-premium .select-ux,app-ventas .toolbar-premium .prime-select.p-select,app-facturacion .toolbar-premium .select-ux,app-facturacion .toolbar-premium .prime-select.p-select{flex:0 0 190px!important;width:190px!important;min-width:190px!important;max-width:220px!important;height:44px!important;min-height:44px!important;border-radius:12px!important;box-sizing:border-box!important}app-inventory .toolbar-premium .btn-export,app-inventory .toolbar-premium .btn-clear-filters,app-categories .toolbar-premium .btn-export,app-categories .toolbar-premium .btn-clear-filters,app-clientes .toolbar-premium .btn-export,app-clientes .toolbar-premium .btn-clear-filters,app-servicios .toolbar-premium .btn-export,app-servicios .toolbar-premium .btn-clear-filters,app-ventas .toolbar-premium .btn-export,app-ventas .toolbar-premium .btn-clear-filters,app-facturacion .toolbar-premium .btn-export,app-facturacion .toolbar-premium .btn-clear-filters{height:44px!important;min-height:44px!important;border-radius:12px!important;margin:0!important}app-inventory .table-card,app-categories .table-card,app-clientes .table-card,app-servicios .table-card,app-ventas .table-card,app-facturacion .table-card{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:1px solid #f4e7ef!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 28px #27272a0d!important;overflow-x:auto!important;overflow-y:visible!important;box-sizing:border-box!important}app-inventory .table-card table,app-categories .table-card table,app-clientes .table-card table,app-servicios .table-card table,app-ventas .table-card table,app-facturacion .table-card table{width:100%!important;min-width:980px!important;table-layout:fixed!important;border-collapse:collapse!important}app-inventory .table-card th,app-inventory .table-card td,app-categories .table-card th,app-categories .table-card td,app-clientes .table-card th,app-clientes .table-card td,app-servicios .table-card th,app-servicios .table-card td,app-ventas .table-card th,app-ventas .table-card td,app-facturacion .table-card th,app-facturacion .table-card td{padding:.95rem!important}app-inventory .table-card .pagination-footer,app-categories .table-card .pagination-footer,app-clientes .table-card .pagination-footer,app-servicios .table-card .pagination-footer,app-ventas .table-card .pagination-footer,app-facturacion .table-card .pagination-footer{margin:0!important;padding:1rem!important;border-top:1px solid #f4f4f5!important}@media(max-width:980px){app-inventory .toolbar-premium,app-categories .toolbar-premium,app-clientes .toolbar-premium,app-servicios .toolbar-premium,app-ventas .toolbar-premium,app-facturacion .toolbar-premium{grid-template-columns:1fr!important;align-items:stretch!important}app-inventory .toolbar-premium .filters-group,app-inventory .toolbar-premium .actions-group,app-categories .toolbar-premium .filters-group,app-categories .toolbar-premium .actions-group,app-clientes .toolbar-premium .filters-group,app-clientes .toolbar-premium .actions-group,app-servicios .toolbar-premium .filters-group,app-servicios .toolbar-premium .actions-group,app-ventas .toolbar-premium .filters-group,app-ventas .toolbar-premium .actions-group,app-facturacion .toolbar-premium .filters-group,app-facturacion .toolbar-premium .actions-group{width:100%!important;flex-wrap:wrap!important}app-inventory .toolbar-premium .search-box,app-inventory .toolbar-premium .select-ux,app-inventory .toolbar-premium .prime-select.p-select,app-categories .toolbar-premium .search-box,app-categories .toolbar-premium .select-ux,app-categories .toolbar-premium .prime-select.p-select,app-clientes .toolbar-premium .search-box,app-clientes .toolbar-premium .select-ux,app-clientes .toolbar-premium .prime-select.p-select,app-servicios .toolbar-premium .search-box,app-servicios .toolbar-premium .select-ux,app-servicios .toolbar-premium .prime-select.p-select,app-ventas .toolbar-premium .search-box,app-ventas .toolbar-premium .select-ux,app-ventas .toolbar-premium .prime-select.p-select,app-facturacion .toolbar-premium .search-box,app-facturacion .toolbar-premium .select-ux,app-facturacion .toolbar-premium .prime-select.p-select{flex:1 1 220px!important;width:100%!important;min-width:0!important;max-width:none!important}}:where(app-dashboard,app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.btn-primary,.btn-ghost,.btn-export,.btn-clear-filters,.btn-nav,.input-ux,.select-ux,.search-box,.toolbar-search,.prime-select.p-select,.client-search-box){height:36px!important;min-height:36px!important;border-radius:10px!important;font-size:.8rem!important}:where(app-dashboard,app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) .prime-select.p-select .p-select-label{min-height:36px!important}:where(app-dashboard,app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.table-card,.security-table,.table-responsive) :is(th,td){padding:.65rem .75rem!important;font-size:.82rem!important}:where(app-dashboard,app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.btn-action,.action-menu-toggle){width:30px!important;height:30px!important;min-width:30px!important;border-radius:9px!important;font-size:.78rem!important}:where(app-dashboard,app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.form-grid,.form-field,.modal-body,.modal-footer,.toolbar-premium){gap:.75rem!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones){--users-view-control: 36px}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.btn-primary,.btn-ghost,.btn-export,.btn-clear-filters,.btn-nav,.input-ux,.select-ux,.search-box,.toolbar-search,.prime-select.p-select){height:36px!important;min-height:36px!important;border-radius:10px!important;font-size:.8rem!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) .prime-select.p-select .p-select-label{min-height:36px!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.table-card,.security-table) :is(th,td){padding:.65rem .75rem!important;font-size:.82rem!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.btn-action,.action-menu-toggle){width:30px!important;height:30px!important;min-width:30px!important;border-radius:9px!important;font-size:.78rem!important}.action-buttons{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.35rem!important;overflow:visible!important}.action-menu{position:relative;display:inline-flex}.action-menu summary{list-style:none}.action-menu summary::-webkit-details-marker{display:none}.action-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;border:1px solid #e4e4e7;background:#fff;color:#52525b;cursor:pointer;box-shadow:0 4px 12px #27272a0d}.action-menu-panel{position:absolute;top:calc(100% + .4rem);right:0;z-index:40;display:none;min-width:196px;padding:.35rem;border:1px solid #f4e7ef;border-radius:12px;background:#fff;box-shadow:0 12px 28px #27272a1f}.action-menu[open] .action-menu-panel{display:grid;gap:.22rem}.action-menu-panel .btn-action{width:100%!important;height:auto!important;min-width:0!important;min-height:34px!important;justify-content:flex-start!important;gap:.5rem!important;padding:.5rem .65rem!important;border-radius:8px!important;font-size:.76rem!important;font-weight:700!important}.action-menu-panel .btn-action i{font-size:.82rem!important}.action-menu-panel .btn-action span{display:inline-block;line-height:1.15}.action-menu-panel .btn-action.warning{background:#fef3c7!important;color:#92400e!important;border-color:#fcd34d!important}.action-menu-panel .btn-action.info{background:#e0f2fe!important;color:#0369a1!important;border-color:#bae6fd!important}.action-menu-panel .btn-action.danger,.action-menu-panel .btn-action.cancel-order{background:#fff1f2!important;color:#be123c!important;border-color:#fecdd3!important}app-facturacion .modal-card.detail-card{width:min(920px,calc(100vw - 2rem))!important}app-facturacion .modal-body .form-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;align-items:start!important;gap:.75rem!important}app-facturacion .modal-body .form-field{min-width:0!important}app-facturacion .modal-body .form-field.col-3{grid-column:span 3!important}app-facturacion .modal-body .form-field.col-4{grid-column:span 4!important}app-facturacion .modal-body .form-field.col-6{grid-column:span 6!important}app-facturacion .modal-body .form-field.col-12,app-facturacion .modal-body .form-field.full{grid-column:1 / -1!important}app-facturacion .modal-body :is(.input-ux,.p-select,.prime-select,.input-ux-select){width:100%!important}@media(max-width:900px){app-facturacion .modal-body .form-field.col-3,app-facturacion .modal-body .form-field.col-4,app-facturacion .modal-body .form-field.col-6{grid-column:span 6!important}}@media(max-width:640px){app-facturacion .modal-body .form-field.col-3,app-facturacion .modal-body .form-field.col-4,app-facturacion .modal-body .form-field.col-6{grid-column:1 / -1!important}}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-pos,app-calculadora,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.search-box,.client-search-box){min-height:40px!important;height:40px!important;padding:0 .8rem!important;border-radius:10px!important;box-sizing:border-box!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-pos,app-calculadora,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.search-box,.client-search-box) :is(.search-icon,.pi-search){margin-right:.55rem!important;font-size:.9rem!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-pos,app-calculadora,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.search-box,.client-search-box) :is(.search-input,input){min-width:0!important;height:100%!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:.84rem!important;line-height:1.2!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-pos,app-calculadora,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.clear-search){margin-left:.45rem!important;font-size:.88rem!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-pos,app-calculadora,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.input-ux,input.input-ux,select.input-ux,.input-ux-select,.select-ux){min-height:40px!important;height:40px!important;padding:.45rem .8rem!important;border-radius:10px!important;font-size:.84rem!important;line-height:1.2!important;box-sizing:border-box!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-pos,app-calculadora,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) textarea.input-ux{min-height:84px!important;height:auto!important;padding:.7rem .8rem!important;line-height:1.45!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-pos,app-calculadora,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.input-ux,.input-ux-select,.select-ux):focus{box-shadow:0 0 0 3px #d4af371a!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-pos,app-calculadora,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.prime-select.p-select,.input-ux-select.prime-select.p-select,.select-ux.prime-select.p-select){min-height:40px!important;height:40px!important;border-radius:10px!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-pos,app-calculadora,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.prime-select.p-select,.input-ux-select.prime-select.p-select,.select-ux.prime-select.p-select) .p-select-label{min-height:40px!important;padding:0 2.3rem 0 .8rem!important;display:flex!important;align-items:center!important;font-size:.84rem!important;line-height:1.2!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-pos,app-calculadora,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.prime-select.p-select,.input-ux-select.prime-select.p-select,.select-ux.prime-select.p-select) .p-select-dropdown{width:2rem!important}@media(max-width:640px){:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-pos,app-calculadora,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.search-box,.client-search-box,.input-ux,.input-ux-select,.select-ux,.prime-select.p-select){min-height:38px!important;height:38px!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-pos,app-calculadora,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) textarea.input-ux{min-height:80px!important;height:auto!important}:where(app-inventory,app-categories,app-clientes,app-servicios,app-pedidos,app-pos,app-calculadora,app-ventas,app-facturacion,app-portafolio-inteligente,app-usuarios,app-roles,app-acciones) :is(.prime-select.p-select,.input-ux-select.prime-select.p-select,.select-ux.prime-select.p-select) .p-select-label{min-height:38px!important}}.portfolio-tabs{display:inline-flex!important;align-items:center!important;gap:.35rem!important;max-width:100%!important;margin:0!important;padding:.35rem!important;border:1px solid #e4e4e7!important;border-radius:12px!important;background:#fcfcfd!important;box-shadow:none!important;overflow-x:auto!important}.portfolio-tabs button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.45rem!important;min-height:32px!important;padding:0 .9rem!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#71717a!important;font-family:inherit!important;font-size:.8rem!important;font-weight:800!important;white-space:nowrap!important;cursor:pointer!important;transition:all .2s ease!important;outline:none!important;box-shadow:none!important}.portfolio-tabs button:hover:not(.active):not(.active-green):not(.active-red){background:#0000000d!important;color:#52525b!important}.portfolio-tabs button.active{background:linear-gradient(135deg,#d4af37,#b8952e)!important;color:#fff!important;box-shadow:0 4px 12px #d4af3740!important}.portfolio-tabs button.active-green{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;box-shadow:0 4px 12px #10b98140!important}.portfolio-tabs button.active-red{background:linear-gradient(135deg,#f43f5e,#e11d48)!important;color:#fff!important;box-shadow:0 4px 12px #f43f5e40!important}app-root .sidebar{background:linear-gradient(180deg,#ffffff94,#fff8e885),var(--rose-100)!important;border-right:1px solid rgba(212,175,55,.22);box-shadow:14px 0 44px #27272a1f,1px 0 #ffffffbf inset!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}app-root .sidebar-content{gap:1.1rem!important}app-root .nav-section-btn,app-root .nav-item{border:1px solid transparent;transition:transform .22s cubic-bezier(.22,1,.36,1),background .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease!important}app-root .nav-section-btn{min-height:44px;background:#ffffff6b!important}app-root .nav-section-btn:hover{background:#ffffffb8!important;border-color:#d4af3733;box-shadow:0 10px 26px #d4af371f;transform:translate(3px)}app-root .nav-item{min-height:44px;background:#ffffff2e}app-root .nav-item:hover{background:#ffffffb8!important;border-color:#d4af373d;box-shadow:0 12px 28px #d4af3721;transform:translate(5px)!important}app-root .nav-item.active{background:linear-gradient(135deg,#fff,#fff8e8)!important;border-color:#d4af3761;box-shadow:0 14px 30px #d4af372e,0 0 0 1px #ffffffb3 inset!important}app-root .nav-item.active:after{content:"";position:absolute;top:50%;right:12px;width:6px;height:6px;border-radius:999px;background:#d4af37;box-shadow:0 0 12px #d4af37a6;transform:translateY(-50%)}app-root .sidebar.collapsed .nav-item.active:after{right:9px}app-root .nav-section-main>i,app-root .nav-item i,app-root .action-icon-btn,app-root .topbar-icon-btn{transition:transform .22s cubic-bezier(.22,1,.36,1),color .22s ease,box-shadow .22s ease,border-color .22s ease!important}app-root .sidebar-user-panel{background:#ffffff80!important;border-top-color:#d4af3733!important}app-root .action-icon-btn:hover,app-root .topbar-icon-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #d4af3729}.p-tooltip .p-tooltip-text{border:1px solid rgba(212,175,55,.28)!important;background:#18181bf5!important;border-radius:10px!important;box-shadow:0 18px 36px #18181b38!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(prefers-reduced-motion:reduce){app-root .nav-section-btn,app-root .nav-item,app-root .nav-item i,app-root .action-icon-btn,app-root .topbar-icon-btn{transition:none!important}}app-pos .product-card:hover:not(.out-of-stock) .product-photo img{transform:scale(1.025);filter:saturate(1.03) contrast(1.02)}app-pos .product-photo img{transition:transform .22s cubic-bezier(.22,1,.36,1),filter .18s ease}app-pos .photo-placeholder,app-pos .cart-placeholder{background:radial-gradient(circle at 28% 22%,rgba(212,175,55,.18),transparent 34%),linear-gradient(135deg,#fff8e8,#fff 54%,#fff1f2)!important;color:#caa046!important}app-pos .ticket-items-head b{animation:pos-cart-count-pop .42s cubic-bezier(.22,1,.36,1);border:1px solid rgba(212,175,55,.26);background:linear-gradient(135deg,#fff4d6,#fff)!important}@keyframes pos-cart-count-pop{0%{transform:scale(.86)}55%{transform:scale(1.08)}to{transform:scale(1)}}app-pos .product-photo,app-pedidos .product-photo,app-inventory .product-detail-main-view,app-pedidos .product-detail-main-view{background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.94),transparent 42%),linear-gradient(145deg,#d4af371f,#f4e7ef3d 58%,#fffdf7)!important}app-inventory .product-detail-main-view,app-pedidos .product-detail-main-view{padding:clamp(.75rem,2vw,1.25rem)!important}app-pos .product-photo img,app-pos .cart-item img,app-pedidos .product-photo img,app-pedidos .cart-item img,app-pedidos .product-detail-main-view img,app-pedidos .thumb-strip img,app-pedidos .lightbox-img,app-inventory .prod-img,app-inventory .inventory-preview-media img,app-inventory .quote-product-media img,app-inventory .stock-product-media img,app-inventory .product-detail-main-view img,app-inventory .thumb-strip img,app-inventory .lightbox-img{display:block!important;object-fit:contain!important;object-position:center center!important;background-color:#fff!important}app-inventory .product-detail-main-view img,app-inventory .lightbox-img{background-color:transparent!important}app-pos .product-card:hover:not(.out-of-stock) .product-photo img,app-pedidos .product-card:hover:not(.out-of-stock) .product-photo img,app-inventory .main-view:hover img,app-inventory .product-detail-main-view:hover img{transform:none!important}.swal2-popup.pos-confirm-popup{width:min(860px,calc(100vw - 2rem))!important;padding:0!important;border:1px solid rgba(212,175,55,.24)!important;border-radius:24px!important;box-shadow:0 28px 80px #18181b47!important;overflow:hidden!important}.swal2-popup.pos-confirm-popup .swal2-title{padding:1rem 1.15rem 0!important;color:#18181b!important;font-size:1.15rem!important;font-weight:850!important;text-align:left!important}.swal2-popup.pos-confirm-popup .swal2-html-container.pos-confirm-html{margin:0!important;padding:1.15rem!important;text-align:left!important}.swal2-popup.pos-confirm-popup .swal2-actions{margin:0!important;padding:0 1.15rem 1.15rem!important;gap:.7rem!important}.swal2-popup.pos-confirm-popup .swal2-validation-message{margin:0 1.15rem 1rem!important;border-radius:14px!important;background:#fff1f2!important;color:#be123c!important;font-weight:700!important}.pos-confirm-shell{display:grid;gap:1rem}.pos-confirm-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.05rem;border:1px solid #f4e7ef;border-radius:18px;background:linear-gradient(135deg,#fffdf7,#fff8ef 52%,#fff)}.pos-confirm-eyebrow{display:inline-block;margin-bottom:.25rem;color:#a16207;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.pos-confirm-hero h3{margin:0;color:#18181b;font-size:1.1rem;line-height:1.2}.pos-confirm-total{display:grid;gap:.15rem;min-width:132px;text-align:right}.pos-confirm-total span{color:#71717a;font-size:.74rem;font-weight:800;text-transform:uppercase}.pos-confirm-total strong{color:#b8952e;font-size:1.4rem;line-height:1}.pos-confirm-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:1rem}.pos-confirm-panel{display:grid;gap:.9rem;padding:1rem;border:1px solid #f4e7ef;border-radius:18px;background:#fff}.pos-confirm-side{background:linear-gradient(180deg,#fffdf7,#fff)}.pos-confirm-block-head{display:grid;gap:.15rem}.pos-confirm-block-head span{color:#71717a;font-size:.72rem;font-weight:850;text-transform:uppercase}.pos-confirm-block-head strong{color:#18181b;font-size:1rem}.pos-confirm-block-head small{color:#71717a;font-size:.8rem}.pos-confirm-items{display:grid;gap:.55rem;max-height:290px;overflow:auto;padding-right:.2rem}.pos-confirm-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.75rem .8rem;border:1px solid #f1f0eb;border-radius:14px;background:linear-gradient(180deg,#fff,#fffdf8)}.pos-confirm-item-copy{display:grid;gap:.18rem;min-width:0}.pos-confirm-item-copy strong{color:#18181b;font-size:.9rem}.pos-confirm-item-copy span{color:#71717a;font-size:.76rem}.pos-confirm-item b{color:#18181b;font-size:.88rem;white-space:nowrap}.pos-confirm-metrics{display:grid;gap:.55rem}.pos-confirm-metrics div{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .75rem;border:1px solid #f1f0eb;border-radius:14px;background:#ffffffeb}.pos-confirm-metrics span{color:#71717a;font-size:.76rem;font-weight:700}.pos-confirm-metrics strong{color:#18181b;font-size:.84rem;text-align:right}.pos-confirm-field{display:grid;gap:.42rem}.pos-confirm-field span{color:#71717a;font-size:.76rem;font-weight:800}.pos-confirm-field small{color:#71717a;font-size:.72rem}.pos-confirm-field input,.pos-confirm-field textarea{width:100%;border:1px solid #e4e4e7;border-radius:14px;background:#fff;padding:.72rem .8rem;color:#27272a;font:inherit;outline:none;resize:vertical}.pos-confirm-field input:focus,.pos-confirm-field textarea:focus{border-color:#d4af3761;box-shadow:0 0 0 3px #d4af3717}.pos-confirm-callout{padding:.8rem .9rem;border:1px solid rgba(212,175,55,.18);border-radius:14px;background:linear-gradient(180deg,#fffaf0,#fff);color:#71717a;font-size:.78rem;line-height:1.45}.swal2-popup.pos-confirm-popup .swal2-confirm.pos-confirm-primary,.swal2-popup.pos-confirm-popup .swal2-cancel.pos-confirm-secondary{border-radius:14px!important;font-weight:800!important;padding:.8rem 1rem!important}.swal2-popup.pos-confirm-popup .swal2-confirm.pos-confirm-primary{background:linear-gradient(135deg,#d4af37,#b8952e)!important;box-shadow:0 12px 28px #b8952e3d!important}.swal2-popup.pos-confirm-popup .swal2-cancel.pos-confirm-secondary{background:#f4f4f5!important;color:#3f3f46!important}@media(max-width:720px){.swal2-popup.pos-confirm-popup{width:calc(100vw - 1rem)!important;border-radius:18px!important}.swal2-popup.pos-confirm-popup .swal2-title{padding:.95rem .95rem 0!important;font-size:1rem!important}.swal2-popup.pos-confirm-popup .swal2-html-container.pos-confirm-html{padding:.95rem!important}.swal2-popup.pos-confirm-popup .swal2-actions{padding:0 .95rem .95rem!important;flex-direction:column-reverse!important}.pos-confirm-hero{flex-direction:column}.pos-confirm-total{min-width:0;text-align:left}.pos-confirm-grid{grid-template-columns:1fr}}:root{--ui-motion-fast: .16s;--ui-motion-base: .22s;--ui-ease-premium: cubic-bezier(.2, .8, .2, 1);--ui-shadow-rest: 0 10px 28px rgba(39, 39, 42, .05);--ui-shadow-hover: 0 16px 36px rgba(39, 39, 42, .09)}.summary-card,.table-card,.panel-card,.portfolio-card,.toolbar-premium,.checkout-card,.btn-primary,.btn-ghost,.btn-action,.action-menu-panel,.client-dropdown,.badge,.status-badge{transition:transform var(--ui-motion-base) var(--ui-ease-premium),box-shadow var(--ui-motion-base) var(--ui-ease-premium),border-color var(--ui-motion-fast) ease,background-color var(--ui-motion-fast) ease,color var(--ui-motion-fast) ease,opacity var(--ui-motion-fast) ease}.summary-card:hover,.table-card:hover,.panel-card:hover{transform:translateY(-1px);box-shadow:var(--ui-shadow-hover)}.btn-primary:hover:not(:disabled),.btn-ghost:hover:not(:disabled),.btn-action:hover:not(:disabled){transform:translateY(-1px)}.table-card tbody tr{transition:background-color var(--ui-motion-fast) ease,box-shadow var(--ui-motion-fast) ease,transform var(--ui-motion-fast) ease}.table-card tbody tr:hover{background:linear-gradient(90deg,#fffaf0eb,#fffffffa)}.table-card tbody tr:hover td:first-child{box-shadow:inset 3px 0 #d4af37bf}.badge,.status-badge{will-change:transform}.badge:hover,.status-badge:hover{transform:translateY(-1px)}.modal-overlay{animation:ui-overlay-in var(--ui-motion-fast) ease both}.modal-card{animation:ui-modal-in var(--ui-motion-base) var(--ui-ease-premium) both}.action-menu[open] .action-menu-panel,.client-dropdown{animation:ui-dropdown-in var(--ui-motion-fast) var(--ui-ease-premium) both;transform-origin:top right}.portfolio-view,.portfolio-tabs button.active{animation:ui-fade-up var(--ui-motion-base) var(--ui-ease-premium) both}.empty-state,.empty-catalog,.empty-cart{border-radius:18px;background:radial-gradient(circle at top,rgba(212,175,55,.08),transparent 58%),linear-gradient(180deg,#fffffff5,#fafafae6)}.skeleton-card,.skeleton-table,.skeleton-list,.skeleton-chart,.skeleton-gallery,.skeleton-product-card{position:relative;overflow:hidden;border:1px solid rgba(228,228,231,.86);border-radius:18px;background:linear-gradient(110deg,#f7f7f8 8%,#fff 18%,#f7f7f8 33%);background-size:220% 100%;animation:ui-shimmer 1.25s linear infinite}.skeleton-card{min-height:132px}.skeleton-chart{min-height:180px}.skeleton-list{min-height:164px}.skeleton-table{min-height:250px}.skeleton-gallery{min-height:320px;margin-bottom:1rem}.skeleton-product-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(170px,12.5vw,220px),1fr));gap:clamp(.7rem,1vw,.95rem)}.skeleton-product-card{min-height:258px;border-radius:13px}@keyframes ui-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes ui-modal-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ui-dropdown-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ui-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes ui-shimmer{to{background-position-x:-220%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.pos-confirm-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:1rem;padding:1.05rem 1.1rem;border:1px solid #f4e7ef;border-radius:20px;background:linear-gradient(135deg,#fffdf7,#fff 56%,#fff8ef);box-shadow:0 10px 28px #18181b0f}.pos-confirm-hero-copy{display:grid;gap:.38rem;min-width:0}.pos-confirm-hero-copy p{margin:0;color:#71717a;font-size:.84rem;line-height:1.5}.pos-confirm-status{display:grid;gap:.2rem;align-content:center;padding:.8rem .95rem;border:1px solid #efe2bb;border-radius:18px;background:#fffaf0}.pos-confirm-status-label{color:#71717a;font-size:.74rem;font-weight:850;text-transform:uppercase}.pos-confirm-status strong{color:#27272a;font-size:1.3rem;line-height:1}.pos-confirm-status small{color:#71717a;font-size:.8rem;line-height:1.4}.pos-confirm-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.pos-confirm-summary-card{display:grid;gap:.2rem;padding:.85rem .95rem;border:1px solid #f4e7ef;border-radius:16px;background:#fff;box-shadow:0 10px 28px #18181b0d;min-width:0}.pos-confirm-summary-card span{color:#71717a;font-size:.74rem;font-weight:850;text-transform:uppercase}.pos-confirm-summary-card strong{color:#27272a;font-size:1.1rem;line-height:1.15;overflow-wrap:anywhere}.pos-confirm-summary-card small{color:#71717a;font-size:.78rem;line-height:1.35;overflow-wrap:anywhere}.pos-confirm-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 1rem;border:1px solid #f1f0eb;border-radius:18px;background:linear-gradient(180deg,#fffdf7,#fff)}.pos-confirm-identity{display:flex;align-items:center;gap:.8rem;min-width:0}.pos-confirm-pill{display:inline-grid;place-items:center;min-width:72px;min-height:38px;padding:0 .8rem;border:1px solid #efe2bb;border-radius:999px;background:#fffaf0;color:#a16207;font-size:.74rem;font-weight:900;text-transform:uppercase}.pos-confirm-badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 .8rem;border-radius:999px;background:#f4f4f5;color:#52525b;font-size:.76rem;font-weight:800;white-space:nowrap}.pos-confirm-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.pos-confirm-date-card{display:grid;gap:.2rem;padding:.95rem 1rem;border:1px solid #ececf0;border-radius:16px;background:#fff}.pos-confirm-date-card.due{border-color:#fecdd3;background:linear-gradient(180deg,#fff1f2,#fff)}.pos-confirm-date-card span{color:#71717a;font-size:.72rem;font-weight:900;text-transform:uppercase}.pos-confirm-date-card strong{color:#27272a;font-size:.9rem;font-weight:850;overflow-wrap:anywhere}.pos-confirm-section-head{display:flex;flex-direction:column;gap:.15rem}.pos-confirm-section-head span{color:#71717a;font-size:.74rem;font-weight:850;text-transform:uppercase}.pos-confirm-section-head strong{color:#27272a;font-size:1rem}.pos-confirm-items{gap:.65rem;max-height:380px;padding:.75rem;border:1px solid #f4e7ef;border-radius:18px;background:#fafafa}.pos-confirm-item{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding:.9rem;border:1px solid #f4f4f5;border-radius:16px;background:#fff}.pos-confirm-item-main{display:flex;align-items:center;gap:.8rem;min-width:0}.pos-confirm-qty{display:inline-grid;place-items:center;min-width:48px;min-height:40px;padding:0 .65rem;border:1px solid #efe2bb;border-radius:12px;background:#fffaf0;color:#a16207;font-size:.82rem;font-weight:900}.pos-confirm-item-copy span{font-size:.78rem;line-height:1.35}.pos-confirm-item b{color:#b8952e;font-size:1rem;font-weight:900}.pos-confirm-side{gap:.85rem}.pos-confirm-finance{display:flex;align-items:center;gap:.8rem;padding:.95rem 1rem;border:1px solid rgba(212,175,55,.18);border-radius:18px;background:linear-gradient(135deg,#fff8e8,#fff)}.pos-confirm-finance-avatar{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff4d6;color:#b8952e;font-size:1.15rem;flex:0 0 44px}.pos-confirm-finance-copy{display:grid;gap:.15rem;min-width:0}.pos-confirm-finance-copy strong{color:#27272a;font-size:1.26rem;line-height:1}.pos-confirm-finance-copy span{color:#71717a;font-size:.78rem}@media(max-width:860px){.pos-confirm-summary,.pos-confirm-grid,.pos-confirm-dates,.pos-confirm-hero{grid-template-columns:1fr}.pos-confirm-topbar,.pos-confirm-item{flex-direction:column;align-items:flex-start}.pos-confirm-badge{white-space:normal}.pos-confirm-item b{align-self:flex-end}}.swal2-popup.pos-confirm-popup{width:min(1040px,calc(100vw - 2rem))!important;display:flex!important;flex-direction:column!important}.swal2-popup.pos-confirm-popup .swal2-title{display:none!important;padding:0!important}.swal2-popup.pos-confirm-popup .swal2-html-container.pos-confirm-html{flex:1 1 auto!important;padding:1rem!important}.swal2-popup.pos-confirm-popup .swal2-actions{width:100%!important;margin-top:auto!important;justify-content:flex-end!important;border-top:1px solid #f4e7ef!important;background:linear-gradient(180deg,#fffdf9,#fff)!important;padding:0 1rem 1rem!important;gap:.55rem!important}.pos-confirm-shell{gap:.75rem}.pos-confirm-hero{display:flex;align-items:flex-start;justify-content:space-between;grid-template-columns:none;gap:1.25rem;margin:0;padding:1.18rem 1.28rem;border:1px solid rgba(244,231,239,.95);border-radius:22px;background:radial-gradient(circle at top right,rgba(212,175,55,.2),transparent 28%),linear-gradient(135deg,#fff8e8,#fff 62%);box-shadow:0 14px 34px #18181b12}.pos-confirm-hero-copy{min-width:0}.pos-confirm-eyebrow{color:#8a5d00}.pos-confirm-hero h3{margin:.25rem 0 .8rem;color:#27272a;font-size:clamp(1.45rem,3vw,2rem);font-weight:900;line-height:1.08;overflow-wrap:anywhere}.pos-confirm-chips{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.pos-confirm-chip{display:inline-flex;align-items:center;gap:.4rem;min-height:30px;padding:0 .75rem;border-radius:999px;font-size:.75rem;font-weight:900}.pos-confirm-chip.category-tag{border:1px solid #efe2bb;background:#fffaf0;color:#8a5d00}.pos-confirm-chip.sku-detail-tag{border:1px solid #e4e4e7;background:#fff;color:#52525b}.pos-confirm-chip.detail-status-pill{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534}.pos-confirm-status{flex:0 0 240px;display:grid;gap:.2rem;padding:.9rem 1rem;border:1px solid rgba(253,230,138,.95);border-radius:24px;background:linear-gradient(180deg,#fffffff5,#fffaf0e6);box-shadow:inset 0 1px #ffffffe6,0 12px 24px #b8952e1f}.pos-confirm-status strong{color:#b8952e;font-size:1.35rem}.pos-confirm-summary{gap:.6rem}.pos-confirm-summary-card{gap:.12rem;padding:.62rem .75rem;border-radius:14px}.pos-confirm-summary-card strong{font-size:.98rem}.pos-confirm-summary-card small{font-size:.73rem;line-height:1.25}.pos-confirm-panel{gap:.72rem;padding:.82rem;border-radius:16px}.pos-confirm-topbar{gap:.75rem;padding:.72rem .82rem;border-radius:16px}.pos-confirm-pill{min-height:32px;padding:0 .7rem}.pos-confirm-badge{min-height:30px;padding:0 .68rem}.pos-confirm-dates{gap:.65rem}.pos-confirm-date-card{padding:.7rem .8rem;border-radius:14px}.pos-confirm-date-card strong{font-size:.84rem}.pos-confirm-items{gap:.5rem;padding:.58rem;border-radius:16px}.pos-confirm-item{gap:.7rem;padding:.62rem .72rem;border-radius:14px}.pos-confirm-item-main{gap:.62rem}.pos-confirm-qty{min-width:40px;min-height:32px;padding:0 .55rem;border-radius:10px}.pos-confirm-item-copy strong{font-size:.86rem}.pos-confirm-item-copy span{font-size:.72rem;line-height:1.25}.pos-confirm-item b{font-size:.9rem}.pos-confirm-finance{gap:.7rem;padding:.72rem .8rem;border-radius:16px}.pos-confirm-finance-avatar{width:38px;height:38px;border-radius:12px;flex-basis:38px}.pos-confirm-finance-copy strong{font-size:1.08rem}.pos-confirm-finance-copy span{font-size:.73rem}.pos-confirm-metrics{gap:.45rem}.pos-confirm-metrics div{padding:.56rem .68rem;border-radius:12px}.pos-confirm-metrics strong{font-size:.8rem}.pos-confirm-field{min-width:0;gap:.34rem}.pos-confirm-field input,.pos-confirm-field textarea{min-width:0;max-width:100%;box-sizing:border-box;appearance:none;-webkit-appearance:none;padding:.6rem .72rem;border-radius:12px}.pos-confirm-field textarea{min-height:84px}.pos-confirm-callout{padding:.62rem .75rem;border-radius:12px;font-size:.74rem;line-height:1.35}.swal2-popup.pos-confirm-popup .swal2-confirm.pos-confirm-primary,.swal2-popup.pos-confirm-popup .swal2-cancel.pos-confirm-secondary{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.45rem!important;min-height:38px!important;border-radius:12px!important;font-size:.84rem!important;padding:.58rem .9rem!important}@media(max-width:720px){.swal2-popup.pos-confirm-popup{width:calc(100vw - .75rem)!important;max-width:calc(100vw - .75rem)!important}.pos-confirm-hero{flex-direction:column;padding:.95rem}.pos-confirm-status{width:100%;flex-basis:auto;min-width:0}.pos-confirm-panel,.pos-confirm-side,.pos-confirm-topbar,.pos-confirm-identity,.pos-confirm-field,.pos-confirm-date-card,.pos-confirm-metrics div{min-width:0}.pos-confirm-dates,.pos-confirm-grid,.pos-confirm-summary{grid-template-columns:1fr!important}.pos-confirm-topbar,.pos-confirm-item{flex-direction:column;align-items:stretch}.pos-confirm-identity{flex-wrap:wrap}.pos-confirm-badge{align-self:flex-start}.pos-confirm-field input[type=date]{min-height:42px;font-size:16px;line-height:1.2}.swal2-popup.pos-confirm-popup .swal2-actions{flex-direction:column-reverse!important;align-items:stretch!important}.swal2-popup.pos-confirm-popup .swal2-confirm.pos-confirm-primary,.swal2-popup.pos-confirm-popup .swal2-cancel.pos-confirm-secondary{width:100%!important}.swal2-popup.pos-confirm-popup .swal2-title,.swal2-popup.pos-confirm-popup .swal2-html-container.pos-confirm-html,.swal2-popup.pos-confirm-popup .swal2-actions{padding-left:.85rem!important;padding-right:.85rem!important}}