@import "https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&family=Outfit:wght@700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@700;800&family=DM+Sans:opsz,wght@9..40,400;9..40,500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--color-primary:#1e3a8a;--color-primary-hover:#1e40af;--color-accent:#dc2626;--color-accent-hover:#b91c1c;--color-background:#f8fafc;--color-surface:#fff;--color-text-main:#0f172a;--color-text-muted:#64748b;--color-border:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--radius-md:8px}*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif}body{background-color:var(--color-background);color:var(--color-text-main)}:root{--navy:#022b5e;--blue:#255ced;--text-dark:#0a1628;--text-muted:#5a6a80;--text-light:#9aa5b4}.login-page{background:radial-gradient(90% 70% at 15% 90%,#255ced40 0%,#0000 55%),radial-gradient(70% 55% at 88% 5%,#255ced2e 0%,#0000 50%),linear-gradient(145deg,#04285a 0%,#021e44 55%,#010e28 100%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;font-family:DM Sans,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.login-page:after{content:"";pointer-events:none;background:radial-gradient(circle,#255ced1f 0%,#0000 65%);border-radius:50%;width:600px;height:600px;animation:10s ease-in-out infinite orbFloat;position:absolute;bottom:-200px;left:-200px}@keyframes orbFloat{0%,to{transform:scale(1)translateY(0)}50%{transform:scale(1.08)translateY(-20px)}}.login-star{pointer-events:none;animation:twinkle var(--dur,3s) ease-in-out infinite var(--delay,0s);background:#fff;border-radius:50%;position:absolute}@keyframes twinkle{0%,to{opacity:var(--min-op,.15);transform:scale(1)}50%{opacity:var(--max-op,.8);transform:scale(1.6)}}.login-card{z-index:1;border-radius:28px;width:100%;max-width:500px;animation:.75s cubic-bezier(.22,1,.36,1) both cardIn;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 4px 8px #00000026,0 24px 56px #00000073,0 64px 100px #0000004d}@keyframes cardIn{0%{opacity:0;filter:blur(8px);transform:translateY(55px)scale(.92)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.login-banner{background:linear-gradient(160deg,#042d66 0%,#073d80 35%,#0d4a90 70%,#0a3d7a 100%);flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;height:300px;display:flex;position:relative;overflow:hidden}.login-banner:before{content:"";pointer-events:none;background:radial-gradient(70% 60% at 50% 25%,#255ced38 0%,#0000 65%);position:absolute;inset:0}.login-moon{z-index:2;background:radial-gradient(circle at 38% 38%,#fffde7 0%,#fff9c4 35%,#ffe082 70%,#ffd54f 100%);border-radius:50%;width:80px;height:80px;animation:5s ease-in-out infinite moonGlow;position:absolute;top:22px;right:50px;box-shadow:0 0 0 10px #ffe65012,0 0 40px #ffdc508c,0 0 90px #ffdc5038}@keyframes moonGlow{0%,to{box-shadow:0 0 0 10px #ffe65012,0 0 40px #ffdc508c,0 0 90px #ffdc5038}50%{box-shadow:0 0 0 14px #ffe6501a,0 0 60px #ffdc50bf,0 0 120px #ffdc5059}}.login-banner-logo{z-index:10;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:10px;animation:.7s cubic-bezier(.22,1,.36,1) .15s both brandIn;display:flex;position:relative}@keyframes brandIn{0%{opacity:0;transform:translateY(-20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.login-logo{object-fit:contain;-webkit-backdrop-filter:blur(12px);background:#ffffff24;border:1.5px solid #ffffff47;border-radius:20px;width:72px;height:72px;padding:8px;box-shadow:0 4px 20px #00000040,inset 0 0 0 1px #ffffff14}.login-banner-brand{flex-direction:column;align-items:center;gap:4px;display:flex}.login-banner-brand h1{letter-spacing:3px;text-transform:uppercase;background:linear-gradient(135deg,#fff 0%,#c8dcff 50%,#90b8ff 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px #78aaff99);-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:1.55rem;font-weight:800;line-height:1}.login-banner-brand p{color:#ffffff73;letter-spacing:1.5px;text-transform:uppercase;font-size:.7rem;font-weight:400}.login-banner-brand:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);border-radius:999px;width:40px;height:2px;margin-top:2px;display:block}.login-banner svg{z-index:3;width:100%;position:absolute;bottom:0;left:0}.banner-star{z-index:1;width:3px;height:3px;animation:twinkle var(--dur) ease-in-out infinite var(--delay);background:#fff;border-radius:50%;position:absolute}.login-banner-text{z-index:5;text-align:center;padding-bottom:16px;animation:.55s cubic-bezier(.22,1,.36,1) .3s both formIn;position:relative}.login-banner-text h2{color:#ffffffe6;text-shadow:0 2px 12px #0006;font-size:1.1rem;font-weight:600}.login-banner-text p{color:#ffffff73;letter-spacing:.3px;margin-top:3px;font-size:.7rem}.login-form-section{background:#fff;padding:2.2rem 2.6rem 1.8rem;animation:.6s cubic-bezier(.22,1,.36,1) .22s both formIn}@keyframes formIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-header,.divider-subtle{display:none!important}.login-body h2,.login-subtitle{display:none}.info-badge{color:#2a5dd4;text-align:center;background:linear-gradient(135deg,#eef4ff,#e8f0ff);border:1px solid #255ced1f;border-radius:10px;margin-bottom:1.4rem;padding:.6rem 1rem;font-size:.74rem;font-weight:500}.login-form{flex-direction:column;gap:1.1rem;display:flex}.input-group{flex-direction:column;gap:.42rem;display:flex}.input-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.75px;font-size:.67rem;font-weight:600}.label-row{justify-content:space-between;align-items:center;display:flex}.forgot-link-btn{cursor:pointer;transition:opacity .15s;color:var(--blue)!important;background:0 0!important;border:none!important;padding:0!important;font-size:.72rem!important;font-weight:600!important}.forgot-link-btn:hover{opacity:.6}.input-group input{color:var(--text-dark);-webkit-appearance:none;background:#f7f9fc;border:1.5px solid #dde4ed;border-radius:11px;outline:none;width:100%;padding:.78rem 1rem;font-family:DM Sans,sans-serif;font-size:.92rem;transition:all .18s}.input-group input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #255ced1a}.input-group input::placeholder{color:#bcc5d0}.error-message{color:#dc2626;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:.58rem 1rem;font-size:.77rem;font-weight:500}.btn-submit{background:linear-gradient(180deg, #4070f6 0%, var(--blue) 45%, #1f52d4 100%);color:#fff;cursor:pointer;letter-spacing:.1px;border:none;border-radius:11px;width:100%;margin-top:.3rem;padding:.9rem;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff29,0 5px 16px #255ced61}.btn-submit:before{content:"";pointer-events:none;background:linear-gradient(#ffffff21 0%,#0000 100%);height:52%;position:absolute;top:0;left:0;right:0}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 0 1px #ffffff29,0 10px 28px #255ced7a}.btn-submit:active:not(:disabled){transform:translateY(.5px);box-shadow:0 2px 8px #255ced38}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.bottom-divider{background:linear-gradient(90deg,#0000,#e2e8f0 30% 70%,#0000);height:1px;margin:1.4rem 0 1rem}.login-footer{text-align:center;color:var(--text-light);letter-spacing:.1px;font-size:.66rem}.loading-fullscreen{z-index:9999;background:radial-gradient(90% 70% at 10% 85%,#255ced47 0%,#0000 50%),radial-gradient(70% 55% at 90% 8%,#255ced33 0%,#0000 50%),radial-gradient(80% 60%,#04285a99 0%,#0000 70%),linear-gradient(145deg,#04285a 0%,#021e44 55%,#010e28 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.loading-fullscreen:before{content:"";pointer-events:none;background:radial-gradient(circle,#255ced1a 0%,#0000 65%);border-radius:50%;width:700px;height:700px;animation:15s linear infinite orbSpin;position:absolute;top:-250px;right:-200px}.loading-fullscreen:after{content:"";pointer-events:none;background:radial-gradient(circle,#255ced14 0%,#0000 65%);border-radius:50%;width:400px;height:400px;animation:10s ease-in-out infinite orbFloat;position:absolute;bottom:-150px;left:-100px}@keyframes orbSpin{0%{transform:rotate(0)scale(1)}to{transform:rotate(360deg)scale(1.05)}}.loading-content{z-index:1;flex-direction:column;align-items:center;gap:0;animation:.8s cubic-bezier(.22,1,.36,1) both contentIn;display:flex;position:relative}@keyframes contentIn{0%{opacity:0;filter:blur(10px);transform:scale(.85)}to{opacity:1;filter:blur();transform:scale(1)}}.loading-logo-container{justify-content:center;align-items:center;width:160px;height:160px;margin-bottom:2.2rem;display:flex;position:relative}.loading-logo-container:before{content:"";filter:drop-shadow(0 0 6px #3b6ff599);border:2.5px solid #3b6ff5;border-color:#3b6ff5 #3b6ff540 #0000 #0000;border-radius:50%;animation:1.2s linear infinite spinRing;position:absolute;inset:0}.loading-logo-container:after{content:"";border:1.5px solid #0000;border-color:#0000 #0000 #60a5fa8c #60a5fa26;border-radius:50%;animation:1.8s linear infinite reverse spinRing;position:absolute;inset:12px}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-logo-large{-webkit-backdrop-filter:blur(16px);z-index:1;background:#ffffff1a;border:1.5px solid #fff3;border-radius:26px;width:110px;height:110px;padding:10px;animation:3s ease-in-out infinite logoPulse;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f,0 12px 40px #00000073,0 0 50px #255ced2e}@keyframes logoPulse{0%,to{box-shadow:inset 0 0 0 1px #ffffff0f,0 12px 40px #00000073,0 0 50px #255ced2e}50%{box-shadow:inset 0 0 0 1px #ffffff0f,0 12px 40px #00000073,0 0 80px #255ced61}}.loading-text{letter-spacing:4px;text-transform:uppercase;background:linear-gradient(135deg,#fff 0%,#d0e4ff 45%,#93c5fd 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px #78aaff80);-webkit-background-clip:text;background-clip:text;margin:0 0 .35rem;font-family:Outfit,sans-serif;font-size:2.1rem;font-weight:800;animation:.6s cubic-bezier(.22,1,.36,1) .25s both fadeUp}.loading-subtitle{color:#ffffff59;letter-spacing:2.5px;text-transform:uppercase;margin:0 0 2rem;font-family:DM Sans,sans-serif;font-size:.72rem;animation:.6s cubic-bezier(.22,1,.36,1) .4s both fadeUp}.loading-bar-wrap,.loading-bar{display:none}.loading-dots{align-items:center;gap:10px;animation:.5s .55s both fadeUp;display:flex!important}.loading-dots span{background:#ffffffe6;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite dotWave;display:block;box-shadow:0 0 8px #64a0ff99}.loading-dots span:first-child{animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}.loading-dots span:nth-child(4){animation-delay:.45s}.loading-dots span:nth-child(5){animation-delay:.6s}@keyframes dotWave{0%,to{opacity:.35;background:#ffffff80;transform:translateY(0)scale(1)}50%{opacity:1;background:#fff;transform:translateY(-10px)scale(1.3);box-shadow:0 0 12px #64a0ffe6,0 4px 12px #255ced66}}.loading-star{pointer-events:none;animation:twinkle var(--dur,3s) ease-in-out infinite var(--delay,0s);background:#fff;border-radius:50%;position:absolute}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:1000;background:#0000008c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-box{background:#fcfcfdf5;border:.5px solid #0000001f;border-radius:16px;width:90%;max-width:560px;overflow:hidden;box-shadow:inset 0 0 0 .5px #ffffff80,0 40px 80px #00000059,0 8px 20px #00000026}.modal-header-blue{background:#f2f2f4;border-bottom:.5px solid #0000001a;align-items:center;gap:8px;padding:11px 16px;display:flex;position:relative}.modal-header-blue h2{color:#1a1a1a;letter-spacing:-.1px;white-space:nowrap;margin:0;font-size:13px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.close-button{cursor:pointer;color:#fff;background:#ff5f57;border:.5px solid #e0443c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;padding:0;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;font-weight:700;line-height:1;transition:background .15s,transform .1s;display:flex;position:static;top:auto;right:auto;transform:none}.close-button:hover{background:#e04040;transform:scale(1.15)}.close-button:active{transform:scale(.95)}.dot-yellow{background:#ffbd2e;border:.5px solid #d9a020;border-radius:50%;flex-shrink:0;width:14px;height:14px;display:inline-block}.dot-green{background:#28c840;border:.5px solid #1fa832;border-radius:50%;flex-shrink:0;width:14px;height:14px;display:inline-block}.modal-body-split{align-items:stretch;min-height:300px;display:flex}.modal-left{background:#f5f5f7;border-right:.5px solid #00000014;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:10px;width:180px;padding:28px 20px;display:flex}.modal-logo-huge{object-fit:contain;background:#fff;border:.5px solid #0000001a;border-radius:22px;width:100px;height:100px;padding:10px;box-shadow:0 2px 12px #00000014,inset 0 1px #fffc}.modal-left-label{color:#888;letter-spacing:.04em;text-transform:uppercase;text-align:center;font-size:11px;font-weight:600}.modal-left-sublabel{color:#aaa;text-align:center;margin-top:-6px;font-size:10px}.modal-right{text-align:left;flex-direction:column;flex:1;gap:12px;padding:24px 22px;display:flex}.modal-right-icon{background:#e8f0fe;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.modal-right h3{color:#1a1a1a;letter-spacing:-.4px;margin:0;font-size:17px;font-weight:600}.modal-right>p{color:#888;margin:0;font-size:12.5px;line-height:1.45}.modal-form{flex-direction:column;gap:10px;width:100%;display:flex}.modal-input-group{flex-direction:column;gap:5px;display:flex}.modal-input-group label{color:#555;letter-spacing:.03em;font-size:11px;font-weight:600}.modal-input-group input,.modal-input-group textarea{color:#1a1a1a;resize:none;background:#fff;border:.5px solid #0000002e;border-radius:7px;outline:none;width:100%;height:34px;padding:0 10px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:14px;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 1px 2px #0000000f}.modal-input-group textarea{height:auto;padding:8px 10px}.modal-input-group input::placeholder,.modal-input-group textarea::placeholder{color:#bbb;font-size:13px}.modal-input-group input:focus,.modal-input-group textarea:focus{border-color:#0071e3;box-shadow:0 0 0 3px #0071e333,inset 0 1px 2px #0000000f}.modal-hint{color:#aaa;align-items:center;gap:5px;font-size:11px;display:flex}.btn-ticket{color:#fff;cursor:pointer;letter-spacing:-.1px;background:#0071e3;border:none;border-radius:7px;width:100%;height:34px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:13.5px;font-weight:500;transition:background .15s}.btn-ticket:hover:not(:disabled){background:#006cd9}.btn-ticket:active:not(:disabled){background:#0063c6}.btn-ticket:disabled{cursor:not-allowed;color:#fff;background:#d2d2d7}.btn-ticket.success{background:#1a7f37}.btn-ticket.success:hover{background:#1a6b2e}.btn-ticket-back{color:#0071e3;cursor:pointer;text-align:center;background:0 0;border:none;width:100%;padding:4px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:12.5px}.btn-ticket-back:hover{text-decoration:underline}.modal-error{color:#c00;background:#ff3b3012;border:.5px solid #ff3b3033;border-radius:7px;margin:0;padding:6px 10px;font-size:11.5px}.modal-user-found{background:#28c84012;border:.5px solid #28c8404d;border-radius:9px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.modal-user-found .user-icon{font-size:1.4rem}.modal-user-found strong{color:#1a7f37;font-size:13px;font-weight:600;display:block}.modal-user-found small{color:#666;font-size:11px}.modal-success-state{text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;padding:8px 0;display:flex}.success-circle{color:#28c840;background:#28c8401a;border:.5px solid #28c84059;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;font-weight:600;display:flex}.modal-success-state h3{color:#1a7f37;margin:0;font-size:15px;font-weight:600}.modal-success-state p{color:#666;font-size:12px;line-height:1.55}.modal-success-state strong{color:#333}@media (width<=500px){.modal-left{display:none}.modal-right{padding:20px 16px}.modal-box{border-radius:14px;width:95%}}:root{--sf-navy:#0f172a;--sf-blue:#3b82f6;--sf-blue-lt:#eff6ff;--sf-accent:#0ea5e9;--sf-green:#10b981;--sf-green-lt:#d1fae5;--sf-red:#ef4444;--sf-red-lt:#fee2e2;--sf-amber:#f59e0b;--sf-amber-lt:#fef3c7;--sf-gray-50:#f8fafc;--sf-gray-100:#f1f5f9;--sf-gray-200:#e2e8f0;--sf-gray-300:#cbd5e1;--sf-gray-400:#94a3b8;--sf-gray-500:#64748b;--sf-gray-700:#334155;--sf-gray-900:#0f172a;--sf-white:#fff;--sf-shadow-sm:0 1px 3px #0f172a0d, 0 1px 2px #0f172a08;--sf-shadow-md:0 1px 3px #0f172a0d, 0 8px 24px #0f172a0a;--sf-shadow-lg:0 25px 60px #0f172a1f;--sf-radius-sm:10px;--sf-radius-md:14px;--sf-radius-lg:18px;--sf-radius-xl:22px}.pos-container{background:var(--sf-gray-50);letter-spacing:-.01em;flex-direction:column;gap:1.25rem;width:100%;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.pos-search-wrapper{width:100%;position:relative}.pos-search-bar{background:var(--sf-white);border:1px solid var(--sf-gray-200);border-radius:var(--sf-radius-md);box-shadow:var(--sf-shadow-sm);align-items:center;gap:.6rem;padding:.7rem 1.1rem;transition:all .2s;display:flex}.pos-search-bar:focus-within{border-color:var(--sf-blue);box-shadow:0 0 0 4px #3b82f61a}.search-icon{width:18px;height:18px;color:var(--sf-gray-400);flex-shrink:0}.pos-search-bar input{color:var(--sf-gray-900);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.93rem;font-weight:500}.pos-search-bar input::placeholder{color:var(--sf-gray-400);font-weight:400}.search-dropdown{background:var(--sf-white);border:1px solid var(--sf-gray-200);border-radius:var(--sf-radius-md);box-shadow:var(--sf-shadow-lg);z-index:200;max-height:420px;padding:.4rem;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.search-dropdown::-webkit-scrollbar{width:4px}.search-dropdown::-webkit-scrollbar-thumb{background:var(--sf-gray-200);border-radius:4px}.dropdown-msg{text-align:center;color:var(--sf-gray-400);padding:1.5rem;font-size:.875rem}.search-result-item{border-radius:var(--sf-radius-sm);cursor:pointer;border-bottom:1px solid var(--sf-gray-100);padding:.85rem 1rem;transition:background .15s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--sf-gray-50)}.item-title-row{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.25rem;display:flex}.item-title{color:var(--sf-gray-900);flex:1;font-size:.9rem;font-weight:600;line-height:1.35}.item-price{color:var(--sf-gray-900);white-space:nowrap;background:var(--sf-blue-lt);border-radius:100px;padding:3px 10px;font-size:.92rem;font-weight:700}.item-subtitle{color:var(--sf-gray-400);margin-bottom:.4rem;font-size:.75rem;font-weight:500}.item-stock{align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;display:flex}.stock-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.stock-green{color:var(--sf-green)}.stock-green .stock-dot{background:var(--sf-green)}.stock-orange{color:var(--sf-amber)}.stock-orange .stock-dot{background:var(--sf-amber)}.stock-red{color:var(--sf-red)}.stock-red .stock-dot{background:var(--sf-red)}.pos-main-panel{background:var(--sf-white);border-radius:var(--sf-radius-lg);box-shadow:var(--sf-shadow-md);border:1px solid #0f172a0a;overflow:hidden}.panel-header-blue{background:var(--sf-white);color:var(--sf-gray-900);border-bottom:1px solid var(--sf-gray-100);justify-content:space-between;align-items:center;padding:1.1rem 1.5rem;display:flex}.panel-header-blue:before,.panel-header-blue:after{display:none}.panel-header-left{align-items:center;gap:.75rem;display:flex}.panel-header-badge{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:none;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex}.panel-header-blue h2{letter-spacing:-.01em;color:var(--sf-gray-900);margin:0;font-size:1.05rem;font-weight:700}.panel-header-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.panel-header-label{color:var(--sf-gray-400);text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;font-weight:700}.invoice-number{color:var(--sf-gray-900);letter-spacing:.05em;font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700}.panel-body{gap:0;padding:1.5rem;display:flex}.customer-section{border-right:1px solid var(--sf-gray-100);flex:2;gap:0;margin-right:1.5rem;padding-right:1.5rem;display:flex}.cust-col-left{border-right:1px solid var(--sf-gray-100);flex-direction:column;flex:1;gap:.85rem;margin-right:1.25rem;padding-right:1.25rem;display:flex}.cust-col-right{flex-direction:column;flex:1.1;gap:.55rem;display:flex}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-group label{color:var(--sf-gray-500);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:600}.toggle-group{border:1px solid var(--sf-gray-200);background:var(--sf-gray-50);border-radius:100px;gap:2px;padding:3px;display:flex;overflow:hidden}.toggle-btn{color:var(--sf-gray-500);cursor:pointer;background:0 0;border:none;border-radius:100px;flex:1;padding:.55rem .5rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s}.toggle-btn:hover:not(.active){color:var(--sf-gray-700)}.toggle-btn.active{background:var(--sf-gray-900);color:#fff;font-weight:600;box-shadow:0 2px 8px #0f172a26}.form-row-multi{gap:.5rem;display:flex}.input-half,.input-large,.input-full{border:1px solid var(--sf-gray-200);border-radius:var(--sf-radius-sm);background:var(--sf-white);color:var(--sf-gray-900);box-sizing:border-box;outline:none;padding:.65rem .9rem;font-family:inherit;font-size:.88rem;font-weight:500;transition:all .2s}.input-half:focus,.input-large:focus,.input-full:focus{border-color:var(--sf-blue);background:#fff;box-shadow:0 0 0 3px #3b82f61a}.input-half{flex:1}.input-large{flex:2;width:100%}.input-full{width:100%}.select-small{border:1px solid var(--sf-gray-200);border-radius:var(--sf-radius-sm);background:var(--sf-white);color:var(--sf-gray-900);cursor:pointer;outline:none;flex:1;padding:.65rem .7rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .2s}.select-small:focus{border-color:var(--sf-blue);box-shadow:0 0 0 3px #3b82f61a}.mb-2{margin-bottom:.5rem}.btn-dark{background:var(--sf-gray-900);color:#fff;border-radius:var(--sf-radius-sm);cursor:pointer;white-space:nowrap;border:none;padding:.65rem 1rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s}.btn-dark:hover{background:#1e293b;transform:translateY(-1px)}.totals-section{border-top:1px solid var(--sf-gray-100);flex-direction:column;gap:.3rem;margin-top:auto;padding-top:1rem;display:flex}.totals-row{color:var(--sf-gray-500);justify-content:space-between;align-items:center;padding:.1rem 0;font-size:.85rem;font-weight:500;display:flex}.totals-row span:last-child{color:var(--sf-gray-900);font-variant-numeric:tabular-nums;font-weight:600}.grand-total{border-top:1px solid var(--sf-gray-200);justify-content:space-between;align-items:center;margin-top:.6rem;padding-top:.75rem;display:flex}.grand-total span{color:var(--sf-gray-400);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:700}.grand-total h2{color:var(--sf-gray-900);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0;font-size:1.85rem;font-weight:800;line-height:1}.payment-section{flex-direction:column;flex:0 0 240px;gap:.65rem;display:flex}.payment-section>label{color:var(--sf-gray-400);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:700}.payment-methods{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.pay-btn{background:var(--sf-white);border:1px solid var(--sf-gray-200);border-radius:var(--sf-radius-sm);cursor:pointer;color:var(--sf-gray-500);flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:.85rem .4rem;font-family:inherit;font-size:.73rem;font-weight:600;transition:all .2s;display:flex}.pay-btn:hover{border-color:var(--sf-gray-300);background:var(--sf-gray-50);transform:translateY(-1px)}.pay-btn.active{border-color:var(--sf-gray-900);background:var(--sf-gray-900);color:#fff;font-weight:700;box-shadow:0 4px 12px #0f172a26}.pay-btn.active .yape-color{color:#c4b5fd}.pay-icon{font-size:1.2rem}.yape-color{color:#6d28d9;font-size:1.1rem;font-weight:900}.btn-mixto{background:var(--sf-white);border:1px solid var(--sf-gray-200);color:var(--sf-gray-500);border-radius:var(--sf-radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:.4rem;padding:.65rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.btn-mixto:hover{background:var(--sf-gray-50);border-color:var(--sf-gray-300)}.active-mixto{background:var(--sf-amber-lt);color:#92400e;border-color:var(--sf-amber);font-weight:700}.received-section{flex-direction:column;gap:.35rem;display:flex}.received-section>label{color:var(--sf-gray-400);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:700}.input-currency{border:1px solid var(--sf-gray-200);border-radius:var(--sf-radius-sm);background:var(--sf-white);align-items:center;padding:.7rem 1rem;transition:all .2s;display:flex}.input-currency:focus-within{border-color:var(--sf-blue);box-shadow:0 0 0 3px #3b82f61a}.currency-symbol{color:var(--sf-gray-400);margin-right:.45rem;font-size:.92rem;font-weight:600}.input-currency input{color:var(--sf-gray-900);font-variant-numeric:tabular-nums;letter-spacing:-.01em;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:1.2rem;font-weight:800}.change-section{border-radius:var(--sf-radius-sm);background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;justify-content:space-between;align-items:center;padding:.7rem 1rem;display:flex}.text-xl{font-variant-numeric:tabular-nums;font-size:1.15rem}.btn-cobrar{color:#fff;border-radius:var(--sf-radius-sm);cursor:pointer;letter-spacing:-.01em;background:linear-gradient(135deg,#0f172a,#1e293b);border:none;padding:1rem;font-family:inherit;font-size:1rem;font-weight:700;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 8px 24px #0f172a40}.btn-cobrar:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%);position:absolute;inset:0}.btn-cobrar:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0f172a59}.btn-cobrar:active{transform:translateY(0)}.modal-overlay-mixto{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-mixto-box{border-radius:var(--sf-radius-xl);width:420px;box-shadow:var(--sf-shadow-lg);background:#fff;padding:2rem}.modal-mixto-box h3{color:var(--sf-gray-900);letter-spacing:-.02em;margin:0 0 .4rem;font-size:1.2rem;font-weight:800}.modal-mixto-box p{color:var(--sf-gray-500);margin:0 0 1.5rem;font-size:.9rem}.mixto-row{gap:.75rem;margin-bottom:.85rem;display:flex}.mixto-row select,.mixto-row input{border-radius:var(--sf-radius-sm);border:1px solid var(--sf-gray-200);outline:none;flex:1;padding:.75rem .9rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .2s}.mixto-row select:focus,.mixto-row input:focus{border-color:var(--sf-blue);box-shadow:0 0 0 3px #3b82f61a}.mixto-actions{gap:.75rem;margin-top:1.5rem;display:flex}.btn-cancelar{background:var(--sf-gray-100);border-radius:var(--sf-radius-sm);cursor:pointer;color:var(--sf-gray-500);border:none;flex:1;padding:.85rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .2s}.btn-cancelar:hover{background:var(--sf-gray-200)}.btn-confirmar{border-radius:var(--sf-radius-sm);cursor:pointer;color:#fff;background:linear-gradient(135deg,#0f172a,#1e293b);border:none;flex:2;padding:.85rem;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #0f172a33}.btn-confirmar:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0f172a4d}.cart-panel{background:var(--sf-white);border-radius:var(--sf-radius-lg);box-shadow:var(--sf-shadow-md);border:1px solid #0f172a0a;overflow:hidden}.cart-header{background:var(--sf-white);border-bottom:1px solid var(--sf-gray-100);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.cart-header-left{align-items:center;gap:.85rem;display:flex}.cart-header-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.15rem;display:flex}.cart-title{color:var(--sf-gray-900);letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:700}.cart-subtitle{color:var(--sf-gray-400);margin:2px 0 0;font-size:.78rem;font-weight:500}.cart-clear-btn{background:var(--sf-red-lt);color:var(--sf-red);cursor:pointer;border:1px solid #fecaca;border-radius:100px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .2s;display:flex}.cart-clear-btn:hover{background:#fee2e2;transform:scale(1.03)}.cart-empty{text-align:center;padding:3.5rem 2rem}.cart-empty-icon{opacity:.35;margin-bottom:.85rem;font-size:3rem;display:block}.cart-empty-title{color:var(--sf-gray-700);margin:0 0 .4rem;font-size:1rem;font-weight:700}.cart-empty-sub{color:var(--sf-gray-400);max-width:360px;margin:0 auto;font-size:.85rem;line-height:1.55}.cart-table-wrap{overflow-x:auto}.cart-col-header{background:var(--sf-gray-50);border-bottom:1px solid var(--sf-gray-100);grid-template-columns:2.8fr 1fr 1.1fr .9fr 1.1fr 1fr .7fr;align-items:center;gap:.5rem;min-width:800px;padding:.85rem 1.5rem;display:grid}.cart-col-header span{color:var(--sf-gray-400);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;font-weight:700}.cch-subtotal,.cch-price{text-align:right}.cch-actions{text-align:center}.cart-rows{min-width:800px}.cart-row{border-bottom:1px solid var(--sf-gray-100);grid-template-columns:2.8fr 1fr 1.1fr .9fr 1.1fr 1fr .7fr;align-items:center;gap:.5rem;padding:.85rem 1.5rem;transition:background .15s;display:grid}.cart-row:hover{background:var(--sf-gray-50)}.cart-row-alt{background:0 0}.cart-row-alt:hover{background:var(--sf-gray-50)}.cart-row:last-child{border-bottom:none}.crow-product{align-items:flex-start;gap:.65rem;display:flex}.crow-prod-index{background:var(--sf-gray-100);width:22px;height:22px;color:var(--sf-gray-500);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:.68rem;font-weight:700;display:flex}.crow-prod-info{flex-direction:column;gap:.2rem;display:flex}.crow-prod-name{color:var(--sf-gray-900);letter-spacing:-.01em;font-size:.88rem;font-weight:600;line-height:1.35}.crow-stock-label{color:var(--sf-gray-400);font-size:.7rem;font-weight:500}.crow-stock-label.stock-warn{color:var(--sf-red)}.crow-stock-label b{font-weight:600}.crow-tipo{align-items:center;display:flex}.modo-toggle{border:1px solid var(--sf-gray-200);background:var(--sf-gray-50);border-radius:100px;gap:2px;padding:2px;display:flex;overflow:hidden}.modo-btn{color:var(--sf-gray-400);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:100px;padding:.3rem .55rem;font-family:inherit;font-size:.66rem;font-weight:600;transition:all .15s}.modo-active-und{background:var(--sf-gray-900);color:#fff}.modo-active-caja{color:#fff;background:#0369a1}.modo-und-label{color:var(--sf-gray-500);background:var(--sf-gray-100);border-radius:100px;padding:.3rem .7rem;font-size:.7rem;font-weight:600}.crow-qty{align-items:center;display:flex}.qty-control{border:1px solid var(--sf-gray-200);background:#fff;border-radius:100px;align-items:center;padding:.1rem;display:inline-flex;overflow:hidden}.qty-btn{cursor:pointer;color:var(--sf-gray-700);background:0 0;border:none;border-radius:100px;padding:.2rem .65rem;font-family:inherit;font-size:.95rem;font-weight:700;transition:background .15s}.qty-btn:hover{background:var(--sf-gray-100)}.qty-input{text-align:center;width:32px;color:var(--sf-gray-900);-moz-appearance:textfield;background:0 0;border:none;outline:none;font-family:inherit;font-size:.9rem;font-weight:700}.qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.crow-price{justify-content:flex-end;display:flex}.crow-price-val{color:var(--sf-gray-500);font-variant-numeric:tabular-nums;font-size:.87rem;font-weight:500}.crow-lote{align-items:center;display:flex}.crow-lote-badge{color:var(--sf-gray-500);background:var(--sf-gray-100);text-overflow:ellipsis;white-space:nowrap;border-radius:100px;max-width:115px;padding:.25rem .6rem;font-size:.7rem;font-weight:500;display:inline-block;overflow:hidden}.crow-subtotal{justify-content:flex-end;display:flex}.crow-subtotal-val{color:var(--sf-gray-900);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:.95rem;font-weight:800}.crow-actions{justify-content:center;align-items:center;gap:.4rem;display:flex}.crow-btn-del,.crow-btn-loss{background:var(--sf-gray-100);cursor:pointer;width:30px;height:30px;color:var(--sf-gray-400);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.82rem;transition:all .2s;display:flex}.crow-btn-del:hover{background:var(--sf-red-lt);color:var(--sf-red);transform:scale(1.08)}.crow-btn-loss:hover{background:var(--sf-amber-lt);color:var(--sf-amber);transform:scale(1.08)}.cart-footer{background:linear-gradient(135deg, var(--sf-gray-50), var(--sf-gray-100));border-top:1px solid var(--sf-gray-100);justify-content:space-between;align-items:center;min-width:800px;padding:1.1rem 1.5rem;display:flex}.cart-footer-info{color:var(--sf-gray-500);font-size:.78rem;font-weight:500}.cart-footer-total{align-items:center;gap:1rem;display:flex}.cft-label{color:var(--sf-gray-400);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:700}.cft-amount{color:var(--sf-gray-900);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800}.custom-alert-card{border-radius:var(--sf-radius-xl);text-align:center;width:380px;box-shadow:var(--sf-shadow-lg);background:#fff;padding:2rem}.alert-icon-big{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1.1rem;font-size:1.5rem;display:flex}.alert-icon-big.success{background:var(--sf-green-lt)}.alert-icon-big.warning{background:var(--sf-amber-lt)}.alert-icon-big.error{background:var(--sf-red-lt)}.alert-icon-big.info{background:var(--sf-blue-lt)}.alert-title-big{color:var(--sf-gray-900);letter-spacing:-.01em;margin:0 0 .5rem;font-size:1rem;font-weight:800}.alert-message-big{color:var(--sf-gray-500);margin:0 0 1.5rem;font-size:.88rem;line-height:1.55}.alert-btn-ok{color:#fff;border-radius:var(--sf-radius-sm);cursor:pointer;background:linear-gradient(135deg,#0f172a,#1e293b);border:none;padding:.75rem 2.2rem;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #0f172a33}.alert-btn-ok:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0f172a4d}.alert-btn-cancel{background:var(--sf-gray-100);color:var(--sf-gray-500);border-radius:var(--sf-radius-sm);cursor:pointer;border:none;margin-right:.5rem;padding:.75rem 1.7rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .2s}.doc-spinner{border:2px solid #bfdbfe;border-top-color:var(--sf-blue);border-radius:50%;width:13px;height:13px;animation:.7s linear infinite docSpin;display:inline-block}@keyframes docSpin{to{transform:rotate(360deg)}}.doc-check{color:var(--sf-green);font-size:13px;font-weight:800}.doc-x{color:var(--sf-red);font-size:13px;font-weight:800}.modal-overlay-strict{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.vp-info-block{margin-bottom:1.2rem}.vp-label{color:var(--sf-gray-400);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.3rem;font-size:.68rem;font-weight:700;display:block}.vp-value{color:var(--sf-gray-900);margin:0;font-size:1rem;font-weight:700}.vp-select{border:1px solid var(--sf-gray-200);border-radius:var(--sf-radius-sm);background:var(--sf-white);width:100%;color:var(--sf-gray-900);cursor:pointer;outline:none;margin-bottom:.85rem;padding:.8rem .9rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .2s}.vp-select:focus{border-color:var(--sf-blue);box-shadow:0 0 0 3px #3b82f61a}.vp-textarea{border:1px solid var(--sf-gray-200);border-radius:var(--sf-radius-sm);width:100%;color:var(--sf-gray-700);resize:none;outline:none;padding:.8rem .9rem;font-family:inherit;font-size:.88rem;transition:all .2s}.vp-textarea:focus{border-color:var(--sf-blue);box-shadow:0 0 0 3px #3b82f61a}.vp-divider{background:var(--sf-gray-200);width:100%;height:1px;margin:1.3rem auto}.discount-row{flex-direction:column;gap:.45rem;display:flex}.discount-label-wrap{align-items:center;gap:.4rem;display:flex}.discount-label-text{color:var(--sf-gray-500);text-transform:uppercase;letter-spacing:.07em;font-size:.68rem;font-weight:700}.discount-help{background:var(--sf-gray-200);width:16px;height:16px;color:var(--sf-gray-500);cursor:help;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.68rem;font-weight:700;display:inline-flex}.discount-controls{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.discount-tipo-select{border:1px solid var(--sf-gray-200);border-radius:var(--sf-radius-sm);background:var(--sf-white);color:var(--sf-gray-700);cursor:pointer;outline:none;flex:none;min-width:120px;padding:.5rem .7rem;font-family:inherit;font-size:.8rem;font-weight:500;transition:all .2s}.discount-tipo-select:focus{border-color:var(--sf-blue);box-shadow:0 0 0 3px #3b82f61a}.discount-valor-input{border:1px solid var(--sf-gray-200);border-radius:var(--sf-radius-sm);background:var(--sf-white);width:80px;color:var(--sf-gray-900);font-variant-numeric:tabular-nums;appearance:textfield;outline:none;padding:.5rem .7rem;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .2s}.discount-valor-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.discount-valor-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.discount-valor-input:focus{border-color:var(--sf-blue);box-shadow:0 0 0 3px #3b82f61a}.discount-badge{color:var(--sf-green);background:var(--sf-green-lt);white-space:nowrap;border-radius:100px;padding:.3rem .7rem;font-size:.82rem;font-weight:700}.discount-remove-btn{background:var(--sf-red-lt);width:28px;height:28px;color:var(--sf-red);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.discount-remove-btn:hover{background:var(--sf-red);color:#fff;transform:scale(1.08)}.dashboard-container{width:100%;height:100%;position:relative}.modal-overlay-strict{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background-color:#0f172a80;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.apertura-modal-modern{background-color:#fff;width:100%;max-width:520px;animation:.3s ease-out slideIn;box-shadow:0 25px 50px -12px #0000004d}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.apertura-header-modern{color:#fff;text-align:left;background-color:#022b5e;padding:3rem 2.5rem;position:relative;overflow:hidden}.circle-2{background-color:#ffffff08;width:200px;height:200px;top:-50px;right:-50px}.header-label{color:#8fa0c0;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.8rem;position:relative}.header-monto{letter-spacing:-1px;margin:.5rem 0 1.5rem;font-size:3.5rem;font-weight:700;position:relative}.header-subtitle{color:#8fa0c0;margin:0;font-size:.85rem;position:relative}.apertura-body-modern{text-align:left;padding:2.5rem}.badge-ready{color:#022b5e;background-color:#eff6ff;border-radius:6px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.icon-check{color:#022b5e;width:18px;height:18px}.info-grid-modern{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.info-item label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.3rem;font-size:.7rem;display:block}.info-item p{color:#0f172a;margin:0;font-size:1rem;font-weight:700}.date-small{color:#94a3b8;text-transform:capitalize;margin-top:.2rem;font-size:.8rem;display:block}.input-section-modern{margin-bottom:2.5rem}.input-section-modern label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.7rem;display:block}.input-row-modern{border-bottom:3px solid #d4af37;align-items:baseline;padding-bottom:.2rem;display:inline-flex}.currency-modern{color:#022b5e;margin-right:.5rem;font-size:2.5rem;font-weight:700}.input-row-modern input{color:#022b5e;background:0 0;border:none;outline:none;width:160px;padding:0;font-size:2.5rem;font-weight:700}.input-row-modern input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-row-modern input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.action-buttons-modern{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.btn-primary-modern{color:#fff;cursor:pointer;background-color:#022b5e;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1rem;font-weight:600;display:flex}.btn-primary-modern:hover{background-color:#1e3a8a}.btn-secondary-modern{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:1rem;font-size:1rem;font-weight:600}.btn-secondary-modern:hover{background-color:#f8fafc;border-color:#cbd5e1}.dashboard-content{padding-bottom:2rem;transition:filter .3s}.dashboard-content.blurred{filter:blur(5px);pointer-events:none;-webkit-user-select:none;user-select:none}.dashboard-header-row{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.welcome-title{color:#0f172a;margin:0 0 .3rem;font-size:1.6rem;font-weight:700}.subtitle{color:#64748b;margin:0;font-size:.85rem}.success-banner{background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:1rem;max-width:550px;padding:.8rem 1rem;display:flex}.banner-icon-bg{color:#fff;background-color:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:4px;display:flex}.banner-text{flex-direction:column;flex:1;gap:.2rem;display:flex}.banner-text strong{color:#065f46;font-size:.85rem}.banner-text span{color:#047857;font-size:.75rem}.banner-close{color:#10b981;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.2rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background-color:#fff;border-radius:12px;padding:1.2rem;box-shadow:0 2px 4px #00000005}.stat-card.border-blue{border:1.5px solid #3b82f6}.stat-card.border-yellow{border:1.5px solid #fbbf24}.stat-card.border-green{border:1.5px solid #10b981}.stat-card.border-red{border:1.5px solid #ef4444}.stat-card-content{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.stat-card-content p{color:#64748b;letter-spacing:.5px;margin:0 0 .3rem;font-size:.7rem;font-weight:700}.stat-card-content h3{color:#0f172a;margin:0;font-size:1.6rem;font-weight:800}.icon-box{border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;padding:8px;display:flex}.icon-box.blue{color:#3b82f6;background-color:#eff6ff}.icon-box.yellow{color:#eab308;background-color:#fef9c3}.icon-box.green{color:#10b981;background-color:#ecfdf5}.icon-box.red{color:#ef4444;background-color:#fef2f2}.trend{font-size:.75rem;display:block}.trend.up{color:#2563eb;font-weight:600}.trend.neutral{color:#94a3b8}.middle-grid{grid-template-columns:1.2fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.panel{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:1.5rem;display:flex}.panel-no-padding{padding:0}.panel-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.panel-header-padded{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.panel h3{color:#0f172a;margin:0;font-size:1rem;font-weight:700}.panel-title-center{text-align:center;color:#0f172a;margin:0 0 1.5rem;font-size:1rem;font-weight:700}.badge-active{color:#10b981;background-color:#ecfdf5;border-radius:20px;align-items:center;gap:.4rem;padding:.3rem .8rem;font-size:.75rem;font-weight:600;display:flex}.badge-active .dot{background-color:#10b981;border-radius:50%;width:6px;height:6px}.turno-info-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.t-info{text-align:center;flex-direction:column;align-items:center;display:flex}.t-icon{color:#3b82f6;margin-bottom:.5rem;font-size:1.2rem}.t-info label{color:#64748b;margin-bottom:.2rem;font-size:.7rem}.t-info p{color:#0f172a;margin:0;font-size:.9rem;font-weight:600}.actions-grid{flex:1;grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.btn-outline{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.6rem;font-size:.85rem;font-weight:600;transition:all .2s}.btn-outline:hover{background-color:#f8fafc;border-color:#94a3b8}.full-width{color:#475569;background-color:#f8fafc;border:1px solid #e2e8f0;grid-column:1/-1}.bottom-grid{grid-template-columns:2fr 1.2fr;gap:1rem;display:grid}.table-responsive{overflow-x:auto}.table-ventas{border-collapse:collapse;text-align:left;width:100%}.table-ventas th{color:#64748b;text-transform:uppercase;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem;font-size:.7rem;font-weight:700}.table-ventas td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:1rem 1.5rem;font-size:.85rem}.table-ventas tr:last-child td{border-bottom:none}.text-blue{color:#2563eb}.badge-pay{border-radius:12px;padding:.3rem .8rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-pay.efectivo{color:#166534;background-color:#dcfce7;border:1px solid #bbf7d0}.badge-pay.yape{color:#6b21a8;background-color:#f3e8ff;border:1px solid #e9d5ff}.badge-pay.tarjeta{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0}.badge-pay.mixto{color:#b45309;background-color:#fef3c7;border:1px solid #fde68a}.panel-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 12px 12px;justify-content:space-between;padding:1rem 1.5rem;font-size:.85rem;display:flex}.btn-small-gray{color:#475569;cursor:pointer;background-color:#f1f5f9;border:none;border-radius:6px;padding:.4rem .8rem;font-size:.75rem;font-weight:600}.badge-alert-count{color:#991b1b;background-color:#fecaca;border-radius:6px;padding:.3rem .6rem;font-size:.7rem;font-weight:700}.alert-list{flex-direction:column;gap:.8rem;display:flex}.alert-item{border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:1rem;padding:1rem;display:flex}.alert-item.vencido{background-color:#fef2f2;border-color:#fecaca}.alert-item.stock{background-color:#fefce8;border-color:#fef08a}.alert-icon{font-size:1.2rem;font-weight:700}.alert-item.vencido .alert-icon{color:#ef4444}.alert-item.stock .alert-icon{color:#eab308}.alert-content{flex:1}.alert-content strong{color:#7f1d1d;margin-bottom:.2rem;font-size:.85rem;display:block}.alert-item.stock .alert-content strong{color:#854d0e}.alert-content p{color:#991b1b;margin:0;font-size:.75rem}.alert-item.stock .alert-content p{color:#a16207}.alert-badge{border-radius:4px;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.alert-item.vencido .alert-badge{color:#fff;background-color:#dc2626}.alert-item.stock .alert-badge{color:#854d0e;background-color:#fef08a}.empty-state{text-align:center;color:#94a3b8;font-style:italic}.apertura-header-modern[style*=\#b91c1c] h2,.apertura-header-modern[style*=\#b91c1c] p{color:#fff!important}.apertura-header-modern[style*=\#b91c1c] .header-subtitle{color:#fecaca!important}.input-row-modern[style*=\#b91c1c] input{color:#b91c1c!important}.input-row-modern[style*=\#b91c1c] input::placeholder{color:#fca5a5}.btn-primary-modern[style*=\#b91c1c]:hover{background-color:#991b1b!important}.btn-close-abs{color:#fff;cursor:pointer;z-index:10;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.2rem;transition:background .2s;display:flex;position:absolute;top:15px;right:15px}.btn-close-abs:hover{background:#fff6}.apertura-header-modern{color:#fff;background-color:#022b5e;padding:2.5rem 2rem;position:relative;overflow:hidden}.circle-decoration{background-color:#ffffff0d;border-radius:50%;position:absolute}.circle-1{width:300px;height:300px;top:-120px;right:-50px}.circle-2{width:200px;height:200px;top:50px;right:-100px}.header-label{text-transform:uppercase;color:#94a3b8;letter-spacing:.5px;margin-bottom:.5rem;font-size:.75rem}.header-monto{margin:0;font-size:3.5rem;font-weight:800;line-height:1}.header-subtitle{color:#94a3b8;margin-top:.5rem;font-size:.85rem}.apertura-body-modern{padding-top:3rem;position:relative}.badge-ready{color:#022b5e;background-color:#f8fafc;border-radius:6px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.85rem;font-weight:700;display:inline-flex;position:absolute;top:-15px;left:2rem;box-shadow:0 2px 4px #0000001a}.input-row-modern.golden-bottom{background:0 0;border:none;border-bottom:2px solid #d4af37;border-radius:0;padding:.5rem 0}.input-row-modern.golden-bottom input,.input-row-modern.golden-bottom .currency-modern{color:#022b5e;font-size:2.5rem;font-weight:800}.btn-primary-modern{color:#fff;background-color:#022b5e;border-radius:8px;width:100%;margin-bottom:.8rem;padding:.9rem;font-weight:700}.btn-secondary-modern{color:#475569;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:.9rem;font-weight:600}.custom-alert-card{text-align:center;background-color:#fff;border-radius:12px;width:100%;max-width:350px;padding:2rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.alert-icon-big{border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1rem;font-size:2rem;font-weight:700;display:flex}.alert-icon-big.success{color:#166534;background-color:#dcfce7}.alert-icon-big.error{color:#b91c1c;background-color:#fee2e2}.alert-title-big{color:#0f172a;margin:0 0 .5rem;font-size:1.2rem}.alert-btn-ok{color:#fff;cursor:pointer;background-color:#066;border:none;border-radius:30px;padding:.7rem 2rem;font-size:1rem;font-weight:700;transition:opacity .2s}.alert-btn-ok:hover{opacity:.9}.vp-page-container{flex-direction:column;gap:1.5rem;width:100%;display:flex}.vp-info-banner{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.vp-info-icon{color:#1e3a8a;background-color:#bfdbfe;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-family:serif;font-style:italic;font-weight:700;display:flex}.vp-info-text strong{color:#1e3a8a;font-size:.95rem;display:block}.vp-info-text p{color:#3b82f6;margin:0;font-size:.85rem}.vp-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.vp-card-table{padding:0}.vp-card-title{align-items:center;gap:.5rem;margin:0 0 1.5rem;font-size:1.1rem;display:flex}.vp-card-title svg{width:20px;height:20px}.vp-card-subtitle{color:#94a3b8;margin-left:auto;font-size:.8rem;font-weight:400}.vp-manual-form{align-items:flex-end;gap:1rem;display:flex}.vp-form-group{flex-direction:column;gap:.4rem;display:flex}.vp-form-group label{color:#64748b;font-size:.75rem;font-weight:700}.vp-form-group input,.vp-form-group select{color:#0f172a;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:.6rem .8rem;font-size:.9rem}.vp-form-group input:focus,.vp-form-group select:focus{background-color:#fff;border-color:#3b82f6}.vp-btn-submit{color:#fff;cursor:pointer;background-color:#022b5e;border:none;border-radius:6px;height:38px;padding:.65rem 1.5rem;font-weight:700}.vp-table-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.vp-table-header h3{color:#0f172a;margin:0;font-size:1.1rem}.vp-table-actions{gap:1rem;display:flex}.vp-search-box{border:1px solid #cbd5e1;border-radius:20px;align-items:center;padding:.4rem 1rem;display:flex}.vp-search-box svg{color:#1e3a8a;width:16px;height:16px;margin-right:.5rem}.vp-search-box input{border:none;outline:none;font-size:.85rem}.vp-filter-group{background-color:#f1f5f9;border-radius:20px;padding:.2rem;display:flex}.vp-filter-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:16px;padding:.4rem 1rem;font-size:.85rem;font-weight:600}.vp-filter-btn.active{color:#fff;background-color:#1e3a8a}.vp-badge-motivo{border-radius:4px;padding:.3rem .8rem;font-size:.75rem;font-weight:700}.vp-badge-motivo.red{color:#b91c1c;background-color:#fee2e2}.vp-badge-motivo.yellow{color:#b45309;background-color:#fef3c7}.vp-badge-estado{border-radius:4px;padding:.3rem .8rem;font-size:.75rem;font-weight:700}.vp-badge-estado.yellow{color:#b45309;background-color:#fef3c7;border:1px solid #fde68a}.vp-badge-estado.green{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0}.vp-admin-msg{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;max-width:250px;padding:.5rem}.vp-admin-msg strong{color:#1e40af;margin-bottom:.2rem;font-size:.7rem;display:block}.vp-admin-msg p{color:#475569;margin:0;font-size:.75rem;font-style:italic}.vp-footer-legend{background-color:#f8fafc;border-top:1px solid #e2e8f0;align-items:center;gap:1.5rem;padding:1rem 1.5rem;display:flex}.legend-item{color:#64748b;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.legend-dot{border-radius:2px;width:8px;height:8px}.legend-dot.blue{background-color:#bfdbfe}.legend-dot.green{background-color:#bbf7d0}.legend-dot.yellow{background-color:#fde68a}.legend-note{color:#94a3b8;margin-left:auto;font-size:.8rem}.soporte-container{flex-direction:column;gap:1.5rem;width:100%;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.sop-page-card{background:#fff;border-radius:16px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex;box-shadow:0 4px 24px #0f172a0f}.sop-info-banner{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.sop-info-icon{color:#1e3a8a;background-color:#bfdbfe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-family:serif;font-style:italic;font-weight:700;display:flex}.sop-info-text strong{color:#1e3a8a;font-size:.95rem;display:block}.sop-info-text p{color:#3b82f6;margin:0;font-size:.85rem}.sop-top-grid{grid-template-columns:1.8fr 1fr;gap:1.5rem;display:grid}.sop-card{background-color:#fafbfc;border:1px solid #eef1f5;border-radius:14px;flex-direction:column;padding:1.5rem;display:flex}.sop-card-header{border-bottom:1px solid #eef1f5;align-items:center;gap:.8rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.sop-card-header svg{color:#012b63;width:20px;height:20px}.sop-card-header h3{color:#0f172a;margin:0;font-size:1rem}.sop-type-toggle{background:#f1f5f9;border-radius:14px;gap:4px;margin-bottom:1.2rem;padding:4px;display:flex}.sop-type-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:12px;flex:1;padding:.6rem .8rem;font-size:.85rem;font-weight:600;transition:all .2s}.sop-type-btn:hover:not(.active){color:#334155}.sop-type-btn.tech.active{color:#fff;background:#012b63;box-shadow:0 2px 8px #012b6340}.sop-type-btn.devolucion.active{color:#fff;background:#dc2626;box-shadow:0 2px 8px #dc262640}.sop-form{flex-direction:column;flex:1;gap:1.2rem;display:flex}.sop-form-group{flex-direction:column;gap:.4rem;display:flex}.sop-form-group label{color:#475569;font-size:.75rem;font-weight:700}.sop-form-group input,.sop-form-group textarea{color:#0f172a;resize:none;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;padding:.75rem .9rem;font-family:inherit;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.sop-form-group input:focus,.sop-form-group textarea:focus{border-color:#012b63;box-shadow:0 0 0 3px #012b6314}.sop-form-footer{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:auto;display:flex}.sop-priority-group label{color:#475569;margin-bottom:.4rem;font-size:.75rem;font-weight:700;display:block}.sop-toggles{gap:.5rem;display:flex}.sop-toggle-btn{cursor:pointer;color:#64748b;background-color:#f8fafc;border:1.5px solid #0000;border-radius:10px;padding:.5rem 1.4rem;font-size:.85rem;font-weight:700;transition:all .2s}.sop-toggle-btn.red.active{color:#dc2626;background-color:#fef2f2;border-color:#fecaca}.sop-toggle-btn.yellow.active{color:#d97706;background-color:#fffbeb;border-color:#fde68a}.sop-toggle-btn.green.active{color:#16a34a;background-color:#f0fdf4;border-color:#bbf7d0}.sop-btn-submit{color:#fff;cursor:pointer;background-color:#012b63;border:none;border-radius:12px;padding:.75rem 1.6rem;font-size:.9rem;font-weight:700;transition:transform .15s,box-shadow .15s,background-color .15s}.sop-btn-submit:hover:not(:disabled){background-color:#023a82;transform:translateY(-1px);box-shadow:0 6px 16px #012b6340}.sop-btn-submit:disabled{opacity:.7;cursor:not-allowed}.sop-stats-grid{grid-template-columns:repeat(3,1fr);gap:.8rem;margin-bottom:1rem;display:grid}.sop-stat-item{text-align:center;background:#fff;border-top:3px solid #cbd5e1;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:1rem .5rem;display:flex;box-shadow:0 2px 12px #0000000f}.sop-stat-item.stat-total{border-top-color:#012b63}.sop-stat-item.stat-pendientes{border-top-color:#f59e0b}.sop-stat-item.stat-resueltos{border-top-color:#22c55e}.sop-stat-icon{margin-bottom:2px;font-size:1.05rem}.sop-stat-num{color:#022b5e;font-size:1.6rem;font-weight:800;line-height:1;display:block}.stat-pendientes .sop-stat-num{color:#f59e0b}.stat-resueltos .sop-stat-num{color:#16a34a}.sop-stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;font-size:.68rem;font-weight:600}.sop-new-reply-banner{color:#92400e;text-align:center;background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;padding:.7rem 1rem;font-size:.85rem;animation:2s ease-in-out infinite pulse-warn}@keyframes pulse-warn{0%,to{box-shadow:0 0 #fbbf244d}50%{box-shadow:0 0 0 6px #fbbf2400}}.sop-table-card{padding:0;overflow:hidden}.sop-table-header{border-bottom:1px solid #eef1f5;justify-content:space-between;align-items:center;padding:1.4rem 1.5rem;display:flex}.sop-table-header h3{color:#0f172a;margin:0;font-size:1.05rem}.sop-btn-refresh{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:.4rem .9rem;font-size:.82rem;font-weight:600;transition:all .2s}.sop-btn-refresh:hover{color:#012b63;background:#e2e8f0}.sop-table-card .table-responsive{overflow-x:auto}.sop-reportes-table{border-collapse:collapse;width:100%}.sop-reportes-table thead th{color:#64748b;text-transform:uppercase;letter-spacing:.06em;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 16px;font-size:.68rem;font-weight:700}.sop-reportes-table tbody td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px}.sop-reportes-table tbody tr:hover{background:#fafbfc}.sop-reportes-table tbody tr:last-child td{border-bottom:none}.sop-badge-tipo{white-space:nowrap;border-radius:20px;padding:.3rem .8rem;font-size:.75rem;font-weight:700}.prio-alta{color:#dc2626;background:#fef2f2}.prio-media{color:#d97706;background:#fffbeb}.prio-baja{color:#16a34a;background:#f0fdf4}.sop-badge-estado{white-space:nowrap;border-radius:20px;padding:.3rem .8rem;font-size:.75rem;font-weight:700}.sop-badge-estado.blue{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.sop-badge-estado.green{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.sop-badge-estado.yellow{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.sop-row-nueva{background:#fffbeb!important}.sop-btn-ver-respuesta{color:#15803d;cursor:pointer;background:#fff;border:1.5px solid #bbf7d0;border-radius:10px;padding:.45rem .9rem;font-size:.78rem;font-weight:700;transition:all .2s;position:relative}.sop-btn-ver-respuesta:hover{background:#f0fdf4}.sop-btn-ver-respuesta.nueva-resp{color:#92400e;background:#fffbeb;border-color:#fde68a;animation:2s ease-in-out infinite pulse-warn}.sop-btn-ver-respuesta.nueva-resp:hover{background:#fef3c7}.sop-punto-nuevo{background:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;right:-4px}.sop-row-respuesta td{padding:0!important}.sop-respuesta-inline{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #0284c7;margin:0;padding:1rem 1.5rem;animation:.2s slideDown}.sop-resp-header{color:#075985;justify-content:space-between;align-items:center;margin-bottom:.6rem;font-size:.82rem;font-weight:700;display:flex}.sop-resp-header small{color:#94a3b8;font-weight:400}.sop-resp-texto{color:#0f172a;white-space:pre-wrap;background:#fff;border:1px solid #bae6fd;border-radius:10px;margin:0;padding:.8rem 1rem;font-size:.9rem;line-height:1.6}.sop-footer-note{text-align:center;background-color:#f8fafc;border-top:1px solid #eef1f5;padding:1rem 1.5rem;font-size:.85rem}.sop-footer-note strong{color:#0f172a}.sop-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172a99;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.sop-modal-content{background-color:#fff;border-radius:12px;width:90%;max-width:500px;animation:.3s ease-out slideUp;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.sop-modal-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.sop-modal-header h3{color:#0f172a;margin:0;font-size:1.1rem}.sop-btn-close{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0 5px;font-size:1.5rem;line-height:1;transition:color .2s}.sop-btn-close:hover{color:#ef4444}.sop-modal-body{padding:1.5rem}.sop-modal-asunto{color:#475569;margin-top:0;margin-bottom:1rem;font-size:.95rem}.sop-modal-texto{color:#1e293b;white-space:pre-wrap;background-color:#f1f5f9;border-left:4px solid #0ea5e9;border-radius:8px;padding:1rem;font-size:1rem;line-height:1.5}.sop-modal-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;padding:1rem 1.5rem;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.sop-top-grid{grid-template-columns:1fr}.sop-page-card{padding:1.25rem}.sop-form-footer{flex-direction:column;align-items:stretch}.sop-btn-submit{width:100%}}@media (width<=640px){.sop-stats-grid{grid-template-columns:1fr 1fr 1fr;gap:.5rem}.sop-reportes-table thead th,.sop-reportes-table tbody td{padding:12px 10px}}:root{--sf-navy:#0c2d6b;--sf-blue:#1a56db;--sf-blue-lt:#ebf2ff;--sf-green:#059669;--sf-green-lt:#d1fae5;--sf-red:#dc2626;--sf-red-lt:#fee2e2;--sf-amber:#d97706;--sf-amber-lt:#fef3c7;--sf-purple:#7c3aed;--sf-purple-lt:#ede9fe;--sf-gray-50:#f8fafc;--sf-gray-100:#f1f5f9;--sf-gray-200:#e2e8f0;--sf-gray-400:#94a3b8;--sf-gray-500:#64748b;--sf-gray-700:#334155;--sf-gray-900:#0f172a;--sf-white:#fff}.mv-container{flex-direction:column;gap:1.25rem;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.mv-card{background:var(--sf-white);border:1.5px solid var(--sf-gray-200);border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0c2d6b14,0 1px 4px #0c2d6b0a}.mv-header{border-bottom:1.5px solid var(--sf-gray-100);background:linear-gradient(135deg, #08184a 0%, var(--sf-navy) 60%, #1a3a7c 100%);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex;position:relative;overflow:hidden}.mv-header:before{content:"";pointer-events:none;background:#ffffff0a;border-radius:50%;width:120px;height:120px;position:absolute;top:-30px;right:-20px}.mv-title{color:#fff;letter-spacing:-.01em;margin:0 0 .18rem;font-size:1.05rem;font-weight:800}.mv-subtitle{color:#ffffff85;margin:0;font-size:.78rem;font-weight:500}.mv-controls{z-index:1;flex-wrap:wrap;align-items:center;gap:.5rem;display:flex;position:relative}.mv-search-wrap{background:#ffffff1f;border:1px solid #fff3;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .75rem;transition:background .18s;display:flex}.mv-search-wrap:focus-within{background:#ffffff2e;border-color:#ffffff59}.mv-search-wrap svg{color:#ffffff8c;flex-shrink:0;width:14px;height:14px}.mv-search-wrap input{color:#fff;background:0 0;border:none;outline:none;width:160px;font-family:inherit;font-size:.82rem;font-weight:500}.mv-search-wrap input::placeholder{color:#fff6}.mv-filter-pills{align-items:center;gap:.3rem;display:flex}.mv-pill{cursor:pointer;color:#ffffffb3;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:20px;padding:.38rem .75rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .18s}.mv-pill:hover{color:#fff;background:#ffffff2e}.mv-pill.active{color:var(--sf-navy);background:#fff;border-color:#fff;font-weight:700}.mv-table-wrap{overflow-x:auto}.mv-table-wrap::-webkit-scrollbar{height:4px}.mv-table-wrap::-webkit-scrollbar-thumb{background:var(--sf-gray-200);border-radius:4px}.mv-table{border-collapse:collapse;width:100%;min-width:700px;font-size:.84rem}.mv-table thead tr{background:var(--sf-gray-50);border-bottom:2px solid var(--sf-gray-100)}.mv-table th{color:var(--sf-gray-400);text-transform:uppercase;letter-spacing:.08em;text-align:left;white-space:nowrap;padding:.65rem 1rem;font-size:.62rem;font-weight:800}.mv-table th:first-child{padding-left:1.5rem}.mv-table th:last-child{text-align:center;padding-right:1.5rem}.mv-table tbody tr{border-bottom:1px solid var(--sf-gray-100);transition:background .1s}.mv-table tbody tr:last-child{border-bottom:none}.mv-table tbody tr:hover{background:#f7fbff}.mv-table td{color:var(--sf-gray-700);vertical-align:middle;padding:.75rem 1rem}.mv-table td:first-child{padding-left:1.5rem}.mv-table td:last-child{text-align:center;padding-right:1.5rem}.mv-comp-badge{color:var(--sf-navy);background:var(--sf-blue-lt);font-variant-numeric:tabular-nums;letter-spacing:.02em;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:.82rem;font-weight:800;display:inline-flex}.mv-cliente{color:var(--sf-gray-900);font-size:.83rem;font-weight:600}.mv-cliente-doc{color:var(--sf-gray-400);margin-top:1px;font-size:.72rem;font-weight:500}.mv-metodo{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:.75rem;font-weight:700;display:inline-flex}.mv-metodo-efectivo{background:var(--sf-green-lt);color:var(--sf-green)}.mv-metodo-yape{background:var(--sf-purple-lt);color:var(--sf-purple)}.mv-metodo-tarjeta{background:var(--sf-blue-lt);color:var(--sf-blue)}.mv-metodo-mixto{background:var(--sf-amber-lt);color:var(--sf-amber)}.mv-total{color:var(--sf-navy);font-variant-numeric:tabular-nums;font-size:.92rem;font-weight:800}.mv-hora{color:var(--sf-gray-500);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:600}.mv-sunat{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:.68rem;font-weight:700;display:inline-flex}.mv-sunat-aceptado{background:var(--sf-green-lt);color:var(--sf-green)}.mv-sunat-pendiente{background:var(--sf-amber-lt);color:var(--sf-amber)}.mv-sunat-error{background:var(--sf-red-lt);color:var(--sf-red)}.mv-acciones{justify-content:center;align-items:center;gap:.35rem;display:flex}.mv-btn-accion{border:1.5px solid var(--sf-gray-200);background:var(--sf-gray-50);cursor:pointer;width:30px;height:30px;color:var(--sf-gray-400);border-radius:8px;justify-content:center;align-items:center;font-size:.82rem;transition:all .15s;display:flex}.mv-btn-accion:hover{background:var(--sf-blue-lt);color:var(--sf-blue);border-color:#93c5fd}.mv-btn-accion.danger:hover{background:var(--sf-red-lt);color:var(--sf-red);border-color:#fca5a5}.mv-empty{text-align:center;color:var(--sf-gray-400);padding:3.5rem 2rem}.mv-empty-icon{opacity:.3;margin-bottom:.75rem;font-size:2.8rem;display:block}.mv-empty-title{color:var(--sf-gray-600);margin:0 0 .3rem;font-size:.95rem;font-weight:700}.mv-empty-sub{color:var(--sf-gray-400);margin:0;font-size:.8rem}.ticket-modal{border:1.5px solid var(--sf-gray-200);background:#f0f4f8;border-radius:18px;flex-direction:column;width:100%;max-width:400px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #0c2d6b47}.ticket-modal-header{background:linear-gradient(135deg, #08184a 0%, var(--sf-navy) 100%);color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.4rem;display:flex}.ticket-modal-header h3{letter-spacing:-.01em;margin:0;font-size:.95rem;font-weight:800}.btn-close-ticket{color:#fffc;cursor:pointer;background:#ffffff24;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.9rem;line-height:1;transition:all .15s;display:flex}.btn-close-ticket:hover{color:#fff;background:#ef4444;border-color:#ef4444}.ticket-modal-body{flex:1;justify-content:center;padding:1.25rem;display:flex;overflow-y:auto}.ticket-modal-body::-webkit-scrollbar{width:4px}.ticket-modal-body::-webkit-scrollbar-thumb{background:var(--sf-gray-200);border-radius:4px}.ticket-papel{color:#000;background:#fff;border-radius:8px;width:300px;padding:1.4rem;font-family:Courier New,Courier,monospace;font-size:.78rem;box-shadow:0 4px 16px #0000001f}.ticket-header{text-align:center;margin-bottom:.9rem}.ticket-header h2{letter-spacing:1px;margin:0 0 .4rem;font-size:1.1rem;font-weight:900}.ticket-header p{margin:0 0 .18rem;font-size:.75rem}.ticket-header h3{margin:.45rem 0;font-size:.85rem;font-weight:700}.ticket-divider{border:none;border-top:1px dashed #999;margin:.6rem 0}.ticket-info{margin-bottom:.9rem}.ticket-info p{margin:0 0 .18rem;font-size:.75rem}.ticket-items{border-collapse:collapse;width:100%;margin-bottom:.9rem;font-size:.75rem}.ticket-items th{text-align:left;border-bottom:1px dashed #000;padding-bottom:.28rem;font-weight:700}.ticket-items th:last-child{text-align:right}.ticket-items td{vertical-align:top;padding:.28rem 0}.ticket-items td:last-child{text-align:right;font-weight:700}.ticket-totales,.ticket-pagos{margin-bottom:.9rem}.tot-row{justify-content:space-between;margin-bottom:.18rem;font-size:.75rem;display:flex}.tot-row.grand{border-top:1px solid #000;margin-top:.45rem;padding-top:.45rem;font-size:.9rem;font-weight:900}.ticket-footer{text-align:center;border-top:1px dashed #999;margin-top:.9rem;padding-top:.6rem}.ticket-footer p{margin:0 0 .18rem;font-size:.73rem}.ticket-modal-footer{border-top:1px solid var(--sf-gray-100);background:#fff;flex-shrink:0;justify-content:center;gap:.6rem;padding:1rem 1.25rem;display:flex}.btn-print{background:linear-gradient(135deg, var(--sf-navy), var(--sf-blue));color:#fff;cursor:pointer;border:none;border-radius:9px;flex:1;padding:.75rem 1.5rem;font-family:inherit;font-size:.9rem;font-weight:800;transition:opacity .18s;box-shadow:0 4px 12px #0c2d6b40}.btn-print:hover{opacity:.9}@media print{body *{visibility:hidden}.printable-area,.printable-area *{visibility:visible}.printable-area{width:80mm;box-shadow:none;padding:0;position:absolute;top:0;left:0}.no-print{display:none!important}}.cat-container{flex-direction:column;gap:2rem;width:100%;display:flex}.cat-header-banner{color:#fff;text-align:center;background:linear-gradient(135deg,#022b5e 0%,#0f172a 100%);border-radius:12px;padding:3rem 2rem;box-shadow:0 10px 15px -3px #0000001a}.cat-header-content{max-width:800px;margin:0 auto}.cat-header-content h2{margin:0 0 .5rem;font-size:2rem;font-weight:800}.cat-header-content p{color:#94a3b8;margin:0 0 2rem;font-size:1rem}.cat-search-wrapper{background-color:#fff;border-radius:50px;align-items:center;padding:.5rem .5rem .5rem 1.5rem;display:flex;box-shadow:0 4px 6px -1px #0000001a}.cat-search-wrapper svg{color:#64748b;flex-shrink:0;width:24px;height:24px}.cat-search-wrapper input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;padding:.8rem 1rem;font-size:1.1rem}.cat-btn-search{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:30px;padding:.8rem 2rem;font-size:1rem;font-weight:700;transition:background-color .2s}.cat-btn-search:hover{background-color:#1d4ed8}.cat-btn-search:disabled{cursor:not-allowed;background-color:#94a3b8}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.cat-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 3px #0000000d}.cat-card:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px #0000001a}.cat-card-top{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.cat-barcode{color:#64748b;background-color:#f1f5f9;border-radius:4px;padding:.2rem .6rem;font-family:monospace;font-size:.85rem}.cat-stock-badge{border-radius:20px;padding:.3rem .8rem;font-size:.75rem;font-weight:800}.cat-stock-badge.green{color:#166534;background-color:#dcfce7}.cat-stock-badge.yellow{color:#b45309;background-color:#fef3c7}.cat-stock-badge.red{color:#b91c1c;background-color:#fee2e2}.cat-prod-title{color:#0f172a;margin:0 0 1rem;font-size:1.1rem;line-height:1.3}.cat-price-box{color:#022b5e;border-bottom:1px dashed #e2e8f0;align-items:baseline;gap:.2rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.cat-currency{font-size:1.2rem;font-weight:700}.cat-price{font-size:2.2rem;font-weight:800;line-height:1}.cat-lotes-list{background-color:#f8fafc;border-radius:8px;padding:1rem}.cat-lotes-title{color:#475569;text-transform:uppercase;margin:0 0 .5rem;font-size:.75rem;font-weight:700}.cat-lote-item{color:#334155;border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:.3rem 0;font-size:.8rem;display:flex}.cat-lote-item:last-child{border-bottom:none;padding-bottom:0}.cat-lote-item.empty{color:#ef4444;border:none;justify-content:center;font-style:italic}.cat-loading,.cat-empty{text-align:center;color:#64748b;padding:4rem 2rem}.cat-empty-icon{opacity:.5;margin-bottom:1rem;font-size:4rem;display:block}.cat-empty h3{color:#0f172a;margin:0 0 .5rem}.admin-container{color:#0f172a;flex-direction:column;gap:1.5rem;width:100%;display:flex}.admin-top-filters{background-color:#0000;justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.filter-tabs{background-color:#f4f6f9;border:1px solid #e2e8f0;border-radius:30px;padding:.3rem;display:flex}.filter-tabs .tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:25px;padding:.7rem 2.5rem;font-size:.9rem;font-weight:500;transition:all .3s}.filter-tabs .tab:hover{color:#0f172a}.filter-tabs .tab.active{color:#fff;background-color:#172545;font-weight:600;box-shadow:0 4px 6px -1px #0000001a}.filter-employees{align-items:center;gap:.5rem;display:flex}.filter-employees .label{color:#94a3b8;margin-right:.5rem;font-size:.75rem;font-weight:700}.emp-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;font-weight:700;display:flex}.emp-avatar.blue{background-color:#3b82f6}.emp-avatar.purple{background-color:#a855f7}.emp-avatar.green{background-color:#22c55e}.emp-name{color:#475569;margin-right:1rem;font-size:.85rem;font-weight:600}.btn-sucursal{color:#fff;cursor:pointer;background-color:#0f172a;border:none;border-radius:8px;padding:.6rem 1.5rem;font-size:.85rem;font-weight:600}.btn-sucursal-select{color:#fff;cursor:pointer;appearance:none;background-color:#0f172a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:none;border-radius:8px;outline:none;padding:.6rem 32px .6rem 1.2rem;font-size:.85rem;font-weight:600;transition:background-color .2s}.btn-sucursal-select:hover{background-color:#1e3a5f}.btn-sucursal-select option{color:#fff;background-color:#0f172a}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.kpi-card{background-color:#fff;border-radius:16px;padding:1.5rem;position:relative}.kpi-card.glow-blue{border-bottom:4px solid #3b82f6;box-shadow:0 10px 25px -5px #3b82f633}.kpi-card.glow-green{border-bottom:4px solid #10b981;box-shadow:0 10px 25px -5px #10b98133}.kpi-card.glow-red{border-bottom:4px solid #ef4444;box-shadow:0 10px 25px -5px #ef444433}.kpi-card.glow-blue-light{border-bottom:4px solid #6366f1;box-shadow:0 10px 25px -5px #6366f133}.kpi-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.kpi-header p{color:#475569;text-transform:uppercase;margin:0;font-size:.85rem;font-weight:700}.icon-box-small{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.icon-box-small.blue{color:#2563eb;background-color:#eff6ff}.icon-box-small.green{color:#16a34a;background-color:#dcfce7}.icon-box-small.red{color:#dc2626;background-color:#fee2e2}.kpi-card h3{color:#0f172a;margin:0 0 1rem;font-size:2rem;font-weight:800}.kpi-trend{justify-content:space-between;align-items:flex-end;display:flex}.trend-line{width:60px;height:25px}.kpi-trend span{font-size:.8rem;font-weight:700}.kpi-trend.up span{color:#16a34a;background:#dcfce7;border-radius:4px;padding:2px 6px}.kpi-trend.neutral span{color:#64748b;font-weight:500}.admin-panel{background-color:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d}.panel-header-admin{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.panel-header-admin h3{color:#0f172a;margin:0 0 .3rem;font-size:1.1rem}.panel-header-admin p{color:#94a3b8;margin:0;font-size:.8rem}.link-detail{color:#3b82f6;font-size:.85rem;font-weight:600;text-decoration:none}.link-detail:hover{text-decoration:underline}.middle-grid-admin{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.chart-legend{color:#475569;align-items:center;gap:1rem;font-size:.8rem;display:flex}.chart-legend .dot{border-radius:3px;width:12px;height:12px}.chart-legend .dot.dark{background-color:#0f172a}.chart-legend .dot.light{background-color:#e2e8f0}.bar-chart-container{border-bottom:1px solid #e2e8f0;height:250px;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex}.y-axis{color:#94a3b8;text-align:right;border-right:1px dashed #e2e8f0;flex-direction:column;justify-content:space-between;padding-right:1rem;font-size:.75rem;display:flex}.bars-area{flex:1;justify-content:space-around;align-items:flex-end;padding-left:1rem;display:flex}.bar-group{flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;width:40px;height:100%;display:flex;position:relative}.bar{border-top-left-radius:4px;border-top-right-radius:4px;width:100%;transition:height .3s}.bar.dark{z-index:1;background-color:#3b82f6;position:absolute;bottom:0}.bar.light{z-index:0;opacity:.7;background-color:#e2e8f0;position:absolute;bottom:0}.bar.dashed{z-index:2;box-sizing:border-box;background-color:#0f172a;border:2px dashed #3b82f6;position:absolute;bottom:0}.x-label{color:#64748b;margin-top:.5rem;font-size:.75rem;position:absolute;bottom:-25px}.bar-group.active .x-label{color:#0f172a;font-weight:700}.tooltip{color:#fff;white-space:nowrap;background:#0f172a;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:700;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.chart-footer{color:#64748b;align-items:center;gap:1.5rem;font-size:.85rem;display:flex}.emp-stat{align-items:center;gap:.5rem;display:flex}.emp-stat strong{color:#0f172a}.top-products h3{color:#0f172a;margin:0 0 1.5rem;font-size:1.1rem}.product-list{flex-direction:column;gap:1.2rem;display:flex}.prod-item{align-items:center;gap:1rem;font-size:.85rem;display:flex}.prod-rank{color:#94a3b8;width:20px;font-weight:700}.prod-name{color:#475569;white-space:nowrap;text-overflow:ellipsis;width:120px;font-weight:600;overflow:hidden}.progress-bg{background-color:#f1f5f9;border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-fill{border-radius:4px;height:100%}.bg-blue{background-color:#3b82f6}.bg-purple{background-color:#a855f7}.bg-orange{background-color:#f59e0b}.prod-val{color:#0f172a;text-align:right;width:50px;font-weight:800}.bottom-grid-admin{grid-template-columns:1fr 1fr 1fr;gap:1.5rem;display:grid}.badge-green-soft{color:#16a34a;background-color:#dcfce7;border-radius:20px;padding:.3rem .8rem;font-size:.75rem;font-weight:700}.turnos-list{flex-direction:column;gap:1rem;display:flex}.turno-card{background-color:#fafaf9;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:1rem;padding:1rem;display:flex}.circle-icon{border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.1rem;font-weight:700;display:flex}.bg-purple-soft{color:#9333ea;background-color:#f3e8ff}.turno-info{flex:1}.turno-info strong{color:#0f172a;margin-bottom:.2rem;font-size:.95rem;display:block}.turno-info p{color:#64748b;margin:0 0 .3rem;font-size:.75rem;line-height:1.3}.turno-info .monto{color:#0f172a;font-size:.95rem;font-weight:800}.cajeros-count{color:#64748b;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.2rem .6rem;font-size:.7rem;font-weight:600}.sunat-panel{text-align:center}.sunat-boxes{justify-content:space-between;gap:1rem;margin-bottom:1.5rem;display:flex}.sunat-box{border-radius:12px;flex:1;padding:1.5rem .5rem}.sunat-box.green{color:#16a34a;background-color:#dcfce7}.sunat-box.yellow{color:#b45309;background-color:#fef3c7}.sunat-box.red{color:#b91c1c;background-color:#fee2e2}.sunat-box p{letter-spacing:.5px;margin:0 0 .5rem;font-size:.75rem;font-weight:800}.sunat-box h2{margin:0;font-size:2rem;font-weight:800}.sunat-note{color:#94a3b8;margin-bottom:1rem;font-size:.75rem}.btn-sunat{color:#fff;cursor:pointer;background-color:#6366f1;border:none;border-radius:8px;width:80%;padding:.8rem 2rem;font-weight:700}.chart-donut-panel h3{color:#0f172a;margin:0 0 1.5rem;font-size:1.1rem}.donut-wrapper{justify-content:center;align-items:center;gap:2rem;display:flex}.donut-chart{border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;display:flex}.donut-inner{background-color:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:90px;height:90px;display:flex}.donut-inner span{color:#0f172a;font-size:1.1rem;font-weight:800}.donut-inner small{color:#94a3b8;font-size:.7rem}.donut-legend{flex-direction:column;gap:.8rem;display:flex}.leg-item{color:#475569;justify-content:space-between;align-items:center;gap:.5rem;width:100px;font-size:.85rem;display:flex}.leg-item .dot{border-radius:50%;width:10px;height:10px;display:inline-block}.leg-item strong{color:#0f172a}.bg-gray{background-color:#cbd5e1}.tooltip-dinamico{color:#3b82f6;white-space:nowrap;font-size:.7rem;font-weight:700;position:absolute;top:-25px}.workers-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.worker-ranking-table{border-collapse:collapse;width:100%;font-size:.85rem}.worker-ranking-table thead tr{border-bottom:2px solid #f1f5f9}.worker-ranking-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;padding:.5rem .75rem;font-size:.72rem;font-weight:700}.worker-ranking-table td{vertical-align:middle;border-bottom:1px solid #f8fafc;padding:.75rem}.worker-ranking-table tbody tr:hover{background-color:#f8fafc}.worker-rank-num{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:800;display:flex}.rank-1{background-color:#f59e0b}.rank-2{background-color:#94a3b8}.rank-3{background-color:#b45309}.rank-other{color:#64748b;background-color:#e2e8f0}.worker-name-cell{align-items:center;gap:.75rem;display:flex}.worker-initials{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:flex}.worker-name-text strong{color:#0f172a;font-size:.875rem;display:block}.worker-name-text small{color:#94a3b8;font-size:.75rem}.worker-bar-cell{min-width:80px}.worker-mini-bar-bg{background:#f1f5f9;border-radius:3px;height:6px;margin-top:2px;overflow:hidden}.worker-mini-bar-fill{background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:3px;height:100%}.worker-total-cell{color:#0f172a;white-space:nowrap;font-weight:800}.worker-ops-cell{color:#64748b;font-size:.8rem}.worker-ticket-cell{color:#475569;font-size:.8rem}.worker-status-badge{border-radius:20px;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.badge-activo{color:#16a34a;background:#dcfce7}.badge-cerrado{color:#64748b;background:#f1f5f9}.workers-empty{text-align:center;color:#94a3b8;padding:2rem;font-size:.875rem}.layout-container{background-color:#f8fafc;height:100vh;display:flex}.sidebar{color:#fff;z-index:10;background:linear-gradient(#022b5e 0%,#01122a 100%);flex-direction:column;width:250px;transition:all .3s;display:flex;box-shadow:2px 0 10px #0000001a}.sidebar-header{align-items:center;gap:12px;padding:1.5rem 1.5rem .5rem;display:flex}.sidebar-logo{object-fit:contain;background:#fff;border-radius:50%;width:38px;height:38px;padding:2px}.sidebar-brand{letter-spacing:.5px;font-size:1.1rem;font-weight:700}.sidebar-menu-label{color:#6082b6;letter-spacing:1px;padding:1rem 1.5rem .5rem;font-size:.65rem}.sidebar-nav{flex-direction:column;flex:1;display:flex}.nav-item{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:15px;width:100%;padding:1rem 1.5rem;font-size:.95rem;font-weight:400;transition:all .2s;display:flex}.nav-item svg{stroke:currentColor;width:22px;height:22px}.nav-item:hover{background-color:#ffffff0d}.nav-item.active{color:#000;background-color:#fff;font-weight:500}.nav-item.active:hover{background-color:#f8fafc}.logout-button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:15px;padding:1.5rem;font-size:1rem;transition:all .2s;display:flex}.logout-button svg{width:24px;height:24px}.logout-button:hover{color:#ef4444}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{background-color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:70px;padding:0 2rem;display:flex;box-shadow:0 1px 4px #0000000a}.topbar-breadcrumbs{color:#0f172a;font-size:1.2rem}.topbar-actions{align-items:center;gap:1rem;display:flex}.topbar-datetime{background:#ffffffe6;border:1px solid #00000014;border-radius:14px;align-items:center;gap:10px;padding:8px 16px;display:inline-flex;box-shadow:0 2px 8px #0000000f}.datetime-dot{background:#34c759;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite dotPulse;box-shadow:0 0 0 2px #34c75933}@keyframes dotPulse{0%,to{box-shadow:0 0 0 2px #34c75933}50%{box-shadow:0 0 0 4px #34c7591a}}.datetime-day{color:#555;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:12.5px;font-weight:500}.datetime-sep{color:#d1d1d6;font-size:14px}.datetime-hour{color:#022b5e;font-variant-numeric:tabular-nums;letter-spacing:.5px;min-width:auto;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:14px;font-weight:700}.notif-wrapper{position:relative}.notification-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;padding:8px 10px;transition:all .2s;display:flex;position:relative}.notification-btn:hover{color:#022b5e;background:#e2e8f0}.notification-btn.has-alerts{color:#b91c1c;background:#fff5f5;border-color:#fca5a5;animation:2.5s ease-in-out infinite bellShake}@keyframes bellShake{0%,to{transform:rotate(0)}10%{transform:rotate(-12deg)}20%{transform:rotate(12deg)}30%{transform:rotate(-8deg)}40%{transform:rotate(8deg)}50%{transform:rotate(0)}}.notif-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:1px 5px;font-size:.65rem;font-weight:800;animation:2s ease-in-out infinite badgePulse;display:flex;position:absolute;top:-6px;right:-6px}@keyframes badgePulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 5px #ef444400}}.notif-panel{z-index:9999;background:#fff;border:.5px solid #0000001f;border-radius:20px;width:320px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;animation:.2s slideDown;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 20px 60px #0003,0 4px 12px #00000014}.notif-panel-header{background:#022b5e;justify-content:space-between;align-items:center;padding:14px 15px 12px;display:flex}.notif-panel-header strong{color:#fff;letter-spacing:-.3px;margin-bottom:4px;font-size:15px;font-weight:700;display:block}.notif-counters{gap:6px;display:flex}.notif-counter-critico{color:#fff;background:#ffffff2e;border:1px solid #ffffff40;border-radius:20px;align-items:center;padding:2px 9px;font-size:10px;font-weight:700;display:inline-flex}.notif-counter-adv{color:#fde68a;background:#fbbf2440;border:1px solid #fbbf244d;border-radius:20px;align-items:center;padding:2px 9px;font-size:10px;font-weight:700;display:inline-flex}.notif-panel-header-right{align-items:center;gap:8px;margin-top:-4px;display:flex}.notif-limpiar-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff59;border-radius:8px;padding:5px 12px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:12px;font-weight:600;transition:background .15s}.notif-limpiar-btn:hover{background:#ffffff40}.notif-panel-close{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:12px;font-weight:700;line-height:1;transition:background .15s,border-color .15s;display:flex}.notif-panel-close:hover{background:#ff3b30;border-color:#ff3b30}.notif-panel-body{background:#fff;max-height:340px;overflow-y:auto}.notif-panel-body::-webkit-scrollbar{width:0}.notif-empty{text-align:center;color:#aeaeb2;flex-direction:column;align-items:center;gap:8px;padding:2rem 1rem;font-size:13px;display:flex}.notif-item{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:.5px solid #f2f2f7;align-items:flex-start;gap:11px;width:100%;padding:11px 15px;transition:background .12s;display:flex;position:relative}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#f9f9fb}.notif-item.clickable:hover{background:#f5f5f9}.notif-item:not(.notif-leida){background:#007aff0a}.notif-item:not(.notif-leida):hover{background:#007aff14}.notif-leida{opacity:.55;background:#fff!important}.notif-item-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-top:1px;font-size:15px;display:flex}.notif-tipo-warn .notif-item-icon{background:#fff3e0}.notif-tipo-err .notif-item-icon{background:#ffeaea}.notif-tipo-ok .notif-item-icon{background:#e8f8ef}.notif-tipo-purp .notif-item-icon{background:#f3eeff}.notif-tipo-info .notif-item-icon{background:#e8f0ff}.notif-item-body-col{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notif-item-categoria{text-transform:uppercase;letter-spacing:.5px;font-size:9.5px;font-weight:700}.notif-tipo-warn .notif-item-categoria{color:#c8760a}.notif-tipo-err .notif-item-categoria{color:#cc1f1f}.notif-tipo-ok .notif-item-categoria{color:#1a7f37}.notif-tipo-purp .notif-item-categoria{color:#6e28d9}.notif-tipo-info .notif-item-categoria{color:#05c}.notif-item-texto{color:#3a3a3c;white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:13px;line-height:1.35;overflow:hidden}.notif-item:not(.notif-leida) .notif-item-texto{color:#1a1a1a;font-weight:500}.notif-item-tiempo{color:#aeaeb2;font-size:10px;font-weight:400}.notif-unread-dot{background:#007aff;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.notif-panel-footer{color:#007aff;cursor:pointer;background:#f2f2f7;border:none;border-top:.5px solid #00000014;justify-content:center;align-items:center;width:100%;padding:11px 15px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:13px;font-weight:500;transition:background .15s;display:flex}.notif-panel-footer:hover{background:#e8e8ed}.notif-section-label{text-transform:uppercase;letter-spacing:.6px;color:#94a3b8;padding:8px 16px 4px;font-size:.68rem;font-weight:800}.user-avatar-wrap{cursor:default}.user-avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;transition:transform .2s}.user-avatar-btn:hover .user-avatar{transform:scale(1.08)}.user-avatar{color:#fff;background:linear-gradient(135deg,#022b5e,#1e40af);border:2px solid #bfdbfe;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;transition:transform .2s;display:flex}.profile-wrapper{position:relative}.profile-panel{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:270px;animation:.2s slideDown;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 12px 40px #00000026}.profile-panel-header{color:#fff;background:linear-gradient(135deg,#022b5e 0%,#1e40af 100%);align-items:center;gap:12px;padding:18px 16px 14px;display:flex}.profile-avatar-big{background:#fff3;border:2px solid #ffffff80;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;font-weight:800;display:flex}.profile-nombre{margin:0 0 4px;font-size:.9rem;font-weight:700;line-height:1.2}.profile-rol-badge{border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.rol-admin{color:#fff;background:#ffffff40}.rol-vendedor{color:#d1fae5;background:#a7f3d04d}.profile-sucursal{color:#bfdbfe;margin:4px 0 0;font-size:.72rem}.profile-panel-body{padding:8px 0}.profile-option{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:11px 16px;font-size:.88rem;transition:background .15s;display:flex}.profile-option:hover{color:#022b5e;background:#f1f5f9}.profile-option.danger{color:#dc2626}.profile-option.danger:hover{color:#b91c1c;background:#fef2f2}.profile-panel-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:1rem;line-height:1;display:flex;position:absolute;top:10px;right:12px}.btn-close-abs{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:50%;padding:6px;font-size:1.1rem;line-height:1;transition:all .15s;position:absolute;top:14px;right:16px}.btn-close-abs:hover{color:#334155;background:#f1f5f9}.profile-clave-modal{background:#fff;border-radius:20px;width:100%;max-width:380px;padding:2.5rem;animation:.25s slideDown;position:relative;box-shadow:0 25px 60px #0003}.pcm-header{text-align:center;margin-bottom:1.5rem}.pcm-icon{margin-bottom:.5rem;font-size:2.5rem}.pcm-header h3{color:#0f172a;margin:0 0 4px;font-size:1.3rem;font-weight:800}.pcm-header p{color:#64748b;margin:0;font-size:.85rem}.pcm-form{flex-direction:column;gap:.4rem;display:flex}.pcm-form label{color:#475569;text-transform:uppercase;letter-spacing:.5px;margin-top:.6rem;font-size:.75rem;font-weight:700}.pcm-form input{color:#0f172a;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 14px;font-size:.95rem;transition:border-color .2s}.pcm-form input:focus{border-color:#022b5e}.pcm-msg{border-radius:8px;margin-top:.4rem;padding:8px 12px;font-size:.82rem;font-weight:600}.pcm-msg.ok{color:#166534;background:#f0fdf4}.pcm-msg.err{color:#b91c1c;background:#fef2f2}.pcm-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#022b5e,#1e40af);border:none;border-radius:10px;margin-top:1rem;padding:12px;font-size:.95rem;font-weight:700;transition:opacity .2s}.pcm-btn:hover{opacity:.9}.pcm-btn:disabled{opacity:.6;cursor:not-allowed}.pcm-field-group{align-items:center;display:flex;position:relative}.pcm-field-group input{flex:1;padding-right:40px!important}.pcm-eye-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;transition:color .15s;display:flex;position:absolute;right:10px}.pcm-eye-btn:hover{color:#022b5e}.resumen-modal{background:#fff;border-radius:20px;width:100%;max-width:560px;max-height:90vh;padding:2rem;animation:.25s slideDown;position:relative;overflow-y:auto;box-shadow:0 25px 60px #0003}.resumen-header{text-align:center;margin-bottom:1.5rem}.resumen-header h3{color:#0f172a;margin:0 0 4px;font-size:1.3rem;font-weight:800}.resumen-header p{color:#64748b;text-transform:capitalize;margin:0;font-size:.85rem}.resumen-loading{text-align:center;color:#94a3b8;padding:2rem;font-size:.9rem}.resumen-kpis{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1.5rem;display:grid}.resumen-kpi{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;padding:14px;display:flex}.rk-label{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-size:.7rem;font-weight:700}.rk-value{color:#0f172a;font-size:1.25rem;font-weight:800}.rk-green{color:#16a34a}.rk-small{font-size:.88rem}.resumen-chart-section{margin-top:.25rem}.resumen-chart-title{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;margin-bottom:8px;font-size:.7rem;font-weight:700}.resumen-chart{align-items:flex-end;gap:4px;height:90px;display:flex}.resumen-bar-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.resumen-bar-wrap{flex:1;align-items:flex-end;width:100%;display:flex}.resumen-bar{background:linear-gradient(#3b82f6,#1e40af);border-radius:3px 3px 0 0;width:100%;transition:height .4s}.resumen-bar-label{color:#94a3b8;margin-top:3px;font-size:.58rem}.sistema-modal{background:#fff;border-radius:20px;width:100%;max-width:460px;padding:2rem;animation:.25s slideDown;position:relative;box-shadow:0 25px 60px #0003}.sistema-header{margin-bottom:1.5rem}.sistema-header h3{color:#0f172a;margin:0 0 4px;font-size:1.2rem;font-weight:800}.sistema-header p{color:#64748b;margin:0;font-size:.82rem}.sistema-form{flex-direction:column;gap:.5rem;display:flex}.sf-label{color:#475569;text-transform:uppercase;letter-spacing:.5px;margin-top:.5rem;font-size:.72rem;font-weight:700;display:block}.sf-input{color:#0f172a;box-sizing:border-box;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:.95rem;transition:border-color .2s}.sf-input:focus{border-color:#022b5e}.sf-toggle-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-top:6px;padding:12px 14px;display:flex}.sf-toggle-desc{color:#94a3b8;margin:2px 0 0;font-size:.72rem}.sf-toggle{cursor:pointer;background:#e2e8f0;border:none;border-radius:999px;flex-shrink:0;width:44px;height:24px;padding:0;transition:background .25s;position:relative}.sf-toggle-on{background:#022b5e}.sf-toggle-thumb{pointer-events:none;background:#fff;border-radius:50%;width:18px;height:18px;transition:left .25s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.sf-toggle-on .sf-toggle-thumb{left:23px}.gestion-modal{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:800px;max-height:88vh;padding:2rem;animation:.25s slideDown;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #0003}.gestion-table-wrap{border:1px solid #e2e8f0;border-radius:10px;flex:1;margin-top:.5rem;overflow-y:auto}.gestion-table{border-collapse:collapse;width:100%;font-size:.84rem}.gestion-table th{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;text-align:left;z-index:1;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:.68rem;font-weight:800;position:sticky;top:0}.gestion-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 12px}.gestion-table tbody tr:last-child td{border-bottom:none}.gestion-table tbody tr:hover td{background:#fafbfc}.gestion-row-self td{background:#eff6ff!important}.gestion-nombre{color:#0f172a;font-weight:600}.gestion-rol{border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:700}.gr-admin{color:#1e40af;background:#dbeafe}.gr-vendedor{color:#166534;background:#dcfce7}.gestion-estado{border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:700}.ge-activo{color:#166534;background:#dcfce7}.ge-inactivo{color:#64748b;background:#f1f5f9}.gestion-actions{flex-wrap:wrap;gap:6px;display:flex}.ga-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:600;transition:all .15s}.ga-btn:disabled{opacity:.45;cursor:not-allowed}.ga-activar{color:#166534;background:#dcfce7}.ga-activar:hover{background:#bbf7d0}.ga-desactivar{color:#b91c1c;background:#fef2f2}.ga-desactivar:hover{background:#fecaca}.ga-reset{color:#1e40af;background:#eff6ff}.ga-reset:hover{background:#dbeafe}.ticket-toast{z-index:999999;background:#fff;border:1px solid #e2e8f0;border-left:5px solid #6366f1;border-radius:14px;align-items:flex-start;gap:12px;min-width:280px;max-width:340px;padding:14px 16px;animation:.35s cubic-bezier(.34,1.56,.64,1) toastSlideIn;display:flex;position:fixed;top:80px;right:24px;box-shadow:0 8px 32px #0000002e}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.ticket-toast-urgencia-alta{border-left-color:#ef4444}.ticket-toast-urgencia-media{border-left-color:#f59e0b}.ticket-toast-urgencia-baja{border-left-color:#22c55e}.ticket-toast-icon{flex-shrink:0;margin-top:2px;font-size:1.5rem}.ticket-toast-content{flex-direction:column;flex:1;gap:3px;display:flex}.ticket-toast-title{color:#6366f1;text-transform:uppercase;letter-spacing:.4px;font-size:.78rem;font-weight:800}.ticket-toast-asunto{color:#0f172a;font-size:.9rem;font-weight:600;line-height:1.3}.ticket-toast-urg{border-radius:20px;width:fit-content;margin-top:2px;padding:2px 8px;font-size:.68rem;font-weight:800}.ticket-toast .u-alta{color:#b91c1c;background:#fee2e2}.ticket-toast .u-media{color:#b45309;background:#fefce8}.ticket-toast .u-baja{color:#166534;background:#dcfce7}.ticket-toast-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-top:2px;padding:0;font-size:.9rem;line-height:1}.ticket-toast-close:hover{color:#334155}.sidebar-badge-respuesta{color:#fff;pointer-events:none;background:#ef4444;border-radius:20px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.62rem;font-weight:800;line-height:1;animation:1.8s ease-in-out infinite badgePulse;display:flex;position:absolute;top:6px;right:10px;box-shadow:0 2px 6px #ef444480}.page-content{flex:1;padding:2rem;overflow-y:auto}.admin-ventas-container{color:#0f172a;flex-direction:column;gap:1.5rem;display:flex}.av-top-bar{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;box-shadow:0 1px 3px #0000000d}.av-period-toggles{flex-direction:column;gap:.5rem;display:flex}.av-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:700}.av-toggles-wrapper{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:30px;padding:.2rem;display:flex}.av-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:20px;padding:.6rem 1.5rem;font-size:.85rem;font-weight:600;transition:all .2s}.av-toggle-btn.active{color:#fff;background-color:#172545}.av-export-btns{gap:1rem;display:flex}.av-btn-outline{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.5rem;font-size:.85rem;font-weight:600;display:flex}.av-btn-outline:hover{background:#f8fafc}.av-date-section{gap:1.5rem;display:flex}.av-date-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.av-date-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.av-date-header strong{color:#0f172a;font-size:1rem;display:block}.av-date-header p{color:#94a3b8;margin:.2rem 0 0;font-size:.75rem}.av-btn-sucursal{color:#fff;cursor:pointer;background:#172545;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.75rem;font-weight:700}.av-date-inputs{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.av-input-group{flex-direction:column;flex:1;gap:.4rem;min-width:140px;display:flex}.av-input-group label{color:#64748b;font-size:.7rem;font-weight:700}.av-input-group input,.av-input-group select{color:#0f172a;cursor:pointer;background:#fff;border:2px solid #bfdbfe;border-radius:8px;outline:none;padding:.8rem;font-family:inherit;font-size:.875rem;font-weight:600}.av-input-group select:focus,.av-input-group input:focus{border-color:#3b82f6}.av-btn-aplicar{color:#fff;cursor:pointer;white-space:nowrap;background:#3b82f6;border:none;border-radius:8px;padding:.9rem 2rem;font-weight:700}.av-kpi-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.av-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.av-kpi-card p{color:#64748b;letter-spacing:.5px;margin:0 0 .8rem;font-size:.75rem;font-weight:700}.av-kpi-card h2{color:#0f172a;margin:0;font-size:2rem;font-weight:800}.av-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.av-table{border-collapse:collapse;width:100%}.av-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem;font-size:.7rem;font-weight:800}.av-table td{border-bottom:1px solid #f1f5f9;padding:1rem 1.5rem;font-size:.85rem}.av-table tr:hover{background-color:#f8fafc}.av-text-muted{color:#64748b}.av-badge-metodo{border-radius:20px;padding:.3rem .8rem;font-size:.7rem;font-weight:700}.av-badge-metodo.efectivo{color:#166534;background-color:#dcfce7;border:1px solid #bbf7d0}.av-badge-metodo.yape{color:#7e22ce;background-color:#f3e8ff;border:1px solid #e9d5ff}.av-badge-metodo.tarjeta{color:#b45309;background-color:#fef3c7;border:1px solid #fde68a}.av-btn-icon{cursor:pointer;opacity:.6;background:0 0;border:none;font-size:1.2rem;transition:opacity .2s}.av-btn-icon:hover{opacity:1}.av-pagination-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.av-page-info{color:#64748b;font-size:.85rem}.av-page-info strong{color:#0f172a}.av-page-controls{align-items:center;display:flex}.av-page-controls select{border:1px solid #cbd5e1;border-radius:6px;outline:none;margin-right:2rem;padding:.4rem}.av-page-buttons{gap:.3rem;display:flex}.av-page-buttons button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:600;display:flex}.av-page-buttons button:disabled{opacity:.5;cursor:not-allowed}.av-page-buttons button.active{color:#fff;background:#172545;border-color:#172545}.av-table-footer{background-color:#f8fafc;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.av-tf-title{color:#3b82f6;letter-spacing:.5px;font-size:.9rem;font-weight:800}.av-tf-values{gap:3rem;font-size:1.1rem;font-weight:800;display:flex}.av-tf-total{color:#1e3a8a}.av-tf-ganancia{color:#16a34a}.modal-overlay-strict{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.av-modal-detalle{background:#fff;border-radius:12px;width:100%;max-width:500px;padding:2rem}.av-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.av-modal-header h3{color:#0f172a;margin:0}.av-modal-header button{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:1.2rem}.av-modal-info{color:#475569;margin-bottom:1.5rem;font-size:.85rem}.av-modal-info p{margin:0 0 .3rem}.av-table-detalle{border-collapse:collapse;width:100%;margin-bottom:1.5rem}.av-table-detalle th{text-align:left;color:#64748b;border-bottom:2px solid #e2e8f0;padding:.5rem;font-size:.8rem}.av-table-detalle td{border-bottom:1px solid #f1f5f9;padding:.8rem .5rem;font-size:.85rem}.av-modal-total{text-align:right;color:#0f172a}.av-vendedores-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.av-vendedores-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.av-vendedores-header h3{color:#0f172a;margin:0 0 .2rem;font-size:1.05rem}.av-vendedores-header p{color:#94a3b8;margin:0;font-size:.78rem}.av-vend-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;padding:1.25rem 1.5rem;display:grid}.av-vend-card{cursor:pointer;background:#fafafa;border:2px solid #f1f5f9;border-radius:12px;padding:1rem;transition:all .2s;position:relative}.av-vend-card:hover{background:#f0f7ff;border-color:#bfdbfe;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f61a}.av-vend-card.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.av-vend-card-top{align-items:center;gap:.75rem;margin-bottom:.875rem;display:flex}.av-vend-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.85rem;font-weight:800;display:flex}.av-vend-info strong{color:#0f172a;font-size:.875rem;line-height:1.2;display:block}.av-vend-info small{color:#94a3b8;font-size:.72rem}.av-vend-stats{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.av-vend-stat{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem .625rem}.av-vend-stat small{color:#94a3b8;text-transform:uppercase;margin-bottom:.15rem;font-size:.65rem;font-weight:700;display:block}.av-vend-stat strong{color:#0f172a;font-size:.9rem;font-weight:800}.av-vend-bar-row{margin-top:.875rem}.av-vend-bar-label{color:#94a3b8;justify-content:space-between;margin-bottom:.3rem;font-size:.7rem;display:flex}.av-vend-bar-bg{background:#e2e8f0;border-radius:3px;height:5px;overflow:hidden}.av-vend-bar-fill{border-radius:3px;height:100%;transition:width .5s}.av-vend-badge-activo{background:#22c55e;border-radius:50%;width:8px;height:8px;position:absolute;top:.75rem;right:.75rem;box-shadow:0 0 0 2px #fff}.av-vend-detalle{border-top:1px solid #f1f5f9;animation:.25s slideDown}.av-vend-detalle-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.av-vend-detalle-header h4{color:#0f172a;margin:0;font-size:.9rem}.av-vend-detalle-kpis{gap:2rem;display:flex}.av-vd-kpi{text-align:center}.av-vd-kpi small{color:#94a3b8;text-transform:uppercase;font-size:.68rem;font-weight:700;display:block}.av-vd-kpi strong{color:#0f172a;font-size:1rem;font-weight:800}.av-vend-close-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;display:flex}.av-vend-close-btn:hover{background:#e2e8f0}.av-vend-ventas-table{border-collapse:collapse;width:100%}.av-vend-ventas-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid #f1f5f9;padding:.6rem 1.5rem;font-size:.68rem;font-weight:700}.av-vend-ventas-table td{border-bottom:1px solid #f8fafc;padding:.75rem 1.5rem;font-size:.83rem}.av-vend-ventas-table tr:hover{cursor:pointer;background:#f8fafc}.av-vend-ventas-table tr:last-child td{border-bottom:none}.av-vend-detalle-empty{text-align:center;color:#94a3b8;padding:2rem;font-size:.85rem}.av-vend-detalle-loading{text-align:center;color:#64748b;padding:1.5rem;font-size:.85rem}.smart-date-input{box-sizing:border-box;align-items:center;gap:6px;width:fit-content;transition:border-color .15s;display:inline-flex;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;padding:.6rem .85rem!important}.smart-date-input:focus-within{box-shadow:0 0 0 3px #012b6314;border-color:#012b63!important}.smart-date-input input{text-align:center;box-sizing:content-box;min-width:0;color:#1e293b!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;margin:0!important;padding:0!important;font-family:Inter,sans-serif!important;font-size:1rem!important;font-weight:600!important}.smart-date-input input::placeholder{color:#cbd5e1!important;opacity:1!important;font-weight:400!important}.smart-date-input .sdi-dia,.smart-date-input .sdi-mes{width:28px!important}.smart-date-input .sdi-anio{width:52px!important}.sdi-sep{font-size:1rem;font-weight:600;color:#cbd5e1!important}.smart-date-input.sdi-readonly{background:#f0fdf4!important;border-color:#bbf7d0!important}.smart-date-input.sdi-readonly input{cursor:default;color:#15803d!important;font-weight:700!important}.smart-date-input.sdi-error{background:#fef2f2!important;border-color:#ef4444!important}.admin-compras-container{max-width:1400px;margin:0 auto;padding:1.5rem;font-family:Inter,sans-serif}.compra-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.25rem;padding:1.25rem 1.5rem;box-shadow:0 1px 3px #0000000d}.section-title{letter-spacing:.08em;color:#94a3b8;text-transform:uppercase;margin-bottom:1rem;font-size:.7rem;font-weight:700}.proveedor-top-row{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.select-prov-main{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;flex:1;padding:.6rem .9rem;font-size:.9rem}.select-prov-main:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn-outline-prov{color:#3b82f6;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #3b82f6;border-radius:8px;padding:.6rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .15s}.btn-outline-prov:hover{background:#eff6ff}.proveedor-details-row{flex-wrap:wrap;gap:2rem;display:flex}.detail-item label{letter-spacing:.06em;color:#94a3b8;text-transform:uppercase;margin-bottom:2px;font-size:.65rem;font-weight:700;display:block}.detail-item p{color:#1e293b;font-size:.88rem;font-weight:500}.comprobante-grid{flex-wrap:wrap;gap:1rem;display:flex}.input-group{flex-direction:column;gap:4px;min-width:130px;display:flex}.input-group label{letter-spacing:.06em;color:#94a3b8;text-transform:uppercase;font-size:.65rem;font-weight:700}.input-group input,.input-group select{color:#1e293b;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:.5rem .75rem;font-size:.88rem;transition:border-color .15s}.input-group input:focus,.input-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-group input:disabled{opacity:.4;cursor:not-allowed}.forma-pago-group{min-width:180px}.pago-toggles{border:1px solid #cbd5e1;border-radius:8px;display:flex;overflow:hidden}.pago-toggles button{color:#64748b;cursor:pointer;background:#f8fafc;border:none;flex:1;padding:.5rem 0;font-size:.85rem;font-weight:500;transition:all .15s}.pago-toggles button.active{color:#fff;background:#1e293b;font-weight:600}.productos-section .productos-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.btn-add-product{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;padding:.55rem 1.2rem;font-size:.85rem;font-weight:600;transition:background .15s}.btn-add-product:hover{background:#1e293b}.table-container-compras{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.table-compras{border-collapse:collapse;width:100%;font-size:.85rem}.table-compras th{text-align:left;letter-spacing:.06em;color:#94a3b8;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.65rem .9rem;font-size:.65rem;font-weight:700}.table-compras td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.75rem .9rem}.table-compras tr:last-child td{border-bottom:none}.table-compras tr:hover td{background:#f8fafc}.empty-table{text-align:center;color:#94a3b8;font-style:italic;padding:2rem!important}.btn-delete-row{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1rem;transition:background .15s}.btn-delete-row:hover{background:#fee2e2}.compras-footer{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:1.5rem;margin-bottom:1rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 1px 3px #0000000d}.footer-left{min-width:120px}.total-items-box label{letter-spacing:.06em;color:#94a3b8;text-transform:uppercase;margin-bottom:4px;font-size:.65rem;font-weight:700;display:block}.total-items-box h3{color:#0f172a;font-size:1.1rem;font-weight:700}.footer-middle{flex-direction:column;flex:1;gap:6px;display:flex}.footer-middle textarea{color:#334155;resize:vertical;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;flex:1;min-height:80px;padding:.6rem .8rem;font-size:.85rem}.footer-middle textarea:focus{border-color:#3b82f6}.footer-right{min-width:260px}.totales-grid{flex-direction:column;gap:.4rem;display:flex}.tot-row{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.tot-row label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:500}.tot-row span{color:#1e293b;font-weight:600}.percepcion-row .input-box-prefix{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;display:flex;overflow:hidden}.percepcion-row .input-box-prefix span{color:#64748b;background:#f1f5f9;border-right:1px solid #cbd5e1;padding:.35rem .6rem;font-size:.8rem;font-weight:600}.percepcion-row .input-box-prefix input{color:#1e293b;background:0 0;border:none;outline:none;width:80px;padding:.35rem .5rem;font-size:.85rem}.grand-total{border-top:2px solid #0f172a;margin-top:.2rem;padding-top:.5rem}.grand-total label{color:#0f172a!important;font-size:.85rem!important;font-weight:700!important}.grand-total h2{color:#0f172a;font-size:1.3rem;font-weight:800}.compras-actions-bottom{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.btn-bottom-outline{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.65rem 1.4rem;font-size:.88rem;font-weight:600;transition:all .15s}.btn-bottom-outline:hover{background:#f8fafc;border-color:#94a3b8}.btn-bottom-primary{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;padding:.65rem 1.8rem;font-size:.88rem;font-weight:700;transition:background .15s}.btn-bottom-primary:hover{background:#1e293b}.btn-bottom-primary:disabled{opacity:.5;cursor:not-allowed}.modal-overlay-strict{z-index:99999;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-proveedor-card{background:#fff;border-radius:16px;width:100%;max-width:520px;overflow:hidden;box-shadow:0 20px 60px #0003}.modal-prov-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-prov-header h3{color:#0f172a;font-size:1rem;font-weight:700}.modal-prov-header button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.1rem}.modal-prov-header button:hover{background:#e2e8f0}.modal-prov-body{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.modal-prov-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:.75rem;margin-top:.5rem;padding-top:.5rem;display:flex}.popup-producto-card{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:1100px;max-height:94vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.popup-header{color:#fff;background:#0f172a;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;display:flex}.popup-title-group h3{color:#fff;margin-bottom:2px;font-size:1.05rem;font-weight:700}.popup-title-group p{color:#94a3b8;font-size:.78rem}.btn-close-popup{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;padding:6px 10px;font-size:1rem;transition:background .15s}.btn-close-popup:hover{background:#fff3}.popup-body{flex-direction:column;flex:1;gap:1rem;padding:1.25rem 1.5rem;display:flex;overflow-y:auto}.search-input-wrapper{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .75rem;transition:border-color .15s;display:flex}.search-input-wrapper:focus-within{background:#fff;border-color:#3b82f6}.search-icon{font-size:1rem}.search-input-wrapper input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.btn-clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:.9rem}.btn-clear-search:hover{color:#475569;background:#e2e8f0}.popup-results-table{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.res-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;grid-template-columns:160px 1fr 130px 90px 90px 50px;gap:.5rem;padding:.5rem .9rem;display:grid}.res-header span{letter-spacing:.07em;color:#94a3b8;text-transform:uppercase;font-size:.62rem;font-weight:700}.res-scroll{max-height:180px;overflow-y:auto}.res-row{cursor:pointer;border-bottom:1px solid #f1f5f9;grid-template-columns:160px 1fr 130px 90px 90px 50px;align-items:center;gap:.5rem;padding:.65rem .9rem;font-size:.83rem;transition:background .12s;display:grid}.res-row:last-child{border-bottom:none}.res-row:hover{background:#f8fafc}.res-row.selected{background:#eff6ff;border-left:3px solid #3b82f6}.check-box-ui{color:#fff;background:#fff;border:2px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.8rem;font-weight:700;transition:all .15s;display:flex}.res-row.selected .check-box-ui{background:#3b82f6;border-color:#3b82f6}.empty-results{text-align:center;color:#94a3b8;padding:1.5rem;font-size:.85rem;font-style:italic}.popup-config-area{background:#fafafa;border:1px solid #e2e8f0;border-radius:10px;padding:1rem 1.25rem}.config-label{color:#0f172a;margin-bottom:.9rem;font-size:.82rem;font-weight:700}.config-grid{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:.75rem;display:flex}.config-grid-second{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.conf-item{flex-direction:column;gap:5px;min-width:120px;display:flex}.conf-item label{letter-spacing:.06em;color:#94a3b8;text-transform:uppercase;font-size:.63rem;font-weight:700}.conf-item input[type=number],.conf-item input[type=date],.conf-item input[type=text]{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:.45rem .7rem;font-size:.88rem;transition:border-color .15s}.conf-item input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.conf-caja-highlight label{color:#0369a1!important}.conf-caja-highlight input{font-weight:600;background:#f0f9ff!important;border-color:#bae6fd!important}.conf-caja-highlight input:focus{border-color:#0ea5e9!important;box-shadow:0 0 0 3px #0ea5e926!important}.toggle-group{border:1px solid #cbd5e1;border-radius:8px;display:flex;overflow:hidden}.toggle-group button{color:#64748b;cursor:pointer;white-space:nowrap;background:#f8fafc;border:none;flex:1;padding:.45rem .6rem;font-size:.78rem;font-weight:600;transition:all .15s}.toggle-group button.active{color:#fff;background:#0f172a}.qty-picker{border:1px solid #cbd5e1;border-radius:8px;width:180px;display:flex;overflow:hidden}.qty-picker button{color:#475569;cursor:pointer;background:#f1f5f9;border:none;flex-shrink:0;padding:.45rem .9rem;font-size:1rem;font-weight:700;transition:background .12s}.qty-picker button:hover{background:#e2e8f0}.qty-picker input{text-align:center;color:#0f172a;background:#fff;border:none;border-left:1px solid #cbd5e1;border-right:1px solid #cbd5e1;outline:none;flex:1;min-width:60px;font-size:1rem;font-weight:700}.margin-badge{color:#16a34a;background:#dcfce7;border-radius:8px;justify-content:center;align-items:center;min-width:70px;padding:.4rem .9rem;font-size:.9rem;font-weight:800;display:inline-flex}.total-display{color:#fff;background:#0f172a;border-radius:10px;flex-direction:column;flex:1;justify-content:center;min-width:200px;padding:.75rem 1rem;display:flex}.total-display p{color:#94a3b8;margin-bottom:2px;font-size:.75rem}.total-display h2{color:#fff;font-size:1.5rem;font-weight:800}.popup-history{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:.9rem}.history-title{color:#475569;margin-bottom:.6rem;font-size:.78rem;font-weight:700}.history-table{border-collapse:collapse;width:100%;font-size:.78rem}.history-table th{text-align:left;letter-spacing:.06em;color:#94a3b8;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.45rem .7rem;font-size:.62rem;font-weight:700}.history-table td{color:#475569;border-bottom:1px solid #f1f5f9;padding:.5rem .7rem}.history-table tr:last-child td{border-bottom:none}.popup-footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.btn-popup-cancel{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.6rem 1.3rem;font-size:.88rem;font-weight:600;transition:all .15s}.btn-popup-cancel:hover{background:#f1f5f9}.btn-popup-add{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;padding:.6rem 1.6rem;font-size:.88rem;font-weight:700;transition:background .15s}.btn-popup-add:hover{background:#1e293b}.alert-message-big{color:#475569;font-size:.88rem;line-height:1.5}.alert-btn-ok{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;padding:.6rem 1.8rem;font-size:.9rem;font-weight:700;transition:background .15s}.alert-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.6rem 1.4rem;font-size:.9rem;font-weight:600;transition:all .15s}.input-box-prefix{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;display:flex;overflow:hidden}.input-box-prefix span{color:#64748b;background:#f1f5f9;border-right:1px solid #cbd5e1;padding:.45rem .65rem;font-size:.8rem;font-weight:600}.input-box-prefix input{color:#1e293b;background:0 0;border:none;outline:none;width:100px;padding:.45rem .6rem;font-size:.88rem}.input-box-prefix.small input{width:80px}@media (width<=768px){.admin-compras-container{padding:1rem}.res-header,.res-row{grid-template-columns:110px 1fr 80px 70px 50px}.res-header span:nth-child(4),.res-row span:nth-child(4){display:none}.compras-footer,.compras-actions-bottom{flex-direction:column}.compras-actions-bottom button{width:100%}}.precios-detalle-section{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:.9rem}.precios-venta-table{border-collapse:collapse;width:100%;font-size:.78rem}.precios-venta-table th{color:#94a3b8;text-align:left;letter-spacing:.07em;text-transform:uppercase;background:#0f172a;border-bottom:2px solid #1e293b;padding:.45rem .7rem;font-size:.62rem;font-weight:700}.precio-row td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.55rem .7rem}.precio-row:last-child td{border-bottom:none}.precio-row:hover td{background:#f8fafc}.precio-row-caja td{background:#f0f9ff}.precio-row-caja:hover td{background:#e0f2fe}.precio-medida{letter-spacing:.03em;font-weight:700;color:#0f172a!important}.precio-editable{cursor:pointer;color:#0f172a;border-radius:4px;font-weight:700;transition:background .15s;position:relative}.precio-editable:hover{outline:1px dashed #ca8a04;background:#fef9c3!important}.precio-editable span{min-width:60px;display:block}.precio-inline-input{color:#92400e;background:#fffbeb;border:2px solid #f59e0b;border-radius:6px;outline:none;width:80px;padding:.25rem .4rem;font-size:.82rem;font-weight:700;box-shadow:0 0 0 3px #f59e0b33}.admin-inv-container{color:#0f172a;flex-direction:column;gap:1.5rem;display:flex}.admin-loading{text-align:center;color:#64748b;padding:4rem;font-size:1.1rem}.inv-top-actions{justify-content:space-between;align-items:center;display:flex}.inv-title-area p{color:#64748b;margin:0;font-size:.9rem;font-weight:600}.inv-buttons-area{gap:1rem;display:flex}.btn-inv-outline{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.6rem 1.5rem;font-weight:700}.btn-inv-primary{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;padding:.6rem 1.5rem;font-weight:700}.inv-kpis-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.inv-kpi-card{background:#fff;border-radius:12px;align-items:center;gap:1.2rem;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000000d}.inv-kpi-card.border-blue{border-bottom:4px solid #3b82f6}.inv-kpi-card.border-yellow{border-bottom:4px solid #eab308}.inv-kpi-card.border-red{border-bottom:4px solid #ef4444}.inv-kpi-card.border-green{border-bottom:4px solid #22c55e}.kpi-icon{border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}.bg-blue-soft{background-color:#eff6ff}.bg-yellow-soft{background-color:#fefce8}.bg-red-soft{background-color:#fef2f2}.bg-green-soft{background-color:#f0fdf4}.kpi-info p{color:#64748b;text-transform:uppercase;margin:0 0 .2rem;font-size:.7rem;font-weight:800}.kpi-info h2{color:#0f172a;margin:0 0 .2rem;font-size:1.8rem;font-weight:800;line-height:1}.kpi-info span{color:#94a3b8;font-size:.75rem}.inv-filters-bar{background:#fff;border-radius:12px;align-items:center;gap:1rem;padding:.8rem 1.5rem;display:flex;box-shadow:0 1px 3px #0000000d}.search-box-inv{background:#f1f5f9;border-radius:8px;flex:1;align-items:center;padding:.5rem 1rem;display:flex}.search-box-inv input{background:0 0;border:none;outline:none;width:100%;padding-left:.8rem;font-size:.9rem}.select-inv-sucursal,.select-inv-sort{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:.6rem 1rem;font-weight:600}.inv-pills-group{gap:.5rem;display:flex}.pill-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.pill-btn.active.dark{color:#fff;background:#0f172a;border-color:#0f172a}.pill-btn.active.yellow{color:#b45309;background:#fefce8;border-color:#fde047}.pill-btn.active.red{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.pill-btn.active.orange{color:#c2410c;background:#fff7ed;border-color:#fdba74}.dot-yellow{background:#eab308;border-radius:50%;width:8px;height:8px}.dot-red{background:#ef4444;border-radius:50%;width:8px;height:8px}.dot-orange{background:#f97316;border-radius:50%;width:8px;height:8px}.inv-table-container{background:#fff;border-radius:12px;padding:1rem 1.5rem;overflow-x:auto;box-shadow:0 1px 3px #0000000d}.inv-table{border-collapse:collapse;width:100%}.inv-table th{text-align:left;color:#64748b;text-transform:uppercase;border-bottom:2px solid #f1f5f9;padding:1rem .5rem;font-size:.7rem;font-weight:800}.inv-table td{vertical-align:middle;border-bottom:1px solid #f8fafc;padding:1rem .5rem;font-size:.85rem}.empty-inv{text-align:center;color:#94a3b8;padding:4rem!important}.bg-yellow{background-color:#eab308}.cat-pill{border-radius:20px;align-items:center;gap:.4rem;padding:.3rem .8rem;font-size:.75rem;font-weight:700;display:inline-flex}.cat-pill .dot{border-radius:50%;width:6px;height:6px}.pill-blue{color:#2563eb;background:#eff6ff}.pill-blue .dot{background:#2563eb}.pill-green{color:#16a34a;background:#f0fdf4}.pill-green .dot{background:#16a34a}.pill-orange{color:#ea580c;background:#fff7ed}.pill-orange .dot{background:#ea580c}.pill-purple{color:#9333ea;background:#f3e8ff}.pill-purple .dot{background:#9333ea}.inv-bar-bg{background:#f1f5f9;border-radius:2px;width:80%;height:4px;margin:.3rem auto 0;overflow:hidden}.inv-bar-fill{border-radius:2px;height:100%}.actions-cell button{cursor:pointer;opacity:.6;background:0 0;border:none;margin:0 .2rem;font-size:1.1rem;transition:opacity .2s}.actions-cell button:hover{opacity:1}.inv-pagination{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:1.5rem;display:flex}.page-controls button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 .5rem;font-weight:600;transition:all .2s;display:flex}.page-controls button:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.page-controls button:disabled{opacity:.4;cursor:not-allowed;background:#f8fafc}.inv-modal-card{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;padding:2rem 2.5rem;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.inv-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.inv-modal-header h3{color:#0f172a;margin:0;font-size:1.4rem}.inv-modal-header button{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:1.5rem}.inv-modal-body{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.inv-input-group.col-span-2{grid-column:span 2}.inv-input-group{flex-direction:column;gap:.4rem;display:flex}.inv-input-group label{color:#475569;font-size:.75rem;font-weight:800}.inv-input-group input,.inv-input-group select{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:.8rem;font-size:.95rem}.inv-input-group input:focus,.inv-input-group select:focus{border-color:#3b82f6}.inv-input-group input:disabled{color:#64748b;cursor:not-allowed;background-color:#f1f5f9}.inv-divider{color:#1e40af;border-bottom:1px dashed #bfdbfe;margin:1rem 0 .5rem;padding-bottom:.5rem;font-size:.85rem;font-weight:800}.inv-modal-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.btn-inv-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.8rem 1.5rem;font-weight:700}.page-controls{align-items:center;gap:.4rem;display:flex}.page-controls button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 .5rem;font-weight:600;display:flex}.page-controls button.active{color:#fff;background:#0f172a;border-color:#0f172a}.page-controls button:disabled{opacity:.5;cursor:not-allowed}.cxp-container{color:#0f172a;flex-direction:column;gap:1.25rem;padding-bottom:90px;display:flex}.cxp-kpi-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.cxp-kpi-card{background:#fff;border:1px solid #f1f5f9;border-radius:14px;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 2px 8px #0000000d}.cxp-kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.cxp-kpi-card.border-red{border-left:4px solid #ef4444}.cxp-kpi-card.border-yellow{border-left:4px solid #f59e0b}.cxp-kpi-card.border-orange{border-left:4px solid #f97316}.cxp-kpi-card.border-green{border-left:4px solid #22c55e}.kpi-cxp-content p{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:800}.kpi-cxp-content h2{color:#0f172a;margin:.45rem 0 .2rem;font-size:1.65rem;font-weight:800;line-height:1}.kpi-cxp-content span{color:#94a3b8;font-size:.72rem}.cxp-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex}.bg-red{background:#fef2f2}.bg-yellow{background:#fffbeb}.bg-orange{background:#fff7ed}.bg-green{background:#f0fdf4}.bg-gray{background:#f1f5f9}.text-yellow{color:#f59e0b}.text-gray{color:#94a3b8}.cxp-filters-bar{background:#fff;border:1px solid #f1f5f9;border-radius:14px;flex-wrap:wrap;align-items:center;gap:1rem;padding:.9rem 1.25rem;display:flex;box-shadow:0 2px 8px #0000000a}.cxp-search-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;width:280px;padding:.55rem .9rem;transition:border-color .2s;display:flex}.cxp-search-box:focus-within{border-color:#3b82f6}.cxp-search-box .icon{color:#94a3b8;margin-right:.5rem;font-size:.9rem}.cxp-search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:.88rem}.cxp-pills{flex-wrap:wrap;gap:.4rem;display:flex}.cxp-pill{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;align-items:center;gap:.35rem;padding:.45rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.cxp-pill:hover{background:#f8fafc;border-color:#cbd5e1}.cxp-pill .dot{border-radius:50%;width:7px;height:7px}.cxp-pill.active-dark{color:#fff;background:#0f172a;border-color:#0f172a}.cxp-pill.active-red{color:#ef4444;background:#fef2f2;border-color:#ef4444}.cxp-pill.active-yellow{color:#b45309;background:#fffbeb;border-color:#f59e0b}.cxp-pill.active-green{color:#166534;background:#f0fdf4;border-color:#22c55e}.cxp-refresh-btn{cursor:pointer;color:#64748b;background:0 0;border:1.5px solid #e2e8f0;border-radius:10px;margin-left:auto;padding:.5rem .8rem;font-size:1rem;transition:all .2s}.cxp-refresh-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.cxp-table-container{background:#fff;border:1px solid #f1f5f9;border-radius:14px;overflow-x:auto;box-shadow:0 2px 8px #0000000a}.cxp-table{border-collapse:collapse;width:100%;min-width:900px}.cxp-table thead{background:#fafafa}.cxp-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;border-bottom:2px solid #f1f5f9;padding:.85rem .75rem;font-size:.65rem;font-weight:800}.cxp-table td{vertical-align:middle;border-bottom:1px solid #f8fafc;padding:.9rem .75rem;font-size:.84rem}.cxp-table tbody tr{transition:background .12s}.cxp-table tbody tr:hover td{background:#fafbff}.cxp-table tr.row-pagado td{opacity:.55}.cxp-empty{text-align:center;color:#94a3b8;font-size:.9rem;font-style:italic;padding:3.5rem!important}.cxp-dias-badge{white-space:nowrap;border-radius:20px;padding:.28rem .75rem;font-size:.72rem;font-weight:700;display:inline-block}.badge-green{color:#166534;background:#dcfce7}.badge-yellow{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.badge-red-text{color:#ef4444;font-weight:800}.badge-gray-text{color:#94a3b8;font-weight:600}.badge-urgente{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;font-weight:800;animation:1.5s ease-in-out infinite pulseRed}@keyframes pulseRed{0%,to{box-shadow:0 0 #ef44444d}50%{box-shadow:0 0 0 4px #ef444400}}.cxp-status-cell{align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;display:flex}.cxp-status-cell .dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.btn-cxp-action{color:#fff;cursor:pointer;white-space:nowrap;background:#0f172a;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.3rem;width:80px;height:32px;padding:0;font-size:.75rem;font-weight:700;transition:background .2s;display:inline-flex}.btn-cxp-action:hover{background:#1e293b}.btn-cxp-urgente{background:#ef4444!important}.btn-cxp-urgente:hover{background:#b91c1c!important}.cxp-actions-wrap{flex-wrap:nowrap;justify-content:center;align-items:center;gap:5px;display:flex}.cxp-label-pagado{color:#166534;background:#dcfce7;border-radius:8px;justify-content:center;align-items:center;gap:.2rem;width:80px;height:32px;padding:0;font-size:.72rem;font-weight:700;display:inline-flex}.row-urgente td{background:#fff5f5!important}.cxp-urgente-banner{color:#b91c1c;cursor:pointer;background:linear-gradient(90deg,#fef2f2,#fff5f5);border:1.5px solid #fca5a5;border-left:4px solid #ef4444;border-radius:12px;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.88rem;transition:background .2s;display:flex}.cxp-urgente-banner:hover{background:#fef2f2}.cxp-alert-inline{border-radius:12px;justify-content:space-between;align-items:center;padding:.85rem 1.2rem;font-size:.86rem;font-weight:600;display:flex}.cxp-alert-inline button{cursor:pointer;opacity:.5;background:0 0;border:none;font-size:1rem}.cxp-alert-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.cxp-alert-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.cxp-alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5}.cxp-alert-info{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.cxp-pill-badge{color:#fff;background:#ef4444;border-radius:999px;margin-left:3px;padding:1px 5px;font-size:.62rem;font-weight:800}.cxp-modal-card{background:#fff;border-radius:16px;width:100%;max-width:460px;padding:2rem;box-shadow:0 20px 50px #0003}.cxp-modal-card h3{color:#0f172a;margin:0 0 .3rem;font-size:1.1rem}.cxp-modal-subtitle{color:#64748b;margin:0 0 1.2rem;font-size:.83rem}.cxp-modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.cxp-modal-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;padding:2px;font-size:1.3rem;line-height:1}.cxp-modal-close:hover{color:#334155}.cxp-modal-grid{grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1.25rem;display:grid}.cxp-info-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.85rem 1rem}.cxp-info-box.warning{background:#fef2f2;border-color:#fca5a5}.cxp-info-box label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem;font-size:.65rem;font-weight:800;display:block}.cxp-info-box span{color:#0f172a;font-size:1.1rem;font-weight:800}.cxp-modal-body{max-height:70vh;padding:.25rem 0;overflow-y:auto}.cxp-input-group{flex-direction:column;gap:.35rem;margin-bottom:1.1rem;display:flex}.cxp-input-group label{color:#475569;font-size:.78rem;font-weight:700}.cxp-input-group input{border:1.5px solid #e2e8f0;border-radius:10px;outline:none;padding:.7rem .9rem;font-size:.92rem;font-weight:600;transition:border-color .2s}.cxp-input-group input:focus{border-color:#3b82f6}.cxp-input-group small{color:#94a3b8;font-size:.68rem}.cxp-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:.75rem;margin-top:.5rem;padding-top:1rem;display:flex}.btn-cxp-cancel,.btn-cxp-pay{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;width:140px;height:40px;padding:0;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-cxp-cancel{color:#475569;background:#f1f5f9;border:1.5px solid #e2e8f0}.btn-cxp-cancel:hover{background:#e2e8f0}.btn-cxp-pay{color:#fff;background:#0f172a}.btn-cxp-pay:hover{background:#1e293b}.cxp-bottom-sticky{color:#fff;z-index:100;background:#0f172a;justify-content:space-between;align-items:center;padding:.9rem 3rem;display:flex;position:fixed;bottom:0;left:250px;right:0;box-shadow:0 -4px 20px #0003}.sticky-left p{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin:0 0 .15rem;font-size:.68rem;font-weight:700}.sticky-left h2{margin:0;font-size:1.65rem;font-weight:800}.sticky-right{text-align:right}.sticky-right p{color:#cbd5e1;margin:0;font-size:.82rem}.sticky-right h4{color:#94a3b8;margin:.15rem 0 0;font-size:.9rem;font-weight:700}.text-yellow-bright{color:#fde047!important}.sticky-center{flex:1;justify-content:center;display:flex}.sticky-urgente-pill{color:#fff;background:#ef4444;border-radius:999px;padding:.35rem 1.2rem;font-size:.8rem;font-weight:700;animation:1.5s ease-in-out infinite pulseRed}.admin-usu-container{color:#0f172a;flex-direction:column;gap:1.5rem;display:flex}.usu-top-actions{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000000d}.usu-title-area h2{color:#0f172a;margin:0 0 .2rem;font-size:1.5rem;font-weight:800}.usu-title-area p{color:#64748b;margin:0;font-size:.85rem}.btn-usu-add{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:.8rem 1.5rem;font-weight:700;transition:background .2s}.btn-usu-add:hover{background:#1d4ed8}.usu-kpis-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.usu-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000000d}.usu-kpi-card .kpi-info p{color:#64748b;letter-spacing:.5px;margin:0 0 .3rem;font-size:.75rem;font-weight:800}.usu-kpi-card .kpi-info h2{color:#0f172a;margin:0;font-size:2rem;font-weight:800;line-height:1}.kpi-icon-usu{border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;font-size:1.5rem;display:flex}.bg-blue-soft{color:#2563eb;background-color:#eff6ff}.bg-green-soft{color:#16a34a;background-color:#f0fdf4}.bg-orange-soft{color:#ea580c;background-color:#fff7ed}.bg-green{background-color:#22c55e}.bg-red{background-color:#ef4444}.usu-filters-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;box-shadow:0 1px 3px #0000000d}.search-box-usu{background:#f1f5f9;border-radius:8px;flex:1;align-items:center;padding:.6rem 1rem;display:flex}.search-box-usu input{background:0 0;border:none;outline:none;width:100%;padding-left:.8rem;font-size:.9rem}.select-usu{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;min-width:180px;padding:.6rem 1rem;font-weight:600}.usu-pills-group{gap:.4rem;display:flex}.pill-btn-usu{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.pill-btn-usu.active-dark{color:#fff;background:#0f172a;border-color:#0f172a}.pill-btn-usu.active-green{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.pill-btn-usu.active-red{color:#dc2626;background:#fef2f2;border-color:#fecaca}.usu-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem 1.5rem;overflow-x:auto;box-shadow:0 1px 3px #0000000d}.usu-table{border-collapse:collapse;width:100%}.usu-table th{text-align:left;color:#64748b;text-transform:uppercase;border-bottom:2px solid #f1f5f9;padding:1rem .5rem;font-size:.7rem;font-weight:800}.usu-table td{vertical-align:middle;border-bottom:1px solid #f8fafc;padding:1rem .5rem;font-size:.85rem}.empty-usu{text-align:center;color:#94a3b8;padding:4rem!important}.row-inactivo td{opacity:.5;background-color:#f8fafc}.usu-perfil-cell{align-items:center;gap:1rem;display:flex}.usu-avatar{color:#fff;background:#0f172a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:800;display:flex}.usu-login-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:.3rem .8rem;font-family:monospace;font-weight:700}.usu-rol-pill{border-radius:20px;padding:.4rem .8rem;font-size:.75rem;font-weight:800}.rol-admin{color:#ea580c;background:#fff7ed;border:1px solid #fdba74}.rol-cajero{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.usu-status-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.usu-actions button{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin:0 .2rem;padding:.4rem;font-size:1.1rem;transition:all .2s}.usu-actions button:hover{background:#f1f5f9;border-color:#cbd5e1}.usu-modal-card{background:#fff;border-radius:12px;width:100%;max-width:650px;padding:2rem 2.5rem;box-shadow:0 25px 50px -12px #00000080}.usu-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.usu-modal-header h3{color:#0f172a;margin:0;font-size:1.3rem}.usu-modal-header button{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:1.5rem}.usu-modal-body{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.col-span-2{grid-column:span 2}.usu-divider{color:#2563eb;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px dashed #bfdbfe;margin:.5rem 0 0;padding-bottom:.5rem;font-size:.8rem;font-weight:800}.usu-input-group{flex-direction:column;gap:.4rem;display:flex}.usu-input-group label{color:#475569;font-size:.75rem;font-weight:800}.usu-input-group input,.usu-input-group select{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:.8rem;font-size:.95rem}.usu-input-group input:focus,.usu-input-group select:focus{border-color:#3b82f6}.usu-modal-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1.5rem;display:flex}.btn-usu-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.8rem 1.5rem;font-weight:700}.btn-usu-primary{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;padding:.8rem 1.5rem;font-weight:700}.alertas-container{color:#0f172a;flex-direction:column;gap:1.5rem;padding-bottom:2rem;display:flex}.fade-in{animation:.3s ease-in-out fadeIn}.alertas-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:.5rem;padding:.5rem;display:flex;box-shadow:0 1px 3px #0000000d}.tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:.8rem 1rem;font-size:.9rem;font-weight:800;transition:all .2s}.tab-btn:hover{color:#0f172a;background:#f8fafc}.tab-btn.active{color:#fff;background:#0f172a}.alertas-kpi-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:1.5rem;display:grid}.akpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;gap:.1rem;padding:1.2rem 1.5rem;display:flex;position:relative;box-shadow:0 1px 3px #0000000d}.akpi-card.border-critico{background-color:#fff1f2;border-color:#fecdd3 #fecdd3 #fecdd3 #e11d48;border-left-style:solid;border-left-width:5px}.akpi-card.border-alerta{background-color:#fffbeb;border-color:#fef08a #fef08a #fef08a #f59e0b;border-left-style:solid;border-left-width:5px}.akpi-card.border-tickets{background-color:#eff6ff;border-color:#bfdbfe #bfdbfe #bfdbfe #3b82f6;border-left-style:solid;border-left-width:5px}.akpi-label{text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:800}.akpi-sub{color:#94a3b8;margin-top:.2rem;font-size:.7rem}.akpi-card h2{margin:.2rem 0 0;font-size:2.2rem;font-weight:800;line-height:1}.text-critico{color:#e11d48}.text-alerta{color:#d97706}.text-tickets{color:#2563eb}.alertas-lista{flex-direction:column;gap:1rem;display:flex}.alerta-item{border-left:6px solid;border-radius:12px;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;display:flex;box-shadow:0 1px 3px #0000000d}.card-critico{background-color:#fff1f2;border-left-color:#e11d48}.card-alerta{background-color:#fffbeb;border-left-color:#f59e0b}.alerta-main{flex:1}.alerta-header{align-items:center;gap:1rem;margin-bottom:.4rem;display:flex}.alerta-titulo{color:#0f172a;margin:0;font-size:1.05rem;font-weight:800}.badge-tipo{color:#fff;letter-spacing:.5px;text-transform:uppercase;border-radius:6px;padding:.3rem .8rem;font-size:.7rem;font-weight:800}.badge-critico{background-color:#e11d48}.badge-alerta{background-color:#f59e0b}.alerta-desc{color:#475569;margin:0 0 .3rem;font-size:.9rem;font-weight:700}.alerta-detalle{color:#64748b;margin:0;font-size:.8rem}.alerta-actions{align-items:center;gap:.8rem;display:flex}.btn-al-primary{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:.85rem;font-weight:700;transition:background .2s}.btn-al-primary:hover{background:#0f172a}.empty-alertas{text-align:center;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:4rem;font-size:1.1rem;font-weight:600}.vp-header-box{color:#fff;background:#0f172a;border-radius:12px 12px 0 0;padding:1.5rem 2rem}.vp-header-box h3{margin:0 0 .4rem;font-size:1.3rem}.vp-header-box p{color:#94a3b8;margin:0;font-size:.9rem}.vp-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 12px 12px;padding:1rem 1.5rem;overflow-x:auto;box-shadow:0 4px 6px #0000000d}.vp-table{border-collapse:collapse;width:100%}.vp-table th{text-align:left;color:#64748b;text-transform:uppercase;border-bottom:2px solid #f1f5f9;padding:1rem .5rem;font-size:.75rem;font-weight:800}.vp-table td{vertical-align:middle;border-bottom:1px solid #f8fafc;padding:1rem .5rem;font-size:.9rem}.badge-motivo{color:#b91c1c;background:#fee2e2;border-radius:6px;padding:.3rem .8rem;font-size:.75rem;font-weight:800}.btn-responder-tk:hover{background:#f1f5f9}.ticket-modal-card{background:#fff;border-radius:12px;width:100%;max-width:600px;padding:2.5rem;box-shadow:0 25px 50px -12px #00000080}.ticket-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.ticket-modal-header h3{color:#0f172a;margin:0;font-size:1.3rem}.ticket-modal-header button{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:1.5rem}.ticket-info-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.ticket-info-box p{color:#475569;margin:0 0 .5rem;font-size:.9rem}.ticket-mensaje-original{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;margin-top:.5rem;padding:1rem;font-size:.95rem}.ticket-reply-form{flex-direction:column;gap:.5rem;display:flex}.ticket-reply-form label{color:#2563eb;font-size:.8rem;font-weight:800}.ticket-reply-form textarea{resize:vertical;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:1rem;font-family:inherit;font-size:.95rem}.ticket-reply-form textarea:focus{border-color:#2563eb}.ticket-modal-footer{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}.badge-urgencia{border-radius:20px;padding:.3rem .8rem;font-size:.7rem;font-weight:800}.u-baja{color:#475569;background:#f1f5f9}.u-media{color:#b45309;background:#fefce8}.u-alta{color:#b91c1c;background:#fee2e2}.badge-estado{border-radius:6px;padding:.3rem .8rem;font-size:.75rem;font-weight:800}.e-pendiente{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.e-resuelto{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.btn-responder-tk{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.5rem 1rem;font-weight:800;transition:all .2s}.btn-responder-tk:hover{background:#f1f5f9;border-color:#94a3b8}.ticket-modal-clean{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:500px;padding:2rem;display:flex;box-shadow:0 25px 50px -12px #00000080}.tmc-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.tmc-header h3{color:#0f172a;margin:0;font-size:1.2rem}.tmc-header button{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.5rem}.tmc-info p{color:#475569;margin:0 0 .5rem;font-size:.9rem}.tmc-mensaje{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:1rem 0;padding:1rem}.tmc-mensaje label{color:#64748b;text-transform:uppercase;font-size:.7rem;font-weight:800}.tmc-mensaje p{color:#0f172a;margin:.5rem 0 0;font-size:.95rem;font-style:italic}.tmc-form{border-top:1px dashed #cbd5e1;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.tmc-form label{color:#2563eb;font-size:.8rem;font-weight:800}.tmc-form textarea{resize:vertical;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:1rem;font-family:inherit;font-size:.95rem}.tmc-form textarea:focus{border-color:#2563eb}.tmc-footer{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}.btn-tk-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.8rem 1.5rem;font-weight:700}.btn-tk-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:.8rem 1.5rem;font-weight:700;transition:background .2s}.btn-tk-primary:hover{background:#1d4ed8}.modal-lote-card{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:2rem;box-shadow:0 25px 50px -12px #00000080}.ml-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.ml-header h3{color:#0f172a;margin:0;font-size:1.2rem}.ml-header button{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.5rem}.ml-body p{color:#475569;margin:0 0 .8rem;font-size:.95rem}.badge-lote{color:#0f172a;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:.2rem .6rem;font-family:monospace;font-weight:800}.text-orange{color:#d97706}.ml-footer{justify-content:center;margin-top:1.5rem;display:flex}.ml-footer .btn-tk-primary{width:100%;padding:1rem}.rep-container{color:#0f172a;flex-direction:column;gap:1.5rem;padding-bottom:2rem;display:flex}.rep-header-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000000d}.rep-title h2{color:#0f172a;margin:0 0 .2rem;font-size:1.5rem;font-weight:800}.rep-title p{color:#64748b;margin:0;font-size:.9rem}.rep-filters{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.rep-date-group{flex-direction:column;gap:.3rem;display:flex}.rep-date-group label{color:#475569;text-transform:uppercase;font-size:.75rem;font-weight:800}.rep-date-group input,.rep-date-group select{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;min-width:140px;padding:.6rem 1rem;font-size:.9rem;font-weight:600}.rep-date-group input:focus,.rep-date-group select:focus{background:#fff;border-color:#3b82f6}.btn-rep-exportar{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;height:42px;padding:.7rem 1.5rem;font-weight:700;transition:background .2s}.btn-rep-exportar:hover{background:#15803d}.rep-kpi-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.rkpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000000d}.rkpi-card p{color:#64748b;letter-spacing:.5px;margin:0 0 .5rem;font-size:.75rem;font-weight:800}.rkpi-card h2{margin:0 0 .3rem;font-size:2.2rem;font-weight:800;line-height:1}.rkpi-card span{color:#94a3b8;font-size:.8rem;font-weight:600}.text-green{color:#16a34a!important}.text-red{color:#ef4444!important}.text-dark{color:#0f172a!important}.bg-soft-green{background-color:#f0fdf4;border-color:#bbf7d0}.bg-soft-red{background-color:#fef2f2;border-color:#fecaca}.rep-grid-2-col{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;display:grid}.rep-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.rep-box-header{color:#fff;background:#0f172a;padding:1rem 1.5rem}.rep-box-header h3{margin:0;font-size:1.1rem;font-weight:700}.rep-table-wrap{max-height:500px;overflow:auto}.rep-table{border-collapse:collapse;width:100%}.rep-table th{text-align:left;color:#64748b;text-transform:uppercase;z-index:10;background:#fff;border-bottom:2px solid #f1f5f9;padding:1rem;font-size:.75rem;font-weight:800;position:sticky;top:0}.rep-table td{vertical-align:middle;border-bottom:1px solid #f8fafc;padding:1rem;font-size:.9rem}.badge-cant{color:#0f172a;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:20px;padding:.3rem .8rem;font-size:.8rem;font-weight:800}.text-right{text-align:right}.text-muted{color:#64748b}.empty-rep{text-align:center;color:#94a3b8;font-style:italic;font-weight:600;padding:3rem!important}.kardex-container{width:100%;padding:0}.kardex-loading{color:#6b7280;justify-content:center;align-items:center;height:300px;font-size:1rem;display:flex}.kardex-top{justify-content:space-between;align-items:center;margin-bottom:1.2rem;display:flex}.kardex-title-area p{color:#6b7280;margin:0;font-size:.85rem}.btn-kardex-outline{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;padding:.5rem 1.2rem;font-size:.85rem;transition:all .2s}.btn-kardex-outline:hover{background:#f9fafb;border-color:#9ca3af}.kardex-kpis{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.2rem;display:grid}.kardex-kpi-card{background:#fff;border-left:4px solid #0000;border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex;box-shadow:0 1px 4px #0000000f}.kardex-kpi-card.border-blue{border-left-color:#3b82f6}.kardex-kpi-card.border-green{border-left-color:#10b981}.kardex-kpi-card.border-red{border-left-color:#ef4444}.kardex-kpi-card.border-yellow{border-left-color:#f59e0b}.kpi-icon-k{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex}.bg-blue-soft{background:#eff6ff}.bg-green-soft{background:#ecfdf5}.bg-red-soft{background:#fef2f2}.bg-yellow-soft{background:#fffbeb}.kpi-info-k p{color:#9ca3af;letter-spacing:.05em;margin:0 0 2px;font-size:.7rem;font-weight:600}.kpi-info-k h2{color:#111827;margin:0 0 2px;font-size:1.6rem;font-weight:700;line-height:1}.kpi-info-k span{color:#9ca3af;font-size:.72rem}.kardex-filters{background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:1rem;padding:.9rem 1.2rem;display:flex;box-shadow:0 1px 4px #0000000f}.search-box-kardex{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;flex:1;align-items:center;gap:.5rem;min-width:200px;padding:.4rem .8rem;display:flex}.search-box-kardex input{color:#374151;background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.select-kardex{color:#374151;cursor:pointer;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;padding:.45rem .8rem;font-size:.85rem}.fecha-group{color:#6b7280;align-items:center;gap:.4rem;font-size:.82rem;display:flex}.fecha-group input{color:#374151;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;padding:.4rem .6rem;font-size:.82rem}.btn-limpiar{color:#dc2626;cursor:pointer;white-space:nowrap;background:#fef2f2;border:1.5px solid #fecaca;border-radius:8px;padding:.4rem .9rem;font-size:.82rem;transition:all .2s}.btn-limpiar:hover{background:#fee2e2}.kardex-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #0000000f}.kardex-table{border-collapse:collapse;width:100%}.kardex-table thead tr{background:#f8fafc;border-bottom:1.5px solid #e5e7eb}.kardex-table th{color:#9ca3af;text-align:left;letter-spacing:.05em;padding:.8rem 1rem;font-size:.72rem;font-weight:600}.kardex-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .15s}.kardex-table tbody tr:hover{background:#f9fafb}.kardex-table tbody tr:last-child{border-bottom:none}.kardex-table td{color:#374151;vertical-align:middle;padding:.75rem 1rem;font-size:.85rem}.font-bold{font-weight:600}.fecha-principal{color:#374151;font-weight:500}.text-muted-k{color:#9ca3af;font-size:.78rem}.prod-nombre{color:#111827;font-size:.88rem}.kardex-badge{border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.kardex-badge.entrada{color:#065f46;background:#ecfdf5}.kardex-badge.salida{color:#991b1b;background:#fef2f2}.kardex-badge.ajuste{color:#92400e;background:#fffbeb}.cant-entrada{color:#10b981;font-size:.95rem;font-weight:700}.cant-salida{color:#ef4444;font-size:.95rem;font-weight:700}.cant-ajuste{color:#f59e0b;font-size:.95rem;font-weight:700}.empty-kardex{text-align:center;color:#9ca3af;padding:3rem;font-size:.9rem}.kardex-pagination{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}.page-controls-k{gap:4px;display:flex}.page-controls-k button{cursor:pointer;color:#374151;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;width:32px;height:32px;font-size:.85rem;transition:all .15s}.page-controls-k button:hover:not(:disabled){background:#f3f4f6}.page-controls-k button.active{color:#fff;background:#002f6d;border-color:#002f6d}.page-controls-k button:disabled{opacity:.4;cursor:not-allowed}@media (width<=1024px){.kardex-kpis{grid-template-columns:repeat(2,1fr)}}.ti-container{flex-direction:column;gap:1.25rem;max-width:960px;margin:0 auto;padding:2rem 1.5rem;font-family:Outfit,sans-serif;display:flex}.ti-loading{color:#64748b;justify-content:center;align-items:center;height:200px;font-family:Outfit,sans-serif;font-size:.95rem;display:flex}.ti-sesiones-activas{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.25rem 1.5rem;box-shadow:0 1px 4px #0000000f}.ti-section-title{text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:1rem;font-size:.85rem;font-weight:600}.ti-sesiones-grid{flex-direction:column;gap:.75rem;display:flex}.ti-sesion-card{background:#f0fdf4;border:1.5px solid #86efac;border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.ti-sesion-info{flex:1;align-items:center;gap:.75rem;display:flex}.ti-sesion-info strong{color:#15803d;font-size:.95rem;font-weight:600;display:block}.ti-sesion-info p{color:#64748b;margin-top:1px;font-size:.78rem}.ti-sesion-acciones{flex-shrink:0;gap:.5rem;display:flex}.ti-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dot-green{background:#22c55e;box-shadow:0 0 0 3px #bbf7d0}.dot-gray{background:#94a3b8}.ti-estado-banner{background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:14px;padding:1.25rem 1.5rem}.ti-estado-info{align-items:center;gap:.75rem;display:flex}.ti-estado-info strong{color:#475569;font-size:.9rem;display:block}.ti-estado-info p{color:#94a3b8;margin-top:2px;font-size:.8rem}.ti-abrir-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.25rem 1.5rem;box-shadow:0 1px 4px #0000000f}.ti-abrir-card h3{color:#1e293b;margin-bottom:.25rem;font-size:.95rem;font-weight:600}.ti-abrir-card p{color:#94a3b8;margin-bottom:1rem;font-size:.8rem}.ti-abrir-row{align-items:center;gap:.75rem;display:flex}.ti-abrir-row select{color:#1e293b;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;flex:1;padding:.6rem .9rem;font-family:Outfit,sans-serif;font-size:.88rem;transition:border-color .2s}.ti-abrir-row select:focus{background:#fff;border-color:#3b82f6}.btn-ti-abrir{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:8px;padding:.6rem 1.25rem;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:600;transition:background .2s,transform .1s}.btn-ti-abrir:hover{background:#1d4ed8}.btn-ti-abrir:active{transform:scale(.97)}.btn-ti-abrir:disabled{cursor:not-allowed;background:#93c5fd}.btn-ti-outline{color:#2563eb;cursor:pointer;background:0 0;border:1.5px solid #2563eb;border-radius:8px;padding:.5rem 1rem;font-family:Outfit,sans-serif;font-size:.82rem;font-weight:500;transition:background .2s}.btn-ti-outline:hover{background:#eff6ff}.btn-ti-outline.small{padding:.4rem .8rem;font-size:.78rem}.btn-ti-cerrar{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:.5rem 1rem;font-family:Outfit,sans-serif;font-size:.82rem;font-weight:600;transition:background .2s}.btn-ti-cerrar:hover{background:#dc2626}.btn-ti-cerrar:disabled{cursor:not-allowed;background:#fca5a5}.btn-ti-cerrar.small{padding:.4rem .8rem;font-size:.78rem}.ti-detalle-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.25rem 1.5rem;box-shadow:0 1px 4px #0000000f}.ti-detalle-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.ti-detalle-header h3{color:#1e293b;font-size:1rem;font-weight:600}.ti-detalle-header p{color:#94a3b8;margin-top:3px;font-size:.78rem}.ti-table{border-collapse:collapse;width:100%;font-size:.83rem}.ti-table thead tr{border-bottom:2px solid #f1f5f9}.ti-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;padding:.6rem .75rem;font-size:.72rem;font-weight:600}.ti-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.7rem .75rem}.ti-table tbody tr:hover{background:#fafafa}.ti-table tbody tr:last-child td{border-bottom:none}.text-muted-ti{color:#94a3b8;font-size:.75rem}.dif-badge{border-radius:20px;padding:.2rem .6rem;font-size:.78rem;font-weight:600;display:inline-block}.dif-pos{color:#16a34a;background:#dcfce7}.dif-neg{color:#dc2626;background:#fee2e2}.dif-ok{color:#64748b;background:#f1f5f9}.badge-aprobado{color:#15803d;background:#dcfce7;border-radius:20px;padding:.2rem .65rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-ok{color:#64748b;background:#f1f5f9;border-radius:20px;padding:.2rem .65rem;font-size:.75rem;font-weight:500;display:inline-block}.btn-aprobar{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:.3rem .75rem;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:600;transition:background .2s}.btn-aprobar:hover{background:#1d4ed8}.estado-badge{letter-spacing:.03em;border-radius:20px;padding:.2rem .6rem;font-size:.72rem;font-weight:600;display:inline-block}.estado-cerrada{color:#64748b;background:#f1f5f9}.ti-historial{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.25rem 1.5rem;box-shadow:0 1px 4px #0000000f}.ti-historial h3{text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:1rem;font-size:.85rem;font-weight:600}.ti-empty{text-align:center;color:#94a3b8;padding:2rem;font-size:.85rem}.modal-overlay-strict{z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.custom-alert-card{text-align:center;background:#fff;border-radius:16px;width:90%;max-width:400px;padding:2rem 2rem 1.5rem;box-shadow:0 20px 60px #00000026}.alert-icon-big{margin-bottom:.75rem;font-size:2.5rem}.alert-title-big{color:#1e293b;margin-bottom:.5rem;font-size:1rem;font-weight:600}.alert-message-big{color:#64748b;margin-bottom:1.5rem;font-size:.88rem;line-height:1.5}.alert-btn-ok{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:.6rem 2rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;transition:background .2s}.alert-btn-ok:hover{background:#1d4ed8}.alert-btn-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;padding:.6rem 2rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;transition:background .2s}.alert-btn-cancel:hover{background:#e2e8f0}*{box-sizing:border-box;margin:0;padding:0}.ti-v-container{flex-direction:column;gap:1rem;max-width:680px;margin:0 auto;padding:2rem 1.5rem;font-family:Outfit,sans-serif;display:flex}.ti-v-loading{color:#64748b;justify-content:center;align-items:center;height:200px;font-family:Outfit,sans-serif;font-size:.95rem;display:flex}.ti-v-sin-sesion{justify-content:center;align-items:center;min-height:60vh;padding:2rem;font-family:Outfit,sans-serif;display:flex}.ti-v-sin-sesion-card{text-align:center;background:#fff;border:1.5px dashed #cbd5e1;border-radius:16px;width:100%;max-width:400px;padding:3rem 2.5rem}.ti-v-icon-big{margin-bottom:1rem;font-size:3rem;display:block}.ti-v-sin-sesion-card h2{color:#1e293b;margin-bottom:.5rem;font-size:1.2rem;font-weight:600}.ti-v-sin-sesion-card p{color:#94a3b8;font-size:.85rem;line-height:1.6}.ti-v-banner{background:#f0fdf4;border:1.5px solid #86efac;border-radius:12px;align-items:center;gap:.75rem;padding:.9rem 1.25rem;display:flex}.ti-v-dot-green{background:#22c55e;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:2s infinite pulse-green;box-shadow:0 0 0 3px #bbf7d0}@keyframes pulse-green{0%,to{box-shadow:0 0 0 3px #bbf7d0}50%{box-shadow:0 0 0 6px #dcfce7}}.ti-v-banner strong{color:#15803d;font-size:.9rem;font-weight:600;display:block}.ti-v-banner span{color:#64748b;margin-top:1px;font-size:.78rem;display:block}.ti-v-search-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.25rem;position:relative;box-shadow:0 1px 4px #0000000d}.ti-v-search-card h3{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin-bottom:.75rem;font-size:.8rem;font-weight:600}.ti-v-search-wrap{align-items:center;display:flex;position:relative}.ti-v-search-wrap input{color:#1e293b;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:.7rem 2.5rem .7rem 1rem;font-family:Outfit,sans-serif;font-size:.92rem;transition:border-color .2s,box-shadow .2s}.ti-v-search-wrap input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ti-v-spinner{font-size:1rem;position:absolute;right:.75rem}.ti-v-dropdown{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-height:280px;list-style:none;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow:hidden auto;box-shadow:0 8px 24px #0000001a}.ti-v-dropdown li{cursor:pointer;border-bottom:1px solid #f1f5f9;flex-direction:column;gap:2px;padding:.75rem 1rem;transition:background .15s;display:flex}.ti-v-dropdown li:last-child{border-bottom:none}.ti-v-dropdown li:hover{background:#f0f9ff}.ti-v-dropdown li strong{color:#1e293b;font-size:.88rem}.ti-v-dropdown li small{color:#94a3b8;font-size:.75rem}.ti-v-conteo-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.25rem;animation:.2s slide-in;box-shadow:0 1px 4px #0000000d}@keyframes slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ti-v-producto-info{margin-bottom:1.25rem}.ti-v-producto-info h3{color:#1e293b;margin-bottom:2px;font-size:1rem;font-weight:600}.ti-v-producto-info p{color:#94a3b8;font-size:.78rem}.ti-v-stocks{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.ti-v-stock-item{text-align:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;flex:1;padding:.9rem 1rem}.ti-v-stock-item.sistema{border-color:#cbd5e1}.ti-v-stock-item.fisico{background:#eff6ff;border-color:#3b82f6}.ti-v-stock-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:.4rem;font-size:.7rem;font-weight:600;display:block}.ti-v-stock-num{color:#1e293b;font-size:1.8rem;font-weight:700;display:block}.ti-v-stock-item.fisico input{color:#2563eb;text-align:center;background:0 0;border:none;outline:none;width:100%;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:700}.ti-v-stock-arrow{color:#cbd5e1;flex-shrink:0;font-size:1.25rem}.ti-v-diferencia{text-align:center;border-radius:8px;margin-bottom:1rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.ti-v-diferencia.pos{color:#16a34a;background:#dcfce7}.ti-v-diferencia.neg{color:#dc2626;background:#fee2e2}.ti-v-diferencia.ok{color:#64748b;background:#f1f5f9}.ti-v-btn-guardar{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;padding:.75rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;transition:background .2s,transform .1s}.ti-v-btn-guardar:hover{background:#1d4ed8}.ti-v-btn-guardar:active{transform:scale(.98)}.ti-v-btn-guardar:disabled{cursor:not-allowed;background:#93c5fd}.ti-v-historial{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.25rem;box-shadow:0 1px 4px #0000000d}.ti-v-historial h3{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin-bottom:.85rem;font-size:.8rem;font-weight:600}.ti-v-empty{text-align:center;color:#cbd5e1;padding:1.5rem;font-size:.85rem}.ti-v-table{border-collapse:collapse;width:100%;font-size:.83rem}.ti-v-table thead tr{border-bottom:2px solid #f1f5f9}.ti-v-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;padding:.5rem .75rem;font-size:.7rem;font-weight:600}.ti-v-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f8fafc;padding:.65rem .75rem}.ti-v-table tbody tr:last-child td{border-bottom:none}.ti-v-table tbody tr:hover{cursor:pointer;background:#f8fafc}.text-center{text-align:center!important}.dif-badge-v{border-radius:20px;padding:.15rem .55rem;font-size:.78rem;font-weight:600;display:inline-block}.dif-badge-v.pos{color:#16a34a;background:#dcfce7}.dif-badge-v.neg{color:#dc2626;background:#fee2e2}.dif-badge-v.ok{color:#64748b;background:#f1f5f9}.ti-v-toast{z-index:9999;white-space:nowrap;border-radius:10px;padding:.7rem 1.5rem;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:500;animation:.3s toast-in;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.ti-v-toast.success{color:#fff;background:#1e293b}.ti-v-toast.error{color:#fff;background:#ef4444}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.notif-page{flex-direction:column;gap:1.5rem;display:flex}.notif-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.notif-page-title{color:#0f172a;margin:0 0 4px;font-size:1.4rem;font-weight:800}.notif-page-subtitle{color:#64748b;margin:0;font-size:.85rem}.notif-page-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.notif-filter-select{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:7px 12px;font-size:.85rem;transition:border-color .2s}.notif-filter-select:focus{border-color:#022b5e}.notif-btn-limpiar{color:#fff;cursor:pointer;white-space:nowrap;background:#022b5e;border:none;border-radius:8px;padding:7px 14px;font-size:.83rem;font-weight:600;transition:opacity .2s}.notif-btn-limpiar:hover{opacity:.85}.notif-page-loading,.notif-page-empty{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:4rem 2rem;font-size:.95rem;display:flex}.notif-page-list{flex-direction:column;gap:8px;display:flex}.notif-page-item{cursor:default;background:#fff;border:1px solid #e2e8f0;border-left-width:4px;border-radius:12px;align-items:flex-start;gap:14px;padding:14px 16px;transition:all .15s;display:flex;position:relative}.npi-clickable{cursor:pointer}.npi-clickable:hover{transform:translate(2px);box-shadow:0 4px 16px #00000014}.npi-leida{opacity:.55}.npi-tipo-warn{background:#fffdf0;border-left-color:#f59e0b}.npi-tipo-err{background:#fff8f8;border-left-color:#ef4444}.npi-tipo-ok{background:#f8fff9;border-left-color:#22c55e}.npi-tipo-purp{background:#fdf8ff;border-left-color:#a855f7}.npi-tipo-info{background:#f8fcff;border-left-color:#3b82f6}.npi-icon{flex-shrink:0;margin-top:2px;font-size:1.4rem}.npi-body{flex:1;min-width:0}.npi-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.npi-categoria{text-transform:uppercase;letter-spacing:.6px;color:#94a3b8;font-size:.7rem;font-weight:800}.npi-tiempo{color:#94a3b8;white-space:nowrap;flex-shrink:0;font-size:.72rem}.npi-mensaje{color:#1e293b;margin:0 0 4px;font-size:.9rem;font-weight:500;line-height:1.4}.npi-accion{color:#3b82f6;font-size:.75rem;font-weight:700}.npi-dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:6px}.notif-page-paginacion{justify-content:center;align-items:center;gap:16px;padding-top:.5rem;display:flex}.notif-pag-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .15s}.notif-pag-btn:hover:not(:disabled){color:#fff;background:#022b5e;border-color:#022b5e}.notif-pag-btn:disabled{opacity:.4;cursor:not-allowed}.notif-pag-info{color:#64748b;white-space:nowrap;font-size:.85rem}