@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;700;800;900&family=Inter:wght@300;400;500;600&display=swap);:root{--primary-orange:#004f39;--primary-orange-light:#006648;--primary-orange-dark:#003d2e;--bg-primary:#151613;--bg-secondary:#1d1d19;--bg-tertiary:#242420;--bg-surface:#151613cc;--text-primary:#fffaca;--text-secondary:#e5e5d8;--text-tertiary:#c9c9b8;--text-muted:#a8a89a;--accent-green:#004f39;--accent-red:#ef4444;--accent-blue:#3b82f6;--accent-yellow:#fffaca;--border-color:#2a2a26;--border-light:#3a3a34;--border-dark:#1d1d19;--color-primary:#004f39;--color-primary-medium:#006648;--color-card:#1d1d19;--color-border:#2a2a26;--color-text:#fffaca;--color-text-muted:#a8a89a;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009;--transition-fast:150ms ease-in-out;--transition-base:200ms ease-in-out;--transition-slow:300ms ease-in-out;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal:1000}*{margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#151613,#1d1d19);background:linear-gradient(180deg,var(--bg-primary) 0,var(--bg-secondary) 100%);color:#fffaca;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);line-height:1.5;line-height:var(--line-height-normal)}button,input,select,textarea{color:inherit;font-family:inherit;font-size:inherit}.page-container{margin:0 auto;max-width:1400px;padding:1.5rem;padding:var(--spacing-lg)}.page-header,.page-section{margin-bottom:3rem;margin-bottom:var(--spacing-2xl)}.page-header{border-bottom:1px solid #2a2a26;border-bottom:1px solid var(--border-color);padding-bottom:1.5rem;padding-bottom:var(--spacing-lg)}.page-header h1{color:#fffaca;color:var(--text-primary);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.page-header p{color:#e5e5d8;color:var(--text-secondary);font-size:1rem;font-size:var(--font-size-base);margin:0}.page-header-subtitle{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md);margin-top:1rem;margin-top:var(--spacing-md)}.page-header-subtitle span{color:#c9c9b8;color:var(--text-tertiary);font-size:.875rem;font-size:var(--font-size-sm)}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#151613cc;background:var(--bg-surface);border:1px solid #2a2a26;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);padding:1.5rem;padding:var(--spacing-lg);transition:all .2s ease-in-out;transition:all var(--transition-base)}.card:hover{border-color:#3a3a34;border-color:var(--border-light);box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md)}.card-header{border-bottom:1px solid #2a2a26;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding-bottom:1.5rem;padding-bottom:var(--spacing-lg)}.card-header h2{color:#fffaca;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.card-body{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.card-body:last-child{margin-bottom:0}.card-footer{border-top:1px solid #2a2a26;border-top:1px solid var(--border-color);display:flex;gap:1rem;gap:var(--spacing-md);justify-content:flex-end;padding-top:1.5rem;padding-top:var(--spacing-lg)}.stat-card{background:#151613cc;background:var(--bg-surface);border:1px solid #2a2a26;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);padding:1.5rem;padding:var(--spacing-lg);text-align:center;transition:all .2s ease-in-out;transition:all var(--transition-base)}.stat-card:hover{border-color:#004f39;border-color:var(--primary-orange);box-shadow:0 0 20px #f973161a}.stat-card-value{color:#004f39;color:var(--primary-orange);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.stat-card-label{color:#c9c9b8;color:var(--text-tertiary)}.btn,.stat-card-label{font-size:.875rem;font-size:var(--font-size-sm)}.btn{border-radius:.5rem;border-radius:var(--radius-md);font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--spacing-sm);justify-content:center;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:all .2s ease-in-out;transition:all var(--transition-base)}.btn-primary{background:linear-gradient(135deg,#004f39,#006648);background:linear-gradient(135deg,var(--primary-orange) 0,var(--primary-orange-light) 100%);border:1px solid #004f39;border:1px solid var(--primary-orange)}.btn-primary:hover{background:linear-gradient(135deg,#003d2e,#004f39);background:linear-gradient(135deg,var(--primary-orange-dark) 0,var(--primary-orange) 100%);box-shadow:0 10px 15px -3px #00000080;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:#242420;background:var(--bg-tertiary);border:1px solid #3a3a34;border:1px solid var(--border-light);color:#fffaca;color:var(--text-primary)}.btn-secondary:hover{background:#151613cc;background:var(--bg-surface);border-color:#004f39;border-color:var(--primary-orange)}.btn-outline,.btn-secondary:hover{color:#004f39;color:var(--primary-orange)}.btn-outline{border:1px solid #004f39;border:1px solid var(--primary-orange)}.btn-outline:hover{background:#f973161a;border-color:#006648;border-color:var(--primary-orange-light)}.btn-ghost{background:#0000;border:none;color:#e5e5d8;color:var(--text-secondary)}.btn-ghost:hover{color:#004f39;color:var(--primary-orange)}.btn-danger{background:#ef4444;background:var(--accent-red);border:1px solid #ef4444;border:1px solid var(--accent-red);color:#fff}.btn-danger:hover{background:darkred;box-shadow:0 10px 15px -3px #00000080;box-shadow:var(--shadow-lg)}.btn-success{background:#004f39;background:var(--accent-green);border:1px solid #004f39;border:1px solid var(--accent-green);color:#fff}.btn-success:hover{background:#059669;box-shadow:0 10px 15px -3px #00000080;box-shadow:var(--shadow-lg)}.btn-sm{font-size:.75rem;font-size:var(--font-size-xs);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.btn-lg{font-size:1rem;font-size:var(--font-size-base);padding:1.5rem 2rem;padding:var(--spacing-lg) var(--spacing-xl)}.btn-block{width:100%}.form-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.form-input,.form-label,.form-select,.form-textarea{color:#fffaca;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm)}.form-input,.form-select,.form-textarea{background:#0a0e2780;border:1px solid #2a2a26;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);font-family:inherit;padding:1rem;padding:var(--spacing-md);transition:all .2s ease-in-out;transition:all var(--transition-base);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#0a0e27cc;border-color:#004f39;border-color:var(--primary-orange);box-shadow:0 0 0 3px #f973161a;outline:none}.form-input::placeholder{color:#a8a89a;color:var(--text-muted)}.form-textarea{min-height:120px;resize:vertical}.table{font-size:.875rem;font-size:var(--font-size-sm)}.table thead{background:#242420;background:var(--bg-tertiary);border-bottom:1px solid #2a2a26;border-bottom:1px solid var(--border-color)}.table th{color:#fffaca;color:var(--text-primary);font-size:.75rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-align:left}.table td,.table th{padding:1rem;padding:var(--spacing-md)}.table td{border-bottom:1px solid #2a2a26;border-bottom:1px solid var(--border-color);color:#e5e5d8;color:var(--text-secondary)}.table tbody tr:hover{background:#f973160d}.badge{border-radius:.5rem;border-radius:var(--radius-md);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.badge-primary{background:#f9731633;color:#004f39;color:var(--primary-orange)}.badge-success{color:#004f39;color:var(--accent-green)}.badge-danger{color:var(--accent-red)}.badge-info{background:#3b82f633;color:#3b82f6;color:var(--accent-blue)}.badge-warning{background:#fbbf2433;color:#fffaca;color:var(--accent-yellow)}.alert{border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-lg)}.alert-success{border-color:#004f39;border-color:var(--accent-green);color:#004f39;color:var(--accent-green)}.alert-danger{background:#ef44441a;border-color:#ef4444;border-color:var(--accent-red);color:#ef4444;color:var(--accent-red)}.alert-info{background:#3b82f61a;border-color:#3b82f6;border-color:var(--accent-blue);color:#3b82f6;color:var(--accent-blue)}.alert-warning{background:#fbbf241a;border-color:#fffaca;border-color:var(--accent-yellow);color:#fffaca;color:var(--accent-yellow)}.grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{grid-template-columns:1fr}}@media (max-width:480px){.grid-4{grid-template-columns:1fr}}.flex{gap:1rem;gap:var(--spacing-md)}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md)}.flex-between{justify-content:space-between}.mt-xs{margin-top:.25rem;margin-top:var(--spacing-xs)}.mt-sm{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-md{margin-top:1rem;margin-top:var(--spacing-md)}.mt-lg{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mt-xl{margin-top:2rem;margin-top:var(--spacing-xl)}.mt-2xl{margin-top:3rem;margin-top:var(--spacing-2xl)}.mb-xs{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:3rem;margin-bottom:var(--spacing-2xl)}.px-md{padding-left:1rem;padding-left:var(--spacing-md);padding-right:1rem;padding-right:var(--spacing-md)}.px-lg{padding-left:1.5rem;padding-left:var(--spacing-lg);padding-right:1.5rem;padding-right:var(--spacing-lg)}.py-md{padding-bottom:1rem;padding-bottom:var(--spacing-md);padding-top:1rem;padding-top:var(--spacing-md)}.py-lg{padding-bottom:1.5rem;padding-bottom:var(--spacing-lg);padding-top:1.5rem;padding-top:var(--spacing-lg)}.text-muted{color:#c9c9b8;color:var(--text-tertiary)}.text-secondary{color:#e5e5d8;color:var(--text-secondary)}.text-primary{color:#004f39;color:var(--primary-orange)}.text-sm{font-size:.875rem;font-size:var(--font-size-sm)}.text-base{font-size:1rem;font-size:var(--font-size-base)}.text-lg{font-size:1.125rem;font-size:var(--font-size-lg)}.text-xl{font-size:1.25rem;font-size:var(--font-size-xl)}.text-2xl{font-size:1.5rem;font-size:var(--font-size-2xl)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}@media (max-width:768px){.hide-mobile{display:none}.page-container{padding:1rem;padding:var(--spacing-md)}.page-header h1{font-size:1.5rem;font-size:var(--font-size-2xl)}.table-container,.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.flex-between,.page-header{flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm)}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{grid-template-columns:1fr}.stat-card{padding:1rem;padding:var(--spacing-md)}.stat-card-value{font-size:1.5rem;font-size:var(--font-size-2xl)}}@media (max-width:480px){.hide-mobile{display:none}.page-container{padding:.5rem;padding:var(--spacing-sm)}.page-header h1{font-size:1.25rem;font-size:var(--font-size-xl)}.card{padding:1rem;padding:var(--spacing-md)}.btn{padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.flex-between{gap:.5rem;gap:var(--spacing-sm)}.flex,.flex-between{flex-wrap:wrap}}.text-success{color:#004f39;color:var(--accent-green)}.text-danger{color:var(--accent-red)}.text-info{color:var(--accent-blue)}.text-warning{color:#fffaca;color:var(--accent-yellow)}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0;width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--orange:#ff8c42;--orange-dim:#ff8c422e;--orange-glow:#ff8c4259;--bg:#080810;--card:#12121ceb;--border:#ff8c422e;--border-hi:#ff8c4273;--txt:#f0f0f8;--txt-muted:#ff8c42;--input-bg:#ffffff0a;--input-border:#ffffff1a;--error:#ef4444;--error-light:#fca5a5;--success:#22c55e;--success-light:#86efac;--warning-light:#fcd34d;--radius:14px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.login-page{align-items:center;background:#080810;background:var(--bg);display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;min-height:100dvh;overflow-x:hidden;padding:20px}.login-container{background:linear-gradient(160deg,#0a0a14,#0e0a18);border-radius:32px;box-shadow:0 25px 60px #00000080;display:grid;grid-template-columns:1fr 1fr;max-width:1400px;overflow:hidden;width:100%}.login-left{align-items:center;background:linear-gradient(160deg,#0f0f1e,#0a0a16 60%,#0c0814);display:flex;flex-direction:column;gap:clamp(24px,4vh,40px);justify-content:center;overflow:hidden;padding:clamp(32px,5vh,56px) clamp(24px,4vw,48px);position:relative}.login-left:before{animation:blobFloat 12s ease-in-out infinite;background:radial-gradient(circle,#ff8c421f 0,#0000 70%);height:560px;left:-180px;top:-180px;width:560px}.login-left:after{animation:blobFloat 15s ease-in-out infinite reverse;background:radial-gradient(circle,#ff8c4214 0,#0000 70%);bottom:-160px;height:480px;right:-160px;width:480px}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,40px) scale(1.06)}66%{transform:translate(-20px,20px) scale(.96)}}.color-ring{inset:0;pointer-events:none;position:absolute;transition:background 1.8s cubic-bezier(.4,0,.2,1);will-change:background}.logo-carousel{align-items:center;animation:scaleInLogo 1.2s cubic-bezier(.34,1.56,.64,1) .1s both;border-radius:50%;display:flex;height:clamp(140px,15vw,200px);justify-content:center;position:relative;width:clamp(140px,15vw,200px);z-index:2}@keyframes scaleInLogo{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.logo-carousel:before{animation:conicSpin 8s linear infinite;background:conic-gradient(from 0deg,#ff8c42,#ff8c42,#ff8c42,#ff8c42,#ff8c42);background:conic-gradient(from 0deg,var(--orange),#ff8c42,var(--orange),#ff8c42,var(--orange));border-radius:50%;content:"";filter:blur(16px);inset:-20px;opacity:.25;position:absolute;transition:opacity 1s cubic-bezier(.4,0,.2,1)}@keyframes conicSpin{to{transform:rotate(1turn)}}.animated-logo{height:88%;object-fit:contain;position:relative;transition:opacity 1s cubic-bezier(.4,0,.2,1),filter 1.5s cubic-bezier(.4,0,.2,1),transform 1s cubic-bezier(.34,1.56,.64,1);width:88%;will-change:opacity,filter,transform;z-index:1}.logo-wordmark{animation:fadeInWordmark 1.2s cubic-bezier(.4,0,.2,1) .3s both;text-align:center;z-index:2}@keyframes fadeInWordmark{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.logo-wordmark .brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ff8c42 40%,#ff8c42);background:linear-gradient(135deg,#fff 0,var(--orange) 40%,var(--orange) 100%);-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:clamp(38px,5vw,56px);font-weight:900;letter-spacing:-2px;line-height:1;position:relative;transition:all 1s cubic-bezier(.34,1.56,.64,1);will-change:transform}.logo-wordmark .brand-name:after{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff8c42,#ff8c42);background:linear-gradient(135deg,var(--orange),var(--orange));-webkit-background-clip:text;background-clip:text;content:attr(data-text);filter:blur(20px);inset:0;opacity:.45;position:absolute;transition:opacity 1s cubic-bezier(.4,0,.2,1)}.logo-wordmark .brand-tagline{color:#ff8c42;color:var(--txt-muted);font-family:Inter,sans-serif;font-size:12px;font-weight:500;letter-spacing:.5px;margin-top:4px;transition:all 1s cubic-bezier(.34,1.56,.64,1);will-change:opacity,transform}.feature-list{display:flex;flex-direction:column;gap:12px;max-width:260px;width:100%;z-index:2}@keyframes fadeInFeatures{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.feature-item{align-items:center;color:#fff;cursor:default;display:flex;font-size:13px;gap:12px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideInFeature{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.feature-item:hover{color:#ff8c42;color:var(--orange);transform:translateX(8px)}.feature-icon-wrap{align-items:center;background:#ff8c4214;border:1px solid #ff8c4226;border-radius:8px;color:#ff8c42;color:var(--orange);display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:32px}.feature-item:hover .feature-icon-wrap{background:#ff8c422e;border-color:#ff8c4266;transform:scale(1.1) rotate(5deg)}.value-proposition{max-height:240px;overflow:hidden;padding:0;text-align:center;z-index:2}.value-proposition,.vp-slide{display:flex;flex-direction:column;justify-content:center;width:100%}.vp-slide{gap:10px;height:100%}.vp-slide-problem{gap:16px}.vp-problem-question{animation:slideInFeature .8s cubic-bezier(.34,1.56,.64,1) .2s both;color:#fff;font-size:12px;font-weight:700;letter-spacing:-.3px;line-height:1.3;text-transform:uppercase;white-space:pre-line}.vp-problem-answer{-webkit-text-fill-color:#0000;animation:slideInFeature .8s cubic-bezier(.34,1.56,.64,1) .4s both;background:linear-gradient(135deg,#ff8c42,#ffb088);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:900;line-height:1.3}.vp-slide-features{gap:10px}.vp-features-title{animation:slideInFeature .8s cubic-bezier(.34,1.56,.64,1) .1s both;color:#aaa;font-size:20px;font-weight:900;letter-spacing:.4px;text-transform:uppercase}.vp-features-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr 1fr}.vp-features-item{background:#ff8c4214;border:1px solid #ff8c4233;border-radius:6px;color:#fff;font-size:10px;font-weight:700;padding:8px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.vp-features-item:hover{background:#ff8c4224;border-color:#ff8c4266;transform:translateY(-2px)}.vp-slide-ctas{gap:7px}.vp-ctas-buttons{display:flex;flex-direction:column;gap:7px}.vp-cta-btn{border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:800;letter-spacing:.6px;padding:9px 14px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.vp-cta-primary{background:linear-gradient(135deg,#ff8c42,#ffb088);box-shadow:0 4px 16px #ff8c4259;color:#fff}.vp-cta-primary:hover{box-shadow:0 6px 20px #ff8c4266;transform:translateY(-2px)}.vp-cta-secondary{background:#ff8c421a;border:1.5px solid #ff8c4259;color:#ff8c42}.vp-cta-secondary:hover{background:#ff8c422e;border-color:#ff8c428c;transform:translateY(-2px)}.vp-ctas-subtext{animation:slideInFeature .8s cubic-bezier(.34,1.56,.64,1) .7s both;color:#888;font-size:8px}.vp-ctas-benefits{grid-gap:5px;background:#ff8c420d;border:1px solid #ff8c421f;border-radius:6px;display:grid;gap:5px;grid-template-columns:1fr 1fr;padding:7px}.vp-ctas-benefit{color:#ccc;font-size:8.5px;line-height:1.3}.vp-ctas-qr{align-items:center;background:#0000004d;border:1px solid #ff8c4226;border-radius:6px;display:flex;flex-direction:column;gap:5px;padding:8px 4px}.vp-qr-img{background:#fff;border-radius:6px;box-shadow:0 4px 12px #0006;height:70px;padding:3px;width:70px}.vp-qr-info{text-align:center}.vp-qr-label{color:#ff8c42;font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.vp-qr-action{color:#aaa;font-size:8px;line-height:1.1;margin-top:1px}.vp-slide-faq{gap:8px}.vp-faq-title{animation:slideInFeature .8s cubic-bezier(.34,1.56,.64,1) .1s both;color:#aaa;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.vp-faq-items{display:flex;flex-direction:column;gap:6px}.vp-faq-item{background:#ff8c420f;border:1px solid #ff8c421f;border-radius:6px;padding:11px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.vp-faq-item:hover{background:#ff8c421a;border-color:#ff8c4233}.vp-faq-question{color:#ff8c42;font-size:9px;font-weight:700;line-height:1.3;margin-bottom:3px}.vp-faq-answer{color:#ccc;font-size:9px;line-height:1.4}.color-indicators{display:flex;gap:10px;margin-top:8px;z-index:2}.color-dot{border:2px solid #0000;border-radius:50%;cursor:pointer;height:8px;transition:transform .3s,border-color .3s,box-shadow .3s;width:8px}.color-dot,.color-dot:nth-child(2),.color-dot:nth-child(3),.color-dot:nth-child(4){background-color:#ff8c42}.color-dot.active{border-color:#fff;transform:scale(1.35)}.login-right{align-items:center;background:linear-gradient(160deg,#0a0a14,#0e0a18);display:flex;flex-direction:column;justify-content:center;max-height:100vh;overflow-y:auto;padding:clamp(24px,4vh,40px) clamp(20px,3vw,32px);scrollbar-color:#ff8c42 #ffffff0a;scrollbar-width:thin}.login-right::-webkit-scrollbar{width:5px}.login-right::-webkit-scrollbar-track{background:#ffffff08}.login-right::-webkit-scrollbar-thumb{background:#ff8c42;border-radius:99px}.login-right-inner{margin:0 auto;max-width:460px;width:100%}.form-container{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#12121ceb;background:var(--card);border:1px solid #ff8c422e;border:1px solid var(--border);border-radius:24px;box-shadow:inset 0 0 0 1px #ffffff08,0 8px 40px #0009,0 0 60px #ff8c4214;isolation:isolate;overflow:hidden;position:relative;width:100%}.form-container:before{background:linear-gradient(90deg,#0000,#ff8c4299,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.form-tabs{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1fr;padding:0}.form-tabs,.tab{background:#0000;margin:0}.tab{color:#fff!important;font-family:Syne,sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;padding:14px 16px;position:relative;text-transform:uppercase;transition:all .3s ease}.tab:not(.active){background:#0000!important;color:#fff!important}.tab:hover{background:#ff8c4226;color:#ff8c42!important;color:var(--orange)!important}.tab:first-child.active{border-radius:24px 0 0 0!important}.tab:first-child.active,.tab:last-child.active{background:#ff8c42!important;background:var(--orange)!important;color:#fff!important}.tab:last-child.active{border-radius:0 24px 0 0!important}.tab.active:after{background:#fff!important;border-radius:0;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.tab:first-child.active:after,.tab:last-child.active:after{left:50%;transform:translateX(-50%)}.form-tabs:after,.form-tabs:before,.tab:before,.tab:not(.active):after{display:none!important}.auth-form{animation:formSlideUp .4s ease both;padding:clamp(20px,3vh,28px) clamp(20px,3vw,28px)}@keyframes formSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-form .form-title,.auth-form h3{color:#fff;font-family:Syne,sans-serif;font-size:clamp(18px,2vw,20px);font-weight:900;letter-spacing:-.3px;margin-bottom:24px;text-align:center}.grid-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.input-with-icon{display:block;position:relative;width:100%}.input-icon{align-items:center;color:#ff8c42;color:var(--txt-muted);display:flex;height:16px;justify-content:center;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s ease;width:16px;z-index:2}.input-with-icon input{background:#ffffff0a;background:var(--input-bg);padding:12px 14px 12px 44px!important}.input-with-icon input,.input-with-icon select{border:1px solid #ffffff1a;border:1px solid var(--input-border);border-radius:10px;box-sizing:border-box;color:#f0f0f8;color:var(--txt);font-family:Inter,sans-serif;font-size:13px;position:relative;transition:all .25s ease;width:100%;z-index:1}.input-with-icon select{appearance:none;background-color:#ffffff0d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:14px;cursor:pointer;padding:12px 36px 12px 44px!important}.input-with-icon select option{background-color:#1f1f2a;color:#e0e0e8;padding:10px}.input-with-icon select option:checked{background-color:#ff8c42;color:#fff}.input-with-icon select option:hover{background-color:#ff8c424d}.input-with-icon input::placeholder,.input-with-icon select::placeholder{color:#ffffff73;font-size:12px}.input-with-icon input:focus,.input-with-icon select:focus{background:#ff8c420f;border-color:#ff8c4280;box-shadow:0 0 0 3px #ff8c421f;outline:none}.input-with-icon input:focus+.input-icon,.input-with-icon select:focus+.input-icon{color:#ff8c42;color:var(--orange)}.input-with-icon input:disabled,.input-with-icon select:disabled{cursor:not-allowed;opacity:.5}.form-group label{align-items:center;color:#fff!important;display:flex;font-weight:800;gap:8px;letter-spacing:.6px}.form-group label svg{color:#ff8c42;color:var(--orange)}.password-input{display:block;position:relative;width:100%}.password-input input{background:#ffffff0a;background:var(--input-bg);border:1px solid #ffffff1a;border:1px solid var(--input-border);border-radius:10px;box-sizing:border-box;color:#f0f0f8;color:var(--txt);font-family:Inter,sans-serif;font-size:13px;padding:12px 48px 12px 14px;transition:all .25s ease;width:100%}.password-input input:focus{background:#ff8c420f;border-color:#ff8c4280;box-shadow:0 0 0 3px #ff8c421f;outline:none}.password-toggle{align-items:center;background:#0000;border:none;border-radius:8px;color:#ff8c42;color:var(--txt-muted);cursor:pointer;display:flex;height:32px;justify-content:center;margin:0;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s ease;width:32px;z-index:2}.password-toggle:hover{background:#ff8c421a;color:#ff8c42;color:var(--orange)}.password-toggle svg{display:block;height:18px;pointer-events:none;width:18px}.alert{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:14px 16px}.alert-error{background:#ef444426}.alert-success{background:#22c55e26;border-color:#22c55e;color:#86efac}.alert-info{background:#f59e0b26;border-color:#f59e0b;color:#fcd34d}.input-error{border-color:#ef4444!important;box-shadow:0 0 0 2px #ef444433!important}.input-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44444d!important}.check-row{align-items:center;display:flex;gap:10px;margin-bottom:20px}.check-row input[type=checkbox]{accent-color:#ff8c42;accent-color:var(--orange);cursor:pointer;height:16px;width:16px}.check-row label{color:#ff8c42;color:var(--txt-muted);-webkit-user-select:none;user-select:none}.btn-submit,.check-row label{cursor:pointer;font-size:12px}.btn-submit{align-items:center;background:linear-gradient(135deg,#ff9d55,#ff8c42,#e87030);background:linear-gradient(135deg,#ff9d55,var(--orange),#e87030);background-size:200%;border:none;border-radius:10px;color:#fff;display:flex;font-family:Syne,sans-serif;font-weight:700;gap:8px;justify-content:center;letter-spacing:.7px;margin-top:8px;overflow:hidden;padding:12px 18px;position:relative;text-transform:uppercase;transition:all .25s ease;width:100%}.btn-submit:after{background:linear-gradient(90deg,#0000,#ffffff26 50%,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .5s ease}.btn-submit:hover:not(:disabled):after{transform:translateX(100%)}.btn-submit:hover:not(:disabled){box-shadow:0 8px 28px #ff8c4273,0 0 40px #ff8c4233;transform:translateY(-2px)}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{cursor:not-allowed;opacity:.55}.btn-secondary{background:#ff8c4214;border:1px solid #ff8c4240;color:#ff8c42;color:var(--orange);display:flex;flex:1 1;font-family:Syne,sans-serif;font-size:12px;gap:8px;justify-content:center;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase;transition:all .25s ease}.btn-secondary:hover{background:#ff8c4229;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.register-progress{gap:8px;margin-bottom:28px}.progress-step,.register-progress{align-items:center;display:flex;justify-content:center}.progress-step{border-radius:50%;flex-shrink:0;font-family:Syne,sans-serif;font-size:14px;font-weight:800;height:38px;transition:all .4s ease;width:38px}.progress-step.active,.progress-step.done{background:#ff8c42;background:var(--orange);color:#fff}.progress-step.active{box-shadow:0 0 20px #ff8c4259;box-shadow:0 0 20px var(--orange-glow);transform:scale(1.08)}.progress-step.idle{background:#ffffff12;color:#ff8c42;color:var(--txt-muted)}.progress-connector{flex-shrink:0;height:2px;transition:background .5s ease;width:50px}.progress-connector.done{background:#ff8c42;background:var(--orange)}.progress-connector.idle{background:#ffffff1a}.step-content{animation:formSlideUp .3s ease both;min-height:auto}.step-content .form-group{margin-bottom:18px}.step-content .grid-2{margin-bottom:4px}.step-content .alert{margin:16px 0}.step-buttons{display:flex;gap:12px;margin-top:24px}.step-buttons .btn-submit{flex:1 1;margin-top:0}.step-buttons .btn-secondary{flex:1 1}.hint-error{color:#ff6b6b;display:block;font-size:11px;margin-top:6px}.business-selector-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:left;transition:all .25s ease;width:100%}.business-selector-btn:hover{background:#ff8c4214;border-color:#ff8c42;transform:translateX(4px)}.business-selector-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.business-selector-avatar{align-items:center;background:linear-gradient(135deg,#ff8c42,#e06420);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:42px;justify-content:center;width:42px}.business-selector-name{color:#fff;font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.business-selector-type{color:#888;font-size:.75rem;margin-top:2px}.business-selector-arrow{color:#ff8c42;flex-shrink:0;transition:transform .25s ease}.business-selector-btn:hover .business-selector-arrow{transform:translateX(4px)}.back-to-login-btn{background:none;border:none;color:#888;cursor:pointer;display:block;font-size:.8rem;margin-top:20px;text-align:center;transition:color .2s;width:100%}.back-to-login-btn:hover{color:#ff8c42}@media (max-width:1024px){.login-container{grid-template-columns:1fr;max-width:550px}.login-left{gap:16px;padding:28px 24px}.logo-carousel{height:90px;width:90px}.logo-carousel:before{inset:-12px}.logo-wordmark .brand-name{font-size:32px}.color-indicators,.feature-list{display:none}.login-right{max-height:none;padding:20px}.login-right-inner{max-width:100%}}@media (max-width:640px){.login-page{padding:12px}.login-container{border-radius:20px;max-width:100%}.login-left{align-items:center;background:#0003;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:12px;justify-content:flex-start;overflow-x:auto;padding:12px 16px}.logo-carousel{flex-shrink:0;height:60px!important;margin:0;width:60px!important}.logo-carousel:before{display:none}.animated-logo{height:100%;width:100%}.logo-wordmark{align-items:baseline;display:flex;flex-direction:row!important;flex-shrink:0;flex-wrap:nowrap;gap:8px;text-align:left}.logo-wordmark .brand-name{display:inline-block;font-size:18px!important;letter-spacing:-.5px;white-space:nowrap}.logo-wordmark .brand-tagline{color:#ff8c42;display:inline-block;font-size:9px!important;margin-top:0;white-space:nowrap}.color-indicators,.feature-list{display:none}.login-right{padding:16px 12px}.auth-form{padding:16px}.auth-form .form-title,.auth-form h3{font-size:15px;margin-bottom:16px}.tab{font-size:10px;padding:10px 8px}.form-container{border-radius:16px}.input-icon{height:14px;left:12px;width:14px}.input-with-icon input,.input-with-icon select{font-size:12px;padding:10px 12px 10px 40px!important}.input-with-icon select{background-position:right 12px center;background-size:12px;padding-right:32px!important}.password-input input{font-size:12px;padding:10px 40px 10px 12px}.password-toggle{height:28px;right:8px;width:28px}.password-toggle svg{height:15px;width:15px}.btn-secondary,.btn-submit{font-size:11px;padding:10px 14px}.register-progress{gap:6px;margin-bottom:20px}.progress-step{font-size:12px;height:32px;width:32px}.progress-connector{width:30px}.step-buttons{flex-direction:row;gap:10px;margin-top:20px}.alert{font-size:12px;padding:10px 12px}}@media (max-width:480px){.login-left{gap:10px;padding:10px 12px}.logo-carousel{height:50px!important;width:50px!important}.logo-wordmark .brand-name{font-size:16px!important}.logo-wordmark .brand-tagline{font-size:8px!important}.auth-form{padding:14px}.grid-2{gap:0;grid-template-columns:1fr}.register-progress{gap:4px;margin-bottom:16px}.progress-step{font-size:10px;height:28px;width:28px}.progress-connector{width:20px}.step-buttons{flex-direction:column;gap:10px}.step-buttons .btn-secondary,.step-buttons .btn-submit{width:100%}.business-selector-btn{gap:10px;padding:8px 12px}.business-selector-avatar{font-size:14px;height:30px;width:30px}.business-selector-name{font-size:.8rem}}@media (max-height:600px) and (max-width:1024px){.login-left{gap:8px;padding:10px 16px}.logo-carousel{height:40px;width:40px}.logo-carousel:before{inset:-8px}.logo-wordmark .brand-name{font-size:20px}.logo-wordmark .brand-tagline{font-size:8px}.feature-list{display:none}.register-progress{margin-bottom:12px}.step-content .form-group{margin-bottom:10px}}button:focus,input:focus,select:focus,textarea:focus{box-shadow:none!important}select option{background-color:#1a1a2e!important;color:#fff!important}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #1a1a2e!important;caret-color:#ff8c42!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}input:-moz-autofill{background-color:#1a1a2e!important;color:#fff!important}button:focus,input:focus,select:focus,textarea:focus{outline:none!important}input,select,textarea{font-size:16px!important}.saas-footer{-webkit-font-smoothing:antialiased;align-items:center;box-sizing:border-box;display:flex;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;gap:16px;justify-content:space-between;padding:11px 24px;width:100%}.saas-footer--dark{background:#0000;border-top:1px solid #ffffff0f}.saas-footer--light{background:#0000;border-top:1px solid #00000014}.saas-footer__brand{align-items:center;display:flex;flex-shrink:0;gap:10px}.saas-footer__logo{font-size:13px;font-weight:800;letter-spacing:-.3px;line-height:1}.saas-footer__logo-id{color:#fff}.saas-footer--light .saas-footer__logo-id{color:#1a1a2e}.saas-footer__logo-on{color:#ff8c42}.saas-footer__version{background:#ffffff0f;border-radius:20px;color:#ffffff38;font-size:10px;font-weight:600;letter-spacing:.3px;padding:2px 7px}.saas-footer--light .saas-footer__version{background:#0000000d;color:#0000004d}.saas-footer__divider{background:#ffffff1a;flex-shrink:0;height:12px;width:1px}.saas-footer--light .saas-footer__divider{background:#0000001f}.saas-footer__copy{color:#ffffff4d;font-size:11px;letter-spacing:.2px;white-space:nowrap}.saas-footer--light .saas-footer__copy{color:#0006}.saas-footer__links{align-items:center;display:flex;flex-shrink:0;gap:8px}.saas-footer__sep{color:#ffffff1f;font-size:11px;-webkit-user-select:none;user-select:none}.saas-footer--light .saas-footer__sep{color:#00000026}.saas-footer__link{align-items:center;background:none;border:none;color:#ffffff4d;cursor:pointer;display:flex;font-family:inherit;font-size:11px;gap:4px;padding:0;text-decoration:none;transition:color .15s ease;white-space:nowrap}.saas-footer--light .saas-footer__link{color:#0006}.saas-footer__link:hover{color:#ffffffbf}.saas-footer--light .saas-footer__link:hover{color:#000000bf}.saas-footer__wa-dot{background:#25d366;border-radius:50%;box-shadow:0 0 5px #25d3668c;flex-shrink:0;height:6px;width:6px}.saas-footer__link--whatsapp:hover{color:#25d366!important}@media (max-width:640px){.saas-footer{flex-direction:column;gap:8px;padding:12px 16px}.saas-footer__brand{justify-content:center}.saas-footer__copy{display:none}.saas-footer__links{justify-content:center}}:root{--pt-orange:#ff8c42;--pt-orange-dark:#e87530;--pt-orange-light:#ffaa6e;--pt-orange-soft:#ff8c421a;--pt-bg-primary:#111;--pt-bg-secondary:#1a1a1a;--pt-bg-tertiary:#252525;--pt-border:#222;--pt-border-light:#333;--pt-text-primary:#fff;--pt-text-secondary:#e0e0e0;--pt-text-muted:#94a3b8;--pt-text-dim:#64748b;--pt-shadow:0 10px 30px #0006;--pt-transition:0.2s cubic-bezier(0.4,0,0.2,1)}.page-template{background:#0000;border:0;box-shadow:none;box-sizing:border-box;min-height:calc(100vh - 80px);padding:0 16px 14px;width:100%}.page-template-header{align-items:center;background:linear-gradient(135deg,#ff8c4214,#0000);border-bottom:2px solid #222;border-bottom:2px solid var(--pt-border);border-radius:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin:0 0 4px;padding:4px 0;position:relative}.page-template-header:after{animation:slideRight .8s ease-out forwards;background:linear-gradient(90deg,#ff8c42,#0000);background:linear-gradient(90deg,var(--pt-orange),#0000);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:0}@keyframes slideRight{to{width:80px}}.page-template-header-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.page-template-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.page-template-title{color:#fff;color:var(--pt-text-primary);font-size:20px;font-weight:700;letter-spacing:-.5px;margin:0}.page-template-subtitle{color:#94a3b8;color:var(--pt-text-muted);font-size:12px;font-weight:400;letter-spacing:.3px;margin:0}.page-template-content{grid-gap:12px;display:grid;gap:12px}.card{background:#1a1a1a;background:var(--pt-bg-secondary);border:1px solid #222;border:1px solid var(--pt-border);border-radius:8px;color:#e0e0e0;color:var(--pt-text-secondary);padding:20px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--pt-transition)}.card:hover{background:#ff8c420d;border-color:#333;border-color:var(--pt-border-light);box-shadow:0 4px 20px #ff8c4226}.card-header{border-bottom:1px solid #222;border-bottom:1px solid var(--pt-border);margin-bottom:16px;padding-bottom:12px}.card-header h3,.card-header h4{color:#fff;color:var(--pt-text-primary);font-size:16px;font-weight:600;margin:0}.card-body{display:flex;flex-direction:column;gap:16px}.table{background:#1a1a1a;background:var(--pt-bg-secondary);border:1px solid #222;border:1px solid var(--pt-border);border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.table thead{background:#ff8c420d;border-bottom:2px solid #222;border-bottom:2px solid var(--pt-border)}.table th{color:#ff8c42;color:var(--pt-orange);font-size:11px;font-weight:600;letter-spacing:.8px;padding:14px 16px;text-transform:uppercase}.table td{border-bottom:1px solid #222;border-bottom:1px solid var(--pt-border);color:#e0e0e0;color:var(--pt-text-secondary);padding:12px 16px}.table tbody tr:hover{background:#ff8c4214}.page-template-loading{align-items:center;background:#1a1a1a;background:var(--pt-bg-secondary);border:1px solid #222;border:1px solid var(--pt-border);border-radius:8px;display:flex;flex-direction:column;gap:16px;justify-content:center;margin-bottom:16px;padding:48px 24px;text-align:center}.page-template-spinner{animation:spin .8s linear infinite;border:3px solid #222;border-top-color:#ff8c42;border:3px solid var(--pt-border);border-radius:50%;border-top-color:var(--pt-orange);display:inline-block;height:40px;width:40px}.page-template-loading p{color:#94a3b8;color:var(--pt-text-muted);font-size:14px;margin:0}.page-template-error{align-items:center;background:linear-gradient(135deg,#ef44441a,#0000);border:1px solid #ef44444d;border-left:4px solid #ef4444;border-radius:8px;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;padding:16px 20px}.page-template-error-content{align-items:center;display:flex;flex:1 1;gap:12px}.page-template-error-icon{color:#ef4444;flex-shrink:0;font-size:24px}.page-template-error-title{color:#fff;color:var(--pt-text-primary);font-size:14px;font-weight:600;margin:0 0 4px}.page-template-error-message{color:#94a3b8;color:var(--pt-text-muted);font-size:13px;margin:0}.page-template-error-retry{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--pt-transition);white-space:nowrap}.page-template-error-retry:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}@media (max-width:1024px){.page-template{padding:8px 14px 14px}.page-template-title{font-size:18px}.page-template-header{margin:0 0 10px;padding:6px 0}}@media (max-width:768px){.page-template{padding:8px 12px 12px}.page-template-header{align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px}.page-template-title{font-size:16px}.page-template-subtitle{font-size:11px}.page-template-content{gap:10px}.page-template-error{align-items:flex-start;flex-direction:column}.page-template-error-retry{justify-content:center;width:100%}.table td,.table th{font-size:12px;padding:10px 12px}}.pos-retail-template,.pos-retail-template .page-template-content{display:flex;flex-direction:column;min-height:0}.pos-retail-template .page-template-content{flex:1 1;gap:0}@media (max-width:480px){.page-template{padding:6px 10px 10px}.page-template-title{font-size:16px}.page-template-subtitle{font-size:11px}.card{padding:14px}.table{font-size:12px}}.admin-dashboard-container{margin:0 auto;max-width:1400px;width:100%}.admin-refresh-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f9731626,#f973160d);border:1px solid #f9731666;border-radius:10px;color:#f97316;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.3px;padding:8px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#f9731640,#f9731626);border-color:#f97316;box-shadow:0 4px 12px #f9731633;color:#fb923c;transform:translateY(-2px)}.admin-refresh-btn:active:not(:disabled){transform:translateY(0)}.admin-refresh-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.admin-stats-grid{grid-gap:18px;gap:18px;margin-bottom:39px}.admin-stat-card{align-items:center;background:#18181b;border:1.5px solid #26272b;border-radius:16px;box-shadow:0 2px 12px #22222226;display:flex;flex-direction:row;gap:18px;min-width:0;padding:30px 20px 18px;transition:border .17s,box-shadow .18s}.admin-stat-card:hover{border-color:#f97316;box-shadow:0 4px 20px #f9731626}.admin-stat-icon{align-items:center;border-radius:15px;display:flex;font-size:27px;height:52px;justify-content:center;width:52px}.admin-stat-content{flex:1 1}.admin-stat-value{font-size:2rem;line-height:1.05;margin:8px 0 2px}.admin-stat-label{color:#edeef7;font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:5px}.admin-section-card{background:#18181b;border:1.5px solid #26272b;border-radius:14px;box-shadow:0 2px 8px #08080820;margin-bottom:28px;margin-top:0;padding:26px 24px 21px}.admin-section-header{border-bottom:1px solid #ffffff14;margin-bottom:18px;padding-bottom:12px}.admin-section-header h3{color:#fff8b3;font-size:18px;font-weight:800;letter-spacing:.3px;margin-bottom:0}.admin-actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-top:4px}@media (max-width:768px){.admin-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.admin-actions-grid{grid-template-columns:1fr}}.admin-action-btn{align-items:center;background:#222123;border:1.5px solid #494646;border-radius:8px;color:#fff6c6;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:.9rem;font-weight:500;gap:12px;justify-content:center;padding:8px 16px;text-align:center;transition:all .2s ease}.admin-action-btn svg{height:28px;transition:transform .2s ease;width:28px}.admin-action-btn:hover{background:#10b981;border-color:#10b981;box-shadow:0 4px 12px #10b98133;color:#fff;transform:translateY(-2px)}.admin-action-btn:hover svg{transform:scale(1.05)}.admin-action-btn:active{transform:translateY(0)}.admin-action-label{font-size:13px;font-weight:600}.admin-activity-list{min-height:200px}.admin-empty-state{align-items:center;color:#ffffff80;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.admin-empty-state svg{margin-bottom:16px;opacity:.5}.admin-empty-state p{color:#ffffffb3;font-size:16px;font-weight:500;margin-bottom:8px}.admin-empty-state span{font-size:13px}.admin-activity-item{align-items:flex-start;border-bottom:1px solid #ffffff0f;display:flex;gap:14px;padding:14px 0}.admin-activity-item:last-child{border-bottom:none}.admin-activity-icon{align-items:center;background:#10b98126;border-radius:10px;color:#10b981;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.admin-activity-content{flex:1 1}.admin-activity-description{color:#edeef7;font-size:14px;line-height:1.4;margin-bottom:4px}.admin-activity-time{color:#fff6;font-size:11px}.admin-loading{background:#0000;color:#fff9;flex-direction:column;min-height:420px}.admin-error-content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;text-align:center}.admin-error-content p{color:#ef4444;font-size:14px;margin-bottom:20px}.admin-retry-btn{align-items:center;background:#222123;border:1.5px solid #ef44444d;border-radius:10px;color:#f87171;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:8px 18px;transition:all .2s ease}.admin-retry-btn:hover{background:#ef444433;border-color:#ef4444;box-shadow:0 4px 12px #ef444426;transform:translateY(-2px)}@media (max-width:1120px){.admin-stats-grid{gap:16px;grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-stat-card{padding:20px 16px}.admin-stat-icon{font-size:22px;height:44px;width:44px}.admin-stat-value{font-size:1.5rem}.admin-section-card{padding:20px 16px}.admin-section-header h3{font-size:16px}.admin-action-btn{padding:12px}.admin-action-btn svg{height:22px;width:22px}.admin-action-label{font-size:12px}.admin-refresh-btn span{display:none}.admin-refresh-btn{padding:8px 12px}}@media (max-width:550px){.admin-stats-grid{gap:14px;grid-template-columns:1fr}.admin-stat-card{padding:16px}.admin-stat-icon{font-size:20px;height:40px;width:40px}.admin-stat-value{font-size:1.25rem}.admin-stat-label{font-size:11px}.admin-section-card{padding:16px}.admin-actions-grid{gap:12px}.admin-action-btn{padding:10px 12px}.admin-action-btn svg{height:20px;width:20px}.admin-action-label{font-size:11px}}.admin-dashboard-container::-webkit-scrollbar{height:8px;width:8px}.admin-dashboard-container::-webkit-scrollbar-track{background:#1f1f23;border-radius:4px}.admin-dashboard-container::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:4px}.admin-dashboard-container::-webkit-scrollbar-thumb:hover{background:#52525b}.app-layout{background:linear-gradient(180deg,var(--bg-primary) 0,var(--bg-secondary) 100%);color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh}.main-content{background:#0000;box-sizing:border-box;flex:1 1;min-height:100vh;padding:var(--spacing-lg);transition:margin-left var(--transition-base)}@supports selector(.main-content:has(.login-page)){.main-content:has(.login-page){background:#0000;min-height:auto;padding:0!important}}.main-content.fullscreen-page{background:#0000;min-height:auto;padding:0!important}@media (max-width:900px){.main-content{margin-left:0!important;padding:var(--spacing-md)}@supports selector(.main-content:has(.login-page)){.main-content:has(.login-page){padding:0!important}}.main-content.fullscreen-page{padding:0!important}}@media (max-width:480px){.main-content{padding:var(--spacing-sm)}}.global-toast{border-radius:10px;box-shadow:0 8px 20px #00000040;color:#fff;font-weight:600;min-width:220px;padding:12px 18px;position:fixed;right:16px;top:16px;transition:opacity .3s ease;z-index:9999}.global-toast-info{background:#0f62fe}.global-toast-warn{background:#ffb020}.global-toast-error{background:#da1e28}.global-toast-success{background:#2d9d78}:root{--sb-width:260px;--sb-collapsed:72px;--sb-orange:#f97316;--sb-orange-dark:#ea580c;--sb-red:#ef4444;--sb-red-dark:#dc2626;--sb-bg:#0a0a0f;--sb-bg-secondary:#0f0f17;--sb-border:#1a1a2a;--sb-accent-soft:#f973161a;--sb-accent-active:#f9731626;--sb-text:#9ca3af;--sb-text-strong:#fff;--sb-muted:#6b7280;--sb-hover:#ffffff0a;--sb-radius:10px;--sb-radius-lg:12px;--sb-transition:0.2s cubic-bezier(0.4,0,0.2,1)}.sidebar-modern{background:#0a0a0f;background:var(--sb-bg);border-right:1px solid #1a1a2a;border-right:1px solid var(--sb-border);display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;transition:width .2s cubic-bezier(.4,0,.2,1);transition:width var(--sb-transition);-webkit-user-select:none;user-select:none;width:100%}.sidebar-modern:before{background:linear-gradient(90deg,#f97316,#ef4444);background:linear-gradient(90deg,var(--sb-orange) 0,var(--sb-red) 100%);content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:1}.sidebar-header{align-items:center;border-bottom:1px solid #1a1a2a;border-bottom:1px solid var(--sb-border);display:flex;flex-shrink:0;gap:8px;justify-content:space-between;margin-top:2px;min-height:70px;padding:16px}.sidebar-logo-block{gap:12px;min-width:0}.sidebar-logo-block,.sidebar-logo-icon{align-items:center;display:flex;overflow:hidden}.sidebar-logo-icon{background:#0000;border-radius:12px;flex-shrink:0;height:54px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--sb-transition);width:54px}.sidebar-logo-img{display:block;height:54px;object-fit:contain;transition:transform .3s ease;width:54px}.sidebar-logo-img:hover{transform:scale(1.05)}.sidebar-logo-fallback{background:linear-gradient(135deg,#f97316,#ef4444);background:linear-gradient(135deg,var(--sb-orange),var(--sb-red));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:24px;font-weight:800}.sidebar-logo-text{min-width:0;overflow:hidden}.sidebar-logo-text h2{font-size:22px;font-weight:800;letter-spacing:.5px;line-height:1.1;margin:0;white-space:nowrap}.logo-white{color:#fff!important}.logo-orange{color:#f97316!important;color:var(--sb-orange)!important}.logo-subtitle{color:#6b7280;color:var(--sb-muted);display:block;font-size:7px;font-weight:600;letter-spacing:1px;margin-top:4px;text-transform:uppercase;white-space:nowrap}.collapse-btn{align-items:center;background:#ffffff0d;border:1px solid #1a1a2a;border:1px solid var(--sb-border);border-radius:8px;color:#9ca3af;color:var(--sb-text);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--sb-transition);width:32px}.collapse-btn:hover{background:#f973161a;background:var(--sb-accent-soft);border-color:#f9731666;color:#f97316;color:var(--sb-orange);transform:scale(1.05)}.collapse-btn svg{height:16px;width:16px}.sidebar-menu{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-x:hidden;overflow-y:auto;padding:12px 10px}.sidebar-menu::-webkit-scrollbar{width:3px}.sidebar-menu::-webkit-scrollbar-track{background:#0000}.sidebar-menu::-webkit-scrollbar-thumb{background:#f973164d;border-radius:99px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#f9731680}.menu-section{margin-bottom:2px}.section-header{border-left:2px solid #0000;border-radius:10px;border-radius:var(--sb-radius);color:#9ca3af;color:var(--sb-text);cursor:pointer;padding:10px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--sb-transition)}.section-header:hover{background:#ffffff0a;background:var(--sb-hover);color:#fff;color:var(--sb-text-strong)}.section-header.active{background:#f9731626;background:var(--sb-accent-active);border-left-color:#f97316;border-left-color:var(--sb-orange);color:#f97316;color:var(--sb-orange)}.section-icon{align-items:center;color:#6b7280;color:var(--sb-muted);display:flex;flex-shrink:0;justify-content:center;transition:color .2s cubic-bezier(.4,0,.2,1);transition:color var(--sb-transition);width:20px}.section-header.active .section-icon{color:#f97316;color:var(--sb-orange)}.section-label{flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-chevron{align-items:center;color:#6b7280;color:var(--sb-muted);display:flex;flex-shrink:0;transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--sb-transition)}.section-chevron.rotated{transform:rotate(-180deg)}.section-items{animation:fadeSlide .14s ease;border-left:1px solid #f9731633;display:flex;flex-direction:column;gap:2px;margin:4px 0 4px 20px;padding-left:12px}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.menu-item{align-items:center;border-left:2px solid #0000;border-radius:8px;color:#9ca3af;color:var(--sb-text);cursor:pointer;display:flex;font-size:12.5px;font-weight:400;gap:10px;overflow:hidden;padding:8px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--sb-transition);white-space:nowrap}.menu-item:hover{background:#f9731614;color:#fff;color:var(--sb-text-strong)}.menu-item.active{background:#f973161f;border-left-color:#f97316;border-left-color:var(--sb-orange);color:#f97316;color:var(--sb-orange);font-weight:600}.menu-icon{align-items:center;display:flex;flex-shrink:0;width:18px}.menu-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-empty{align-items:center;color:#6b7280;color:var(--sb-muted);display:flex;flex-direction:column;font-size:12px;gap:12px;justify-content:center;padding:40px 16px;text-align:center}.sidebar-divider-custom{background:linear-gradient(90deg,#0000,#f973164d,#0000);height:1px;margin:16px 12px}.menu-item.sidebar-caja-abrir{align-items:center;background:linear-gradient(135deg,#f973161f,#f973160a);border:1px solid #f9731659;border-radius:12px;border-radius:var(--sb-radius-lg);cursor:pointer;display:flex;gap:10px;margin:8px 12px;overflow:hidden;padding:10px 14px!important;position:relative;transition:all .3s ease;width:calc(100% - 24px)}.menu-item.sidebar-caja-abrir:before{background:linear-gradient(90deg,#0000,#ffffff14,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.menu-item.sidebar-caja-abrir:hover{background:linear-gradient(135deg,#f9731633,#f9731614);border-color:#f97316;border-color:var(--sb-orange);transform:translateY(-1px)}.menu-item.sidebar-caja-abrir:hover:before{left:100%}.menu-item.sidebar-caja-abrir .menu-icon{color:#f97316;color:var(--sb-orange);font-size:16px}.menu-item.sidebar-caja-abrir .menu-label{color:#fff;font-size:13px;font-weight:600;letter-spacing:.3px}.menu-item.sidebar-caja-cerrar{background-color:#f97316;box-sizing:border-box!important;color:#fff;display:flex!important;font-size:16px;font-weight:800;margin:8px 12px!important;min-width:0!important;min-width:auto!important;padding:20px 15px!important;width:auto!important;width:calc(100% - 24px)!important}.menu-item.sidebar-caja-cerrar:before{background:linear-gradient(90deg,#0000,#ffffff14,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.menu-item.sidebar-caja-cerrar:hover{background:#fff;border-color:#ef4444;border-color:var(--sb-red);color:#f97316;transform:translateY(-1px)}.menu-item.sidebar-caja-cerrar:hover:before{left:100%}.menu-icon,.menu-icon:hover{color:#f97316;font-size:16px}.menu-icon:hover{background:#fff}.menu-item.sidebar-caja-abrir .menu-label,.menu-item.sidebar-caja-cerrar .menu-label{display:inline-block!important;flex:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}.sidebar-modern.collapsed .menu-item.sidebar-caja-abrir,.sidebar-modern.collapsed .menu-item.sidebar-caja-cerrar{justify-content:center;margin:8px!important;padding:10px!important;width:auto!important}.sidebar-modern.collapsed .menu-item.sidebar-caja-abrir .menu-label,.sidebar-modern.collapsed .menu-item.sidebar-caja-cerrar .menu-label{display:none}.sidebar-modern.collapsed .menu-item.sidebar-caja-abrir .menu-icon,.sidebar-modern.collapsed .menu-item.sidebar-caja-cerrar .menu-icon{margin:0}.menu-item.sidebar-caja-abrir:active,.menu-item.sidebar-caja-cerrar:active{transform:translateY(0);transition:transform .05s}.sidebar-footer{border-top:1px solid #1a1a2a;border-top:1px solid var(--sb-border);flex-shrink:0;padding:12px 10px 16px;position:relative}.user-card{align-items:center;border:1px solid #0000;border-radius:10px;border-radius:var(--sb-radius);cursor:pointer;display:flex;gap:12px;padding:8px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--sb-transition)}.user-card:hover{background:#ffffff0a;background:var(--sb-hover);border-color:#1a1a2a;border-color:var(--sb-border)}.user-card.open{background:#f9731626;background:var(--sb-accent-active);border-color:#f973164d}.user-avatar{align-items:center;background:linear-gradient(135deg,#f97316,#ef4444);background:linear-gradient(135deg,var(--sb-orange),var(--sb-red));border-radius:50%;box-shadow:0 2px 8px #f9731640;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;text-transform:uppercase;width:36px}.user-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0;overflow:hidden}.user-name{color:#fff;color:var(--sb-text-strong);font-size:13px;font-weight:700;line-height:1.2;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{background:#f973161f;border:1px solid #f973164d;border-radius:4px;color:#f97316;color:var(--sb-orange);display:inline-block;font-size:9px;font-weight:600;letter-spacing:.5px;line-height:1.5;margin:0;padding:1px 6px;text-transform:uppercase;white-space:nowrap}.user-chevron{align-items:center;color:#6b7280;color:var(--sb-muted);display:flex;flex-shrink:0;transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--sb-transition)}.user-chevron.open{color:#f97316;color:var(--sb-orange);transform:rotate(180deg)}.user-dropdown{animation:dropUp .14s ease;background:#0f0f17;background:var(--sb-bg-secondary);border:1px solid #1a1a2a;border:1px solid var(--sb-border);border-radius:12px;bottom:calc(100% + 8px);box-shadow:0 -16px 40px #00000080;left:10px;overflow:hidden;position:absolute;right:10px;z-index:999}@keyframes dropUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{border-bottom:1px solid #1a1a2a;border-bottom:1px solid var(--sb-border);padding:12px 14px}.user-dropdown-name{color:#fff;color:var(--sb-text-strong);font-size:13px;font-weight:600;margin:0 0 2px}.user-dropdown-email{color:#6b7280;color:var(--sb-muted);font-size:10px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-item{align-items:center;background:none;border:none;color:#9ca3af;color:var(--sb-text);cursor:pointer;display:flex;font-size:12px;font-weight:400;gap:10px;padding:10px 14px;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--sb-transition);width:100%}.user-dropdown-item:hover{background:#ffffff0a;background:var(--sb-hover);color:#fff;color:var(--sb-text-strong)}.user-dropdown-item.danger,.user-dropdown-item.danger:hover{color:#ef4444;color:var(--sb-red)}.user-dropdown-item.danger:hover{background:#ef444414}.user-dropdown-divider{background:#1a1a2a;background:var(--sb-border);height:1px;margin:4px 0}.sidebar-modern.collapsed .user-card{justify-content:center;padding:8px}.sidebar-modern.collapsed .user-chevron,.sidebar-modern.collapsed .user-info{display:none}.sidebar-modern.collapsed .user-dropdown{bottom:20px;left:72px;max-width:200px;min-width:160px;position:fixed;z-index:9999}.sidebar-modern.collapsed{width:72px;width:var(--sb-collapsed)}.sidebar-modern.collapsed .sidebar-header{align-items:center;flex-direction:column;justify-content:center;min-height:80px;padding:16px 8px}.sidebar-modern.collapsed .sidebar-logo-block{justify-content:center;margin-bottom:12px}.sidebar-modern.collapsed .sidebar-logo-text{display:none}.sidebar-modern.collapsed .sidebar-logo-icon{height:42px;width:42px}.sidebar-modern.collapsed .sidebar-logo-img{height:32px;width:32px}.sidebar-modern.collapsed .collapse-btn{height:28px;width:28px}.sidebar-modern.collapsed .collapse-btn svg{height:14px;width:14px}.sidebar-modern.collapsed .section-chevron,.sidebar-modern.collapsed .section-label{display:none}.sidebar-modern.collapsed .section-header{border-left-color:#0000;justify-content:center;padding:10px}.sidebar-modern.collapsed .section-header.active{border-left-color:#0000}.sidebar-modern.collapsed .section-items{display:none}@media (max-width:768px){.sidebar-modern,.sidebar-modern.collapsed{width:100%!important}.sidebar-modern:not(.collapsed) .sidebar-header{align-items:center!important;display:flex!important;flex-direction:row!important;gap:8px!important;justify-content:space-between!important;min-height:56px!important;padding:10px 14px!important}.sidebar-modern:not(.collapsed) .sidebar-logo-block{align-items:center!important;display:flex!important;flex-direction:row!important;gap:10px!important;margin-bottom:0!important;min-width:0!important}.sidebar-modern:not(.collapsed) .sidebar-logo-icon{border-radius:8px!important;flex-shrink:0!important;height:34px!important;width:34px!important}.sidebar-modern:not(.collapsed) .sidebar-logo-img{height:28px!important;width:28px!important}.sidebar-modern:not(.collapsed) .sidebar-logo-text{display:flex!important;flex-direction:column!important;justify-content:center!important}.sidebar-modern:not(.collapsed) .sidebar-logo-text h2{font-size:18px!important;margin:0!important}.sidebar-modern:not(.collapsed) .logo-subtitle{font-size:5.5px!important;margin-top:2px!important}.sidebar-modern:not(.collapsed) .collapse-btn{display:flex!important;flex-shrink:0!important;height:30px!important;width:30px!important}.sidebar-modern:not(.collapsed) .sidebar-menu{gap:2px!important;padding:6px 8px!important}.sidebar-modern:not(.collapsed) .menu-section{margin-bottom:1px!important}.sidebar-modern:not(.collapsed) .section-chevron,.sidebar-modern:not(.collapsed) .section-label{display:flex!important}.sidebar-modern:not(.collapsed) .section-header{align-items:center!important;border-radius:10px!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:10px!important;justify-content:flex-start!important;min-height:0!important;min-height:auto!important;padding:10px 12px!important}.sidebar-modern:not(.collapsed) .section-icon{flex-shrink:0!important;width:18px!important}.sidebar-modern:not(.collapsed) .section-label{flex:1 1!important;font-size:13px!important;font-weight:500!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.sidebar-modern:not(.collapsed) .section-chevron{flex-shrink:0!important}.sidebar-modern:not(.collapsed) .section-items{display:flex!important;gap:1px!important;margin:2px 0 4px 18px!important;padding-left:10px!important}.sidebar-modern:not(.collapsed) .menu-item{align-items:center!important;border-radius:8px!important;display:flex!important;flex-direction:row!important;font-size:12px!important;gap:10px!important;padding:8px 12px!important}.sidebar-modern:not(.collapsed) .menu-icon{flex-shrink:0!important;width:16px!important}.sidebar-modern:not(.collapsed) .menu-label{flex:1 1!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.sidebar-modern:not(.collapsed) .sidebar-divider-custom{margin:8px 10px!important}.sidebar-modern:not(.collapsed) .menu-item.sidebar-caja-abrir,.sidebar-modern:not(.collapsed) .menu-item.sidebar-caja-cerrar{font-size:12.5px!important;margin:4px 10px!important;padding:10px 14px!important;width:calc(100% - 20px)!important}.sidebar-modern:not(.collapsed) .sidebar-footer{padding:8px 10px 14px!important}.sidebar-modern:not(.collapsed) .user-card{align-items:center!important;display:flex!important;flex-direction:row!important;gap:10px!important;justify-content:flex-start!important;padding:8px 10px!important}.sidebar-modern:not(.collapsed) .user-chevron,.sidebar-modern:not(.collapsed) .user-info{display:flex!important}.sidebar-modern:not(.collapsed) .user-avatar{font-size:13px!important;height:32px!important;width:32px!important}.sidebar-modern:not(.collapsed) .user-name{font-size:12.5px!important}.sidebar-modern:not(.collapsed) .user-role{font-size:8.5px!important}.sidebar-modern.collapsed .sidebar-header{align-items:center!important;display:flex!important;flex-direction:column!important;gap:8px!important;justify-content:center!important;min-height:0!important;min-height:auto!important;padding:14px 0 10px!important}.sidebar-modern.collapsed .sidebar-logo-block{display:flex!important;justify-content:center!important;margin-bottom:0!important}.sidebar-modern.collapsed .sidebar-logo-icon{border-radius:12px!important;height:52px!important;width:52px!important}.sidebar-modern.collapsed .sidebar-logo-img{height:44px!important;width:44px!important}.sidebar-modern.collapsed .sidebar-logo-text{display:none!important}.sidebar-modern.collapsed .collapse-btn{background:#f973161a!important;border-color:#f973164d!important;color:#f97316!important;display:flex!important;height:32px!important;width:32px!important}.sidebar-modern.collapsed .collapse-btn svg{height:14px!important;width:14px!important}.sidebar-modern.collapsed .sidebar-menu{gap:4px!important;padding:8px!important}.sidebar-modern.collapsed .menu-section{margin-bottom:0!important}.sidebar-modern.collapsed .section-header{align-items:center!important;border-left:#0000!important;border-radius:10px!important;display:flex!important;justify-content:center!important;padding:10px 0!important}.sidebar-modern.collapsed .section-header.active{background:#f9731626!important;border-left-color:#0000!important}.sidebar-modern.collapsed .section-header.active .section-icon{color:#f97316!important;color:var(--sb-orange)!important}.sidebar-modern.collapsed .section-icon{width:20px!important}.sidebar-modern.collapsed .sidebar-divider-custom{margin:6px 10px!important;opacity:.5!important}.sidebar-modern.collapsed .menu-item.sidebar-caja-abrir,.sidebar-modern.collapsed .menu-item.sidebar-caja-cerrar{justify-content:center!important;margin:4px 8px!important;padding:10px 0!important;width:auto!important}.sidebar-modern.collapsed .sidebar-footer{padding:8px 0 14px!important}.sidebar-modern.collapsed .user-card{justify-content:center!important;padding:8px 0!important}.sidebar-modern.collapsed .user-avatar{font-size:13px!important;height:32px!important;width:32px!important}}.admin-layout-root{height:100%;overflow:hidden}.admin-layout{background:#161616;display:flex;flex-direction:row;height:100vh;overflow:hidden;width:100vw}.admin-sidebar-wrapper{flex-shrink:0;height:100vh;min-width:220px;position:relative;transition:width .2s cubic-bezier(.4,0,.2,1),min-width .2s cubic-bezier(.4,0,.2,1);width:220px;z-index:50}.admin-sidebar-wrapper.collapsed{min-width:60px;width:60px}.admin-content-area{background:#161616;display:flex;flex:1 1;flex-direction:column;height:100vh;min-width:0;overflow-x:hidden;overflow-y:auto;position:relative}.admin-content-inner{flex:1 1}.admin-content-area::-webkit-scrollbar{width:5px}.admin-content-area::-webkit-scrollbar-track{background:#0000}.admin-content-area::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:99px}.admin-content-area::-webkit-scrollbar-thumb:hover{background:#ffffff26}.admin-mobile-topbar{align-items:center;background:#1a1a1a;border-bottom:1px solid #252525;display:none;flex-shrink:0;gap:12px;height:52px;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:350}.admin-mobile-hamburger{align-items:center;background:#0000;border:none;border-radius:6px;color:#e0e0e0;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:6px;transition:color .2s}.admin-mobile-hamburger:hover{color:#ff8c42}.admin-mobile-logo{font-size:20px;font-weight:800;letter-spacing:-.5px}.admin-mobile-backdrop{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;display:none;inset:0;position:fixed;z-index:200}@media (max-width:768px){.admin-layout{position:relative}.admin-mobile-topbar{display:flex}.admin-mobile-backdrop{display:block}.admin-sidebar-wrapper{box-shadow:4px 0 20px #0006;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s ease,width .2s ease;z-index:300}.admin-sidebar-wrapper.mobile-open{transform:translateX(0)}.admin-content-area{min-width:0;padding-top:52px;width:100vw}}@media (max-width:480px){.admin-sidebar-wrapper{min-width:240px;width:240px}}.cm-overlay{align-items:center;animation:cm-fade .18s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b8;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:99999}@keyframes cm-fade{0%{opacity:0}to{opacity:1}}@keyframes cm-slide{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cm-box{align-items:center;animation:cm-slide .22s ease-out;background:linear-gradient(145deg,#1a1f2a,#0f1319)!important;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 24px 60px #0009,0 0 0 1px #ffffff0a;color:#fff!important;display:flex!important;flex-direction:column!important;gap:0;padding:32px 28px 28px;text-align:center;width:min(420px,94vw)}.cm-icon-wrap{align-items:center;border-radius:50%;display:flex;height:60px;justify-content:center;margin-bottom:18px;width:60px}.cm-icon{font-size:28px;font-weight:900;line-height:1}.cm-icon-danger{background:#ef44441f;border:2px solid #ef444459;border-radius:50%;color:#ef4444}.cm-icon-danger,.cm-icon-info{align-items:center;display:flex;font-size:30px;font-weight:900;height:60px;justify-content:center;width:60px}.cm-icon-info{background:#10b9811a;border:2px solid #10b9814d;border-radius:50%;color:#10b981}.cm-overlay .cm-box .cm-title{color:#fff!important;font-size:17px!important;font-weight:800!important;letter-spacing:-.3px;margin:0 0 10px!important}.cm-overlay .cm-box .cm-message,.cm-overlay .cm-box .cm-title{display:block!important;opacity:1!important;visibility:visible!important}.cm-overlay .cm-box .cm-message{color:#e0e0e0!important;font-size:14px!important;line-height:1.55!important;margin:0 0 26px!important;max-width:340px;width:100%}.cm-actions{display:flex;gap:10px;width:100%}.cm-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;height:44px;letter-spacing:.2px;transition:all .18s ease}.cm-btn-cancel{background:#ffffff12;border:1px solid #ffffff1f;color:#ffffffbf}.cm-btn-cancel:hover{background:#ffffff1f;color:#fff}.cm-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 10px #ef444459;color:#fff}.cm-btn-danger:hover{box-shadow:0 4px 16px #ef444473;transform:translateY(-1px)}.cm-btn-confirm{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 10px #10b9814d;color:#fff}.cm-btn-confirm:hover{box-shadow:0 4px 16px #10b98166;transform:translateY(-1px)}@media (max-width:480px){.cm-box{border-radius:16px;padding:26px 20px 22px}.cm-actions{flex-direction:column-reverse}.cm-btn{font-size:15px;height:48px}}:root{--admin-orange:#ff8c42;--admin-orange-dark:#e87530;--admin-orange-light:#ffaa6e;--admin-orange-soft:#ff8c421a;--admin-orange-soft-active:#ff8c4226;--admin-bg-primary:#111;--admin-bg-secondary:#1a1a1a;--admin-bg-tertiary:#252525;--admin-border:#222;--admin-border-light:#333;--admin-text-primary:#fff;--admin-text-secondary:#e0e0e0;--admin-text-muted:#94a3b8;--admin-text-dim:#64748b;--admin-success:#10b981;--admin-warning:#f59e0b;--admin-danger:#ef4444;--admin-info:#3b82f6;--admin-radius:8px;--admin-transition:0.2s cubic-bezier(0.4,0,0.2,1)}.admin-page-container{background:#111;background:var(--admin-bg-primary);min-height:100%;padding:24px}.admin-page-header{margin-bottom:32px}.admin-page-title{color:#fff;color:var(--admin-text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.admin-page-subtitle{color:#94a3b8;color:var(--admin-text-muted);font-size:14px;margin:0}.admin-card{background:#1a1a1a;background:var(--admin-bg-secondary);border:1px solid #222;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius);margin-bottom:20px;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--admin-transition)}.admin-card:hover{border-color:#333;border-color:var(--admin-border-light);box-shadow:0 4px 20px #0000004d}.admin-card-header{align-items:center;background:#ff8c4208;border-bottom:1px solid #222;border-bottom:1px solid var(--admin-border);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:20px 24px}.admin-card-header h2{font-size:18px}.admin-card-header h2,.admin-card-header h3{color:#fff;color:var(--admin-text-primary);font-weight:600;margin:0}.admin-card-header h3{font-size:16px}.admin-card-body{padding:24px}.admin-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:24px}.admin-stat-card{background:#1a1a1a;background:var(--admin-bg-secondary);border:1px solid #222;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius);overflow:hidden;padding:20px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--admin-transition)}.admin-stat-card:before{background:linear-gradient(90deg,#ff8c42,#ffaa6e);background:linear-gradient(90deg,var(--admin-orange),var(--admin-orange-light));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--admin-transition)}.admin-stat-card:hover:before{transform:scaleX(1)}.admin-stat-card:hover{background:#ff8c420d;border-color:#ff8c421a;border-color:var(--admin-orange-soft)}.admin-stat-icon{color:#ff8c42;color:var(--admin-orange);font-size:36px;margin-bottom:12px}.admin-stat-label{color:#94a3b8;color:var(--admin-text-muted);font-size:12px;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.admin-stat-value{color:#fff;color:var(--admin-text-primary);font-size:32px;font-weight:700;margin-bottom:4px}.admin-stat-subtitle{color:#64748b;color:var(--admin-text-dim);font-size:12px}.admin-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table{border-collapse:collapse;font-size:14px;width:100%}.admin-table thead{background:#ff8c420d;border-bottom:2px solid #222;border-bottom:2px solid var(--admin-border)}.admin-table thead th{color:#ff8c42;color:var(--admin-orange);font-size:11px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.admin-table tbody tr{border-bottom:1px solid #222;border-bottom:1px solid var(--admin-border);transition:background .2s cubic-bezier(.4,0,.2,1);transition:background var(--admin-transition)}.admin-table tbody tr:hover{background:#ff8c4214}.admin-table tbody td{color:#e0e0e0;color:var(--admin-text-secondary);overflow:hidden;padding:14px 16px;text-overflow:ellipsis;white-space:nowrap}.admin-table tbody td strong{color:#fff;color:var(--admin-text-primary);font-weight:600}.admin-table-empty{color:#64748b;color:var(--admin-text-dim);padding:48px 24px;text-align:center}.admin-table-empty-icon{color:#94a3b8;color:var(--admin-text-muted);font-size:48px;margin-bottom:12px;opacity:.5}.admin-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--admin-radius);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--admin-transition);white-space:nowrap}.admin-btn-primary{background:#ff8c42;background:var(--admin-orange);border:1px solid #ff8c42;border:1px solid var(--admin-orange);color:#fff}.admin-btn-primary:hover{background:#e87530;background:var(--admin-orange-dark);border-color:#e87530;border-color:var(--admin-orange-dark);box-shadow:0 4px 12px #ff8c424d}.admin-btn-primary:active{transform:scale(.98)}.admin-btn-secondary{background:#252525;background:var(--admin-bg-tertiary);border:1px solid #333;border:1px solid var(--admin-border-light);color:#e0e0e0;color:var(--admin-text-secondary)}.admin-btn-secondary:hover{background:#ff8c421a;background:var(--admin-orange-soft);border-color:#ff8c42;border-color:var(--admin-orange);color:#ff8c42;color:var(--admin-orange)}.admin-btn-ghost{background:#0000;border:1px solid #222;border:1px solid var(--admin-border);color:#e0e0e0;color:var(--admin-text-secondary)}.admin-btn-ghost:hover{background:#252525;background:var(--admin-bg-tertiary);color:#ff8c42;color:var(--admin-orange)}.admin-btn-small{font-size:12px;padding:8px 12px}.admin-btn-danger{background:#ef4444;background:var(--admin-danger);border:1px solid #ef4444;border:1px solid var(--admin-danger);color:#fff}.admin-btn-danger:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 4px 12px #ef44444d}.admin-btn-success{background:#10b981;background:var(--admin-success);border:1px solid #10b981;border:1px solid var(--admin-success);color:#fff}.admin-btn-success:hover{background:#059669;border-color:#059669;box-shadow:0 4px 12px #10b9814d}.admin-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px}.admin-badge-primary{background:#ff8c421a;background:var(--admin-orange-soft);border:1px solid #ff8c421a;border:1px solid var(--admin-orange-soft);color:#ff8c42;color:var(--admin-orange)}.admin-badge-success{background:#10b9811a;border:1px solid #10b98133;color:#10b981;color:var(--admin-success)}.admin-badge-warning{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b;color:var(--admin-warning)}.admin-badge-danger{background:#ef44441a;border:1px solid #ef444433;color:#ef4444;color:var(--admin-danger)}.admin-badge-info{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6;color:var(--admin-info)}.admin-form{grid-gap:20px;display:grid;gap:20px}.admin-form-group{display:flex;flex-direction:column;gap:8px}.admin-form-group label{color:#fff;color:var(--admin-text-primary);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.admin-form-group input,.admin-form-group select,.admin-form-group textarea{background:#252525;background:var(--admin-bg-tertiary);border:1px solid #333;border:1px solid var(--admin-border-light);border-radius:8px;border-radius:var(--admin-radius);color:#fff;color:var(--admin-text-primary);font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--admin-transition)}.admin-form-group input:focus,.admin-form-group select:focus,.admin-form-group textarea:focus{background:#1a1a1a;background:var(--admin-bg-secondary);border-color:#ff8c42;border-color:var(--admin-orange);box-shadow:0 0 0 3px #ff8c421a;outline:none}.admin-form-group textarea{resize:vertical}.admin-form-inline{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.admin-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.admin-filter-btn{background:#252525;background:var(--admin-bg-tertiary);border:1px solid #333;border:1px solid var(--admin-border-light);border-radius:8px;border-radius:var(--admin-radius);color:#e0e0e0;color:var(--admin-text-secondary);cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--admin-transition);white-space:nowrap}.admin-filter-btn.active,.admin-filter-btn:hover{border-color:#ff8c42;border-color:var(--admin-orange);color:#ff8c42;color:var(--admin-orange)}.admin-filter-btn.active{background:#ff8c421a;background:var(--admin-orange-soft)}.admin-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-modal{animation:slideUp .3s ease-out;background:#1a1a1a;background:var(--admin-bg-secondary);border:1px solid #222;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius);box-shadow:0 20px 60px #00000080;max-height:85vh;max-width:600px;overflow-y:auto;width:90%}.admin-modal-header{align-items:center;border-bottom:1px solid #222;border-bottom:1px solid var(--admin-border);display:flex;justify-content:space-between;padding:20px 24px}.admin-modal-header h2{color:#fff;color:var(--admin-text-primary);font-size:18px;font-weight:600;margin:0}.admin-modal-close{align-items:center;background:none;border:none;color:#94a3b8;color:var(--admin-text-muted);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--admin-transition);width:32px}.admin-modal-close:hover{color:#ff8c42;color:var(--admin-orange);transform:rotate(90deg)}.admin-modal-body{padding:24px}.admin-modal-footer{background:#ff8c4205;border-top:1px solid #222;border-top:1px solid var(--admin-border);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.admin-grid{grid-gap:16px;display:grid;gap:16px}.admin-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.admin-grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.admin-grid-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.admin-stats-3{display:grid;grid-template-columns:repeat(3,1fr)}.admin-col-2{display:grid;grid-template-columns:1fr 1fr}.admin-col-3-140{display:grid;grid-template-columns:1fr 1fr 140px}.admin-col-1-140{display:grid;grid-template-columns:1fr 140px}.admin-stats-4{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.admin-stats-5{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr)}.admin-loading{align-items:center;color:#94a3b8;color:var(--admin-text-muted);display:flex;font-size:14px;justify-content:center;padding:48px 24px}.admin-spinner{animation:spin .8s linear infinite;border:2px solid #222;border-top-color:#ff8c42;border:2px solid var(--admin-border);border-radius:50%;border-top-color:var(--admin-orange);display:inline-block;height:20px;margin-right:8px;width:20px}.admin-empty{padding:48px 24px;text-align:center}.admin-empty-icon{color:#94a3b8;color:var(--admin-text-muted);font-size:48px;margin-bottom:12px;opacity:.5}.admin-empty-title{color:#fff;color:var(--admin-text-primary);font-size:16px;font-weight:600;margin:12px 0 6px}.admin-empty-text{color:#94a3b8;color:var(--admin-text-muted);font-size:14px;margin:0}.admin-table-actions{display:flex;gap:6px}.admin-table-btn{align-items:center;background:#252525;background:var(--admin-bg-tertiary);border:1px solid #333;border:1px solid var(--admin-border-light);border-radius:4px;color:#e0e0e0;color:var(--admin-text-secondary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:6px 10px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--admin-transition);white-space:nowrap}.admin-table-btn:hover{background:#ff8c421a;background:var(--admin-orange-soft);border-color:#ff8c42;border-color:var(--admin-orange);color:#ff8c42;color:var(--admin-orange)}.admin-table-btn-danger{background:#ef44441a;border-color:#ef444433;color:#ef4444;color:var(--admin-danger)}.admin-table-btn-danger:hover{background:#ef4444;background:var(--admin-danger);border-color:#ef4444;border-color:var(--admin-danger);color:#fff}.admin-table-btn-success{background:#10b9811a;border-color:#10b98133;color:#10b981;color:var(--admin-success)}.admin-table-btn-success:hover{background:#10b981;background:var(--admin-success);border-color:#10b981;border-color:var(--admin-success);color:#fff}@media (max-width:768px){.admin-page-container{padding:16px}.admin-page-title{font-size:22px}.admin-page-header{margin-bottom:24px}.admin-card-header{flex-wrap:wrap;gap:8px;padding:16px 18px}.admin-grid-2,.admin-grid-3,.admin-grid-4{grid-template-columns:1fr}.admin-table{font-size:12px}.admin-table thead th{font-size:10px;padding:10px 12px}.admin-table tbody td{font-size:12px;padding:10px 12px}.admin-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-modal{margin:0 auto;max-width:95vw;width:95%}.admin-form-inline{grid-template-columns:1fr}.admin-stats-3,.admin-stats-4,.admin-stats-5{grid-template-columns:repeat(2,1fr)}.admin-col-1-140,.admin-col-2,.admin-col-3-140{grid-template-columns:1fr}.admin-modal-footer{flex-wrap:wrap}.admin-btn{font-size:13px;padding:9px 14px}.admin-btn-small{font-size:11px;padding:6px 10px}.admin-card-header>div{flex-wrap:wrap;gap:6px}.admin-table-actions{display:flex;flex-direction:column;gap:4px}.admin-table-btn{font-size:11px;justify-content:flex-start;padding:6px 10px;width:100%}}@media (max-width:480px){.admin-page-container{padding:12px}.admin-page-title{font-size:18px;margin-bottom:6px}.admin-page-subtitle{font-size:12px}.admin-page-header{margin-bottom:16px}.admin-card{margin-bottom:14px}.admin-card-header{align-items:flex-start;flex-direction:column;gap:8px;padding:14px}.admin-card-header h2{font-size:16px;width:100%}.admin-card-body{padding:16px}.admin-modal{margin:0 12px;max-height:90vh;max-width:90vw;width:calc(100% - 24px)}.admin-modal-header{align-items:flex-start;flex-direction:column;padding:14px}.admin-modal-header h2{font-size:14px;margin-bottom:8px;width:100%}.admin-modal-close{height:28px;position:absolute;right:14px;top:14px;width:28px}.admin-modal-body{padding:14px}.admin-modal-footer{flex-direction:column-reverse;gap:8px;padding:12px 14px}.admin-stats-3,.admin-stats-4,.admin-stats-5{gap:10px;grid-template-columns:1fr}.admin-stat-card{padding:14px}.admin-stat-value{font-size:24px}.admin-stat-label{font-size:10px}.admin-table-wrapper{overflow-x:visible}.admin-table,.admin-table tbody,.admin-table td,.admin-table th,.admin-table thead,.admin-table tr{display:block;width:100%}.admin-table thead{display:none}.admin-table tbody tr{grid-gap:0;border:1px solid #333;border:1px solid var(--admin-border-light);border-radius:8px;display:grid;gap:0;grid-template-columns:repeat(2,1fr);margin-bottom:12px;overflow:hidden;padding:0}.admin-table tbody tr,.admin-table tbody tr:hover{background:#1a1a1a;background:var(--admin-bg-secondary)}.admin-table tbody td{border:none;border-bottom:1px solid #222;border-bottom:1px solid var(--admin-border);display:flex;flex-direction:column;font-size:12px;justify-content:center;overflow:visible;padding:10px 12px;text-overflow:clip;white-space:normal}.admin-table tbody td:nth-child(odd){background:#ff8c4205}.admin-table tbody td:before{color:#ff8c42;content:attr(data-label);display:block;font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.admin-table tbody td:last-child{background:#1a1a1a;background:var(--admin-bg-secondary);border-bottom:none;grid-column:1/-1}.admin-table-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px}.admin-table-btn{flex:1 1;font-size:11px;justify-content:center;min-width:70px;padding:6px 10px}.admin-table{font-size:11px}.admin-btn{font-size:12px;justify-content:center;padding:8px 12px;width:100%}.admin-btn-small{font-size:11px;padding:6px 10px}.admin-form-group{margin-bottom:12px}.admin-form-group label{font-size:11px}.admin-form-group input,.admin-form-group select,.admin-form-group textarea{font-size:13px;padding:8px 10px}.admin-filters{flex-wrap:wrap;gap:6px}.admin-filter-btn{font-size:11px;padding:6px 10px}.admin-empty{padding:24px 16px}.admin-empty-icon{font-size:32px}.admin-empty-title{font-size:14px}.admin-empty-text{font-size:12px}.admin-loading{font-size:12px;padding:32px 16px}.admin-spinner{height:16px;margin-right:6px;width:16px}.admin-badge{font-size:11px;gap:3px;padding:4px 8px}input[placeholder*=Buscar],input[placeholder*=buscar]{font-size:13px;padding:8px 10px}}@media (max-width:359px){.admin-page-container{padding:8px}.admin-page-title{font-size:16px}.admin-page-subtitle{font-size:11px}.admin-card{border-radius:6px;margin-bottom:10px}.admin-card-body{padding:12px}.admin-modal{margin:0 8px;width:calc(100% - 16px)}.admin-table{font-size:10px}.admin-table thead th{font-size:8px;padding:6px 8px}.admin-table tbody td{padding:6px 8px}.admin-btn{font-size:11px;padding:6px 10px}.admin-table tbody tr{grid-template-columns:1fr}.admin-table tbody td:nth-child(odd){background:#1a1a1a;background:var(--admin-bg-secondary)}}.profile-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:280px 1fr}.profile-form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}@media (max-width:768px){.profile-form-grid,.profile-layout{grid-template-columns:1fr}}.business-layout{background:#0a0a0f;display:flex;flex-direction:row;height:100vh;overflow:hidden;width:100vw}.business-sidebar-wrapper{flex-shrink:0;height:100vh;min-width:260px;position:relative;transition:width .25s cubic-bezier(.4,0,.2,1),min-width .25s cubic-bezier(.4,0,.2,1);width:260px;z-index:50}.business-sidebar-wrapper.collapsed{min-width:72px;width:72px}.business-content-area{background:#0a0a0f;display:flex;flex:1 1;flex-direction:column;height:100vh;min-width:0;overflow-x:hidden;overflow-y:auto;position:relative}.business-content-inner{flex:1 1;padding:6px 16px 12px}.business-topbar{align-items:center;background:#f9731608;border-bottom:1px solid #f973161a;display:flex;flex-shrink:0;height:56px;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:40}.business-topbar-name{color:#f9731699;font-size:13px;font-weight:500}.business-topbar-user{align-items:center;display:flex;gap:10px}.business-topbar-user span{color:#f97316cc;font-size:13px;font-weight:600}.business-topbar-avatar{align-items:center;background:#f9731626;border-radius:50%;color:#f97316;display:flex;height:32px;justify-content:center;width:32px}.business-content-area::-webkit-scrollbar{width:5px}.business-content-area::-webkit-scrollbar-track{background:#0000}.business-content-area::-webkit-scrollbar-thumb{background:#f973164d;border-radius:99px}.business-content-area::-webkit-scrollbar-thumb:hover{background:#f9731680}.business-loading{align-items:center;background:#0a0a0f;display:flex;flex-direction:column;gap:16px;height:100vh;justify-content:center}.business-loading-spinner{animation:biz-spin 1s linear infinite;border:4px solid #f97316;border-radius:50%;border-top-color:#0000;height:44px;width:44px}@keyframes biz-spin{to{transform:rotate(1turn)}}.business-loading p{color:#f9731699;font-size:14px;margin:0}.business-error{align-items:center;background:#ef444414;border:1px solid #ef444433;border-radius:10px;color:#ef4444;display:flex;font-size:13px;gap:12px;padding:16px 20px}.mobile-topbar,.sidebar-mobile-overlay{display:none}@media (max-width:1024px){.business-sidebar-wrapper{min-width:220px;width:220px}.business-content-inner{padding:4px 14px 10px}}@media (max-width:768px){#root,body,html{height:auto;overflow:auto}.business-layout{flex-direction:column;height:auto;min-height:100dvh;overflow:visible}.business-sidebar-wrapper{box-shadow:4px 0 24px #00000080;height:100vh;left:0;min-width:240px!important;position:fixed;top:0;transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1);width:240px!important;z-index:300}.business-sidebar-wrapper.collapsed{min-width:80px!important;width:80px!important}.business-sidebar-wrapper.mobile-open{transform:translateX(0)}.sidebar-mobile-overlay{animation:overlayIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;display:block;inset:0;position:fixed;z-index:299}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.mobile-topbar{align-items:center;background:#0f0f17;border-bottom:1px solid #f9731626;display:flex;flex-shrink:0;height:52px;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:100}.mobile-topbar-brand{align-items:center;display:flex;font-size:22px;font-weight:900;gap:8px;letter-spacing:.5px;line-height:1}.mobile-topbar-logo{display:block;flex-shrink:0;height:36px;object-fit:contain;width:36px}.mobile-topbar-brand .logo-white{color:#fff}.mobile-topbar-brand .logo-orange{color:#f97316}.mobile-topbar-brand-text{display:flex;flex-direction:column;justify-content:center;line-height:1}.mobile-topbar-name{font-size:20px;font-weight:900;letter-spacing:.5px;line-height:1.1}.mobile-topbar-subtitle{color:#6b7280;font-size:6px;font-weight:600;letter-spacing:1px;margin-top:2px;text-transform:uppercase;white-space:nowrap}.mobile-hamburger{align-items:center;background:#0000;border:1px solid #f973164d;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:38px;justify-content:center;transition:background .15s;width:38px}.mobile-hamburger:hover{background:#f973161a;border-color:#f9731680;color:#f97316}.business-content-area{height:auto;min-height:calc(100dvh - 52px);overflow-x:hidden;overflow-y:visible}.business-content-inner{padding:12px}}.apertura-alert-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.apertura-alert-modal{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#0f0f1a,#0a0a12);border:1px solid #f973164d;border-radius:20px;box-shadow:0 25px 50px #00000080;max-width:480px;padding:40px;text-align:center;width:100%}.apertura-alert-icon{display:flex;justify-content:center;margin-bottom:24px}.apertura-alert-title{background:linear-gradient(135deg,#fff,#f97316);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:24px;font-weight:800;margin:0 0 16px}.apertura-alert-message{color:#ffffffb3;font-size:15px;line-height:1.6;margin:0 0 32px}.btn-modal-aceptar{background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:16px 24px;transition:all .2s ease;width:100%}.btn-modal-aceptar:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 6px 20px #f973164d;transform:translateY(-2px)}.btn-modal-aceptar:disabled{cursor:not-allowed;opacity:.6;transform:none}.modal-buttons-group{display:flex;gap:16px;justify-content:center;margin-top:20px}.btn-modal-cancelar{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#a0a0b0;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:14px 20px;transition:all .2s ease}.btn-modal-cancelar:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;color:#f0f0f8}.btn-modal-confirmar{background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:12px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:14px 20px;transition:all .2s ease}.btn-modal-confirmar:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 4px 12px #f973164d;transform:translateY(-1px)}.btn-modal-cancelar:disabled,.btn-modal-confirmar:disabled{cursor:not-allowed;opacity:.6;transform:none}.apertura-alert-btn-secondary{background:#ffffff0d;border:1px solid #f973164d;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;padding:16px 24px;transition:all .2s ease}.apertura-alert-btn-secondary:hover:not(:disabled){background:#f973161a;border-color:#f97316;transform:translateY(-1px)}@media (max-width:640px){.apertura-alert-modal{padding:30px 20px}.apertura-alert-title{font-size:20px}.apertura-alert-message{font-size:14px}.btn-modal-aceptar{font-size:14px;padding:14px 20px}.modal-buttons-group{flex-direction:column;gap:12px}.btn-modal-aceptar,.btn-modal-cancelar,.btn-modal-confirmar{padding:12px 16px;width:100%}}@media (max-width:480px){.business-content-inner{padding:8px}.mobile-topbar{height:48px;padding:0 12px}.mobile-topbar-brand{font-size:18px}.mobile-hamburger{height:34px;width:34px}.business-content-area{min-height:calc(100dvh - 48px)}}@media (max-width:400px){.business-sidebar-wrapper{min-width:220px!important;width:220px!important}.mobile-topbar{height:46px;padding:0 10px}.mobile-topbar-brand{font-size:16px}.business-content-area{min-height:calc(100dvh - 46px)}}.apertura-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;inset:0;padding:20px;position:fixed;z-index:9999}.apertura-close,.apertura-overlay{align-items:center;display:flex;justify-content:center}.apertura-close{background:#ffffff0d;border:none;border-radius:8px;color:#a0a0b8;cursor:pointer;padding:8px;position:absolute;right:20px;top:20px;transition:all .2s ease}.apertura-close:hover{background:#ffffff1a;color:#fff}.apertura-modal{background:#18181b;border:1.5px solid #26272b;border-radius:20px;box-shadow:0 25px 50px #00000080;max-height:90vh;max-width:850px;overflow-y:auto;position:relative;width:100%}.apertura-modal::-webkit-scrollbar{width:5px}.apertura-modal::-webkit-scrollbar-track{background:#1f1f24;border-radius:3px}.apertura-modal::-webkit-scrollbar-thumb{background:#10b981;border-radius:3px}.apertura-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;gap:14px;padding:18px 24px 14px}.apertura-header-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.apertura-header-icon svg{height:24px;width:24px}.apertura-title{color:#fff;font-size:20px;font-weight:800;margin:0 0 3px}.apertura-subtitle{color:#7a7a96;font-size:12px;margin:0;text-transform:capitalize}.apertura-info{color:#a0a0b8;font-size:12px;line-height:1.4;margin:14px 24px 18px}.apertura-error{align-items:center;background:#ef44441f;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;display:flex;font-size:12px;gap:8px;margin:0 24px 16px;padding:8px 12px}.apertura-modal form{padding:0 24px 24px}.apertura-section{margin-bottom:18px}.apertura-section-header{align-items:center;color:#10b981;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.apertura-section-header svg{height:13px;width:13px}.apertura-denom-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.apertura-denom-card{align-items:center;background:#1f1f24;border:1px solid #26272b;border-radius:8px;display:flex;gap:6px;justify-content:space-between;padding:6px 10px;transition:all .2s ease}.apertura-denom-card:focus-within{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}.apertura-denom-label{color:#e0e0e8;font-size:13px;font-weight:700;min-width:32px}.apertura-denom-input{background:#0f0f14;border:1px solid #33333d;border-radius:5px;color:#fff;font-size:12px;font-weight:600;padding:5px 4px;text-align:center;transition:all .2s ease;width:55px}.apertura-denom-input:focus{border-color:#10b981;outline:none}.apertura-denom-input::-webkit-inner-spin-button,.apertura-denom-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.apertura-denom-sub{color:#10b981;font-size:12px;font-weight:700;min-width:45px;text-align:right}.apertura-bank-card{align-items:center;background:#1f1f24;border:1px solid #26272b;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.apertura-bank-header{align-items:center;color:#a0a0b8;display:flex;font-size:12px;font-weight:600;gap:6px}.apertura-bank-header svg{color:#10b981;height:13px;width:13px}.apertura-bank-input-wrap{align-items:center;background:#0f0f14;border:1px solid #33333d;border-radius:6px;display:flex;overflow:hidden}.apertura-bank-prefix{align-items:center;background:#1a1a1f;border-right:1px solid #33333d;color:#7a7a96;display:flex;font-size:13px;font-weight:700;height:100%;padding:0 10px}.apertura-bank-input{background:#0000;border:none;color:#fff;font-size:13px;font-weight:600;outline:none;padding:8px 10px;width:100px}.apertura-bank-input:focus{outline:none}.apertura-bank-input::-webkit-inner-spin-button,.apertura-bank-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.apertura-obs{background:#1f1f24;border:1px solid #26272b;border-radius:8px;box-sizing:border-box;color:#e0e0e8;font-family:Inter,sans-serif;font-size:12px;margin-bottom:18px;padding:10px 12px;resize:vertical;transition:all .2s ease;width:100%}.apertura-obs:focus{border-color:#10b981;outline:none}.apertura-obs::placeholder{color:#7a7a96}.apertura-totals{background:#1f1f24;border:1px solid #26272b;border-radius:8px;margin-bottom:20px;padding:12px 16px}.apertura-total-row{align-items:center;color:#a0a0b8;display:flex;font-size:13px;justify-content:space-between;padding:5px 0}.apertura-total-val{color:#e0e0e8;font-weight:700}.apertura-total-row--main{border-top:1px solid #ffffff14;color:#fff;font-size:14px;font-weight:700;margin-top:5px;padding-top:8px}.apertura-total-val--main{color:#10b981;font-size:18px;font-weight:800}.apertura-submit{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:12px 20px;transition:all .2s ease;width:100%}.apertura-submit:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.apertura-submit:active:not(:disabled){transform:translateY(0)}.apertura-submit:disabled{cursor:not-allowed;opacity:.5}@media (min-width:1200px){.apertura-denom-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:900px) and (max-width:1199px){.apertura-denom-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:600px) and (max-width:899px){.apertura-denom-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:599px){.apertura-modal{max-width:95%}.apertura-denom-grid{grid-template-columns:1fr}.apertura-bank-card{align-items:stretch;flex-direction:column}.apertura-bank-input,.apertura-bank-input-wrap{width:100%}}@media (max-width:480px){.apertura-header{gap:10px;padding:14px 16px 10px}.apertura-header-icon{height:40px;width:40px}.apertura-header-icon svg{height:20px;width:20px}.apertura-title{font-size:18px}.apertura-subtitle{font-size:10px}.apertura-info{font-size:11px;margin:10px 16px 12px}.apertura-modal form{padding:0 16px 16px}.apertura-denom-card{padding:5px 8px}.apertura-denom-input{width:50px}.apertura-close{right:12px;top:12px}}.cierre-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.cierre-modal-container{animation:slideUp .25s ease-out;background:linear-gradient(135deg,#0f0f1a,#0a0a12);border:1px solid #f9731633;border-radius:20px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}.cierre-modal-header{align-items:center;background:#f9731608;border-bottom:1px solid #f9731626;display:flex;justify-content:space-between;padding:16px 24px}.cierre-header-title{align-items:center;display:flex;gap:12px}.cierre-header-title h2{color:#f0f0f8;font-size:1.3rem;font-weight:600;margin:0}.cierre-close-btn{background:#ffffff0d;border:none;border-radius:8px;color:#a0a0b0;cursor:pointer;display:flex;padding:8px;transition:all .2s}.cierre-close-btn:hover{background:#ef444426;color:#ef4444}.cierre-modal-content{flex:1 1;overflow-y:auto;padding:20px 24px}.cierre-modal-content::-webkit-scrollbar{width:6px}.cierre-modal-content::-webkit-scrollbar-track{background:#ffffff08;border-radius:10px}.cierre-modal-content::-webkit-scrollbar-thumb{background:#f973164d;border-radius:10px}.cierre-modal-content::-webkit-scrollbar-thumb:hover{background:#f9731680}.cards-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.card-info{background:#12121c99;border:1px solid #f973161a;border-radius:16px;overflow:hidden;transition:all .2s}.card-info:hover{background:#12121cb3;border-color:#f9731640}.card-header{background:#0003;border-bottom:1px solid #f973161a;gap:10px;padding:12px 16px}.card-header .card-icon{color:#f97316;font-size:18px}.card-header h4{color:#f0f0f8;font-size:.9rem;font-weight:600;margin:0}.card-body{padding:12px 16px}.card-row{align-items:center;border-bottom:1px solid #ffffff08;display:flex;font-size:.85rem;justify-content:space-between;padding:8px 0}.card-row:last-child{border-bottom:none}.card-row .label{color:#a0a0b0}.card-row .value{color:#f0f0f8;font-weight:500}.card-row .value.total{color:#f97316;font-size:.95rem;font-weight:700}.card-row .value.expected{color:#10b981;font-size:1rem;font-weight:700}.card-row .value.negative{color:#ef4444}.card-divider{background:#ffffff0d;height:1px;margin:8px 0}.card-info.highlight{background:#10b98108;border-color:#10b9814d}.cierre-section{background:#12121c80;border:1px solid #f9731614;border-radius:16px;margin-bottom:20px;padding:16px 20px}.section-header{border-bottom:1px solid #f973161f;gap:10px;margin-bottom:16px;padding-bottom:10px}.section-icon{color:#f97316;font-size:18px}.section-header h3{color:#f0f0f8;font-size:.95rem;font-weight:600}.denom-container{display:flex;flex-direction:column;gap:16px}.denom-group{background:#ffffff0d;border-radius:12px;padding:12px 16px}.denom-title{color:#a0a0b0;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.denom-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(7,1fr);justify-items:center}@media (max-width:1000px){.denom-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:800px){.denom-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:650px){.denom-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:450px){.denom-grid{grid-template-columns:repeat(1,1fr)}}.denom-input-group{align-items:center;display:flex;flex-direction:column;gap:6px;width:100%}.denom-input-group label{color:#a0a0b0;font-size:.8rem;font-weight:600;text-align:center}.denom-input{background:#1a1a2e;border:1px solid #f9731666;border-radius:8px;color:#f97316;font-size:.9rem;font-weight:700;padding:8px 6px;text-align:center;transition:all .2s;width:70px}.denom-input:focus{background:#252542;border-color:#f97316;box-shadow:0 0 0 2px #f9731633;outline:none}.denom-input:not(:placeholder-shown){background:#fff;border-color:#000;color:#000}.denom-input::placeholder{color:#5a5a7a;font-size:.75rem;font-weight:400}.denom-input::-webkit-inner-spin-button,.denom-input::-webkit-outer-spin-button{opacity:.4}.denom-subtotal{color:#10b981;font-size:.7rem;font-weight:600;margin-top:4px;text-align:center}.total-efectivo{align-items:center;border-top:1px solid #f9731626;display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;margin-top:16px;padding-top:12px}.total-efectivo strong{color:#f97316;font-size:1rem}.two-columns-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.left-column{display:flex;flex-direction:column;gap:16px}.comparativa-card,.ingreso-card,.metodos-card,.observaciones-card{background:#12121c80;border:1px solid #f9731614;border-radius:16px;padding:16px 20px}.comparativa-card .card-header,.ingreso-card .card-header,.metodos-card .card-header,.observaciones-card .card-header{align-items:center;background:#0000;border-bottom:1px solid #f973161f;display:flex;gap:10px;margin-bottom:16px;padding:0 0 10px}.comparativa-card .card-header h3,.ingreso-card .card-header h3,.metodos-card .card-header h3,.observaciones-card .card-header h3{color:#f0f0f8;font-size:.9rem;font-weight:600;margin:0}.metodos-grid{display:flex;flex-direction:column;gap:12px}.metodo-input{align-items:center;display:flex;gap:15px;justify-content:space-between}.metodo-input label{align-items:center;color:#a0a0b0;display:flex;font-size:.8rem;gap:6px;min-width:110px}.ingreso-input-field,.metodo-input-field{background:#ffffff0d;border:1px solid #f9731633;border-radius:8px;color:#f0f0f8;font-size:.85rem;padding:8px 12px;text-align:right;width:130px}.ingreso-input-field:focus,.metodo-input-field:focus{border-color:#f97316;outline:none}.ingreso-input{align-items:center;display:flex;gap:15px;justify-content:space-between}.ingreso-input label{color:#a0a0b0;gap:6px;min-width:110px}.comparativa-row,.ingreso-input label{align-items:center;display:flex;font-size:.8rem}.comparativa-row{border-bottom:1px solid #ffffff08;justify-content:space-between;padding:8px 0}.comparativa-row:last-child{border-bottom:none}.comparativa-row .label{color:#a0a0b0}.comparativa-row .value{color:#f0f0f8;font-weight:500}.comparativa-row.highlight{background:#f9731614;border-radius:10px;margin:6px -8px;padding:8px}.comparativa-row .total-value{color:#f97316;font-size:.9rem;font-weight:700}.diferencia-row{border-top:1px solid #ffffff0d;font-weight:700;margin-top:6px;padding-top:8px}.diferencia-row.positive{color:#10b981}.diferencia-row.negative{color:#ef4444}.alerta-descuadre{background:#ef44441a;border-left:3px solid #ef4444;border-radius:10px;color:#fca5a5;font-size:.7rem;gap:8px;padding:8px 12px}.alerta-descuadre,.propina-extra-row{align-items:center;display:flex;margin-top:12px}.propina-extra-row{border-top:1px solid #10b98133;color:#10b981;font-size:.8rem;font-weight:500;justify-content:space-between;padding-top:10px}.observaciones-input{background:#ffffff0d;border:1px solid #f9731633;border-radius:12px;color:#f0f0f8;font-family:inherit;font-size:.85rem;min-height:80px;padding:12px 16px;resize:vertical;width:100%}.observaciones-input:focus{background:#ffffff14;border-color:#f97316;outline:none}.alert-error,.alert-info{border-radius:12px;font-size:.8rem;margin-bottom:16px;padding:12px 16px}.alert-info{background:#10b98114;border-left:3px solid #10b981;color:#86efac;flex-wrap:wrap;gap:10px;justify-content:space-between}.alert-info,.cierre-buttons{align-items:center;display:flex}.cierre-buttons{border-top:1px solid #f973161a;gap:16px;justify-content:center;margin-top:20px;padding-top:16px}.btn-cancelar{display:inline-flex;font-size:.8rem;justify-content:center;min-width:120px;padding:10px 24px;transition:all .2s ease}.btn-cancelar:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;color:#f0f0f8}.btn-guardar{background:linear-gradient(135deg,#f97316,#ea580c);border-radius:10px;box-shadow:0 2px 4px #0003;display:inline-flex;font-size:.8rem;font-weight:600;gap:8px;min-width:140px;padding:10px 24px;transition:all .2s ease}.btn-guardar:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 4px 12px #f973164d;transform:translateY(-1px)}.btn-cancelar:disabled,.btn-guardar:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-guardar .spinner{animation:spin .5s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}.print-buttons-group{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.btn-print-modern{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:10px;letter-spacing:.5px;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-print-modern:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-print-modern:hover:before{left:100%}.btn-print-modern:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 20px #10b98159;transform:translateY(-2px)}.btn-print-modern:active{transform:translateY(0)}.btn-pdf-modern{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:10px;letter-spacing:.5px;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-pdf-modern:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-pdf-modern:hover:before{left:100%}.btn-pdf-modern:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 20px #ef444459;transform:translateY(-2px)}.btn-pdf-modern:active{transform:translateY(0)}.btn-print-small-modern{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.7rem;font-weight:600;gap:8px;padding:7px 14px;transition:all .2s ease}.btn-print-small-modern:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.btn-pdf-small-modern{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.7rem;font-weight:600;gap:8px;padding:7px 14px;transition:all .2s ease}.btn-pdf-small-modern:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.btn-pdf-modern svg,.btn-pdf-small-modern svg,.btn-print-modern svg,.btn-print-small-modern svg{font-size:16px;transition:transform .2s ease}.btn-pdf-modern:hover svg,.btn-print-modern:hover svg{transform:scale(1.05)}.spinner{animation:spin .5s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;height:14px;width:14px}.cierre-resultado{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:50px;text-align:center}.cierre-resultado h3{color:#f0f0f8;font-size:1.2rem;margin:20px 0 10px}.cierre-resultado p{color:#a0a0b0;font-size:.85rem}.cierre-loading{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:50px}.cierre-loading p{color:#a0a0b0;font-size:.85rem}@media (max-width:1000px){.cards-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.two-columns-layout{gap:16px;grid-template-columns:1fr}}@media (max-width:650px){.cards-row{grid-template-columns:1fr}.cierre-modal-content{padding:16px}.cierre-buttons{flex-direction:column;gap:12px}.btn-cancelar,.btn-guardar{justify-content:center;min-width:0;min-width:auto;width:100%}.ingreso-input,.metodo-input{align-items:flex-start;flex-direction:column;gap:5px}.ingreso-input-field,.metodo-input-field{width:100%}.alert-info{align-items:flex-start;flex-direction:column}.print-buttons-group{flex-direction:column;width:100%}.btn-pdf-modern,.btn-pdf-small-modern,.btn-print-modern,.btn-print-small-modern{justify-content:center;width:100%}}@media (max-width:480px){.cierre-modal-header{padding:12px 16px}.cierre-header-title h2{font-size:1rem}.denom-input{width:60px}.card-header h4,.denom-input{font-size:.8rem}.card-body{padding:10px 12px}}.settings-grid{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));width:100%}.settings-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;display:flex;flex-direction:column;height:100%;min-width:0}.settings-card-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:8px;padding:14px 20px}.settings-card-title{color:#fffc;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.settings-field-row{grid-gap:12px;align-items:center;border-bottom:1px solid #ffffff0a;display:grid;gap:12px;grid-template-columns:100px 1fr auto;padding:14px 20px;transition:background .15s}.settings-field-label{align-items:center;color:#ffffffa6;display:flex;font-size:13px;font-weight:600;gap:8px}.settings-value{font-size:13px}.settings-input{background:#00000026;border:1.5px solid #ccc;border-radius:8px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:13px;padding:8px 12px;width:100%}.settings-card.identity .settings-action-save{background:#6842fe;border:none;color:#fff}.settings-card.identity .settings-action-cancel{background:#221d32;border:1.5px solid #6842fe;color:#6842fe;opacity:.8}.settings-card.identity .settings-input:focus{border:1.5px solid #6842fe;box-shadow:0 0 0 2px #6842fe30}.settings-card.contact .settings-action-save{background:#10b981;border:none;color:#fff}.settings-card.contact .settings-action-cancel{background:#03381e;border:1.5px solid #10b981;color:#10b981;opacity:.8}.settings-card.contact .settings-input:focus{border:1.5px solid #10b981;box-shadow:0 0 0 2px #10b98130}.printer-section{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;display:flex;flex-direction:column;margin-top:24px;min-width:0;width:100%}.printer-header{align-items:center;background:#3e2e0e;border-bottom:1px solid #402c08;display:flex;gap:8px;padding:14px 20px}.printer-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);padding:20px 16px 16px}.printer-card{background:#1e150680;border:1.5px solid #deb059;border-radius:11px;box-shadow:0 2px 12px #0002;display:flex;flex-direction:column;min-width:0;padding:18px 13px 14px}.printer-card-title{align-items:center;display:flex;font-size:15px;font-weight:700;gap:8px;margin-bottom:10px}.printer-fields{display:flex;flex-direction:column;gap:10px}.printer-field{align-items:center;display:flex;flex-direction:row;gap:12px}.printer-field label{color:#ffd066;flex-shrink:0;font-size:13px;font-weight:700;margin:0;padding:0;text-align:left;width:160px}.printer-input,.printer-value{box-sizing:border-box;flex:1 1;font-size:13px;margin-left:0;min-width:0}.printer-input{background:#fffff012;border:1.5px solid #deb059;border-radius:8px;color:#ffd466;padding:8px 12px}.printer-input:focus{border:1.5px solid #f59e0b;box-shadow:0 0 0 2px #f59e0b30}.printer-input[type=number]{background:#fffff012!important;border:1.5px solid #deb059;border-radius:8px;box-sizing:border-box;color:#ffd466!important;font-size:13px;padding:8px 12px;text-align:left}.printer-input[type=number]::-webkit-inner-spin-button,.printer-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.printer-input[type=number]{appearance:textfield}.printer-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.printer-edit,.printer-save{align-items:center;background:#f59e0b;border:none;border-radius:7px;color:#fff;display:flex;font-weight:700;gap:5px}.printer-cancel,.printer-edit,.printer-save{cursor:pointer;font-size:13px;padding:7px 14px}.printer-cancel{background:#44403a;border:1px solid #f59e0b60;border-radius:7px;color:#f59e0b;opacity:.8}.settings-actions{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.settings-action-cancel,.settings-action-edit,.settings-action-save{align-items:center;border-radius:7px;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:4px;margin-top:2px;padding:7px 14px;transition:background .15s,color .13s,border .13s}.settings-action-edit{background:#ffffff0d;border:1px solid #ffffff21;color:#fff9}.settings-toast{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10b98126;border:1px solid #10b98166;border-radius:10px;box-shadow:0 8px 24px #0000004d;color:#10b981;display:flex;font-size:13px;font-weight:700;gap:8px;padding:12px 20px;position:fixed;right:24px;top:24px;z-index:999}.settings-toast.fail{background:#ef444426;border-color:#ef444466;color:#ef4444}@media (max-width:900px){.printer-list{grid-template-columns:1fr}}@media (max-width:600px){.settings-field-row{grid-template-columns:1fr auto;grid-template-rows:auto auto}.settings-field-label{grid-column:1/-1}.settings-grid{grid-template-columns:1fr}}@media (max-width:480px){.settings-field-row{gap:8px;grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:12px 14px}.settings-field-label,.settings-field-row>:last-child,.settings-value{grid-column:1/-1}.settings-card-header{padding:12px 14px}.settings-input{font-size:16px}}.custom-dashboard{margin:0 auto;max-width:1400px;width:100%}.dashboard-header{align-items:flex-end;display:flex;gap:20px;justify-content:flex-start;margin-bottom:30px}.dashboard-header h1{color:#fff;font-size:2.4rem;font-weight:800;margin-bottom:0}.dashboard-subtitle{color:#f8e993;font-size:1.1rem;font-weight:700;letter-spacing:.5px;margin-bottom:0;margin-left:12px;margin-top:7px}.dashboard-refresh-btn{align-items:center;background:#18181b;border:1.5px solid #26272b;border-radius:10px;color:#f3f4f6;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;margin-left:auto;padding:9px 22px;transition:background .13s,border .13s,color .13s}.dashboard-refresh-btn:hover{background:#232326;border-color:#10b981;color:#10b981}.stat-cards-row{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr);margin-bottom:39px}.stat-card{background:#18181b;border:1.5px solid #26272b;border-radius:16px;box-shadow:0 2px 12px #22222226;flex-direction:row;gap:18px;min-width:0;padding:30px 20px 18px;transition:border .17s,box-shadow .18s}.stat-card,.stat-card-icon{align-items:center;display:flex}.stat-card-icon{border-radius:15px;font-size:27px;height:52px;justify-content:center;width:52px}.stat-card-label{color:#edeef7;font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.stat-card-value{font-size:2rem;font-weight:700;line-height:1.05;margin:8px 0 2px}.stat-card-detail{color:#c6c7cf;font-size:13px}.graph-big{margin-bottom:26px}.dashboard-graph-card{background:#17192b!important;border:none;border-radius:16px;box-shadow:0 2px 16px #2432791a;min-width:0;padding:24px!important}.dashboard-graph-title{color:#6c89df!important;font-size:1rem;font-weight:700;margin-top:10px}.dashboard-quick-actions{background:#18181b;border:1.5px solid #26272b;border-radius:14px;box-shadow:0 2px 8px #08080820;margin-top:32px;padding:26px 24px 21px}.dashboard-quick-actions h3{color:#fff8b3;font-size:18px;font-weight:800;letter-spacing:.3px;margin-bottom:18px}.action-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(130px,auto));margin-top:4px}.action-btn{align-items:center;background:#222123;border:1.5px solid #494646;border-radius:8px;color:#fff6c6;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.action-btn svg{height:16px;width:16px}.action-btn.quick:hover{background:#10b981;border-color:#10b981;box-shadow:0 4px 12px #10b98133;color:#fff;transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}.dashboard-loading{align-items:center;background:#0000;display:flex;flex-direction:column;justify-content:center;min-height:420px}.spinner{animation:spin .9s linear infinite;border:6px solid #e5e7eb;height:48px;width:48px}.dashboard-graphs-row{display:flex;gap:16px;margin-bottom:26px}.sales-chart-card{padding:32px}@media (max-width:1100px){.stat-cards-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.dashboard-graphs-row{flex-direction:column;gap:16px}.dashboard-graph-card{max-width:100%;min-width:0}}@media (max-width:768px){.dashboard-header h1{font-size:1.8rem}.stat-card-value{font-size:1.5rem}.dashboard-graph-card,.sales-chart-card{padding:16px!important}.action-buttons{gap:10px;grid-template-columns:repeat(auto-fit,minmax(110px,auto))}.action-btn{font-size:.8rem;padding:6px 12px}.action-btn svg{height:14px;width:14px}.dashboard-refresh-btn-header span{display:none}.dashboard-refresh-btn-header{padding:8px 12px}}@media (max-width:550px){.stat-cards-row{gap:12px;grid-template-columns:1fr;margin-bottom:24px}.stat-card{padding:18px 14px}.stat-card-value{font-size:1.4rem}.dashboard-quick-actions{padding:15px 14px}.dashboard-quick-actions h3{font-size:16px;margin-bottom:12px}.action-buttons{gap:8px;grid-template-columns:repeat(3,1fr)}.action-btn{flex-direction:column;font-size:.75rem;gap:4px;height:auto;padding:8px 6px;text-align:center;white-space:normal}.action-btn svg{height:18px;width:18px}}@media (max-width:380px){.action-buttons{grid-template-columns:repeat(2,1fr)}}.alert{border-radius:10px;font-weight:500}.alert-error{background:#ef44441a}.alert-success{background:#10b9811a}.custom-dashboard::-webkit-scrollbar{height:8px;width:8px}.custom-dashboard::-webkit-scrollbar-track{background:#1f1f23;border-radius:4px}.custom-dashboard::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:4px}.custom-dashboard::-webkit-scrollbar-thumb:hover{background:#52525b}.rd-page{box-sizing:border-box;display:flex;flex-direction:column;gap:20px;overflow:hidden;padding:4px 0 32px;width:100%}.rd-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);width:100%}.rd-stat-card{background:#17192b;border-left:4px solid #10b981;border-left:4px solid var(--card-color,#10b981);border-radius:14px;gap:14px;min-width:0;overflow:hidden;padding:18px 20px}.rd-stat-card,.rd-stat-icon{align-items:center;display:flex}.rd-stat-icon{border-radius:12px;flex-shrink:0;height:50px;justify-content:center;width:50px}.rd-stat-text{min-width:0;overflow:hidden}.rd-stat-label{color:#8892b0;font-size:10.5px;font-weight:700;letter-spacing:.9px;text-transform:uppercase}.rd-stat-label,.rd-stat-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rd-stat-value{font-size:22px;font-weight:800;margin-top:2px}.rd-stat-detail{color:#64748b;font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rd-charts{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;width:100%}.rd-panel{background:#17192b;border-radius:14px;min-width:0;overflow:hidden;padding:20px 22px}.rd-panel-title{align-items:center;color:#fff;display:flex;font-size:15px;font-weight:700;gap:8px;margin-bottom:16px}.rd-products{width:100%}.rd-product-row{align-items:center;display:flex;gap:12px}.rd-product-rank{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:12px;font-weight:800;height:26px;justify-content:center;width:26px}.rd-product-info{flex:1 1;min-width:0}.rd-product-name-row{align-items:baseline;display:flex;gap:8px;justify-content:space-between;margin-bottom:3px}.rd-product-name{color:#e2e8f0;font-size:13px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rd-product-total{color:#10b981;flex-shrink:0;font-size:12px;font-weight:700}.rd-bar-track{background:#233356;border-radius:3px;height:5px;overflow:hidden}.rd-bar-fill{background:#5caaff;border-radius:3px;height:100%;transition:width .4s ease}.rd-product-qty{color:#64748b;font-size:11px;margin-top:2px}.rd-empty{align-items:center;color:#ffffff26;display:flex;font-size:13px;justify-content:center;min-height:120px}@keyframes rd-spin{to{transform:rotate(1turn)}}.rd-spinning{animation:rd-spin .8s linear infinite}@media (max-width:900px){.rd-stats{grid-template-columns:repeat(2,1fr)}.rd-charts{grid-template-columns:1fr}}@media (max-width:600px){.rd-stats{gap:10px;grid-template-columns:repeat(2,1fr)}.rd-stat-card{border-radius:12px;gap:10px;padding:14px}.rd-stat-icon{border-radius:10px;height:40px;width:40px}.rd-stat-value{font-size:18px}.rd-stat-label{font-size:9.5px;letter-spacing:.5px}.rd-panel{padding:16px 14px}.rd-panel-title{font-size:14px}.rd-charts,.rd-page{gap:12px}}@media (max-width:400px){.rd-stats{gap:8px;grid-template-columns:1fr 1fr}.rd-stat-card{align-items:flex-start;flex-direction:column;gap:8px;padding:12px}}.users-page{margin:0 auto;max-width:1400px;width:100%}.users-search-row{align-items:center;display:flex;gap:12px;margin-bottom:20px;width:100%}.users-search-wrapper{flex:1 1;max-width:320px;min-width:200px;position:relative}.users-search-icon{color:#888;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.users-search-input{background:#0000004d;border:1.5px solid #ffffff1a;border-radius:8px;color:#fff;font-size:13px;padding:8px 12px 8px 36px;transition:all .2s ease;width:100%}.users-search-input:focus{background:#0006;border-color:#10b981;outline:none}.users-search-input::placeholder{color:#666}.users-btn-new{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:6px 14px;transition:all .2s ease;white-space:nowrap;width:auto}.users-btn-new:hover{box-shadow:0 4px 10px #10b9814d;transform:translateY(-1px)}.users-btn-new:active{transform:translateY(0)}.users-table-container{background:#18181b;border:1.5px solid #26272b;border-radius:16px;overflow:hidden}.users-table-wrapper{overflow-x:auto}.users-table{border-collapse:collapse;font-size:13px;width:100%}.users-table thead tr{background:#1f1f24;border-bottom:1px solid #26272b}.users-table th{border-bottom:1px solid #ffffff14;color:#10b981;font-size:12px;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid #ffffff0d;color:#e0e0e0;font-size:13px;padding:16px}.users-table tbody tr:hover{background:#10b98108}.users-role-badge{background:#10b9811f;border-radius:20px;color:#10b981;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px}.users-status-active{align-items:center;color:#22c55e;display:flex;gap:6px}.users-status-inactive{align-items:center;color:#ef4444;display:flex;gap:6px}.users-action-buttons{display:flex;gap:8px}.users-btn-icon{align-items:center;background:#10b9811f;border:1px solid #10b9814d;border-radius:8px;color:#10b981;cursor:pointer;display:inline-flex;padding:6px 10px;transition:all .2s ease}.users-btn-icon:hover{background:#10b98140;transform:translateY(-1px)}.users-empty-state{padding:60px;text-align:center}.users-empty-icon{color:#666;display:block;margin:0 auto 16px;opacity:.3}.users-empty-text{color:#888;font-size:14px}.users-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000}.users-modal{background:linear-gradient(135deg,#18181b,#1f1f24);border:1px solid #10b98133;border-radius:20px;box-shadow:0 25px 50px #00000080;display:flex;flex-direction:column;max-width:480px;width:100%}.users-modal-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:14px 20px}.users-modal-title{color:#fff;font-size:17px;font-weight:800;margin:0}.users-modal-close{align-items:center;background:#ffffff0d;border:none;border-radius:8px;color:#fff9;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.users-modal-close:hover{background:#ffffff1a}.users-modal-body{display:flex;flex-direction:column;gap:10px;padding:12px 20px}.users-form-row{display:flex;gap:12px}.users-form-group{flex:1 1}.users-form-label{color:#ffffff8c;display:block;font-size:11px;font-weight:700;margin-bottom:3px}.users-form-label-hint{color:#aaa;font-weight:400}.users-form-input{background:#0000004d;border:1.5px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:13px;padding:7px 12px;transition:all .2s ease;width:100%}.users-form-input:focus{background:#0006;border-color:#10b981;outline:none}.users-form-select{background:#0000004d;border:1.5px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;padding:7px 12px;width:100%}.users-form-select option{background:#1f1f24;color:#fff}.users-modal-footer{border-top:1px solid #ffffff14;display:flex;gap:10px;justify-content:flex-end;padding:10px 20px 14px}.users-btn-secondary{background:#ffffff0d;border:1.5px solid #ffffff1f;border-radius:10px;color:#fffc;cursor:pointer;font-size:13px;font-weight:600;padding:8px 18px;transition:all .2s ease}.users-btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.users-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.users-btn-primary{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:8px 18px;transition:all .2s ease}.users-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.users-btn-primary:disabled{cursor:not-allowed;opacity:.5}.users-modal-error{background:#ef4444f2;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:13px;font-weight:600;left:50%;padding:12px 24px;top:24px;transform:translateX(-50%);z-index:2100}.users-modal-error,.users-verif-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:fixed}.users-verif-overlay{align-items:center;background:#000000d9;display:flex;inset:0;justify-content:center;z-index:2550}.users-verif-modal{align-items:center;background:linear-gradient(135deg,#18181b,#1f1f24);border:1px solid #10b98133;border-radius:20px;box-shadow:0 25px 50px #00000080;display:flex;flex-direction:column;gap:16px;min-width:360px;padding:32px}.users-verif-title{color:#fff;font-size:18px;font-weight:700;margin:0}.users-verif-label{color:#fff9;font-size:13px}.users-verif-input{background:#0000004d;border:1.5px solid #ffffff1a;border-radius:10px;color:#fff;font-size:14px;padding:10px 14px;text-align:center;transition:all .2s ease;width:100%}.users-verif-input:focus{background:#0006;border-color:#10b981;outline:none}.users-verif-message{font-size:13px;font-weight:600;min-height:24px}.users-verif-message-success{color:#22c55e}.users-verif-message-error{color:#ef4444}.users-btn-verif{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:10px 22px;transition:all .2s ease;width:100%}.users-btn-verif:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.dashboard-refresh-btn-header:active:not(:disabled){transform:translateY(0)}.dashboard-refresh-btn-header:disabled{transform:none}@media (max-width:768px){.users-search-row{align-items:stretch;flex-direction:column}.users-search-wrapper{max-width:100%}.users-btn-new{align-self:flex-start}.users-modal{display:flex;flex-direction:column;max-height:calc(100dvh - 48px);max-width:calc(100vw - 32px)}.users-modal-body{flex:1 1;overflow-y:auto}.users-verif-modal{max-width:400px;min-width:0;padding:24px;width:calc(100vw - 48px)}}@media (max-width:550px){.users-form-row{flex-direction:column;gap:10px}.dashboard-refresh-btn-header span{display:none}.dashboard-refresh-btn-header{padding:8px 12px}}@media (max-width:600px){.users-table-container{background:#0000;border:none;border-radius:0}.users-table-wrapper{overflow-x:visible}.users-table thead{display:none}.users-table,.users-table tbody{display:block;width:100%}.users-table tr{border:1.5px solid #26272b;border-radius:14px;display:block;margin-bottom:12px;padding:4px 14px}.users-table tr,.users-table tr:hover{background:#18181b}.users-table td{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;font-size:13px;gap:12px;justify-content:space-between;padding:10px 0}.users-table td:last-child{border-bottom:none}.users-table td:before{color:#fff6;content:attr(data-label);flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.6px;min-width:72px;text-transform:uppercase}.users-empty-state{display:block;padding:40px 20px;text-align:center}.users-action-buttons{justify-content:flex-end}.users-modal-overlay{align-items:flex-end;padding:0}.users-modal{border-radius:20px 20px 0 0;max-height:92dvh;max-width:100%;width:100%}}.roles-header-actions{align-items:center;display:flex;gap:12px}.roles-btn-primary{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 18px;transition:all .2s ease}.roles-btn-primary:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.roles-table-container{background:#18181b;border:1.5px solid #26272b;border-radius:16px;margin-top:20px;overflow-x:auto;width:100%}.roles-table{border-collapse:collapse;font-size:13px;min-width:600px;width:100%}.roles-table thead tr{background:#1f1f24;border-bottom:1px solid #26272b}.roles-table th{border-bottom:1px solid #ffffff14;color:#10b981;font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.roles-table td:first-child,.roles-table th:first-child{width:20%}.roles-table td:nth-child(2),.roles-table th:nth-child(2){width:65%}.roles-table td:last-child,.roles-table th:last-child{text-align:center;width:15%}.roles-table td{border-bottom:1px solid #ffffff0d;color:#e0e0e0;font-size:13px;padding:12px;vertical-align:middle}.roles-table tbody tr:hover{background:#10b98108}.roles-cell-name strong{color:#fff;display:block;font-size:14px;margin-bottom:4px;word-break:break-word}.roles-cell-description{color:#7a7a96;display:block;font-size:10px;word-break:break-word}.roles-permissions-container{display:flex;flex-wrap:wrap;gap:6px}.roles-permission-badge{background:#10b98114;border:1px solid #10b98133;border-radius:8px;display:inline-block;max-width:100%;padding:4px 8px}.roles-permission-module{color:#10b981;display:block;font-size:11px;font-weight:700;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roles-permission-features{display:flex;flex-wrap:wrap;gap:4px}.roles-permission-feature{background:#ffffff0d;border-radius:4px;color:#a0a0b8;font-size:9px;padding:2px 5px;white-space:nowrap}.roles-cell-actions{text-align:center;white-space:nowrap}.roles-action-btn{align-items:center;background:#10b9811f;border:1px solid #10b9814d;border-radius:6px;color:#10b981;cursor:pointer;display:inline-flex;height:28px;justify-content:center;margin:0 3px;padding:0;transition:all .2s ease;vertical-align:middle;width:28px}.roles-action-btn svg{flex-shrink:0;height:13px;width:13px}.roles-action-btn:hover{background:#10b98140;transform:translateY(-1px)}.roles-action-btn.delete{background:#ef44441f;border-color:#ef44444d;color:#ef4444}.roles-action-btn.delete:hover{background:#ef444440}.roles-empty-state{padding:60px;text-align:center}.roles-empty-icon{color:#666;display:block;margin:0 auto 16px;opacity:.3}.roles-empty-state span{color:#888;display:block;font-size:14px;margin-bottom:16px}.roles-empty-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:8px;margin-top:8px;padding:8px 16px;transition:all .2s ease}.roles-empty-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.rol-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000}.rol-modal-box{background:linear-gradient(135deg,#18181b,#1f1f24);border:1px solid #10b98133;border-radius:20px;box-shadow:0 25px 50px #00000080;max-height:90vh;max-width:520px;overflow-y:auto;scrollbar-color:#10b981 #1f1f24;scrollbar-width:thin;width:100%}.rol-modal-box::-webkit-scrollbar{width:6px}.rol-modal-box::-webkit-scrollbar-track{background:#1f1f24;border-radius:3px}.rol-modal-box::-webkit-scrollbar-thumb{background:#10b981;border-radius:3px}.rol-modal-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:24px 28px 16px}.rol-modal-header h2{color:#fff;font-size:22px;font-weight:800;margin:0}.rol-modal-close{align-items:center;background:#ffffff0d;border:none;border-radius:8px;color:#fff9;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.rol-modal-close:hover{background:#ffffff1a}.rol-modal-box form{padding:20px 28px 28px}.rol-form-group{margin-bottom:20px}.rol-form-group label{color:#ffffff8c;display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.rol-form-group input{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;font-family:Inter,sans-serif;font-size:13px;padding:11px 14px;transition:all .2s ease;width:100%}.rol-form-group input:focus{background:#10b9810f;border-color:#10b98180;box-shadow:0 0 0 3px #10b9811f;outline:none}.rol-mod-icon{align-items:center;background:#10b9811f;border-radius:8px;color:#10b981;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;margin-right:10px;width:28px}.rol-permisos-list{display:flex;flex-direction:column;gap:12px;margin:8px 0 18px;max-height:300px;overflow-y:auto;padding-right:8px}.rol-permisos-list::-webkit-scrollbar{width:4px}.rol-permisos-list::-webkit-scrollbar-track{background:#1f1f24;border-radius:2px}.rol-permisos-list::-webkit-scrollbar-thumb{background:#10b981;border-radius:2px}.rol-modulo-item{border-bottom:1px solid #ffffff0d;padding-bottom:8px}.rol-modulo-checkbox{align-items:center;color:#e0e0e8;cursor:pointer;display:flex;font-size:14px;font-weight:600;padding:6px 0;transition:all .2s ease}.rol-modulo-checkbox:hover{background:#10b98108}.rol-modulo-checkbox.selected{color:#10b981}.rol-modulo-checkbox input[type=checkbox]{accent-color:#10b981;cursor:pointer;height:16px;margin-right:8px;width:16px}.rol-modulo-name{flex:1 1}.rol-modulo-expand{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;justify-content:center;padding:4px;transition:all .2s ease}.rol-modulo-expand:hover{background:#10b9811a}.rol-modulo-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;margin-left:40px;margin-top:8px}.rol-feature-checkbox{align-items:center;background:#ffffff0a;border-radius:8px;color:#a0a0b8;cursor:pointer;display:inline-flex;font-size:11px;font-weight:500;gap:6px;padding:4px 10px 4px 8px;transition:all .2s ease}.rol-feature-checkbox:hover{background:#10b9811a;color:#10b981}.rol-feature-checkbox.selected{background:#10b98126;color:#10b981}.rol-feature-checkbox input[type=checkbox]{accent-color:#10b981;cursor:pointer;height:12px;margin:0;width:12px}.rol-premium-icon{margin-left:3px}.rol-modal-footer{border-top:1px solid #ffffff14;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}.rol-btn-cancel{background:#ffffff0d;border:1.5px solid #ffffff1f;border-radius:10px;color:#fffc;cursor:pointer;font-size:13px;font-weight:600;padding:10px 22px;transition:all .2s ease}.rol-btn-cancel:hover{background:#ffffff1a;border-color:#fff3}.rol-btn-cancel:disabled{cursor:not-allowed;opacity:.5}.rol-btn-save{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:10px 22px;transition:all .2s ease}.rol-btn-save:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.rol-btn-save:disabled{cursor:not-allowed;opacity:.5}.dashboard-refresh-btn-header{transition:all .3s ease}@media (max-width:768px){.dashboard-refresh-btn-header span{display:none}.dashboard-refresh-btn-header{padding:8px 12px}.rol-modal-header{padding:20px 20px 12px}.rol-modal-box form{padding:16px 20px 20px}.rol-modal-header h2{font-size:18px}.rol-permisos-list{max-height:40dvh}}@media (max-width:640px){.roles-header-actions{gap:8px}.roles-btn-primary{font-size:12px;padding:6px 12px}}@media (max-width:600px){.roles-table-container{background:#0000;border:none;border-radius:0;margin-top:12px;overflow-x:visible}.roles-table{min-width:0}.roles-table,.roles-table tbody{display:block;width:100%}.roles-table thead{display:none}.roles-table tr{border:1.5px solid #26272b;border-radius:14px;display:block;margin-bottom:12px;padding:4px 14px}.roles-table tr,.roles-table tr:hover{background:#18181b}.roles-table td:first-child,.roles-table td:last-child,.roles-table td:nth-child(2){text-align:left;width:100%}.roles-table td{align-items:flex-start;border-bottom:1px solid #ffffff0d;box-sizing:border-box;display:flex;font-size:13px;gap:10px;padding:10px 0;width:100%}.roles-table td:last-child{border-bottom:none}.roles-table td:before{color:#fff6;content:attr(data-label);flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.6px;padding-top:2px;text-transform:uppercase;width:72px}.roles-cell-name-inner,.roles-table td>*{flex:1 1;min-width:0;overflow-wrap:anywhere;word-break:break-word}.roles-cell-name-inner{display:flex;flex-direction:column;gap:4px}.roles-cell-permissions{align-items:flex-start;flex-direction:column}.roles-permissions-container{flex:1 1;min-width:0}.roles-cell-actions{align-items:center}.roles-cell-actions .roles-action-btn{flex:none}.roles-empty-state{display:block;padding:40px 20px}.rol-modal-overlay{align-items:flex-end;padding:0}.rol-modal-box{border-radius:20px 20px 0 0;max-height:92dvh;max-width:100%;width:100%}}.audit-header-actions{align-items:center;display:flex;gap:12px}.filter-toggle-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;color:#a0a0b8;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s ease}.filter-toggle-btn:hover{background:#ffffff1a;border-color:#f9731666;color:#f97316}.filter-toggle-btn.active{background:#f9731626;border-color:#f97316;color:#f97316}.audit-filter-bar{animation:filterSlideDown .3s ease-out;background:#1f1f24;border:1px solid #26272b;border-radius:12px;margin-bottom:20px;padding:16px 20px}@keyframes filterSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:12px}.filter-group{align-items:center;gap:12px}.filter-group label{align-items:center;color:#a0a0b8;display:flex;font-size:13px;gap:6px}.filter-date-input{background:#18181b;border:1px solid #26272b;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;padding:8px 12px;transition:all .2s ease}.filter-date-input:focus{border-color:#f97316;box-shadow:0 0 0 2px #f9731633;outline:none}.filter-clear-btn{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#f87171;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.filter-clear-btn:hover{background:#ef444433;border-color:#ef4444}.filter-info{align-items:center;border-top:1px solid #ffffff0f;display:flex;font-size:12px;justify-content:space-between;padding-top:10px}.filter-active{color:#f97316}.filter-active strong{color:#fff;font-weight:600}.filter-all{color:#7a7a96}.filter-count{color:#10b981;font-weight:600}.audit-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-top:20px}.audit-card{background:#18181b;border:1px solid #26272b;border-radius:16px;cursor:default;padding:20px;transition:all .25s ease}.audit-card:hover{border-color:#10b9814d;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.audit-card-header{align-items:flex-start;display:flex;gap:14px;margin-bottom:16px}.audit-card-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.audit-card-icon svg{color:#fff;height:22px;width:22px}.audit-card-info{flex:1 1}.audit-card-action{display:block;font-size:16px;font-weight:800;letter-spacing:.3px;margin-bottom:4px}.audit-card-date{color:#7a7a96;font-size:12px;font-weight:500}.audit-card-user{align-items:center;border-bottom:1px solid #ffffff0f;color:#a0a0b8;display:flex;font-size:13px;gap:8px;margin-bottom:12px;padding-bottom:10px}.audit-card-user svg{color:#10b981;flex-shrink:0}.audit-card-description{color:#e0e0e8;font-size:13px;line-height:1.5;margin-bottom:12px}.audit-card-description strong{color:#10b981;font-weight:700}.audit-card-amount{align-items:center;border-top:1px solid #ffffff0f;display:flex;font-size:15px;font-weight:600;gap:8px;margin-top:12px;padding-top:10px}.audit-card-amount strong{font-size:16px;font-weight:800;margin-left:auto}.audit-empty{background:#18181b;border:1.5px solid #26272b;border-radius:16px;color:#7a7a96;grid-column:1/-1;padding:60px;text-align:center}.audit-empty-icon{color:#666;display:block;margin:0 auto 16px;opacity:.3}.audit-empty span{color:#888;font-size:14px}.alert{animation:alertSlideIn .4s ease-out;border-left:4px solid}.alert-error{background:#ef44441f;border-color:#ef4444}@keyframes alertSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dashboard-refresh-btn-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f9731626,#f973160d);border:1px solid #f9731666;border-radius:10px;color:#f97316;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.3px;padding:8px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-refresh-btn-header:hover:not(:disabled){background:linear-gradient(135deg,#f9731640,#f9731626);border-color:#f97316;box-shadow:0 4px 12px #f9731633;color:#fb923c;transform:translateY(-2px)}.dashboard-refresh-btn-header:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.audit-grid{gap:16px;grid-template-columns:1fr}.audit-card{padding:16px}.audit-card-icon{height:40px;width:40px}.audit-card-icon svg{height:18px;width:18px}.audit-card-action{font-size:14px}.filter-content{align-items:stretch;flex-direction:column}.filter-group{justify-content:space-between}.filter-clear-btn{align-self:flex-start}.audit-header-actions{gap:8px}.filter-toggle-btn span{display:none}.filter-toggle-btn{padding:8px 12px}}@media (max-width:480px){.audit-card{padding:14px}.audit-card-icon{height:36px;width:36px}.audit-card-action{font-size:13px}.dashboard-refresh-btn-header span{display:none}.dashboard-refresh-btn-header{padding:8px 12px}.filter-group{align-items:flex-start;flex-direction:column;gap:8px}.filter-date-input{width:100%}}.checkout-main{align-items:flex-start;display:flex;gap:14px;min-height:auto}@media (max-width:1100px){.checkout-main{flex-direction:column;gap:14px}}.orders-list-panel{flex:1 1;min-width:0}.payment-panel{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;box-shadow:0 12px 30px #00000047;max-width:380px;min-width:320px;padding:22px 24px;width:100%}@media (max-width:870px){.payment-panel{max-width:100%;min-width:0}}.empty-panel,.empty-state{align-items:center;background:#ffffff08;border:1px dashed #ffffff2e;border-radius:12px;color:#ffffff8c;display:flex;font-size:14px;font-weight:600;justify-content:center;min-height:100px;padding:20px;text-align:center}.search-box{align-items:center;background:#0000002e;border:1px solid #ffffff1a;border-radius:12px;color:#ffffff73;display:flex;gap:10px;margin-bottom:12px;padding:10px 14px;transition:border-color .15s}.search-box:focus-within{border-color:#10b98173;box-shadow:0 0 0 3px #10b9811f}.search-box input{background:none;border:none;color:#ffffffeb;outline:none}.search-box input::placeholder{color:#ffffff59}.orders-table{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;box-shadow:0 12px 30px #00000047;overflow:hidden;width:100%}.orders-table th{background:#ffffff12;border-bottom:1px solid #ffffff1a;color:#ffffffb3;font-size:11px;font-weight:700;letter-spacing:.6px;padding:10px 16px;text-align:left;text-transform:uppercase}.orders-table td{border-bottom:1px solid #ffffff0f;color:#ffffffd9;font-size:14px;padding:11px 16px}.orders-table tr:last-child td{border-bottom:none}.orders-table tr{transition:background .13s}.orders-table tr.selected,.orders-table tr:hover{background:#10b98117}.orders-table td.amount{color:#975ffe;font-size:1.05em;font-weight:900}.orders-table td .btn-select{align-items:center;background:#10b98121;border:1px solid #10b9814d;border-radius:8px;color:#ffffffe0;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;transition:all .16s;white-space:nowrap}.orders-table td .btn-select:hover{background:#10b98142;border-color:#10b9818c;color:#fff}.mesa-num{color:#ffe895}.mesa-num small{color:#79aaff;font-size:12px;font-weight:700}.panel-title{color:#354ced;font-size:1.1rem;font-weight:800;margin-bottom:14px}.order-summary{background:#0003;border:1px solid #ffffff14;border-radius:10px;margin-bottom:14px;padding:14px 16px}.summary-header h3{align-items:center;color:#fff;display:flex;font-size:1rem;font-weight:900;gap:5px;margin:0 0 8px}.summary-header small{color:#5285f1;font-size:.9em;font-weight:800;margin-left:4px}.items-list{margin-bottom:10px}.item-line{border-bottom:1px solid #ffffff12;color:#ffffffd9;font-size:14px;font-weight:600;justify-content:space-between;padding:6px 0}.item-price{color:#b299fa}.subtotal-line,.tax-line,.total-line{align-items:center;color:#fff9;display:flex;font-size:14px;justify-content:space-between;padding:3px 0}.total-line{background:linear-gradient(90deg,#8f8fd9,#b3a1fc);border-radius:8px;color:#fff;font-weight:700;margin:12px 0 3px;padding:8px 10px}.total-line .total-amount{color:#fff;font-size:1.15em;font-weight:1000}.btn-complete{align-items:center;background:#10b981d9;border:none;border-radius:9px;box-shadow:0 3px 8px #10b98140;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:800;gap:6px;padding:11px 24px;transition:background .14s}.btn-complete:disabled{cursor:not-allowed;opacity:.6}.btn-complete:hover{background:#10b981}.btn-cancel{background:#ef444426;border:1px solid #ef44444d;border-radius:7px;color:#f87171;display:flex;font-weight:700;gap:5px;padding:10px 18px;transition:all .13s}.btn-cancel:hover{background:#ef44444d;border-color:#ef44448c;color:#fff}.notification{background:#232b4deb;box-shadow:0 2px 8px #0000004d;color:#fff;font-size:14px;font-weight:700;margin:14px auto 0;max-width:500px;padding:10px 16px;text-align:center}.notification.info{background:#1867c0eb}.notification.success{background:#10b981eb}.notification.error{background:#e11d48eb}.notification.warning{background:#d97706eb}@media (max-width:700px){.checkout-main{flex-direction:column}.payment-panel{max-width:100%;padding:12px 7px}.orders-table td,.orders-table th{font-size:13px;padding:7px}.item-line{font-size:12px}.btn-cancel,.btn-complete{font-size:12px;padding:9px 8px}}.pw-modal-overlay{align-items:center;background:#0000003d;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1200}.pw-modal-form{background:#fff;border-radius:10px;box-shadow:0 4px 22px #2222;display:flex;flex-direction:column;max-width:90vw;min-width:320px;padding:24px}.pw-title{color:#000;font-size:19px;font-weight:700;margin-bottom:18px;text-align:center}.pw-input{background:#f5fff7;border:1.3px solid #c9e0d5;border-radius:6px;box-sizing:border-box;color:#184923;font-size:16px;font-weight:600;margin-bottom:18px;outline:none;padding:10px 11px;width:100%}.pw-error{background:#ffe9e9;border-radius:6px;color:#c42b2b;font-size:14px;font-weight:600;margin-bottom:7px;padding:7px 0;text-align:center}.pw-actions{display:flex;gap:12px;justify-content:center}.pw-btn{border:none;border-radius:6px;font-size:15px;font-weight:600;min-width:100px;outline:none;padding:8px 18px;transition:background .14s}.pw-btn-green{background:#13d06d;color:#104818}.pw-btn-green:disabled{background:#bff2d5;color:#a8bfae}.pw-btn-cancel{background:#eee;color:#454545}.pw-btn-cancel:disabled{background:#eee;color:#a6a6a6}@media (max-width:480px){.pw-modal-form{border-radius:14px;min-width:0;min-width:auto;padding:18px 16px;width:calc(100vw - 32px)}.pw-title{font-size:16px;margin-bottom:14px}.pw-input{font-size:15px;margin-bottom:14px;padding:9px 10px}.pw-btn{font-size:14px;min-width:80px;padding:9px 14px}}.odr-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1100}.odr-modal-form{animation:odr-fadein .2s ease;background:#13132a;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 20px 60px #0009;display:flex;flex-direction:column;gap:0;max-height:90vh;max-width:420px;min-width:340px;overflow-y:auto;padding:28px 28px 24px;width:100%}@keyframes odr-fadein{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.odr-modal-form h3{color:#f0f0f8;font-size:17px;font-weight:700;letter-spacing:.01em;margin:0 0 18px}.odr-modal-form input,.odr-modal-form select,.odr-modal-form textarea{appearance:auto;background:#1e1e3a;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#f0f0f8;font-size:14px;font-weight:500;margin-bottom:14px;outline:none;padding:10px 12px;transition:border-color .15s;width:100%}.odr-modal-form input:focus,.odr-modal-form select:focus,.odr-modal-form textarea:focus{border-color:#10b981}.odr-modal-form select option{background:#1e1e3a;color:#f0f0f8}.odr-modal-form input::placeholder{color:#5a5a7a}.odr-modal-form textarea{resize:none}.odr-modal-form label{color:#a0a0b0;display:block;font-size:11px;font-weight:600;letter-spacing:.06em;margin-bottom:5px;text-transform:uppercase}.odr-modal-info{background:#f39c1214;border:1px solid #f39c1233;border-radius:8px;color:#f39c12;font-size:13px;line-height:1.5;margin-bottom:14px;padding:10px 12px}.odr-error{background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#f87171;font-size:12px;margin:4px 0 10px;padding:8px 12px}.odr-modal-buttons{display:flex;gap:10px;margin-top:6px}.odr-modal-form button[type=submit]{background:linear-gradient(135deg,#10b981,#059669);border:0;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:11px 20px;transition:opacity .15s}.odr-modal-form button[type=submit]:hover:not(:disabled){opacity:.88}.odr-modal-form button[type=submit]:disabled{background:#1e3a2e;color:#4a7a62;cursor:not-allowed}.odr-modal-form button[type=button]{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;color:#a0a0b0;cursor:pointer;font-size:14px;font-weight:600;padding:11px 20px;transition:background .15s}.odr-modal-form button[type=button]:hover:not(:disabled){background:#ffffff1a;color:#f0f0f8}.open-drawer-btn{display:inline-block;position:relative}.open-drawer-btn>button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 4px 14px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:6px;padding:8px 16px;transition:opacity .15s,box-shadow .2s;white-space:nowrap}.open-drawer-btn>button:hover:not(:disabled){box-shadow:0 6px 20px #10b98173;opacity:.9}.open-drawer-btn>button:disabled{background:#1e3a2e;box-shadow:none;color:#4a7a62;cursor:not-allowed}.open-drawer-btn .odr-error-msg{color:#f87171;font-size:12px;margin-top:4px}@keyframes pulse-bubble{0%,to{box-shadow:0 6px 24px #f39c1280;transform:scale(1)}50%{box-shadow:0 8px 32px #f39c12cc;transform:scale(1.05)}}@media (max-width:480px){.open-drawer-btn>button{font-size:9px;padding:4px 9px}.odr-modal-form{border-radius:14px;min-width:0;min-width:auto;padding:18px 16px 16px;width:calc(100vw - 24px)}}:root{--primary:#10b981;--primary-dark:#059669;--primary-light:#34d399;--primary-glow:#10b98133;--secondary:#8b5cf6;--secondary-dark:#7c3aed;--secondary-light:#a78bfa;--danger-dark:#dc2626;--bg-main:#0a0a0f;--bg-card:#12121c;--bg-card-hover:#181824;--bg-input:#0f0f17;--bg-sidebar:#0d0d14;--border:#10b9811f;--border-hover:#10b98140;--text-primary:#f0f0f8;--text-secondary:#a0a0b0;--text-muted:#6b7280;--text-dark:#4a4a5a;--shadow-sm:0 2px 4px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006;--shadow-xl:0 12px 36px #00000080;--shadow-primary:0 4px 14px #10b98133;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--transition:all 0.2s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.3s cubic-bezier(0.4,0,0.2,1)}.checkout-modern-main{align-items:flex-start;background:linear-gradient(135deg,#0a0a0f,#0c0c14);background:linear-gradient(135deg,var(--bg-main) 0,#0c0c14 100%);display:flex;justify-content:center;min-height:100vh;padding:24px;position:relative}.checkout-modern-main:before{background:linear-gradient(90deg,#0000,#10b981,#0000);background:linear-gradient(90deg,#0000,var(--primary),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.checkout-modern-card{background:linear-gradient(160deg,#0f0f1a,#0a0a12);border:1px solid #10b9811a;border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 20px 60px #0009,inset 0 1px 0 #ffffff0a;max-width:1400px;overflow:hidden;padding:24px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-slow);width:100%}.checkout-modern-card:after{background:radial-gradient(circle at 30% 20%,#10b98105,#0000);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.checkout-modern-card:hover{border-color:#10b98140;border-color:var(--border-hover);box-shadow:0 12px 36px #00000080;box-shadow:var(--shadow-xl)}.cmbx-row{align-items:center;border-bottom:1px solid #10b9811f;border-bottom:1px solid var(--border);display:flex;flex-wrap:nowrap;gap:10px;margin-bottom:15px;padding-bottom:10px}.combobox{background:#0f0f17;background:var(--bg-input);border:1px solid #10b9811f;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#f0f0f8;color:var(--text-primary);cursor:pointer;flex:0 0 auto;font-size:8px;font-weight:500;padding:4px 6px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:140px}.combobox:hover{background:#10b9810d}.combobox:focus,.combobox:hover{border-color:#10b981;border-color:var(--primary)}.combobox:focus{box-shadow:0 0 0 3px #10b98133;box-shadow:0 0 0 3px var(--primary-glow);outline:none}.combobox option{background:#12121c;background:var(--bg-card);color:#f0f0f8;color:var(--text-primary)}.cliente-fields{align-items:center;display:flex;flex:1 1;flex-wrap:nowrap;gap:8px;min-width:0}.cliente-fields input{background:#0a0a12;border:1px solid #10b9811f;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);font-size:8px;min-width:0;padding:4px 6px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.cliente-fields .cf-cedula{color:#34d399;flex:0 0 140px;font-weight:700}.cliente-fields .cf-nombre{color:#fff;flex:1.8 1;font-weight:500}.cliente-fields .cf-email{color:#a78bfa;flex:1.5 1;font-weight:500}.cliente-fields input:hover{background:#12121c;border-color:#10b981;border-color:var(--primary)}.cliente-fields input:focus{background:#1a1a2a;border-color:#10b981;border-color:var(--primary);box-shadow:0 0 0 3px #10b98133;box-shadow:0 0 0 3px var(--primary-glow);color:#fff;outline:none}.cliente-fields input:disabled{background:#0f0f1780;cursor:not-allowed;opacity:.6}.cliente-fields input::placeholder{color:#6b7280;color:var(--text-muted)}.pay-methods{background:#0000004d;border:1px solid #10b9811f;border:1px solid var(--border);border-radius:10px;display:flex;flex-wrap:wrap;gap:4px;margin:10px 0;padding:3px}.pay-btn{align-items:center;background:#0000;border:none;border-radius:9px;color:#6b7280;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:6px;justify-content:center;letter-spacing:.2px;min-width:80px;padding:7px 10px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.pay-btn:hover{background:#ffffff0d;color:#f0f0f8;color:var(--text-primary)}.pay-btn.selected{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);box-shadow:0 4px 12px #10b98159;color:#fff}.pay-btn svg{transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.pay-btn.selected svg{color:#fff}.order-details{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a12b3;border:1px solid #10b9811f;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 #ffffff08;margin:10px 0;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.order-details:hover{border-color:#10b98140;border-color:var(--border-hover)}.order-head{border-bottom:1px solid #10b9811f;border-bottom:1px solid var(--border);color:#f0f0f8;color:var(--text-primary);flex-wrap:wrap;font-size:15px;font-weight:700;gap:10px;justify-content:space-between;margin-bottom:14px;padding-bottom:12px}.order-head,.order-head b{align-items:center;display:flex}.order-head b{gap:8px}.order-head b:before{background:#10b981;background:var(--primary);border-radius:50%;box-shadow:0 0 6px #10b981;box-shadow:0 0 6px var(--primary);content:"";display:inline-block;height:8px;width:8px}.badge{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:20px;box-shadow:0 2px 4px #0003;box-shadow:var(--shadow-sm);color:#fff;font-size:11px;padding:4px 14px}.order-items{margin-bottom:10px;max-height:340px;overflow-y:auto;padding:4px 0}.order-items::-webkit-scrollbar{width:4px}.order-items::-webkit-scrollbar-track{background:#0000}.order-items::-webkit-scrollbar-thumb{background:#10b98140;border-radius:10px}.order-items::-webkit-scrollbar-thumb:hover{background:#10b98173}.section-title{color:#10b981;color:var(--primary);font-size:12px;font-weight:600;letter-spacing:1.5px;margin-bottom:12px;text-transform:uppercase}.item-line{align-items:center;border-left:2px solid #0000;border-radius:6px;border-radius:var(--radius-sm);display:flex;gap:8px;margin-bottom:2px;padding:8px 10px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.item-line:nth-child(2n){background:hsla(0,0%,100%,.015)}.item-line:hover{background:#10b9810f;border-left-color:#10b981;border-left-color:var(--primary)}.item-line input[type=checkbox]{accent-color:#10b981;accent-color:var(--primary);border-radius:4px;cursor:pointer;flex-shrink:0;height:16px;width:16px}.item-line input[type=checkbox]:checked~.item-name{color:#10b981;color:var(--primary)}.item-line input[type=checkbox]:disabled{cursor:not-allowed;opacity:.4}.item-qty{background:#10b9811f;border:1px solid #10b98133;border-radius:20px;color:#34d399;flex-shrink:0;font-family:Courier New,monospace;font-size:10px;letter-spacing:.3px;padding:2px 7px}.item-name{color:#a0a0b0;color:var(--text-secondary);flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.item-line:hover .item-name{color:#f0f0f8;color:var(--text-primary)}.item-amt{color:#10b981;color:var(--primary);flex-shrink:0;font-family:Courier New,monospace;font-size:13px;font-weight:700;min-width:72px;text-align:right}.paid-badge{background:#10b9811f;border:1px solid #10b98133;border-radius:20px;color:#34d399;color:var(--primary-light);font-size:10px;font-weight:700;margin-left:8px;padding:2px 10px}.totals-footer{align-items:stretch;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(160deg,#0a0a14e6,#06060ef2);border:1px solid #10b98124;border-radius:10px;box-shadow:0 4px 20px #0006,inset 0 1px 0 #ffffff08;display:flex;flex-direction:row;flex-wrap:wrap;margin-top:10px;overflow:hidden;padding:0;width:100%}.sub-iva-total{align-items:center;border-right:1px solid #10b9811a;display:flex;flex:1 1;flex-direction:column;gap:2px;justify-content:center;min-width:0;padding:10px 12px}.sub-iva-total:last-child{border-right:none}.sub-iva-total span:first-child{color:#6b7280;color:var(--text-muted);font-size:9px;font-weight:600;letter-spacing:.8px;text-align:center;text-transform:uppercase;white-space:nowrap}.sub-iva-total span:last-child{color:#a0a0b0;color:var(--text-secondary);font-family:Courier New,monospace;font-size:13px;font-weight:700;text-align:center}.sub-iva-total.total-row{background:#10b98114;border-left:1px solid #10b98133;border-right:none;border-top:none;flex:1.5 1;margin-top:0;padding-top:10px}.sub-iva-total.total-row span:first-child{color:#34d399;font-size:9px;font-weight:800;letter-spacing:1.5px}.sub-iva-total.total-row .total-amount{color:#34d399;font-family:Courier New,monospace;font-size:20px;font-weight:800;text-shadow:0 0 14px #10b98180}.sub-iva-total.discount-row{align-items:center;border-bottom:1px solid #10b98114;border-right:none;flex:0 0 100%;flex-direction:row;gap:8px;justify-content:space-between;padding:5px 14px}.sub-iva-total.discount-row span:first-child{align-items:center;color:#f59e0b;display:flex;font-size:10px;gap:4px;text-align:left}.sub-iva-total.discount-row span:last-child{color:#10b981;font-size:11px;text-align:right}.metodo-pago-seleccion{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.metodo-pago-seleccion button{align-items:center;background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;color:#6b7280;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;flex-direction:row;font-size:11px;font-weight:600;gap:5px;justify-content:center;letter-spacing:.2px;min-width:70px;padding:8px 10px}.metodo-pago-seleccion button,.metodo-pago-seleccion button svg{transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.metodo-pago-seleccion button svg{flex-shrink:0;height:15px;opacity:.6;width:15px}.metodo-pago-seleccion button:hover{background:#ffffff0f;border-color:#ffffff26;color:#f0f0f8;color:var(--text-primary);transform:translateY(-2px)}.metodo-pago-seleccion button:hover svg{opacity:1}.metodo-pago-seleccion button.selected{background:linear-gradient(160deg,#10b9812e,#0596691a);border-color:#10b98166;box-shadow:0 4px 16px #10b98126,inset 0 1px 0 #10b98133;color:#34d399;transform:translateY(-2px)}.metodo-pago-seleccion button.selected svg{color:#34d399;opacity:1}.metodo-pago-seleccion button[data-method=card].selected{background:linear-gradient(160deg,#8b5cf62e,#6d28d91a);border-color:#8b5cf666;box-shadow:0 4px 16px #8b5cf626,inset 0 1px 0 #8b5cf633;color:#a78bfa}.metodo-pago-seleccion button[data-method=card].selected svg{color:#a78bfa}.metodo-pago-seleccion button[data-method=transfer].selected{background:linear-gradient(160deg,#3b82f62e,#1d4ed81a);border-color:#3b82f666;box-shadow:0 4px 16px #3b82f626,inset 0 1px 0 #3b82f633;color:#60a5fa}.metodo-pago-seleccion button[data-method=transfer].selected svg{color:#60a5fa}.metodo-pago-seleccion button[data-method=mixto].selected{background:linear-gradient(160deg,#f59e0b2e,#b453091a);border-color:#f59e0b66;box-shadow:0 4px 16px #f59e0b26,inset 0 1px 0 #f59e0b33;color:#fbbf24}.metodo-pago-seleccion button[data-method=mixto].selected svg{color:#fbbf24}.metodo-pago-seleccion button[data-method=credit_note].selected{background:linear-gradient(160deg,#ec48992e,#be185d1a);border-color:#ec489966;box-shadow:0 4px 16px #ec489926,inset 0 1px 0 #ec489933;color:#f472b6}.metodo-pago-seleccion button[data-method=credit_note].selected svg{color:#f472b6}.payment-cash-row{background:linear-gradient(135deg,#10b9810f,#05966908);border:1px solid #10b9812e;border-radius:10px;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:12px;margin:10px 0;padding:10px 14px}.payment-field{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:10px}.payment-field label{align-items:center;color:#34d399;display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.payment-field input{background:#0006;border:1px solid #10b98140;border-radius:10px;border-radius:var(--radius-md);color:#34d399;flex:1 1;font-family:Courier New,monospace;font-size:18px;font-weight:700;min-width:100px;padding:7px 12px;text-align:right;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.payment-field input:focus{background:#10b9810d;border-color:#10b981;box-shadow:0 0 0 3px #10b98133;box-shadow:0 0 0 3px var(--primary-glow);color:#fff;outline:none}.cambio-field{flex:0.7 1}.cambio-amount{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b;font-family:Courier New,monospace;font-size:18px;font-weight:800;justify-content:center;min-width:90px;padding:7px 14px;text-shadow:0 0 10px #f59e0b4d}.cambio-amount,.payment-reference-row{align-items:center;border-radius:10px;border-radius:var(--radius-md);display:flex}.payment-reference-row{background:#12121c99;border:1px solid #ffffff0d;flex-wrap:wrap;gap:12px;margin:10px 0;padding:10px 14px}.payment-reference-row label{align-items:center;color:#a78bfa;display:inline-flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.payment-reference-row input{background:#0a0a12;border:1px solid #a78bfa4d;border-radius:10px;border-radius:var(--radius-md);color:#f0f0f8;flex:2 1;font-size:15px;min-width:240px;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.payment-reference-row input:focus{background:#1a1a2a;border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa33;outline:none}.mixto-toggle-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.mixto-toggle{align-items:center;background:#0000;border:2px solid #ffffff26;border-radius:8px;color:#94a3b8;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .18s}.mixto-toggle.active,.mixto-toggle:hover{border-color:#10b981;color:#10b981}.mixto-toggle.active{background:#10b9811f}.payment-mixed-row{background:#12121c99;border:1px solid #ffffff0d;border-radius:14px;border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:20px;margin:20px 0;padding:20px}.mixed-field{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:12px;min-width:200px}.mixed-field label{align-items:center;color:#34d399;display:inline-flex;font-size:13px;font-weight:700;gap:6px;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.mixed-field input{background:#0a0a12;border:1px solid #10b9814d;border-radius:10px;border-radius:var(--radius-md);color:#34d399;flex:1 1;font-family:monospace;font-size:16px;font-weight:700;min-width:120px;padding:10px 14px;text-align:right;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.mixed-field input:focus{background:#1a1a2a;border-color:#10b981;box-shadow:0 0 0 3px #10b98133;box-shadow:0 0 0 3px var(--primary-glow);color:#fff;outline:none}.mixed-total-row{background:#0000004d;border:1px solid #ffffff0d;border-radius:10px;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:20px;padding:16px 20px}.mixed-total-item{align-items:center;background:#ffffff05;border-radius:6px;border-radius:var(--radius-sm);display:flex;flex:1 1;gap:12px;padding:8px 12px}.mixed-total-item span{align-items:center;color:#a0a0b0;display:inline-flex;font-size:14px;font-weight:600;gap:6px;white-space:nowrap}.mixed-total-item strong{color:#f0f0f8;font-size:20px;font-weight:800;letter-spacing:.5px}.mixed-total-item.success strong{color:#10b981}.mixed-total-item.warning strong{color:#f59e0b}.factura-opcion{background:linear-gradient(135deg,#10b9810a,#8b5cf60a);border:1px solid #10b98126;border-left:3px solid #10b981;border-left:3px solid var(--primary);border-radius:14px;border-radius:var(--radius-lg);margin:20px 0;padding:18px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.factura-opcion:hover{background:linear-gradient(135deg,#10b9810f,#8b5cf60f)}.factura-opcion label{align-items:center;color:#f0f0f8;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:12px}.factura-opcion input[type=checkbox]{accent-color:#10b981;accent-color:var(--primary);cursor:pointer;height:18px;width:18px}.factura-opcion small{color:#a0a0b0;color:var(--text-secondary);display:block;font-size:12px;margin-left:32px;margin-top:6px}.clientes-container{border-top:1px solid #10b9811f;border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.clientes-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.clientes-header span{background:linear-gradient(135deg,#f0f0f8,#34d399);background:linear-gradient(135deg,var(--text-primary),var(--primary-light));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:14px;font-weight:700}.btn-add{background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:linear-gradient(135deg,var(--secondary) 0,var(--secondary-dark) 100%);border:none;border-radius:var(--radius-md);color:#fff;font-size:12px;gap:6px;padding:7px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-add:hover{opacity:.85}.comensal-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f0f16cc;border:1px solid #10b9811f;border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.comensal-card:hover{border-color:#10b98140;border-color:var(--border-hover)}.comensal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.comensal-titulo{align-items:center;background:#10b9811a;border-radius:20px;color:#10b981;color:var(--primary);display:flex;font-size:12px;font-weight:700;gap:5px;padding:3px 10px}.btn-delete{background:#ef44441f;border:1px solid #ef444440;border-radius:var(--radius-sm);color:var(--danger);font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-delete:hover{border-color:#ef4444;border-color:var(--danger)}.comensal-factura-toggle{align-items:center;background:#10b9810d;border:1px solid #10b98133;border-radius:20px;color:#6b7280;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:4px 10px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);-webkit-user-select:none;user-select:none}.comensal-factura-toggle:hover{border-color:#10b98166;color:#a0a0b0;color:var(--text-secondary)}.comensal-factura-toggle input[type=checkbox]{accent-color:#10b981;accent-color:var(--primary);cursor:pointer;height:14px;margin:0;width:14px}.comensal-factura-toggle:has(input:checked){background:#10b9811f;border-color:#10b98180;color:#34d399}.comensal-sin-datos{background:#0000004d;border:1px solid #ffffff0a;border:1px solid var(--border-light);border-radius:10px;border-radius:var(--radius-md);margin-bottom:16px;padding:14px;text-align:center}.comensal-numero{color:#f0f0f8;color:var(--text-primary);font-size:14px;font-weight:600}.comensal-datos{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.comensal-datos input{background:#0f0f17;background:var(--bg-input);border:1px solid #10b9811f;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#f0f0f8;color:var(--text-primary);flex:1 1;font-size:12px;min-width:120px;padding:6px 10px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.comensal-datos input:hover{border-color:#6b7280;border-color:var(--text-muted)}.comensal-datos input:focus{border-color:#10b981;border-color:var(--primary);box-shadow:0 0 0 3px #10b98133;box-shadow:0 0 0 3px var(--primary-glow);outline:none}.comensal-datos input::placeholder{color:#6b7280;color:var(--text-muted)}.busqueda-container{align-items:center;display:flex;flex:1 1;gap:8px}.spinner-small{animation:spin .6s linear infinite;border:2px solid #10b9811f;border-top-color:#10b981;border:2px solid var(--border);border-top-color:var(--primary);height:18px;width:18px}.productos-asignados{margin-bottom:8px}.productos-asignados>span{color:#10b981;color:var(--primary);display:block;font-size:10px;font-weight:700;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.producto-item{align-items:center;background:#10b9810d;border:1px solid #10b98114;border-radius:7px;display:flex;font-size:12px;justify-content:space-between;margin-bottom:4px;padding:6px 10px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.producto-item:hover{background:#10b9811a;border-color:#10b98133}.btn-quitar{background:#ef44441a;border:none;border-radius:5px;color:#ef4444;color:var(--danger);cursor:pointer;font-size:10px;font-weight:600;margin-left:8px;padding:3px 8px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-quitar:hover{background:#ef444438}.metodo-pago-comensal{align-items:center;background:#00000040;border-radius:10px;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:14px}.metodo-pago-comensal select{background:#0f0f17;background:var(--bg-input);border:1px solid #10b9811f;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#f0f0f8;color:var(--text-primary);cursor:pointer;font-size:13px;padding:8px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.metodo-pago-comensal select:focus,.metodo-pago-comensal select:hover{border-color:#10b981;border-color:var(--primary)}.metodo-pago-comensal select:focus{outline:none}.metodo-pago-comensal input{background:#0f0f17;background:var(--bg-input);border:1px solid #10b9811f;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#f0f0f8;color:var(--text-primary);font-size:13px;padding:8px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:130px}.metodo-pago-comensal input:focus{border-color:#10b981;border-color:var(--primary);box-shadow:0 0 0 3px #10b98133;box-shadow:0 0 0 3px var(--primary-glow);outline:none}.comensal-totales{align-items:center;border-top:1px solid #10b9811f;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:8px;padding-top:10px}.comensal-totales>div:first-child{color:#6b7280;color:var(--text-muted);display:flex;font-size:11px;gap:10px}.comensal-totales>div:first-child strong{color:#a0a0b0;color:var(--text-secondary)}.total-valor{color:#10b981;color:var(--primary);font-size:16px;font-weight:800;text-shadow:0 0 8px #10b9814d;white-space:nowrap}.cambio-success{color:#34d399}.cambio-error,.cambio-success{font-size:11px;font-weight:600}.cambio-error{color:#ef4444;color:var(--danger)}.btn-cobrar{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 8px #10b98140;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:700;gap:5px;margin-top:6px;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.btn-cobrar:hover:not(:disabled){box-shadow:0 4px 14px #10b98166;transform:translateY(-1px)}.btn-cobrar:disabled{background:#ffffff0f;box-shadow:none;color:#6b7280;color:var(--text-muted);cursor:not-allowed}.asignar-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:20px}.asignar-select{background:#0f0f17;background:var(--bg-input);border:1px solid #10b9811f;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#f0f0f8;color:var(--text-primary);cursor:pointer;font-size:14px;padding:10px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.asignar-select:focus,.asignar-select:hover{border-color:#10b981;border-color:var(--primary)}.asignar-select:focus{outline:none}.btn-asignar{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--info) 0,#2563eb 100%);border:none;border-radius:10px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0003;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-asignar:hover{box-shadow:0 4px 12px #0000004d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.historial-pagos{background:linear-gradient(135deg,#10b98108,#8b5cf608);border:1px solid #10b9811a;border-radius:14px;border-radius:var(--radius-lg);margin-top:24px;padding:20px}.historial-titulo{color:#10b981;color:var(--primary);font-size:13px;font-weight:700;letter-spacing:1.5px;margin-bottom:14px;text-transform:uppercase}.historial-item{border-bottom:1px dashed #10b9811f;border-bottom:1px dashed var(--border);color:#a0a0b0;color:var(--text-secondary);font-size:13px;padding:8px 0;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.historial-item:hover{padding-left:4px}.historial-item:hover,.historial-total{color:#f0f0f8;color:var(--text-primary)}.historial-total{border-top:2px solid #10b9811f;border-top:2px solid var(--border);font-size:14px;font-weight:700;margin-top:12px;padding-top:12px}.historial-completado{animation:fadeIn .3s ease;background:#10b9811a;border:1px solid #10b98133;border-radius:10px;border-radius:var(--radius-md);color:#34d399;color:var(--primary-light);font-size:13px;font-weight:700;margin-top:12px;padding:12px;text-align:center}.pay-inline-actions{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:8px}.pay-inline-actions .btn-guardar{border-radius:10px;flex:initial;font-size:12px;letter-spacing:.5px;padding:12px 20px;white-space:nowrap}.pay-inline-actions .btn-cancelar{border-radius:10px;font-size:11px;justify-content:center;padding:10px 16px;white-space:nowrap}.pay-inline-actions .btn-cobrar{border-radius:10px;font-size:12px;margin-top:0;padding:10px 18px;width:auto}.actions-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.btn-guardar{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 20px #10b98159;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:800;gap:10px;justify-content:center;letter-spacing:1px;overflow:hidden;padding:16px 32px;position:relative;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-guardar:after{background:linear-gradient(135deg,#ffffff1f,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.btn-guardar:hover:not(:disabled){box-shadow:0 8px 28px #10b98180;transform:translateY(-2px)}.btn-guardar:active:not(:disabled){transform:translateY(0)}.btn-guardar:disabled{background:#ffffff0f;box-shadow:none;cursor:not-allowed}.btn-cancelar,.btn-guardar:disabled{color:#6b7280;color:var(--text-muted)}.btn-cancelar{align-items:center;background:#0000;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:8px;padding:16px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.btn-cancelar:hover{background:#ef444414;border-color:#ef444440;color:#f87171}.error-msg{background:#ef444414;border-left:3px solid #ef4444;border-left:3px solid var(--danger);color:#ef4444;color:var(--danger)}.error-msg,.success-msg{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px;border-radius:var(--radius-md);font-size:13px;font-weight:600;margin:12px 0;padding:12px 16px}.success-msg{background:#10b98114;border-left:3px solid var(--success);color:var(--success)}.warning-box{background:#f59e0b14;border-left:3px solid #f59e0b;border-left:3px solid var(--warning);border-radius:10px;border-radius:var(--radius-md);color:#f59e0b;color:var(--warning);font-size:13px;margin-top:16px;padding:14px;text-align:center}.empty-state{color:#34d399;color:var(--primary-light);font-size:14px;font-weight:500;padding:50px}.empty-text{color:#6b7280;color:var(--text-muted);font-size:12px;font-style:italic}.comensal-card{animation:fadeIn .3s ease}.btn-cobrar:active{animation:pulse .2s ease}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0f0f17 25%,#10b9811a 50%,#0f0f17 75%);background:linear-gradient(90deg,var(--bg-input) 25%,#10b9811a 50%,var(--bg-input) 75%);background-size:200% 100%}@media (max-width:1024px){.checkout-modern-card{padding:20px 24px}.comensal-datos{flex-direction:column}.busqueda-container,.comensal-datos input{width:100%}.combobox{width:130px}}@media (max-width:900px){.payment-cash-row{flex-direction:column}.payment-field{width:100%}.cambio-field{flex:auto}.payment-reference-row{align-items:stretch;flex-direction:column}.payment-reference-row input{width:100%}.payment-mixed-row{flex-direction:column}.mixed-field{width:100%}.mixed-total-row{flex-direction:column}.mixed-total-item{justify-content:space-between}}@media (max-width:768px){.checkout-modern-main{padding:12px}.checkout-modern-card{padding:16px 20px}.payment-cash-row,.payment-reference-row{flex-wrap:wrap}.pay-inline-actions{flex-direction:row;width:100%}.pay-inline-actions .btn-cancelar,.pay-inline-actions .btn-guardar{flex:1 1}.cmbx-row{align-items:stretch;flex-direction:column;flex-wrap:wrap}.combobox{flex:initial;width:100%}.cliente-fields{flex-direction:column;flex-wrap:wrap}.cliente-fields .cf-cedula,.cliente-fields .cf-email,.cliente-fields .cf-nombre{flex:initial;width:100%}.pay-methods{flex-direction:column}.pay-btn{width:100%}.metodo-pago-seleccion,.pay-input-row{flex-direction:column}.pay-input-row{align-items:stretch}.input-pay{width:100%}.comensal-totales{flex-direction:column;text-align:center}.asignar-container{justify-content:center}.actions-row{flex-direction:column}.btn-cancelar,.btn-guardar{justify-content:center;width:100%}.metodo-pago-comensal{align-items:stretch;flex-direction:column}.metodo-pago-comensal input,.metodo-pago-comensal select{width:100%}.mixed-field label,.payment-field label,.payment-reference-row label{min-width:100px;white-space:normal}.cambio-amount,.mixed-field input,.payment-field input{min-width:100px}.cambio-amount{font-size:18px;padding:10px 16px}}@media (max-width:480px){.checkout-modern-card{padding:12px 16px}.order-head{align-items:flex-start;flex-direction:column;font-size:16px}.item-line{font-size:13px;padding:8px}.item-amt{min-width:70px}.sub-iva-total{font-size:13px}.comensal-card{padding:16px}.total-valor{font-size:18px}.pay-row input{width:100%}}.glow-text{text-shadow:0 0 10px #10b98133;text-shadow:0 0 10px var(--primary-glow)}.glow-border,.glow-hover:hover{box-shadow:0 0 0 1px #10b981,0 0 0 4px #10b98133;box-shadow:0 0 0 1px var(--primary),0 0 0 4px var(--primary-glow)}.comensal-card .metodo-pago-seleccion{gap:6px;margin:8px 0}.comensal-card .metodo-pago-seleccion button{border-radius:8px;flex-direction:row;font-size:11px;gap:5px;padding:7px 12px}.comensal-card .metodo-pago-seleccion button svg{height:14px;width:14px}.comensal-card .totals-footer{margin-bottom:0;margin-top:8px;min-width:180px;padding:10px 14px}.comensal-card .sub-iva-total{font-size:10px;gap:20px;padding:3px 0}.comensal-card .sub-iva-total span:first-child{font-size:9px}.comensal-card .sub-iva-total span:last-child{font-size:11px}.comensal-card .sub-iva-total.total-row .total-amount{font-size:15px}.comensal-card .payment-cash-row{gap:10px;margin:8px 0;padding:10px 12px}.comensal-card .payment-field label{font-size:10px}.comensal-card .payment-field input{font-size:15px;min-width:100px;padding:6px 10px}.comensal-card .cambio-amount{font-size:15px;min-width:80px;padding:6px 12px}.comensal-card .payment-reference-row{gap:8px;margin:8px 0;padding:10px 12px}.comensal-card .payment-reference-row label{font-size:10px}.comensal-card .payment-reference-row input{font-size:12px;min-width:140px;padding:6px 10px}.comensal-card .payment-mixed-row{gap:10px;margin:8px 0;padding:10px 12px}.comensal-card .mixed-field{gap:6px}.comensal-card .mixed-field label{font-size:10px;min-width:70px}.comensal-card .mixed-field input{font-size:13px;min-width:80px;padding:5px 8px}.comensal-card .mixed-total-row{gap:10px;margin-top:8px;padding:8px 12px}.comensal-card .mixed-total-item span{font-size:11px}.comensal-card .mixed-total-item strong{font-size:14px}:root{--pos-bg:#0b0b12;--pos-card:#13131f;--pos-panel:#0f0f1a;--pos-border:#ffffff12;--pos-green:#10b981;--pos-green-dim:#10b9811f;--pos-green-glow:#10b98140;--pos-text:#f1f5f9;--pos-muted:#64748b;--pos-subtle:#1e293b;--pos-danger:#ef4444;--pos-amber:#f59e0b;--pos-blue:#3b82f6}.retail-pos-wrapper{display:flex;flex:1 1;flex-direction:column;min-height:0}.retail-pos-layout{box-sizing:border-box;display:flex;gap:16px;height:calc(100vh - 90px);min-height:580px;overflow:hidden;width:100%}.retail-catalog-panel{display:flex;flex:0 0 460px;flex-direction:column;gap:10px;min-width:300px;overflow:hidden}.retail-search-bar{display:flex;flex-direction:column;flex-shrink:0;gap:8px}.retail-barcode-wrap,.retail-search-wrap{align-items:center;background:#13131f;background:var(--pos-card);border:1px solid #ffffff12;border:1px solid var(--pos-border);border-radius:12px;color:#64748b;color:var(--pos-muted);display:flex;gap:10px;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.retail-barcode-wrap:focus-within,.retail-search-wrap:focus-within{border-color:#10b981;border-color:var(--pos-green);box-shadow:0 0 0 3px #10b9811f;box-shadow:0 0 0 3px var(--pos-green-dim)}.retail-barcode-input,.retail-search-input{background:#0000;border:none;color:#f1f5f9;color:var(--pos-text);flex:1 1;font-size:13px;outline:none}.retail-barcode-input::placeholder,.retail-clear-btn,.retail-search-input::placeholder{color:#64748b;color:var(--pos-muted)}.retail-clear-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:0;transition:color .15s}.retail-clear-btn:hover{color:#ef4444;color:var(--pos-danger)}.retail-category-tabs{display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px}.retail-cat-tab{background:#13131f;background:var(--pos-card);border:1px solid #ffffff12;border:1px solid var(--pos-border);border-radius:20px;color:#64748b;color:var(--pos-muted);cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.3px;padding:5px 13px;transition:all .18s;white-space:nowrap}.retail-cat-tab:hover{color:#10b981;color:var(--pos-green)}.retail-cat-tab.active,.retail-cat-tab:hover{border-color:#10b981;border-color:var(--pos-green)}.retail-cat-tab.active{background:#10b981;background:var(--pos-green);color:#fff}.retail-category-select{appearance:auto;background:#13131f;background:var(--pos-card);border:1px solid #ffffff12;border:1px solid var(--pos-border);border-radius:12px;color:#f1f5f9;color:var(--pos-text);cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.retail-category-select:focus{border-color:#10b981;border-color:var(--pos-green);box-shadow:0 0 0 3px #10b9811f;box-shadow:0 0 0 3px var(--pos-green-dim)}.retail-category-select option{background:#13131f;color:#f1f5f9;color:var(--pos-text)}.retail-product-grid{grid-gap:10px;align-content:start;display:grid;flex:1 1;gap:10px;grid-template-columns:repeat(3,1fr);overflow-y:auto;padding-right:4px}.retail-product-grid::-webkit-scrollbar{width:4px}.retail-product-grid::-webkit-scrollbar-track{background:#0000}.retail-product-grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.retail-product-card{background:#13131f;background:var(--pos-card);border:1px solid #ffffff12;border:1px solid var(--pos-border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-height:90px;overflow:hidden;padding:14px 14px 12px;position:relative;text-align:left;transition:all .18s;-webkit-user-select:none;user-select:none}.retail-product-card:hover{background:#161624;border-color:#10b981;border-color:var(--pos-green);box-shadow:0 6px 20px #0000004d,0 0 0 1px #10b9811f;box-shadow:0 6px 20px #0000004d,0 0 0 1px var(--pos-green-dim);transform:translateY(-1px)}.retail-product-card:active{transform:scale(.98)}.retail-product-name{color:#f1f5f9;color:var(--pos-text);font-size:12px;font-weight:700;line-height:1.35;word-break:break-word}.retail-product-code{color:#64748b;color:var(--pos-muted);font-family:Courier New,monospace;font-size:9.5px;letter-spacing:.3px}.retail-product-price{color:#10b981;color:var(--pos-green);font-size:16px;font-weight:800;letter-spacing:-.3px;margin-top:auto;padding-top:4px}.retail-product-stock{color:#64748b;color:var(--pos-muted);font-size:10px;margin-top:2px}.retail-product-stock.low{color:#f59e0b;color:var(--pos-amber)}.retail-product-stock.out{color:#ef4444;color:var(--pos-danger)}.retail-empty-state{color:#64748b;color:var(--pos-muted);font-size:13px;grid-column:1/-1;padding:40px;text-align:center}.retail-cart-panel{background:#0f0f1a;background:var(--pos-panel);border:1px solid #ffffff12;border:1px solid var(--pos-border);border-radius:20px;display:flex;flex:1 1;flex-direction:column;gap:0;min-width:400px;overflow:hidden}.rcp-header{background:#13131f;background:var(--pos-card);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--pos-border);flex-shrink:0;justify-content:space-between;padding:16px 20px 14px}.rcp-header,.rcp-header-left{align-items:center;display:flex}.rcp-header-left{gap:10px}.rcp-title{color:#f1f5f9;color:var(--pos-text);font-size:16px;font-weight:800;letter-spacing:-.2px}.rcp-count{align-items:center;background:#10b9811f;background:var(--pos-green-dim);border-radius:20px;color:#10b981;color:var(--pos-green);display:inline-flex;font-size:11px;font-weight:700;padding:3px 10px}.rcp-customer{display:flex;flex-direction:column;flex-shrink:0;gap:6px;padding:10px 20px 0}.rcp-cx-doc,.rcp-cx-row{align-items:center;display:flex;gap:6px}.rcp-cx-doc{flex-shrink:0}.rcp-input{background:#0c0c18;border:1px solid #ffffff12;border:1px solid var(--pos-border);border-radius:10px;box-sizing:border-box;color:#f1f5f9;color:var(--pos-text);font-size:12.5px;min-width:0;outline:none;padding:8px 11px;transition:border-color .2s,box-shadow .2s}.rcp-input:focus{border-color:#10b981;border-color:var(--pos-green);box-shadow:0 0 0 3px #10b9811f;box-shadow:0 0 0 3px var(--pos-green-dim)}.rcp-input::placeholder{color:#374151}.rcp-cx-doc .rcp-input{flex-shrink:0;font-size:12px;width:120px}.rcp-cx-row-single{flex-wrap:nowrap}.rcp-cx-row-single .rcp-input-flex{min-width:0}.rcp-input-flex{flex:1 1}.rcp-input-full{width:100%}.rcp-msg{flex-shrink:0;font-size:12px;font-weight:500;line-height:1.4;padding:8px 20px}.rcp-msg-error{background:#ef444414;border-left:3px solid #ef4444;border-left:3px solid var(--pos-danger);color:#fca5a5}.rcp-msg-success{background:#10b98114;border-left:3px solid #10b981;border-left:3px solid var(--pos-green);color:#6ee7b7}.rcp-top-wrap{display:flex;flex-direction:column;gap:0;padding:0}.retail-cart-items{flex:1 1;gap:3px;min-height:80px;padding:10px 20px 0}.rcp-bottom-section,.retail-cart-items{display:flex;flex-direction:column;overflow-y:auto}.rcp-bottom-section{flex-shrink:0;gap:0;max-height:58%}.retail-cart-items::-webkit-scrollbar{width:4px}.retail-cart-items::-webkit-scrollbar-track{background:#0000}.retail-cart-items::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.rcp-bottom-section::-webkit-scrollbar{width:4px}.rcp-bottom-section::-webkit-scrollbar-track{background:#0000}.rcp-bottom-section::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.rcp-empty{align-items:center;color:#374151;display:flex;flex-direction:column;font-size:13px;gap:6px;justify-content:center;padding:32px 12px;text-align:center}.rcp-empty p{line-height:1.5;margin:0}.rcp-item{align-items:center;background:#ffffff05;border:1px solid #0000;border-radius:10px;display:flex;gap:10px;padding:9px 12px;transition:all .15s}.rcp-item:hover{background:#ffffff0a;border-color:#ffffff12;border-color:var(--pos-border)}.rcp-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.rcp-item-name{color:#f1f5f9;color:var(--pos-text);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rcp-item-code{color:#374151;font-family:monospace;font-size:10px}.rcp-item-qty-badge{align-items:center;background:#10b9811f;border-radius:20px;color:#34d399;display:inline-flex;flex-shrink:0;font-family:Courier New,monospace;font-size:11px;font-weight:700;justify-content:center;letter-spacing:.2px;min-width:26px;padding:2px 7px}.rcp-item-controls,.rcp-item-qty{align-items:center;background:#13131f;background:var(--pos-card);border-radius:8px;display:flex;flex-shrink:0;gap:6px;padding:2px 4px}.rcp-qty-btn{align-items:center;background:#ffffff0f;border:none;border-radius:6px;color:#64748b;color:var(--pos-muted);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .15s;width:24px}.rcp-qty-btn:hover{background:#10b9811f;background:var(--pos-green-dim);color:#10b981;color:var(--pos-green)}.rcp-qty-input{background:#0000;border:none;color:#f1f5f9;color:var(--pos-text);font-size:13px;font-weight:700;outline:none;padding:0;text-align:center;width:32px}.rcp-qty-input::-webkit-inner-spin-button,.rcp-qty-input::-webkit-outer-spin-button{-webkit-appearance:none}.rcp-item-total{color:#10b981;color:var(--pos-green);flex-shrink:0;font-family:Courier New,monospace;font-size:13px;font-weight:700;letter-spacing:-.3px;min-width:60px;text-align:right}.rcp-remove-btn{align-items:center;background:none;border:none;border-radius:6px;color:#374151;cursor:pointer;display:flex;flex-shrink:0;padding:4px;transition:all .15s}.rcp-remove-btn:hover{background:#ef44441a;color:#ef4444;color:var(--pos-danger)}.rcp-discounts-section{padding:10px 20px 0}.rcp-coupon-collapse{flex-shrink:0;padding:6px 20px 0}.rcp-coupon-toggle{align-items:center;background:#3b82f60d;border:1px solid #ffffff14;border-radius:10px;color:#64748b;color:var(--pos-muted);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:7px;padding:8px 12px;text-align:left;transition:border-color .18s,background .18s;width:100%}.rcp-coupon-toggle:hover{background:#3b82f614;color:#3b82f6;color:var(--pos-blue)}.rcp-coupon-toggle.open,.rcp-coupon-toggle:hover{border-color:#3b82f6;border-color:var(--pos-blue)}.rcp-coupon-toggle.open{border-bottom-left-radius:0;border-bottom-right-radius:0}.rcp-coupon-toggle.applied{background:#10b98112;border-color:#10b981;border-color:var(--pos-green);color:#10b981;color:var(--pos-green)}.rcp-coupon-toggle span:nth-child(2){flex:1 1}.rcp-coupon-chevron{font-size:9px;opacity:.6}.rcp-coupon-body{background:#3b82f60a;border:1px solid #3b82f6;border:1px solid var(--pos-blue);border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:none;padding:12px}.rcp-totals{background:#ffffff03;border-top:1px solid #ffffff12;border-top:1px solid var(--pos-border);display:flex;flex-direction:column;flex-shrink:0;gap:5px;padding:12px 20px 8px}.rcp-total-row{align-items:center;color:#64748b;color:var(--pos-muted);display:flex;font-size:12.5px;justify-content:space-between}.rcp-discount{color:#10b981;color:var(--pos-green);font-weight:600}.rcp-total-grand{align-items:baseline;border-top:1px solid #ffffff12;border-top:1px solid var(--pos-border);color:#f1f5f9;color:var(--pos-text);display:flex;font-size:22px;font-weight:800;justify-content:space-between;letter-spacing:-.5px;margin-top:4px;padding-top:10px}.rcp-total-grand span:last-child{color:#10b981;color:var(--pos-green)}.rcp-payment{background:#13131f;background:var(--pos-card);border-top:1px solid #ffffff12;border-top:1px solid var(--pos-border);display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:12px 20px 16px}.rcp-methods{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr)}.rcp-method-btn{align-items:center;background:#0f0f1a;background:var(--pos-panel);border:1px solid #ffffff12;border:1px solid var(--pos-border);border-radius:10px;color:#64748b;color:var(--pos-muted);cursor:pointer;display:flex;flex-direction:column;font-size:10.5px;font-weight:700;gap:4px;letter-spacing:.2px;padding:10px 4px;transition:all .18s;white-space:nowrap}.rcp-method-btn.active,.rcp-method-btn:hover{background:#10b9811f;background:var(--pos-green-dim);border-color:#10b981;border-color:var(--pos-green);color:#10b981;color:var(--pos-green)}.rcp-method-btn.active{box-shadow:0 0 0 1px #10b9811f;box-shadow:0 0 0 1px var(--pos-green-dim)}.rcp-cash{align-items:flex-end;display:flex;gap:10px}.rcp-cash-cambio,.rcp-cash-field{display:flex;flex:1 1;flex-direction:column;gap:5px}.rcp-cash-cambio label,.rcp-cash-field label{color:#64748b;color:var(--pos-muted);font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.rcp-cash-field input{background:#0f0f1a;background:var(--pos-panel);border:1.5px solid #ffffff12;border:1.5px solid var(--pos-border);border-radius:10px;box-sizing:border-box;color:#10b981;color:var(--pos-green);font-family:Courier New,monospace;font-size:18px;font-weight:700;letter-spacing:-.3px;outline:none;padding:10px 12px;transition:border-color .2s;width:100%}.rcp-cash-field input:focus{border-color:#10b981;border-color:var(--pos-green);box-shadow:0 0 0 3px #10b9811f;box-shadow:0 0 0 3px var(--pos-green-dim)}.cambio-pos{color:#10b981;color:var(--pos-green)}.cambio-pos,.cambio-zero{font-size:18px;font-weight:700;letter-spacing:-.3px}.cambio-zero{color:#374151}.rcp-cambio-box{background:#f59e0b14;border:1px solid #f59e0b40;border-radius:10px;box-sizing:border-box;color:#f59e0b;color:var(--pos-amber);display:inline-block;font-family:Courier New,monospace;font-size:18px;font-weight:800;letter-spacing:-.3px;padding:8px 12px;width:100%}.rcp-ref{display:flex;flex-direction:column;gap:5px}.rcp-ref label{color:#64748b;color:var(--pos-muted);font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.rcp-ref input{background:#0f0f1a;background:var(--pos-panel);border:1.5px solid #ffffff12;border:1.5px solid var(--pos-border);border-radius:10px;box-sizing:border-box;color:#f1f5f9;color:var(--pos-text);font-size:13px;outline:none;padding:9px 12px;transition:border-color .2s;width:100%}.rcp-ref input:focus{border-color:#10b981;border-color:var(--pos-green)}.rcp-ref-sub{background:#0f0f1a;background:var(--pos-panel);border:1px solid #ffffff12;border:1px solid var(--pos-border);border-radius:8px;box-sizing:border-box;color:#64748b;color:var(--pos-muted);font-size:11px;margin-top:4px;outline:none;padding:6px 10px;width:100%}.rcp-ref-sub:focus{border-color:#10b981;border-color:var(--pos-green)}.rcp-mixto{display:flex;flex-direction:column;gap:8px}.rcp-mixto-toggles{display:flex;gap:6px}.rcp-mixto-toggle{align-items:center;background:#0f0f1a;background:var(--pos-panel);border:1px solid #ffffff12;border:1px solid var(--pos-border);border-radius:8px;color:#64748b;color:var(--pos-muted);cursor:pointer;display:flex;flex:1 1;font-size:11px;font-weight:600;gap:5px;justify-content:center;padding:7px 4px;transition:all .15s}.rcp-mixto-toggle.active,.rcp-mixto-toggle:hover{border-color:#10b981;border-color:var(--pos-green);color:#10b981;color:var(--pos-green)}.rcp-mixto-toggle.active{background:#10b9811f;background:var(--pos-green-dim)}.rcp-mixto-fields{display:flex;flex-direction:column;gap:8px}.rcp-mixto-field{display:flex;flex-direction:column;gap:4px}.rcp-mixto-field label{align-items:center;color:#64748b;color:var(--pos-muted);display:flex;font-size:10px;font-weight:700;gap:5px;letter-spacing:.6px;text-transform:uppercase}.rcp-mixto-field input[type=text]{background:#0f0f1a;background:var(--pos-panel);border:1.5px solid #ffffff12;border:1.5px solid var(--pos-border);border-radius:10px;box-sizing:border-box;color:#f1f5f9;color:var(--pos-text);font-size:15px;font-weight:700;outline:none;padding:8px 12px;transition:border-color .2s;width:100%}.rcp-mixto-field input[type=text]:focus{border-color:#10b981;border-color:var(--pos-green)}.rcp-mixto-summary{align-items:center;background:#ffffff08;border-radius:8px;display:flex;font-size:13px;font-weight:700;justify-content:space-between;padding:7px 12px}.rcp-faltante{color:#ef4444;color:var(--pos-danger)}.rcp-cambio-ok{color:#10b981;color:var(--pos-green)}.rcp-actions{display:flex;gap:8px}.rcp-clear-btn{align-items:center;background:#0f0f1a;background:var(--pos-panel);border:1px solid #ffffff12;border:1px solid var(--pos-border);border-radius:10px;color:#64748b;color:var(--pos-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:5px;padding:12px 16px;transition:all .18s;white-space:nowrap}.rcp-clear-btn:hover{background:#ef44440f;border-color:#ef4444;border-color:var(--pos-danger);color:#ef4444;color:var(--pos-danger)}.rcp-clear-btn:disabled{cursor:not-allowed;opacity:.35}.rcp-cobrar-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 20px #10b98159;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:800;gap:8px;justify-content:center;letter-spacing:.2px;padding:14px 20px;transition:all .2s}.rcp-cobrar-btn:hover:not(:disabled){box-shadow:0 8px 28px #10b98180;transform:translateY(-1px)}.rcp-cobrar-btn:active:not(:disabled){transform:translateY(0)}.rcp-cobrar-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;transform:none}.rcp-spinner{border:2px solid #ffffff40;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.rcp-spinner,.spinner-small{animation:rcp-spin .6s linear infinite;flex-shrink:0}.spinner-small{border:2px solid #10b98133;border-radius:50%;border-top:2px solid var(--pos-green);height:14px;width:14px}@keyframes rcp-spin{to{transform:rotate(1turn)}}.retail-mobile-tabs{display:none}@media (min-width:1400px){.retail-catalog-panel{flex:0 0 520px}.retail-product-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.retail-catalog-panel{flex:0 0 360px}}@media (max-width:768px){.retail-mobile-tabs{background:#13131f;background:var(--pos-card);border:1px solid #ffffff12;border:1px solid var(--pos-border);border-radius:14px;box-sizing:border-box;display:flex;flex-shrink:0;gap:0;margin-bottom:10px;padding:4px;width:100%}.retail-mobile-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;color:var(--pos-muted);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:700;gap:5px;justify-content:center;overflow:hidden;padding:9px 8px;position:relative;transition:all .18s;white-space:nowrap}.retail-mobile-tab.active{background:#10b981;background:var(--pos-green);box-shadow:0 2px 10px #10b98159;color:#fff}.retail-mobile-tab-badge{align-items:center;background:#fff;border-radius:20px;color:#10b981;color:var(--pos-green);display:inline-flex;font-size:10px;font-weight:800;justify-content:center;line-height:1.5;margin-left:2px;min-width:18px;padding:1px 7px}.retail-pos-layout{flex:1 1;flex-direction:column;gap:0;height:auto;min-height:0;overflow:hidden}.retail-cart-panel.mob-hidden,.retail-catalog-panel.mob-hidden{display:none!important}.retail-cart-panel.mob-active,.retail-catalog-panel.mob-active{display:flex;flex:1 1;min-height:0}.retail-catalog-panel{flex:initial}.retail-cart-panel,.retail-catalog-panel{height:auto;min-width:0;min-width:auto;width:100%}.retail-cart-panel{border-radius:14px;overflow:hidden}.retail-product-grid{flex:1 1;grid-template-columns:repeat(2,1fr);max-height:none}.rcp-header{gap:8px;padding:10px 12px 8px}.rcp-title{font-size:13px}.rcp-count{font-size:10px;padding:2px 8px}.open-drawer-btn>button{font-size:10px;padding:5px 10px}.rcp-customer{flex-shrink:0;gap:4px;height:auto;padding:6px 12px 0}.rcp-cx-row-single{flex-wrap:wrap;gap:5px}.rcp-cx-doc{flex:0 0 auto}.rcp-cx-doc .rcp-input{font-size:11px;width:110px}.rcp-cx-row-single .rcp-input-flex{flex:1 1 120px;font-size:11px;height:auto;min-width:0}.rcp-input{border-radius:7px;font-size:11px;height:auto;padding:3px 8px}.rcp-coupon-collapse{padding:5px 12px 0}.retail-cart-items{gap:3px;padding:7px 12px 0}.rcp-item{gap:8px;padding:7px 10px}.rcp-item-name{font-size:12px}.rcp-item-total{font-size:12px;min-width:52px}.rcp-item-qty-badge{font-size:10px;padding:1px 6px}.rcp-totals{padding:8px 12px 6px}.rcp-total-row{font-size:12px}.rcp-total-grand{font-size:17px;padding-top:8px}.rcp-payment{gap:8px;padding:8px 12px 12px}.rcp-methods{gap:5px;grid-template-columns:repeat(2,1fr)}.rcp-method-btn{font-size:10px;padding:9px 4px}.rcp-cash{flex-wrap:wrap;gap:8px}.rcp-cash-cambio,.rcp-cash-field{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;min-width:110px}.rcp-cash-field input{font-size:16px;padding:9px 10px}.rcp-cambio-box{font-size:16px;padding:7px 10px}.rcp-actions{gap:6px}.rcp-clear-btn{font-size:12px;padding:11px 12px}.rcp-cobrar-btn{font-size:14px;padding:12px 14px}.rcp-discounts-section{padding:7px 12px 0}}@media (max-width:420px){.retail-product-grid{gap:5px;grid-template-columns:repeat(2,1fr)}.retail-product-card{padding:10px 8px 8px}.retail-product-name{font-size:11px}.retail-product-price{font-size:13px}.rcp-cx-row-single{align-items:stretch;flex-direction:column;gap:4px}.rcp-cx-doc{flex:none;width:100%}.rcp-cx-doc .rcp-input{width:100%}.rcp-cx-row-single .rcp-input-flex{flex:none;width:100%}.rcp-input{flex:none;font-size:11px;height:auto;padding:3px 8px}.rcp-methods{grid-template-columns:repeat(2,1fr)}.rcp-total-grand{font-size:15px}.rcp-cobrar-btn{font-size:13px;padding:11px 12px}}:root{--pd-green:#10b981;--pd-green-dark:#059669;--pd-green-light:#34d399;--pd-green-glow:#10b9812e;--pd-danger:#ef4444;--pd-warning:#f59e0b;--pd-bg:#0a0a0f;--pd-card:#111118;--pd-card-hover:#16161f;--pd-input:#0d0d14;--pd-border:#10b9811a;--pd-border-h:#10b98147;--pd-border-weak:#ffffff0d;--pd-text:#f0f0f8;--pd-text-sub:#9ca3af;--pd-text-dim:#6b7280;--pd-radius-s:6px;--pd-radius-m:10px;--pd-radius-l:14px;--pd-radius-xl:18px;--pd-shadow-s:0 2px 6px #00000040;--pd-shadow-m:0 4px 16px #00000059;--pd-shadow-l:0 8px 28px #00000073;--pd-shadow-g:0 4px 14px #10b98133;--pd-transition:all .2s cubic-bezier(.4,0,.2,1)}.header-actions{flex-wrap:wrap;gap:10px}.filters-bar{align-items:center;background:#111118;background:var(--pd-card);border:1px solid #10b9811a;border:1px solid var(--pd-border);border-radius:14px;border-radius:var(--pd-radius-l);gap:10px;justify-content:space-between;margin-bottom:16px;padding:10px 14px}.stats-badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.stat-badge{background:#ffffff0d;border-radius:20px;color:#9ca3af;color:var(--pd-text-sub);font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.stat-badge.success{background:#10b9811f;color:#34d399;color:var(--pd-green-light)}.stat-badge.danger{background:#ef44441f;color:#fca5a5}.filter-buttons{display:flex;flex-wrap:wrap;gap:6px}.filter-btn{background:#0000;border:1px solid #10b9811a;border:1px solid var(--pd-border);border-radius:6px;border-radius:var(--pd-radius-s);color:#9ca3af;color:var(--pd-text-sub);cursor:pointer;font-size:12px;font-weight:600;padding:5px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--pd-transition);white-space:nowrap}.filter-btn:hover{background:#10b9810d;border-color:#10b981;border-color:var(--pd-green);color:#f0f0f8;color:var(--pd-text)}.filter-btn.active{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--pd-green) 0,var(--pd-green-dark) 100%);border-color:#0000;color:#fff}.discount-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.discount-card{background:#111118;background:var(--pd-card);border:1px solid #10b9811a;border-top:3px solid #10b981;border:1px solid var(--pd-border);border-radius:14px;border-radius:var(--pd-radius-l);border-top:3px solid var(--card-accent,var(--pd-green));display:flex;flex-direction:column;gap:10px;padding:16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--pd-transition)}.discount-card:hover{background:#16161f;background:var(--pd-card-hover);border-color:#10b981;border-color:var(--card-accent,var(--pd-green));box-shadow:0 8px 24px #00000059;transform:translateY(-2px)}.discount-card.inactive{opacity:.6}.dc-top{align-items:flex-start;display:flex;gap:10px}.dc-icon{align-items:center;border-radius:10px;border-radius:var(--pd-radius-m);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.dc-name-block{flex:1 1;min-width:0}.dc-name{color:#f0f0f8;color:var(--pd-text);font-size:15px;font-weight:800;letter-spacing:-.3px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-type-label{font-size:11px;font-weight:600;margin-top:2px;opacity:.85}.dc-status-pill{align-items:center;border-radius:20px;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:700;gap:4px;padding:3px 9px}.dc-pill-active{background:#10b98126;color:#10b981}.dc-pill-inactive{background:#ef444426;color:#f87171}.dc-value{font-size:26px;font-weight:900;letter-spacing:-1px;line-height:1}.dc-combo-items{display:flex;flex-wrap:wrap;gap:5px}.dc-combo-chip{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;padding:2px 8px}.dc-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.dc-badge{border:1px solid;border-radius:20px;font-weight:600;max-width:160px;overflow:hidden;padding:3px 9px;text-overflow:ellipsis;white-space:nowrap}.dc-badge,.dc-schedule{align-items:center;display:inline-flex;font-size:11px;gap:4px}.dc-schedule{color:#9ca3af;color:var(--pd-text-sub)}.dc-footer{border-top:1px solid #10b9811a;border-top:1px solid var(--pd-border);display:flex;gap:6px;margin-top:4px;padding-top:10px}.dc-btn{align-items:center;border:1px solid;border-radius:6px;border-radius:var(--pd-radius-s);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:6px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--pd-transition)}.dc-btn-dup{background:#6366f114;border-color:#6366f159;color:#818cf8;flex:1 1;justify-content:center}.dc-btn-dup:hover{background:#6366f12e;border-color:#818cf8;color:#a5b4fc}.dc-btn-edit{background:#f9731614;border-color:#f9731659;color:#fb923c;flex:2 1;justify-content:center}.dc-btn-edit:hover{background:#f973162e;border-color:#f97316;color:#fed7aa}.dc-btn-del{background:#ef444414;border-color:#ef444459;color:#f87171;padding:6px 10px}.dc-btn-del:hover{background:#ef44442e;border-color:#ef4444;color:#fca5a5}.icon-btn{border-radius:var(--pd-radius-s);color:#6b7280;color:var(--pd-text-dim);height:28px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--pd-transition);width:28px}.icon-btn:hover{background:#ffffff12;color:#10b981;color:var(--pd-green)}.icon-btn-danger:hover{color:#ef4444;color:var(--pd-danger)}.empty-state{background:#111118;background:var(--pd-card);border:1px solid #10b9811a;border:1px solid var(--pd-border);border-radius:14px;border-radius:var(--pd-radius-l);color:#9ca3af;color:var(--pd-text-sub);padding:48px 24px}.empty-state h3{color:#f0f0f8;color:var(--pd-text);font-size:16px;margin:12px 0 6px}.empty-state p{font-size:13px;margin:0 0 20px}.alert-error{align-items:center;background:#ef444414;border-left:3px solid #ef4444;border-left:3px solid var(--pd-danger);border-radius:10px;border-radius:var(--pd-radius-m);color:#fca5a5;display:flex;font-size:13px;gap:8px;margin-bottom:14px;padding:10px 14px}.spin{animation:pd-spin 1s linear infinite}@keyframes pd-spin{to{transform:rotate(1turn)}}.modal-overlay{background:#000000d1;z-index:10000}.modal,.modal-lg{background:linear-gradient(145deg,#0f0f1a,#090912);border:1px solid #10b98147;border:1px solid var(--pd-border-h);border-radius:18px;border-radius:var(--pd-radius-xl);box-shadow:0 8px 28px #00000073;box-shadow:var(--pd-shadow-l);display:flex;flex-direction:column;max-height:92vh;max-width:760px;overflow:hidden;width:100%}.modal-header{border-bottom:1px solid #10b9811a;border-bottom:1px solid var(--pd-border);flex-shrink:0;padding:14px 18px}.modal-header h2{color:#f0f0f8;color:var(--pd-text);font-size:16px}.modal-header small{color:#6b7280;color:var(--pd-text-dim);display:block;font-size:11px;margin-top:2px}.modal-header button{background:#0000;border:none;border-radius:6px;border-radius:var(--pd-radius-s);color:#6b7280;color:var(--pd-text-dim);cursor:pointer;font-size:18px;padding:4px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--pd-transition)}.modal-header button:hover{background:#ef444414;color:#ef4444;color:var(--pd-danger)}.modal-tabs{background:#00000026;border-bottom:1px solid #10b9811a;border-bottom:1px solid var(--pd-border);display:flex;flex-shrink:0;gap:0;overflow-x:auto;padding:0 18px;scrollbar-width:none}.modal-tabs::-webkit-scrollbar{display:none}.tab-btn{background:#0000;border:none;color:#9ca3af;color:var(--pd-text-sub);cursor:pointer;flex-shrink:0;font-size:12px;font-weight:600;padding:10px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--pd-transition);white-space:nowrap}.tab-btn.active,.tab-btn:hover{color:#10b981;color:var(--pd-green)}.tab-btn.active:after{background:#10b981;background:var(--pd-green);border-radius:2px 2px 0 0;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.modal-body{flex:1 1;gap:12px;padding:16px 18px;scrollbar-color:#10b98140 #0000;scrollbar-width:thin}.modal-body::-webkit-scrollbar{width:4px}.modal-body::-webkit-scrollbar-track{background:#0000}.modal-body::-webkit-scrollbar-thumb{background:#10b98140;border-radius:4px}.form-row{grid-gap:10px;gap:10px}.form-row>div{min-width:0}.label{color:#9ca3af;color:var(--pd-text-sub);display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.input,.select,textarea.input{background:#0d0d14;background:var(--pd-input);border:1px solid #10b9811a;border:1px solid var(--pd-border);border-radius:10px;border-radius:var(--pd-radius-m);box-sizing:border-box;color:#f0f0f8;color:var(--pd-text);font-size:13px;padding:9px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--pd-transition);width:100%}.input:focus,.select:focus,textarea.input:focus{border-color:#10b981;border-color:var(--pd-green);box-shadow:0 0 0 3px #10b9812e;box-shadow:0 0 0 3px var(--pd-green-glow);outline:none}.select{cursor:pointer}textarea.input{resize:vertical}.day-btn{background:#0d0d14;background:var(--pd-input);border:1px solid #10b9811a;border:1px solid var(--pd-border);border-radius:6px;border-radius:var(--pd-radius-s);color:#f0f0f8;color:var(--pd-text);cursor:pointer;font-size:12px;font-weight:600;padding:5px 10px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--pd-transition)}.day-btn.active,.day-btn:hover{border-color:#10b981;border-color:var(--pd-green)}.day-btn.active{background:#10b981;background:var(--pd-green);color:#fff}.help-text{color:#6b7280;color:var(--pd-text-dim);display:block;font-size:11px;margin-top:4px}.checkbox-group{margin:4px 0}.checkbox-label{align-items:center;color:#f0f0f8;color:var(--pd-text);cursor:pointer;display:flex;font-size:13px;gap:8px}.checkbox-label input{accent-color:#10b981;accent-color:var(--pd-green);cursor:pointer;flex-shrink:0;height:16px;width:16px}.form-actions{border-top:1px solid #10b9811a;border-top:1px solid var(--pd-border);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;margin-top:4px;padding-top:12px}.btn{align-items:center;border:none;border-radius:10px;border-radius:var(--pd-radius-m);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--pd-transition);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--pd-green),var(--pd-green-dark));box-shadow:0 2px 6px #00000040;box-shadow:var(--pd-shadow-s)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 14px #10b98133;box-shadow:var(--pd-shadow-g)}.btn-outline{background:#0000;border:1px solid #10b9811a;border:1px solid var(--pd-border);color:#9ca3af;color:var(--pd-text-sub)}.btn-outline:hover{background:#ffffff0d;border-color:#10b981;border-color:var(--pd-green);color:#f0f0f8;color:var(--pd-text)}.btn-primary:disabled,.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.help-toggle-btn{align-items:center;background:#ffffff0a;border:1px solid #10b9811a;border:1px solid var(--pd-border);border-radius:6px;border-radius:var(--pd-radius-s);color:#9ca3af;color:var(--pd-text-sub);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--pd-transition)}.help-toggle-btn:hover{background:#10b98114;border-color:#10b981;border-color:var(--pd-green);color:#10b981;color:var(--pd-green)}.help-panel{background:#38bdf812;border-left:3px solid #38bdf8;border-radius:10px;border-radius:var(--pd-radius-m);color:#ffffffbf;font-size:12px;margin-top:6px;padding:10px 14px}.help-panel strong{color:#7dd3fc;display:block;font-size:13px;margin-bottom:6px}.help-panel ul{margin:4px 0 0;padding-left:18px}.help-panel li{line-height:1.5;margin-bottom:3px}@media (max-width:1024px){.discount-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:768px){.filters-bar{align-items:stretch;flex-direction:column;gap:8px;padding:10px 12px}.stats-badges{gap:6px}.stat-badge{flex:1 1;font-size:11px;text-align:center}.filter-buttons{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.filter-btn{font-size:11px;padding:6px 4px;text-align:center}.header-actions{gap:6px}.header-actions .btn{flex:1 1;font-size:12px;justify-content:center;padding:7px 10px}.discount-grid{gap:10px;grid-template-columns:1fr}.discount-card{gap:8px;padding:12px}.dc-value{font-size:20px}.dc-icon{height:34px;width:34px}.dc-name{font-size:13px}.form-row{gap:8px;grid-template-columns:1fr}.form-actions{flex-direction:column-reverse;gap:8px}.form-actions .btn{justify-content:center;width:100%}}@media (max-width:600px){.modal-overlay{align-items:flex-end;padding:0}.modal,.modal-lg{border-radius:16px 16px 0 0;max-height:94dvh;max-width:100%}.modal-header{padding:12px 14px}.modal-tabs{padding:0 14px}.modal-body{gap:10px;padding:12px 14px}.tab-btn{font-size:11px;padding:9px 12px}}@media (max-width:400px){.discount-card{padding:10px}.dc-value{font-size:18px}.dc-btn{font-size:11px;padding:5px 8px}.stat-badge{padding:3px 8px}.filter-btn,.stat-badge{font-size:10px}.input,.select,textarea.input{font-size:12px;padding:8px 10px}.btn{font-size:12px;padding:7px 12px}.modal-body{padding:10px 12px}}.invcat-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:9px}.invcat-search-wrapper{position:relative}@media (max-width:600px){.invcat-header-actions{align-items:stretch!important;flex-direction:column!important;gap:8px!important;width:100%}.invcat-search-wrapper{width:100%}.invcat-search-input{box-sizing:border-box;min-width:0!important;width:100%!important}.invcat-grid{gap:10px!important;grid-template-columns:1fr!important}.invcat-modal-overlay{align-items:flex-end!important;padding:0!important}.invcat-modal{border-radius:20px 20px 0 0!important;max-height:92dvh;max-width:100%!important;min-width:0!important;overflow-y:auto}}@media (max-width:400px){.invcat-grid{grid-template-columns:1fr!important}}.modal-overlay{animation:overlayIn .2s ease;z-index:9999}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal-container{animation:modalIn .25s cubic-bezier(.34,1.56,.64,1);background:#111118;border:1px solid #ffffff12;border-radius:18px;box-shadow:0 32px 64px #0009;max-height:92vh;max-width:860px;overflow-y:auto;width:96%}@keyframes modalIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-container::-webkit-scrollbar{width:5px}.modal-container::-webkit-scrollbar-track{background:#0000}.modal-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.modal-header{background:linear-gradient(135deg,#0d0d14,#111118);border-bottom:1px solid #ffffff0f;border-radius:18px 18px 0 0;padding:20px 28px;position:sticky;top:0;z-index:10}.modal-header h2{font-size:18px;font-weight:700;gap:10px}.modal-close,.modal-header h2{align-items:center;display:flex}.modal-close{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;color:#888;cursor:pointer;padding:7px;transition:all .15s}.modal-close:hover{background:#ef44441f;border-color:#ef44444d;color:#ef4444}.modal-body{padding:24px 28px}.form-grid{grid-gap:18px;gap:18px;grid-template-columns:repeat(2,1fr)}.full-width{grid-column:span 2}.field-label,.form-grid label{align-items:center;color:#6b7280;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.8px;margin-bottom:7px;text-transform:uppercase}.form-grid input,.form-grid select,.form-grid textarea{background:#0d0d14;border:1px solid #ffffff14;border-radius:10px;box-sizing:border-box;color:#e8e8f0;font-size:14px;padding:11px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#00c48c;box-shadow:0 0 0 3px #00c48c1a;outline:none}.form-grid input.error,.form-grid select.error{border-color:#ef4444}.barcode-field-wrap{align-items:stretch;display:flex;gap:10px}.barcode-input{background:#060e0a!important;border:1.5px solid #0e3323!important;border-radius:10px!important;box-sizing:border-box;color:#00c48c!important;flex:1 1;font-family:Courier New,Courier,monospace!important;font-size:15px!important;font-weight:800!important;letter-spacing:4px!important;padding:14px 20px!important;width:100%}.barcode-input::placeholder{color:#1a4a30!important;font-size:18px!important;font-weight:400!important;letter-spacing:4px}.barcode-input:focus{border-color:#00c48c!important;box-shadow:0 0 0 3px #00c48c26,0 0 20px #00c48c14!important;outline:none}.barcode-input.error{border-color:#ef4444!important}.ean-label-badge{background:#00c48c;border-radius:20px;color:#020f08;font-size:8px;font-weight:600;letter-spacing:.8px;margin-left:4px;padding:2px 8px;text-transform:uppercase}.btn-secondary,.ean-label-badge{align-items:center;display:inline-flex}.btn-secondary{background:#12121e;border:1px solid #ffffff14;flex-shrink:0;font-weight:700;gap:7px;letter-spacing:.3px;padding:0 20px;transition:all .15s;white-space:nowrap}.btn-secondary:hover{background:#ef44441a;border-color:#ef4444;color:#ff7070}.currency-input{position:relative}.currency-symbol{color:#4b5563;font-size:14px;font-weight:600;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.currency-input input{padding-left:30px}.hint{color:#4b5563;display:block;font-size:10px;margin-top:5px}.error-text,.required{color:#ef4444}.error-text{display:block;font-size:11px;margin-top:4px}.checkbox-group{background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;gap:20px;margin-top:4px;padding:14px 18px}.checkbox-group label{align-items:center;color:#a0a0b0;display:flex;font-weight:500;gap:8px;letter-spacing:0;margin-bottom:0}.checkbox-group input[type=checkbox]{accent-color:#00c48c;cursor:pointer;height:16px;width:16px}.modal-footer{background:#0d0d14;border-radius:0 0 18px 18px;border-top:1px solid #ffffff0f;bottom:0;position:sticky}.btn-cancel{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;color:#6b7280;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:10px 22px;transition:all .15s}.btn-cancel:hover{background:#ffffff14;color:#a0a0b0}.btn-save{background:linear-gradient(135deg,#00c48c,#00a070);border-radius:10px;box-shadow:0 4px 14px #00c48c40;font-size:13px;gap:6px;padding:10px 28px;transition:all .15s}.btn-save:hover{background:linear-gradient(135deg,#00d49a,#00b080);box-shadow:0 6px 20px #00c48c59}.error-message{background:#ef444414;border:1px solid #ef444433;border-radius:8px;color:#ef4444;font-size:13px;margin-top:12px;padding:10px 14px}.modal-grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.modal-grid-4{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}@media (max-width:640px){.modal-overlay{align-items:flex-end;padding:0}.modal-container{border-radius:18px 18px 0 0;margin:0;max-height:92vh;width:100%}.modal-header{padding:14px 16px}.modal-header h2{font-size:16px}.modal-body{padding:14px 16px}.modal-footer{flex-direction:row;gap:10px;padding:12px 16px}.modal-footer button{flex:1 1;justify-content:center}.form-grid input,.form-grid select,.form-grid textarea{font-size:13px;padding:9px 12px}.form-grid{gap:12px;grid-template-columns:1fr}.full-width{grid-column:span 1}.barcode-input{font-size:14px!important;letter-spacing:3px!important;padding:10px 14px!important}.barcode-field-wrap{align-items:center}.btn-secondary{font-size:12px;padding:10px 14px}.modal-grid-2{grid-template-columns:1fr}.modal-grid-4{gap:10px;grid-template-columns:1fr 1fr}.checkbox-group{gap:14px;padding:10px 12px}}@media (max-width:380px){.modal-grid-4{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse}.modal-footer button{width:100%}}.price-breakdown{background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:8px;margin-top:12px;padding:14px}.breakdown-row{align-items:center;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px;transition:all .2s ease}.breakdown-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.breakdown-value{color:#1f2937;font-family:Monaco,Courier New,monospace;font-size:13px;font-weight:700}.breakdown-row.highlighted{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #10b9814d;padding:10px 12px}.breakdown-row.highlighted .breakdown-label{color:#ffffffd9;font-size:10px;font-weight:700}.breakdown-row.highlighted .breakdown-value{color:#fff;font-size:15px;font-weight:800}.breakdown-row.base-price{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #3b82f64d}.breakdown-row.base-price .breakdown-label{color:#ffffffd9;font-size:10px}.breakdown-row.base-price .breakdown-value{color:#fff;font-size:13px}.breakdown-row.iva-amount{background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid #f59e0b4d}.breakdown-row.iva-amount .breakdown-label{color:#ffffffd9;font-size:10px}.breakdown-row.iva-amount .breakdown-value{color:#fff;font-size:13px}.breakdown-row.iva-rate{background:#f3f4f6;border:1px solid #e5e7eb;padding:7px 12px}.breakdown-row.iva-rate .breakdown-label{color:#6b7280;font-size:10px}.breakdown-row.iva-rate .breakdown-value{color:#1f2937;font-size:12px;font-weight:700}.breakdown-row.base-price:hover,.breakdown-row.highlighted:hover,.breakdown-row.iva-amount:hover{box-shadow:0 2px 4px #00000014;transform:translateY(-1px)}@media (max-width:768px){.price-breakdown{gap:6px;padding:12px}.breakdown-row{padding:7px 10px}.breakdown-value{font-size:12px}.breakdown-row.highlighted .breakdown-value{font-size:14px}}.datatable-container{background:var(--bg-secondary,#0f0f0f);border:1px solid #2a2a2a;border:1px solid var(--border-color,#2a2a2a)}.datatable-header{background:var(--bg-primary,#0a0a0a);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border-color,#2a2a2a)}.datatable-search-icon{color:#888;color:var(--text-muted,#888)}.datatable-search-input{background:var(--bg-tertiary,#1a1a1a);border:1px solid #2a2a2a;border:1px solid var(--border-color,#2a2a2a);color:var(--text-primary,#fff)}.datatable-search-input:focus{border-color:var(--primary-color,#006648)}.datatable-search-clear{align-items:center;color:#888;color:var(--text-muted,#888);display:flex;justify-content:center}.datatable-search-clear:hover{color:var(--text-primary,#fff)}.datatable-header-actions{display:flex;gap:12px}.datatable-table thead th{background:var(--bg-primary,#0a0a0a);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border-color,#2a2a2a);color:#a0a0a0;color:var(--text-secondary,#a0a0a0)}.datatable-table tbody td{border-bottom:1px solid #1a1a1a;border-bottom:1px solid var(--border-color-light,#1a1a1a);color:var(--text-primary,#fff)}.datatable-clickable{cursor:pointer}.datatable-action-btn{color:#a0a0a0;color:var(--text-secondary,#a0a0a0)}.datatable-action-btn:hover{color:var(--text-primary,#fff)}.datatable-empty,.datatable-loading{color:#888;color:var(--text-muted,#888)}.datatable-spinner{border:3px solid #2a2a2a;border:3px solid var(--border-color,#2a2a2a);border-top-color:var(--primary-color,#006648)}.datatable-footer{background:var(--bg-primary,#0a0a0a);border-top:1px solid #2a2a2a;border-top:1px solid var(--border-color,#2a2a2a)}.datatable-info{color:#888;color:var(--text-muted,#888)}.datatable-pagination-btn{background:var(--bg-tertiary,#1a1a1a);border:1px solid #2a2a2a;border:1px solid var(--border-color,#2a2a2a);color:#a0a0a0;color:var(--text-secondary,#a0a0a0)}.datatable-pagination-btn:hover:not(:disabled){border-color:var(--primary-color,#006648);color:var(--text-primary,#fff)}.datatable-pagination-btn.active{background:var(--primary-color,#006648);border-color:var(--primary-color,#006648)}.datatable-pagination-dots{color:#888;color:var(--text-muted,#888);padding:0 8px}@media (max-width:768px){.datatable-header{align-items:stretch;flex-direction:column}.datatable-search{width:100%}.datatable-footer{flex-direction:column;justify-content:center}.datatable-table thead{display:none}.datatable-table tbody tr{background:#1a1a1a;background:var(--bg-tertiary,#1a1a1a);border:1px solid #2a2a2a;border:1px solid var(--border-color,#2a2a2a);border-radius:12px;display:block;margin-bottom:12px}.datatable-table tbody td{align-items:center;border-bottom:1px solid #1a1a1a;border-bottom:1px solid var(--border-color-light,#1a1a1a);display:flex;justify-content:space-between;padding:10px 12px}.datatable-table tbody td:last-child{border-bottom:none}.datatable-table tbody td:before{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);content:attr(data-label);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.datatable-actions{justify-content:flex-end}.datatable-actions:before{flex:1 1}}@media (max-width:480px){.datatable-header{gap:8px;padding:12px}.datatable-search{min-width:0;min-width:auto}.datatable-header-actions{flex-wrap:wrap;width:100%}.datatable-header-actions button{flex:1 1;justify-content:center}.datatable-table tbody td{font-size:12px;padding:8px 10px}.datatable-footer{padding:10px 12px}.datatable-pagination-btn{font-size:11px;padding:5px 9px}}:root{--primary:#006648;--primary-hover:#008060;--primary-light:#00664826;--danger-light:#ef444426;--border:#ffffff14;--border-light:#ffffff0a;--radius-xl:16px;--radius-2xl:20px}.productos-page{margin:0;min-height:100vh;padding:0;width:100%}.page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.btn-primary{background:#006648;background:var(--primary);border-radius:8px;border-radius:var(--radius-md);display:inline-flex;font-size:14px;padding:10px 20px}.btn-primary:hover{background:#008060;background:var(--primary-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{transform:none}.btn-icon{align-items:center;background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.btn-icon:hover{background:#252525;border-color:#006648;border-color:var(--primary)}.status-badge{white-space:nowrap}.status-active{color:var(--success)}.status-inactive{color:var(--danger)}.price-value{color:#00c48c;font-family:SF Mono,Fira Code,monospace;font-size:14px;font-weight:700}.price-iva-detail{color:#f59e0b;color:var(--warning);display:block;font-size:10px;margin-top:2px}.stock-low{color:#ef4444;color:var(--danger);font-weight:600}.stock-normal{color:#d0f5e7}.grid-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.stat-value{color:var(--text-primary);font-size:32px;font-weight:700;margin-bottom:8px}.stat-label{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase}.toast-container{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:80px;z-index:1100}.toast{align-items:center;animation:slideInRight .3s ease;background:#0f0f0f;background:var(--bg-secondary);border-left:4px solid;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000004d;box-shadow:var(--shadow-md);display:flex;gap:12px;min-width:280px;padding:12px 20px}.toast.success{background:#10b9811a;border-left-color:#10b981;border-left-color:var(--success)}.toast.error{background:#ef44441a;border-left-color:#ef4444;border-left-color:var(--danger)}.toast.warning{background:#f59e0b1a;border-left-color:#f59e0b;border-left-color:var(--warning)}.toast.info{background:#3b82f61a;border-left-color:#3b82f6;border-left-color:var(--info)}@media (max-width:768px){.grid-cards{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-value{font-size:24px}.toast-container{left:16px;right:16px}.toast{min-width:auto;width:auto}}@media (max-width:480px){.grid-cards{grid-template-columns:1fr}.page-actions{justify-content:space-between;width:100%}.btn-primary{flex:1 1;font-size:13px;justify-content:center;padding:10px 12px}.btn-icon{flex-shrink:0}}.datatable-container{background:#0f0f0f;background:var(--bg-secondary);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:16px;overflow:hidden;width:100%}.datatable-header{align-items:center;background:#0a0a0a;background:var(--bg-primary);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 20px}.datatable-search{min-width:250px;position:relative}.datatable-search-icon{color:#ffffff80;color:var(--text-muted);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.datatable-search-input{background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;color:#fff;color:var(--text-primary);font-size:13px;padding:8px 32px 8px 36px;width:100%}.datatable-search-input:focus{border-color:#006648;border-color:var(--primary);outline:none}.datatable-search-clear{background:none;border:none;border-radius:4px;color:#ffffff80;color:var(--text-muted);cursor:pointer;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.datatable-search-clear:hover{background:#ffffff1a;color:#fff;color:var(--text-primary)}.datatable-wrapper{overflow-x:auto}.datatable-table{border-collapse:collapse;min-width:600px;width:100%}.datatable-table thead th{background:#0a0a0a;background:var(--bg-primary);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);color:#ffffffb3;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.datatable-th-content{align-items:center;display:flex;gap:6px}.datatable-sort-icon{align-items:center;display:inline-flex}.datatable-table tbody td{border-bottom:1px solid #ffffff0a;border-bottom:1px solid var(--border-light);color:#fff;color:var(--text-primary);font-size:13px;padding:12px 16px}.datatable-table tbody tr:hover{background:#0066480d}.datatable-actions{display:flex;gap:8px;white-space:nowrap}.datatable-action-btn{align-items:center;background:none;border:none;border-radius:6px;color:#ffffffb3;color:var(--text-secondary);cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:all .2s ease}.datatable-action-btn:hover{background:#ffffff1a;color:#fff;color:var(--text-primary)}.datatable-empty{padding:48px!important;text-align:center}.datatable-empty,.datatable-loading{color:#ffffff80;color:var(--text-muted)}.datatable-loading{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px}.datatable-spinner{animation:datatable-spin .8s linear infinite;border:3px solid #ffffff14;border-top-color:#006648;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:32px;width:32px}@keyframes datatable-spin{to{transform:rotate(1turn)}}.datatable-footer{align-items:center;background:#0a0a0a;background:var(--bg-primary);border-top:1px solid #ffffff14;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 20px}.datatable-info{color:#ffffff80;color:var(--text-muted);font-size:12px}.datatable-pagination{display:flex;flex-wrap:wrap;gap:4px}.datatable-pagination-btn{background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:6px;color:#ffffffb3;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.datatable-pagination-btn:hover:not(:disabled){background:#00664833;border-color:#006648;border-color:var(--primary);color:#fff;color:var(--text-primary)}.datatable-pagination-btn.active{background:#006648;background:var(--primary);border-color:#006648;border-color:var(--primary);color:#fff}.datatable-pagination-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.datatable-header{align-items:stretch;flex-direction:column}.datatable-search{min-width:0;width:100%}.datatable-search-input{font-size:16px}.datatable-footer{align-items:center;flex-direction:column;gap:10px}.datatable-pagination{justify-content:center}.datatable-pagination-btn{font-size:11px;padding:6px 10px}.datatable-wrapper{overflow-x:hidden}.datatable-table{min-width:0;width:100%}.datatable-table thead{display:none}.datatable-table tbody tr{background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;display:block;margin-bottom:12px;overflow:hidden}.datatable-table tbody td{align-items:center;border-bottom:1px solid #ffffff0a;border-bottom:1px solid var(--border-light);display:flex;gap:8px;justify-content:space-between;min-height:40px;padding:10px 14px}.datatable-table tbody td:last-child{border-bottom:none}.datatable-table tbody td:before{color:#ffffffb3;color:var(--text-secondary);content:attr(data-label);flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.5px;min-width:80px;text-transform:uppercase}.datatable-table tbody td>*{text-align:right}.datatable-actions{justify-content:flex-end}.datatable-actions:before{content:"";flex:1 1}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.text-success{color:#10b981;color:var(--success)}.text-danger{color:#ef4444;color:var(--danger)}.text-warning{color:#f59e0b;color:var(--warning)}.text-info{color:#3b82f6;color:var(--info)}::selection{background:#0066484d;color:#fff}::-moz-selection{background:#0066484d;color:#fff}.inventory-page{background:linear-gradient(135deg,#0f1117,#0a0c10);margin:0 auto;max-width:1400px;min-height:100vh;padding:24px 32px}.inventory-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.inventory-title-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;margin:0}.inventory-subtitle{color:#ffffff73;font-size:14px;margin:6px 0 0}.inventory-actions{align-items:center;display:flex;gap:10px}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.spinner{animation:spin .8s linear infinite;border:3px solid #6842fe1a;border-radius:50%;border-top-color:#6842fe;height:50px;width:50px}.loading-text{color:#ffffff80;font-size:14px;margin-top:16px}.error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.error-icon{color:#ef4444;margin-bottom:16px}.error-text{color:#ffffffb3;font-size:16px;margin-bottom:20px}.retry-button{align-items:center;background:#6842fe26;border:1px solid #6842fe4d;border-radius:8px;color:#a78bfa;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.retry-button:hover{background:#6842fe40;border-color:#6842fe80}.inventory-table-container{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;overflow:hidden}.inventory-table{border-collapse:collapse;font-size:13px;width:100%}.inventory-table thead tr{background:#6842fe1f;border-bottom:1px solid #ffffff14}.inventory-table th{color:#ffffff80;font-size:11px;font-weight:700;letter-spacing:.4px;padding:12px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.inventory-table tbody tr{border-bottom:1px solid #ffffff0d;cursor:pointer;transition:background .15s}.inventory-table tbody tr:nth-child(2n){background:#0000}.inventory-table tbody tr:nth-child(odd){background:hsla(0,0%,100%,.015)}.inventory-table tbody tr:hover{background:#6842fe12!important}.inventory-table td{padding:11px 14px}.status-badge{font-weight:600;padding:3px 10px}.status-badge-open{background:#10b98126;color:#10b981}.status-badge-closed{background:#94a3b826;color:#94a3b8}.open-inventory-btn{background:#6842fe26;border:1px solid #6842fe40;border-radius:6px;color:#6842fe;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s}.open-inventory-btn:hover{background:#6842fe40;border-color:#6842fe66}.table-footer{border-top:1px solid #ffffff0d;color:#ffffff4d;font-size:12px;padding:10px 16px}.empty-state{padding:48px}.empty-icon{display:block;margin:0 auto 10px;opacity:.3}.detail-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.progress-container{align-items:center;display:flex;gap:14px}.progress-stats{color:#ffffff8c;font-size:13px}.progress-count{color:#10b981;font-weight:700}.progress-bar-wrapper{background:#ffffff14;border-radius:3px;height:6px;overflow:hidden;position:relative;width:120px}.progress-bar{border-radius:3px;transition:width .3s}.progress-bar-green{background:#10b981}.progress-bar-purple{background:#6842fe}.progress-percentage{font-size:12px;font-weight:700}.progress-percentage-green{color:#10b981}.progress-percentage-gray{color:#ffffff73}.close-inventory-btn{background:#10b981}.close-inventory-btn:disabled{background:#6842fe4d;cursor:not-allowed;opacity:.6}.items-table-container{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;overflow:hidden}.items-table{border-collapse:collapse;font-size:13px;width:100%}.items-table thead tr{background:#6842fe1f;border-bottom:1px solid #ffffff14}.items-table th{color:#ffffff80;font-size:11px;font-weight:700;letter-spacing:.4px;padding:12px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.items-table tbody tr{border-bottom:1px solid #ffffff0d}.items-table tbody tr:nth-child(2n){background:#0000}.items-table tbody tr:nth-child(odd){background:hsla(0,0%,100%,.015)}.items-table td{padding:11px 14px}.product-name{color:#fff;font-weight:600}.system-stock{color:#fff9;font-weight:700}.count-input{padding:7px 10px;width:100px}.difference-positive{color:#10b981;font-weight:700}.difference-negative{color:#ef4444;font-weight:700}.difference-zero{color:#fff6;font-weight:700}.item-status-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;padding:3px 9px}.item-status-counted{background:#10b98126;color:#10b981}.item-status-pending{background:#f59e0b26;color:#f59e0b}.modal-overlay{background:#000000a6;padding:16px}.modal-container{background:linear-gradient(135deg,#1a1f2a,#141920);border:1px solid #6842fe40;border-radius:16px;box-shadow:0 25px 60px #00000080;display:flex;flex-direction:column;max-width:460px;width:100%}.modal-header{border-bottom:1px solid #ffffff14;padding:22px 28px}.modal-title{color:#fff;font-size:19px;font-weight:800;margin:0}.modal-subtitle{color:#ffffff73;font-size:13px;margin:5px 0 0}.modal-body{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto;padding:20px 28px}.modal-footer{border-top:1px solid #ffffff14;padding:18px 28px}.category-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px 14px;transition:all .15s}.category-checkbox{align-items:center;border-radius:4px;display:flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.check-icon{color:#fff;height:11px;width:11px}.category-name{font-size:13px}@media (max-width:768px){.inventory-page{padding:16px}.inventory-title-section h1{font-size:22px}.inventory-table td,.inventory-table th,.items-table td,.items-table th{padding:8px 10px}.count-input{width:70px}.modal-container{margin:16px}}@media (max-width:480px){.inventory-page{padding:10px}.inventory-title-section h1{font-size:18px}.inventory-header{align-items:stretch;flex-direction:column;gap:10px}.inventory-header button{justify-content:center;width:100%}.inventory-table td:nth-child(n+4),.inventory-table th:nth-child(n+4){display:none}.modal-container{margin:8px;padding:14px}.count-input{width:60px}}.order-summary{border-top:1px solid #ffffff1a;margin-top:8px;padding-top:8px}.summary-row{color:#ffffffbf;font-size:12px;line-height:1.7;padding:0}.summary-row.total{border-top:1px solid #ffffff1a;color:#10b981;font-size:13px;font-weight:800;margin-top:2px;padding-top:4px}.summary-row.total span:last-child{font-size:14px}.validation-message{border-radius:6px;box-sizing:border-box;font-size:10px;font-weight:500;gap:4px;margin:4px auto;padding:4px 10px;text-align:center;width:100%}.validation-wrapper{display:flex;justify-content:center;width:100%}.validation-message.success{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.btn-send-kitchen{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;box-shadow:0 3px 10px #f59e0b40;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:700;gap:6px;justify-content:center;letter-spacing:.5px;margin-top:6px;overflow:hidden;padding:8px 16px;position:relative;text-transform:uppercase;transition:all .2s ease;width:100%}.btn-send-kitchen:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-send-kitchen:hover:before{left:100%}.btn-send-kitchen:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 18px #f59e0b66;transform:translateY(-1px)}.btn-send-kitchen:active{transform:translateY(0)}.btn-send-kitchen:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.btn-send-kitchen:disabled:before{display:none}.btn-send-kitchen .spinner,.btn-send-kitchen svg{flex-shrink:0;height:14px;width:14px}.btn-send-kitchen .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff}.modal-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;inset:0;padding:20px}.modal{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#1a1f2a,#0f1319);border:1px solid #10b98133;border-radius:20px;box-shadow:0 30px 56px #00000080;display:flex;flex-direction:column;max-width:950px;overflow:hidden;width:min(950px,95vw)}.modal .modal-header{background:#0003;border-bottom:1px solid #10b9811a;padding:20px 24px 16px}.modal .modal-header h2{color:#fff;font-size:22px;font-weight:800;letter-spacing:-.5px;margin:0 0 6px}.modal .modal-header p{color:#fff9;font-size:13px;margin:0}.modal .modal-body{max-height:65vh;overflow-y:auto;padding:20px 24px}.modal .modal-body::-webkit-scrollbar{width:6px}.modal .modal-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.modal .modal-body::-webkit-scrollbar-thumb{background:#10b9814d;border-radius:4px}.modal .modal-body::-webkit-scrollbar-thumb:hover{background:#10b98180}.modal-form-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1.2fr 2.2fr .8fr 1fr}.modal .field{display:flex;flex-direction:column;gap:6px}.modal .field label{color:#10b981e6;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.modal .extras-adder-sel,.modal .field select,.modal select{appearance:none;background-color:#1a1f2a!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2310b981' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1.5px solid #10b9814d;border-radius:10px;color:#fff!important;cursor:pointer;font-size:14px;font-weight:500;height:42px;padding:0 12px;transition:all .2s ease;width:100%}.modal .extras-adder-sel option,.modal .field select option,.modal select option{background-color:#1a1f2a;color:#fff!important;font-size:14px}.modal .extras-adder-sel:focus,.modal .field select:focus,.modal select:focus{background-color:#1e2533!important;border-color:#10b981;box-shadow:0 0 0 3px #10b98133;outline:none}.modal .extras-adder-sel:disabled,.modal .field select:disabled,.modal select:disabled{cursor:not-allowed;opacity:.5}.modal .field input,.modal .field textarea{background:#1a1f2a;border:1.5px solid #10b98133;border-radius:10px;color:#fff;font-size:14px;font-weight:500;height:42px;padding:0 12px;transition:all .2s ease;width:100%}.modal .field textarea{height:auto;min-height:80px;padding:10px 12px;resize:vertical}.modal .field input:focus,.modal .field textarea:focus{background:#1e2533;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.modal .field input:disabled{cursor:not-allowed;opacity:.6}.modal .field input::placeholder,.modal .field textarea::placeholder{color:#fff6}.modal .stepper{align-items:center;background:#1a1f2a;border:1.5px solid #10b98133;border-radius:10px;display:flex;height:42px;overflow:hidden}.modal .stepper-btn{align-items:center;background:#0000;border:none;color:#10b981;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:100%;justify-content:center;transition:all .2s ease;width:36px}.modal .stepper-btn:hover{background:#10b9811a;color:#34d399}.modal .stepper-input{background:#0000;border:none;color:#fff;font-size:16px;font-weight:700;height:100%;outline:none;text-align:center;width:50px}.modal .stepper-input::-webkit-inner-spin-button,.modal .stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.modal .field[style*="grid-column: 1 / -1"]{margin-top:8px}.extras-adder-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.extras-adder-sel{border:1.5px solid #10b9814d;border-radius:10px;color:#fff!important;cursor:pointer}.extras-adder-nota,.extras-adder-sel{background:#1a1f2a;flex:2 1;font-size:14px;height:42px;padding:0 12px}.extras-adder-nota{border:1.5px solid #10b98133;border-radius:10px;color:#fff}.extras-adder-nota:focus{border-color:#10b981;outline:none}.extras-adder-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:700;height:42px;padding:0 20px;transition:all .2s ease}.extras-adder-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.extras-adder-btn:disabled{cursor:not-allowed;opacity:.5}.extras-added-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:12px 0 0;max-height:120px;overflow-y:auto;padding:0}.extras-added-list::-webkit-scrollbar{width:4px}.extras-added-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.extras-added-list::-webkit-scrollbar-thumb{background:#10b9814d;border-radius:4px}.extras-added-item{align-items:center;background:#10b98114;border:1px solid #10b98126;border-radius:8px;display:flex;font-size:13px;gap:8px;padding:6px 10px}.extras-added-name{color:#10b981;font-weight:700}.extras-added-price{background:#10b98126;border-radius:6px;color:#10b981;font-size:12px;font-weight:600;padding:2px 8px}.extras-added-nota{color:#ffffff8c;flex:1 1;font-size:12px}.extras-added-remove{background:none;border:none;border-radius:6px;color:#ef4444b3;cursor:pointer;font-size:14px;padding:2px 6px;transition:all .2s ease}.extras-added-remove:hover{background:#ef44441a;color:#ef4444}.modal .modal-footer{background:#0003;border-top:1px solid #10b9811a;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 20px}.modal .btn{align-items:center;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;height:44px;justify-content:center;padding:0 24px;transition:all .2s ease}.modal .btn-primary{background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 2px 8px #10b9814d;color:#fff}.modal .btn-primary:hover:not(:disabled){box-shadow:0 4px 14px #10b98166;transform:translateY(-1px)}.modal .btn-primary:disabled{cursor:not-allowed;opacity:.5}.modal .btn-secondary{background:#ffffff14;border:1px solid #ffffff26;color:#fff}.modal .btn-secondary:hover{background:#ffffff1f;border-color:#ffffff40}@media (max-width:800px){.modal-form-grid{gap:12px;grid-template-columns:1fr 1.5fr .8fr 1fr}}@media (max-width:700px){.modal-form-grid{gap:12px;grid-template-columns:1fr 1fr}.modal .field[style*="grid-column: 1 / -1"]{grid-column:span 2}.extras-adder-row{flex-direction:column}.extras-adder-btn,.extras-adder-nota,.extras-adder-sel{width:100%}}@media (max-width:640px){.modal-overlay{align-items:stretch;padding:0}.modal{border-radius:0;height:100dvh;max-height:100dvh;width:100%}.modal .modal-header{align-items:center;border-bottom:1px solid #10b9811a;display:flex;gap:10px;padding:10px 14px}.modal .modal-header h2{flex:1 1;font-size:15px;font-weight:700;margin:0;white-space:nowrap}.modal .modal-header p{color:#ffffff73;font-size:11px;margin:0;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal .modal-body{flex:1 1;max-height:none;padding:10px 12px}.modal-form-grid{gap:8px;grid-template-columns:1fr 1fr}.modal .field[style*="grid-column: 1 / -1"]{grid-column:1/-1}.modal .field label{font-size:10px;letter-spacing:.3px}.extras-adder-nota,.extras-adder-sel,.modal .field input,.modal .field select,.modal .field textarea,.modal .stepper{font-size:12px;height:34px}.modal .field select{background-position:right 8px center;padding:0 28px 0 8px}.modal .field textarea{font-size:12px;height:auto;min-height:48px;padding:6px 8px}.modal .stepper{height:34px}.modal .stepper-btn{font-size:16px;width:28px}.modal .stepper-input{font-size:14px;width:36px}.modal .modal-footer{flex-direction:row;gap:8px;padding:8px 12px 14px}.modal .btn{flex:1 1;font-size:13px;height:38px;padding:0 10px}.extras-adder-row{flex-direction:column;gap:6px}.extras-adder-btn,.extras-adder-nota,.extras-adder-sel{flex:none;width:100%}.extras-adder-btn{height:34px}}*{box-sizing:border-box}.takeorder-shell{grid-gap:12px;display:grid;gap:12px;margin:0 auto;max-width:1600px;padding:0 8px;width:100%}.order-topbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111827bf;border:1px solid #ffffff14;border-radius:12px;display:flex;flex-wrap:wrap;justify-content:space-between;padding:12px 14px;position:sticky;top:0;z-index:20}.order-title{color:#fff;font-size:16px;font-weight:800}.order-subtitle{align-items:center;color:#fffc;display:flex;font-size:12px;gap:8px;margin-top:2px}.badge{background:#ffffff12;border:1px solid #ffffff26;border-radius:999px;padding:3px 8px}.badge-ok{border-color:#10b98159}.badge-warn{border-color:#f59e0b59}.card-soft{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 20px #00000038;padding:10px 12px}.card-head{margin-bottom:6px;padding-bottom:6px}.card-head h3,.items-head h3{color:#fff;font-size:14px;font-weight:700;letter-spacing:-.2px;margin:0}.card-head p,.items-head p{color:#ffffffa6;font-size:12px;margin:2px 0 0}.form-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:1fr 1fr;margin-top:4px}.form-grid-3col{grid-template-columns:1fr 1fr 1fr}.field-full{grid-column:1/-1}.field label{color:#ffffffa6;display:block;font-size:11px;font-weight:600;letter-spacing:.2px;margin-bottom:2px;text-transform:uppercase}.field input,.field select,.field textarea{background:#0000002e;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#ffffffeb;font-family:inherit;font-size:13px;height:34px;padding:6px 10px;transition:all .15s ease;width:100%}.field textarea{height:auto;min-height:60px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{background:#00000040;border-color:#10b98173;box-shadow:0 0 0 3px #10b98133;outline:none}.items-head-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:700;gap:8px;height:42px;justify-content:center;min-width:140px;padding:10px 20px;transition:all .2s ease}.items-head-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:translateY(-1px)}.items-head-btn:active{transform:translateY(0)}.items-head-btn:disabled{cursor:not-allowed;opacity:.5}.save-order-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:14px;box-shadow:0 4px 12px #f59e0b4d;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:800;gap:10px;justify-content:center;letter-spacing:.5px;margin-top:20px;overflow:hidden;padding:14px 24px;position:relative;text-transform:uppercase;transition:all .2s ease;width:100%}.save-order-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.save-order-btn:hover:before{left:100%}.save-order-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 25px #f59e0b80;transform:translateY(-2px)}.save-order-btn:active{transform:translateY(0)}.save-order-btn:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.save-order-btn:disabled:before{display:none}.save-order-btn svg{height:18px;transition:transform .2s ease;width:18px}.save-order-btn:hover svg{transform:translateX(3px)}.save-order-btn .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.items-head{border-bottom:1px solid #ffffff1a;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px;padding-bottom:8px}.items-head,.items-head-left{align-items:center;display:flex}.items-head-left{flex:1 1;gap:12px}.items-title{color:#fff;font-size:18px;font-weight:800;letter-spacing:-.3px;margin:0}.items-badge{background:#10b98133;border:1px solid #10b9814d;border-radius:20px;color:#10b981;font-size:13px;font-weight:800;min-width:32px;padding:4px 10px;text-align:center}.items-head-center{flex:1 1;text-align:center}.items-counter{color:#fff9;font-size:13px;font-weight:500}.items-body{margin-top:10px}.items-empty-panel{align-items:center;background:#ffffff08;border:1px dashed #ffffff26;border-radius:8px;display:flex;flex-direction:column;gap:0;justify-content:center;padding:10px 8px}.empty-state{background:none;border:none;padding:0}.empty-title{color:#ffffff80;font-size:11px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.item-row{border:1px solid #ffffff1a;gap:12px}.item-row:hover{border-color:#ffffff26}.item-name{font-weight:800;margin-bottom:4px}.item-meta{color:#fff9;display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.item-price{color:#10b981;font-size:14px}.item-right{align-items:flex-start;display:flex;gap:12px;padding-top:2px}.item-row.comanda-style{align-items:stretch;border-left:3px solid #10b98173;flex-direction:column;gap:4px;padding:10px 14px}.comanda-line-1{align-items:center;display:flex;gap:10px;justify-content:space-between}.comanda-left{align-items:baseline;display:flex;flex:1 1;gap:8px;min-width:0}.comanda-qty{color:#10b981;flex-shrink:0;font-size:15px;font-weight:900}.comanda-nombre{color:#fff;font-size:14px;font-weight:800;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comanda-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.comanda-unitprice{color:#ffffff61;font-size:11px;white-space:nowrap}.comanda-sub-line{align-items:baseline;display:flex;font-size:12px;gap:6px;padding-left:28px}.comanda-tree{color:#ffffff40;flex-shrink:0;font-family:monospace;font-size:11px}.comanda-extra{color:#a78bfa}.comanda-nota{color:#ffffff73;font-style:italic}.icon-btn{background:#ffffff0d;border:1px solid #ffffff1a;color:#ffffffb3;padding:8px}.icon-btn:hover{background:#ffffff1a;transform:scale(1.05)}.edit-btn:hover{color:#8b6eff}.delete-btn:hover{color:#ff5c6c}.summary-sticky{background:#0000;border-top:1px solid #ffffff26;bottom:auto;margin-top:16px;padding:16px 0 0;position:relative}.summary-row{font-size:14px}.summary-row span:first-child{color:#ffffffb3}.summary-row span:last-child{font-feature-settings:"tnum";color:#ffffffe6;font-variant-numeric:tabular-nums;font-weight:600}.summary-total{background:linear-gradient(135deg,#10b9811f,#10b9810a);border-top:1px solid #ffffff1a;color:#10b981;font-size:18px;padding:16px 18px}.summary-total span:first-child{color:#fffc;font-size:15px}.summary-total span:last-child{font-feature-settings:"tnum";font-size:20px;font-variant-numeric:tabular-nums}.summary-hint{color:#ffffff73;font-size:11px;font-style:italic;margin-top:12px;text-align:center}.validation-message{border-radius:10px;margin:12px 0;padding:8px 12px}.validation-message.error{background:#dc354526;border:1px solid #dc35454d;color:#ff6b6b}.validation-message.warning{color:#fbbf24}.alert{gap:10px;margin-bottom:16px}.alert-error{background:#dc354526}.alert-success{background:#10b98126}@media (max-width:1200px){.order-grid{grid-template-columns:1fr 1.2fr}.takeorder-shell{padding:0 16px}}@media (max-width:1024px){.form-grid-3col{grid-template-columns:1fr 1fr}.order-grid{gap:12px}.card-soft{padding:12px}}@media (max-width:980px){.order-grid{grid-template-columns:1fr}.takeorder-shell{max-width:100%}}@media (max-width:768px){.form-grid,.form-grid-3col{gap:8px;grid-template-columns:1fr 1fr}.field-full{grid-column:1/-1}.card-soft{padding:12px}.items-head-btn{font-size:12px;height:36px;min-width:120px;padding:8px 14px}.save-order-btn{font-size:14px;padding:12px 20px}.summary-total span:first-child{font-size:14px}.summary-total span:last-child{font-size:18px}}.collapsible-label{align-items:center;background:none;border:none;color:#ffffffa6;cursor:pointer;display:flex;font-family:inherit;font-size:11px;font-weight:600;gap:5px;letter-spacing:.2px;margin-bottom:0;padding:0;text-transform:uppercase;transition:color .15s;width:100%}.collapsible-label:hover{color:#10b981}.collapsible-label span{flex:1 1;text-align:left}.collapsible-label svg:last-child{flex-shrink:0;transition:transform .2s ease}.collapsible-label .chev-open{transform:rotate(180deg)}@media (max-width:640px){.takeorder-shell{gap:10px;padding:0 10px}.form-grid{gap:10px;grid-template-columns:1fr}.form-grid-3col{gap:10px;grid-template-columns:1fr 1fr}.field-full,.order-field-ubicacion{grid-column:1/-1}.card-soft{padding:10px}.items-head{align-items:stretch;flex-direction:column;gap:10px}.items-head-left{justify-content:space-between}.items-head-center{text-align:left}.items-head-btn{min-width:0;padding:10px 12px;width:100%}.item-row{align-items:flex-start;flex-direction:column;padding:10px}.item-right{justify-content:space-between;margin-top:8px;width:100%}.item-name,.summary-row{font-size:13px}.item-meta{font-size:11px}.alert{font-size:12px;padding:8px 12px}}@media (max-width:480px){.takeorder-shell{gap:8px;padding:0 8px}.order-topbar{align-items:flex-start;flex-direction:column;gap:8px;padding:10px 12px}.order-title{font-size:14px}.order-subtitle{font-size:10px}.card-soft{border-radius:10px;padding:8px}.card-head h3,.items-head h3{font-size:14px}.field label{font-size:10px}.field input,.field select,.field textarea{font-size:12px;height:36px;padding:6px 10px}.items-title{font-size:15px}.items-badge{padding:3px 8px}.items-badge,.items-counter{font-size:11px}.items-head-btn{font-size:11px;height:34px;padding:8px 12px}.items-head-btn svg{height:12px;width:12px}.save-order-btn{font-size:13px;margin-top:16px;padding:10px 16px}.save-order-btn svg{height:14px;width:14px}.summary-row{font-size:12px;padding:6px 0}.summary-total{padding:10px 12px}.summary-total span:first-child{font-size:13px}.summary-total span:last-child{font-size:16px}.item-name,.item-price{font-size:12px}.icon-btn{padding:6px}.comanda-unitprice{display:none}.comanda-right{flex-shrink:1;gap:6px}.comanda-nombre{font-size:13px}.item-row.comanda-style{overflow:hidden}.alert,.validation-message{font-size:11px;padding:6px 10px}.alert{margin-bottom:10px}}@media (max-width:360px){.takeorder-shell{gap:6px;padding:0 6px}.order-topbar{padding:8px 10px}.order-title{font-size:13px}.card-soft{padding:6px}.card-head h3,.items-head h3{font-size:13px}.field input,.field select,.field textarea{font-size:11px;height:34px}.items-title{font-size:13px}.items-badge{font-size:10px}.items-head-btn{font-size:10px;height:32px;padding:6px 10px}.save-order-btn{font-size:12px;padding:8px 12px}.save-order-btn svg{height:12px;width:12px}.summary-total{padding:8px 10px}.summary-total span:first-child{font-size:12px}.summary-total span:last-child{font-size:14px}.item-name,.item-price{font-size:11px}.item-meta{font-size:10px;gap:6px}.icon-btn{padding:4px}.icon-btn svg{height:12px;width:12px}}.ot-wrap{display:flex;flex-direction:column;gap:16px;padding:4px 0}.ot-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.ot-stat{background:#13161f;border:1px solid #1e2535;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:16px 18px;transition:border-color .15s}.ot-stat-val{color:#f1f5f9;font-size:30px;font-weight:800;line-height:1}.ot-stat-lbl{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.ot-stat--amber .ot-stat-val{color:#f59e0b}.ot-stat--blue .ot-stat-val{color:#3b82f6}.ot-stat--green .ot-stat-val{color:#22c55e}.ot-toolbar{flex-wrap:wrap;gap:10px}.ot-search,.ot-toolbar{align-items:center;display:flex}.ot-search{background:#13161f;border:1px solid #1e2535;border-radius:8px;color:#64748b;flex:1 1;gap:8px;min-width:200px;padding:9px 13px;transition:border-color .15s}.ot-search:focus-within{border-color:#22c55e;color:#22c55e}.ot-search input{background:none;border:none;color:#f1f5f9;font-size:13px;outline:none;width:100%}.ot-search input::placeholder{color:#64748b}.ot-icon-btn,.ot-toolbar-right{display:flex;gap:6px}.ot-icon-btn{align-items:center;background:#13161f;border:1px solid #1e2535;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;padding:9px 13px;transition:all .15s;white-space:nowrap}.ot-icon-btn:hover{border-color:#2a3040;color:#94a3b8}.ot-icon-btn.active{background:#22c55e14;border-color:#22c55e;color:#22c55e}.ot-icon-btn.refresh:hover{border-color:#3b82f6;color:#3b82f6}.ot-icon-btn.spinning svg{animation:ot-spin .8s linear infinite}.ot-icon-btn:disabled{cursor:not-allowed;opacity:.5}@keyframes ot-spin{to{transform:rotate(1turn)}}.ot-tabs{display:flex;flex-wrap:wrap;gap:6px}.ot-tab{background:#13161f;border:1px solid #1e2535;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;padding:7px 16px;transition:all .15s}.ot-tab:hover{border-color:#2a3040;color:#94a3b8}.ot-tab.active{background:#22c55e1a;border-color:#22c55e66;color:#22c55e}.ot-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#f87171;font-size:13px;padding:10px 14px}.ot-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:14px;gap:14px;padding:70px 0}.ot-spinner{animation:ot-spin .7s linear infinite;border:3px solid #1e2535;border-radius:50%;border-top-color:#22c55e;height:34px;width:34px}.ot-empty{align-items:center;color:#1e2535;display:flex;flex-direction:column;gap:12px;padding:70px 0}.ot-empty p{color:#64748b;font-size:15px;margin:0}.ot-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.04em;padding:3px 10px;text-transform:uppercase;white-space:nowrap}.ot-badge-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.ot-mesa-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.ot-mesa-card{background:#13161f;border:1.5px solid #1e2535;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;transition:border-color .15s,transform .1s,box-shadow .15s}.ot-mesa-card:before{background:#22c55e;background:var(--sc,#22c55e);content:"";height:3px;left:0;position:absolute;right:0;top:0}.ot-mesa-card:hover{border-color:#22c55e;border-color:var(--sc,#22c55e);box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.ot-mesa-body{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px 16px 12px}.ot-mesa-top{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.ot-mesa-num{color:#64748b;font-size:13px;font-weight:600;line-height:1.2}.ot-mesa-num strong{color:#f1f5f9;display:block;font-size:26px;font-weight:800;line-height:1}.ot-mesa-badge{border-radius:20px;flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.04em;padding:3px 8px;text-transform:uppercase;white-space:nowrap}.ot-mesa-meta{align-items:center;display:flex;gap:8px;justify-content:space-between}.ot-mesa-ordernum{color:#64748b;font-size:12px;font-weight:600}.ot-mesa-client{color:#94a3b8;font-size:12px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ot-mesa-items-list{display:flex;flex-direction:column;gap:3px;min-height:36px}.ot-mesa-item-row{align-items:center;color:#94a3b8;display:flex;font-size:12px;gap:6px;overflow:hidden}.ot-mesa-iqty{color:#22c55e;color:var(--sc,#22c55e);flex-shrink:0;font-weight:700;min-width:22px}.ot-mesa-iname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ot-mesa-more{color:#475569;font-size:11px;font-style:italic}.ot-mesa-footer{align-items:center;background:#0f1219;border-top:1px solid #1e2535;display:flex;justify-content:space-between;padding:10px 16px}.ot-mesa-elapsed{align-items:center;color:#64748b;display:flex;font-size:11px;gap:4px}.ot-mesa-total{color:#22c55e;font-size:18px;font-weight:800}.ot-mesa-action-btn{align-items:center;background:#22c55e;background:var(--sc,#22c55e);border:none;border-radius:0 0 10px 10px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:6px;justify-content:center;padding:11px;transition:opacity .15s;width:100%}.ot-mesa-action-btn:hover:not(:disabled){opacity:.88}.ot-mesa-action-btn:disabled{cursor:not-allowed;opacity:.45}.ot-list-wrap{background:#13161f;border:1px solid #1e2535;border-radius:10px;overflow-x:auto}.ot-list{border-collapse:collapse;font-size:13px;width:100%}.ot-list thead tr{background:#0f1219}.ot-list th{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.05em;padding:11px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.ot-list th,.ot-list-row{border-bottom:1px solid #1e2535}.ot-list-row{cursor:pointer;transition:background .1s}.ot-list-row:last-child{border-bottom:none}.ot-list-row:hover{background:hsla(0,0%,100%,.025)}.ot-list td{padding:13px 14px;vertical-align:middle}.ot-list-mesa-cell{display:flex;flex-direction:column;gap:2px}.ot-list-mesa{color:#f1f5f9;font-size:16px;font-weight:800;white-space:nowrap}.ot-list-type{color:#64748b;font-size:13px}.ot-list-num{color:#64748b;font-size:12px;font-weight:600}.ot-list-client{color:#94a3b8}.ot-list-items{color:#64748b;font-size:12px}.ot-list-total{color:#22c55e;font-size:15px;font-weight:800;white-space:nowrap}.ot-list-elapsed{align-items:center;color:#64748b;display:flex;font-size:12px;gap:4px;white-space:nowrap}.ot-list-action-btn{background:none;border:1.5px solid;border-radius:6px;cursor:pointer;font-size:12px;font-weight:700;padding:6px 12px;transition:opacity .15s,background .15s;white-space:nowrap}.ot-list-action-btn:hover:not(:disabled){opacity:.75}.ot-list-action-btn:disabled{cursor:not-allowed;opacity:.4}.ot-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;inset:0;position:fixed;z-index:1000}.ot-modal{border:1px solid #1e2535;border-radius:16px;box-shadow:0 32px 80px #000000b3;flex-direction:column;left:50%;max-height:88vh;max-width:500px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100% - 32px);z-index:1001}.ot-modal,.ot-modal-head{background:#13161f;display:flex}.ot-modal-head{align-items:flex-start;border-bottom:1px solid #1e2535;gap:12px;justify-content:space-between;padding:20px 20px 16px;position:sticky;top:0;z-index:2}.ot-modal-title{align-items:center;color:#f1f5f9;display:flex;flex-wrap:wrap;font-size:22px;font-weight:800;gap:10px}.ot-modal-ordernum{color:#64748b;font-size:13px;font-weight:600}.ot-modal-meta{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:13px;gap:12px;margin-top:4px}.ot-modal-elapsed{align-items:center;display:flex;gap:4px}.ot-modal-close{align-items:center;background:#1a1f2e;border:1px solid #1e2535;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;padding:8px;transition:all .15s}.ot-modal-close:hover{border-color:#ef4444;color:#ef4444}.ot-modal-section{display:flex;flex-direction:column;gap:8px;padding:16px 20px}.ot-modal-section+.ot-modal-section{padding-top:0}.ot-modal-item-card{align-items:flex-start;background:#0f1219;border:1px solid #1e2535;border-radius:8px;display:flex;gap:10px;justify-content:space-between;padding:11px 13px;transition:border-color .15s}.ot-modal-item-card:hover{border-color:#2a3040}.ot-modal-item-left{align-items:flex-start;display:flex;flex:1 1;gap:10px;min-width:0}.ot-modal-item-qty{color:#22c55e;flex-shrink:0;font-size:15px;font-weight:800;min-width:30px}.ot-modal-item-name{color:#f1f5f9;font-size:14px;font-weight:600;line-height:1.3}.ot-modal-item-note{color:#f59e0b;font-size:12px;margin-top:2px}.ot-modal-item-price{color:#94a3b8;flex-shrink:0;font-size:14px;font-weight:700;white-space:nowrap}.ot-modal-divider{background:#1e2535;height:1px;margin:0 20px}.ot-modal-totals{display:flex;flex-direction:column;gap:7px;padding:14px 20px}.ot-modal-notes-box{background:#f59e0b14;border:1px solid #f59e0b33;border-radius:8px;color:#fbbf24;font-size:13px;margin-bottom:4px;padding:9px 12px}.ot-modal-row{color:#64748b;display:flex;font-size:13px;justify-content:space-between}.ot-modal-row span:last-child{color:#94a3b8;font-weight:600}.ot-modal-row--main{border-top:1px solid #1e2535;color:#f1f5f9;font-size:16px;font-weight:700;margin-top:4px;padding-top:10px}.ot-modal-row--main span:last-child{color:#22c55e;font-size:22px;font-weight:800}.ot-modal-actions{background:#13161f;border-top:1px solid #1e2535;bottom:0;padding:16px 20px;position:sticky;z-index:2}.ot-modal-btn{align-items:center;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;padding:14px;transition:opacity .15s,transform .1s;width:100%}.ot-modal-btn:hover:not(:disabled){opacity:.88}.ot-modal-btn:active:not(:disabled){transform:scale(.99)}.ot-modal-btn:disabled{cursor:not-allowed;opacity:.45}@media (max-width:767px){.ot-stats{grid-template-columns:repeat(2,1fr)}.ot-stat-val{font-size:22px}.ot-toolbar{align-items:stretch;flex-direction:column}.ot-search{min-width:0}.ot-toolbar-right{justify-content:flex-end}}@media (max-width:640px){.ot-stats{grid-template-columns:repeat(2,1fr)}.ot-mesa-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.ot-modal{border-radius:16px 16px 0 0;bottom:0;left:0;max-height:92vh;max-width:100%;right:0;top:auto;transform:none;width:100%}}@media (max-width:400px){.ot-stats{grid-template-columns:1fr}}.checkout-shell{grid-gap:12px;display:grid;gap:12px;margin:0 auto;max-width:1600px;padding:0;width:100%}.order-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1.4fr;width:100%}@media (max-width:1200px){.order-grid{grid-template-columns:1fr 1.2fr}}@media (max-width:980px){.order-grid{grid-template-columns:1fr}.checkout-shell{max-width:100%}}.card-soft{background:linear-gradient(135deg,#1a1f2a,#141920);border:1px solid #10b98126;border-radius:16px;box-shadow:0 12px 30px #00000047;padding:20px;transition:all .2s ease}.card-soft:hover{border-color:#10b98140;box-shadow:0 16px 40px #00000059}.card-head{border-bottom:1px solid #ffffff14;margin-bottom:20px;padding-bottom:12px}.card-head h3{color:#fff;font-size:18px;font-weight:800;letter-spacing:-.3px;margin:0}.card-head p{color:#ffffffa6;font-size:13px;margin:6px 0 0}.filters-container{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.filter-date-container{align-items:center;display:flex;flex:1 1;min-width:160px;position:relative}.filter-date-container svg{color:#ffffff80;left:12px;pointer-events:none;position:absolute;z-index:1}.filter-status-container{min-width:140px;position:relative}.filter-input{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;color:#ffffffe6;font-family:inherit;font-size:14px;height:44px;padding:0 12px;transition:all .15s ease;width:100%}.filter-date-container .filter-input{padding-left:40px}.filter-status-container select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.filter-input:focus{background:#0006;border-color:#10b98173;box-shadow:0 0 0 3px #10b98133;outline:none}.filter-input::placeholder{color:#ffffff59}.filter-status-container select option{background:#1a1f2a;color:#fff}.search-box{flex:2 1;min-width:200px;position:relative}.search-box svg{color:#fff6;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-box input{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;color:#ffffffe6;font-family:inherit;font-size:14px;height:44px;padding:0 12px 0 40px;transition:all .15s ease;width:100%}.search-box input:focus{background:#0006;border-color:#10b98173;box-shadow:0 0 0 3px #10b98133;color:#fff;outline:none}.btn-refresh{background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 2px 8px #10b9814d;color:#fff;display:inline-flex;flex:none!important;font-size:13px;font-weight:700;gap:8px;height:40px;padding:0 18px;white-space:nowrap;width:fit-content}.btn-refresh:hover{box-shadow:0 4px 14px #10b98166;transform:translateY(-1px)}.btn-refresh:disabled{box-shadow:none}.btn-refresh .spin{animation:spin 1s linear infinite}.edit-actions-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.btn-add-product{align-items:center;background:#10b98133;border:1px solid #10b98166;border-radius:12px;color:#10b981;cursor:pointer;display:inline-flex;flex:1 1;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.btn-add-product:hover{background:#10b9814d;border-color:#10b98199;transform:translateY(-1px)}.btn-separar-productos{align-items:center;background:linear-gradient(135deg,#f59e0b33,#d9770626);border:1px solid #f59e0b66;border-radius:12px;color:#fbbf24;cursor:pointer;display:inline-flex;flex:1 1;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.btn-separar-productos:hover{background:linear-gradient(135deg,#f59e0b4d,#d9770640);border-color:#f59e0b99;box-shadow:0 4px 12px #f59e0b33;transform:translateY(-1px)}.orders-table{border-radius:12px;overflow-x:auto}.orders-table table{border-collapse:collapse;width:100%}.orders-table thead{background:#0000004d;border-bottom:1px solid #10b98126}.orders-table thead th{color:#fff9;font-size:11px;font-weight:700;letter-spacing:.8px;padding:14px 12px;text-align:left;text-transform:uppercase}.orders-table tbody tr{border-bottom:1px solid #ffffff0d;cursor:pointer;transition:all .2s ease}.orders-table tbody tr:hover{background:#10b98114}.orders-table tbody tr.selected{background:#10b9811f;border-left:4px solid #10b981}.orders-table tbody td{color:#ffffffe6;font-size:13px;padding:14px 12px;vertical-align:middle}.mesa-num{color:#fff;font-size:14px;font-weight:700}.mesa-num small{color:#60d5c0;display:block;font-size:11px;font-weight:600;letter-spacing:.3px;margin-top:4px}.amount{color:#a78bfa;font-size:15px;font-weight:800}.badge{border-radius:8px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;padding:5px 12px;text-transform:uppercase}.badge-warning{border:1px solid #f59e0b4d;color:#fbbf24}.badge-success{border:1px solid #10b9814d}.badge-danger{border:1px solid #ef44444d}.action-buttons{align-items:center;flex-wrap:wrap;gap:6px}.btn-action{align-items:center;border:1px solid;border-radius:8px;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:5px;padding:6px 10px;transition:all .2s ease;white-space:nowrap}.btn-edit{background:#64748b33;border-color:#64748b66;color:#ffffffe6}.btn-reprint{background:#10b98126;border-color:#10b98159;color:#10b981}.btn-reprint:hover{background:#10b98140;border-color:#10b9818c;transform:translateY(-1px)}.btn-edit:hover:not(:disabled){background:#64748b59;border-color:#64748b99;transform:translateY(-1px)}.btn-edit:disabled{cursor:not-allowed;opacity:.4}.btn-delete{background:#ef444426;border-color:#ef444466}.btn-delete:hover{background:#ef444440;border-color:#ef444499;transform:translateY(-1px)}.order-detail{display:flex;flex-direction:column;min-height:500px}.order-header-info{align-items:baseline;background:#00000040;border:1px solid #ffffff0f;border-radius:14px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.order-mesa{color:#fff;font-size:22px;font-weight:800;letter-spacing:-.5px}.order-number{background:#10b98126;border-radius:10px;color:#60d5c0;font-size:13px;padding:5px 12px}.edit-badge{background:#f59e0b33;border-radius:20px;color:#fbbf24;font-size:11px;font-weight:600;padding:4px 12px}.items-list-modern{grid-gap:10px;display:grid;gap:10px;max-height:400px;overflow-y:auto;padding-right:4px}.items-list-modern::-webkit-scrollbar{width:6px}.items-list-modern::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.items-list-modern::-webkit-scrollbar-thumb{background:#10b9814d;border-radius:3px}.item-row{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;display:flex;justify-content:space-between;padding:12px 14px;transition:all .2s ease}.item-row:hover{background:#ffffff0f;border-color:#10b98133}.item-row.separado{background:#f59e0b14;border-left:3px solid #f59e0b}.item-row.separado:hover{background:#f59e0b1f;border-color:#f59e0b4d}.item-row.added{background:#22d3ee14;border-color:#22d3ee40;border-left:3px solid #22d3ee}.item-row.modified{background:#f59e0b14;border-color:#f59e0b40}.item-row.removed{background:#ef44441a;border-color:#ef44444d;opacity:.4}.item-row.removed .item-name{text-decoration:line-through}.item-info{flex:1 1;flex-wrap:wrap;gap:16px;justify-content:space-between}.item-info,.item-qty-name{align-items:center;display:flex}.item-qty-name{flex:1 1;gap:10px;min-width:160px}.item-qty{color:#60d5c0;font-size:14px;font-weight:800;min-width:40px}.item-name{color:#fff;font-size:14px;font-weight:700;text-transform:uppercase}.item-price{color:#a78bfa;font-size:15px;font-weight:800;white-space:nowrap}.item-extras{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px;margin-top:6px}.item-extra-tag{background:#10b98126;border-radius:12px;color:#10b981;font-size:10px;font-weight:500;padding:2px 8px}.item-notes{color:#ffffff80;font-size:11px;font-style:italic;margin-top:4px}.item-actions{align-items:center;display:flex;gap:8px}.icon-btn{display:flex}.edit-btn{color:#6842fe}.edit-btn:hover{background:#6842fe26;transform:scale(1.05)}.separar-btn{color:#fbbf24}.separar-btn:hover{background:#f59e0b33;transform:scale(1.05)}.delete-btn{color:#dc3545}.delete-btn:hover{background:#dc354526;transform:scale(1.05)}.summary-sticky{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:16px}.summary-row{color:#ffffffb3;font-size:13px;padding:8px 0}.summary-row,.summary-total{align-items:center;display:flex;justify-content:space-between}.summary-total{background:linear-gradient(135deg,#10b98126,#10b9810d);border:1px solid #10b98133;border-radius:14px;color:#fff;font-size:20px;font-weight:900;margin-top:12px;padding:14px 16px}.summary-total span:last-child{color:#10b981;font-size:22px}.action-buttons-group{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.btn-save{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;flex:1 1;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.btn-save:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.btn-save:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-cancel-edit{align-items:center;background:#ef444426;border:1px solid #ef444466;border-radius:12px;color:#ef4444;cursor:pointer;display:inline-flex;flex:1 1;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.btn-cancel-edit:hover{background:#ef444440;border-color:#ef444499;transform:translateY(-1px)}.empty-state{padding:40px 20px}.empty-state p{font-weight:500;margin:0}.empty-panel{align-items:center;background:#0003;border:1px dashed #ffffff1a;border-radius:16px;color:#fff6;display:flex;justify-content:center;min-height:300px;padding:80px 20px;text-align:center}.empty-panel p{font-size:15px;font-weight:500;margin:0}.alert{animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;font-size:13px;font-weight:600;margin-bottom:14px;padding:14px 18px}.alert-success{border:1px solid #10b9814d;color:#10b981}.alert-error{border:1px solid #ef44444d;color:#ef4444}.alert-warning{background:#f59e0b33;border:1px solid #f59e0b4d;color:#fbbf24}.alert-info{background:#3b82f633;border:1px solid #3b82f64d;color:#60a5fa}@media (max-width:1024px){.card-soft{padding:16px}.filters-container{flex-wrap:wrap}.btn-refresh,.filter-date-container,.filter-status-container,.search-box{flex:1 1;min-width:auto}.edit-actions-bar{flex-direction:column}.btn-add-product,.btn-separar-productos{width:100%}}@media (max-width:768px){.orders-table{overflow-x:auto}.checkout-shell{gap:12px}.card-head h3{font-size:16px}.order-mesa{font-size:18px}.summary-total{font-size:17px}.summary-total span:last-child{font-size:19px}.action-buttons-group{flex-direction:column}.btn-cancel-edit,.btn-save{width:100%}.filters-container{flex-direction:column}.btn-refresh,.filter-date-container,.filter-status-container,.search-box{width:100%}.btn-refresh{justify-content:center}.action-buttons{align-items:center;flex-direction:row;flex-wrap:wrap;gap:4px}.btn-action span{display:none}.btn-action{justify-content:center;padding:7px 9px}}@media (max-width:600px){.orders-table thead{display:none}.orders-table table{border-collapse:initial;border-spacing:0 8px;width:100%}.orders-table tbody tr{background:#ffffff0a;border:1px solid #ffffff14;border-left:3px solid #ffffff1f;border-radius:12px;cursor:pointer;display:block;margin-bottom:4px}.orders-table tbody tr.selected{background:#10b9811a;border-left-color:#10b981}.orders-table tbody tr:hover{background:#10b98112}.orders-table tbody td{align-items:center;border-bottom:1px solid #ffffff0a;box-sizing:border-box;display:flex;font-size:13px;gap:10px;padding:9px 12px;width:100%}.orders-table tbody td:last-child{border-bottom:none}.orders-table tbody td:before{color:#ffffff73;content:attr(data-label);flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.6px;min-width:72px;text-transform:uppercase}.orders-table tbody td.mesa-num{background:#0003;border-radius:9px 9px 0 0;font-size:14px;padding:12px 14px}.orders-table .action-buttons{flex:1 1;justify-content:flex-end}}@media (max-width:640px){.card-soft{padding:14px}.item-row{align-items:flex-start;flex-direction:column;gap:8px}.item-info{width:100%}.item-actions{justify-content:flex-end;width:100%}.item-qty-name{min-width:auto}.item-name{font-size:13px}.order-header-info{align-items:flex-start;flex-direction:column}.empty-panel{min-height:250px;padding:50px 20px}.item-extras{flex-wrap:wrap}}@media (max-width:480px){.checkout-shell{gap:10px}.card-head h3{font-size:15px}.card-head p{font-size:11px}.btn-refresh,.filter-input{font-size:13px;height:40px}.search-box input{height:40px}.orders-table tbody td{font-size:12px;padding:10px 8px}.mesa-num{font-size:13px}.mesa-num small{font-size:10px}.amount{font-size:13px}.item-qty{min-width:35px}.item-name,.item-qty{font-size:12px}.item-price{font-size:13px}.summary-total{font-size:16px;padding:10px 12px}.summary-total span:last-child{font-size:18px}.btn-add-product,.btn-cancel-edit,.btn-save,.btn-separar-productos{font-size:13px;padding:10px 16px}.btn-action{font-size:10px;padding:5px 8px}.badge{font-size:9px;padding:4px 8px}.icon-btn{padding:4px}.separar-btn{padding:4px 8px}}.categories-container{padding:20px 0}.categories-header-actions{align-items:center;display:flex;gap:12px}.categories-table-wrapper{background:#164e444d;border:1px solid #10b98140;border-radius:16px;overflow-x:auto;padding:4px}.categories-table{border-collapse:collapse;font-size:14px;width:100%}.categories-table thead th{background:#0003;border-bottom:1px solid #10b98133;color:#60d5c0;font-size:13px;font-weight:700;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.categories-table tbody td{border-bottom:1px solid #ffffff0d;color:#ffffffe6;padding:14px 20px;vertical-align:middle}.category-name{color:#fff;font-weight:600}.color-display{border:1px solid #fff3;border-radius:8px;display:inline-block;height:28px;margin-right:10px;vertical-align:middle;width:28px}.color-hex{color:#fff9;font-family:monospace;font-size:12px}.actions-cell{display:flex;gap:12px}.icon-btn{background:#0000;padding:6px;transition:all .2s ease}.empty-row{color:#fff6;padding:40px;text-align:center}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-container{background:#1e293b;border:1px solid #10b9814d;border-radius:24px;box-shadow:0 20px 35px #00000080;max-width:500px;width:90%}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#fff;font-size:22px;margin:0}.close-btn{background:#0000;border:none;border-radius:8px;color:#fff9;cursor:pointer;padding:4px;transition:.2s}.close-btn:hover{background:#ffffff1a;color:#fff}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#fffc;font-size:14px;margin-bottom:8px}.form-group input[type=text]{background:#0006;border:1px solid #ffffff26;border-radius:12px;color:#fff;font-size:14px;padding:12px;transition:.2s;width:100%}.form-group input[type=text]:focus{background:#00000080;border-color:#10b981;outline:none}.color-palette{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.color-option{border:2px solid #0000;border-radius:50%;cursor:pointer;height:36px;transition:.1s;width:36px}.color-option.active{border-color:#fff;box-shadow:0 0 0 2px #10b981;transform:scale(1.05)}.color-picker{background:#0000;border:1px solid #fff3;border-radius:12px;cursor:pointer;height:40px;width:40px}.modal-footer{border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-primary,.btn-secondary{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:.2s}.btn-primary{background:#10b981}.btn-primary:hover{background:#059669}.btn-primary:disabled{opacity:.6}.btn-secondary{background:#ffffff1a;color:#fffc}.btn-secondary:hover{background:#fff3}.alert-error,.alert-success{align-items:center;border-radius:12px;display:flex;gap:8px;padding:12px 16px}.alert-error{background:#ef444433;border:1px solid #ef4444;color:#f87171}.alert-success{background:#10b98133;border:1px solid #10b981;color:#34d399}@media (max-width:768px){.categories-table-wrapper{margin:0 -4px}.categories-table tbody td,.categories-table thead th{padding:12px}.color-display{height:24px;margin-right:6px;width:24px}.actions-cell{gap:6px}.modal-container{margin:16px;width:95%}.color-option{height:30px;width:30px}}@media (max-width:640px){.categories-table tbody td,.categories-table thead th{font-size:12px;padding:10px 8px}.icon-btn{padding:4px}}.expense-header-actions{align-items:center;display:flex;gap:12px}.expense-btn-primary{align-items:center;background:#006648;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:8px 20px}.expense-btn-primary:hover{background:#008060}.expense-btn-secondary{align-items:center;background:#1d1d19;border:1px solid #2a2a26;border-radius:8px;color:#fffaca;cursor:pointer;display:flex;gap:8px;padding:8px 16px}.expense-btn-secondary:hover{background:#2a2a26}.expense-refresh-btn{align-items:center;background:#1d1d19;border:1px solid #2a2a26;border-radius:8px;color:#fffaca;cursor:pointer;display:flex;gap:8px;padding:8px 16px}.expense-filters-bar{background:#1d1d19;border:1px solid #2a2a26;border-radius:12px;margin-bottom:24px;padding:16px}.expense-search-wrapper{margin-bottom:12px;position:relative}.expense-search-icon{color:#a8a89a;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.expense-search-input{background:#141410;border:1px solid #2a2a26;border-radius:8px;color:#fffaca;font-size:14px;padding:10px 12px 10px 36px;width:100%}.expense-search-input:focus{border-color:#006648;outline:none}.expense-filter-group{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.expense-filter-btn{align-items:center;background:#141410;border:1px solid #2a2a26;border-radius:8px;color:#fffaca;cursor:pointer;display:flex;gap:8px;padding:8px 16px}.expense-filter-btn.active{background:#00664820;border-color:#006648}.expense-filter-select{background:#141410;border:1px solid #2a2a26;border-radius:8px;color:#fffaca;cursor:pointer;padding:8px 16px}.expense-filter-clear{background:#0000;border:none;color:#a8a89a;cursor:pointer;font-size:13px;padding:8px 16px}.expense-filter-clear:hover{color:#ff6b6b}.expense-date-range{align-items:center;border-top:1px solid #2a2a26;display:flex;gap:12px;margin-top:12px;padding-top:12px}.expense-date-range input{background:#141410;border:1px solid #2a2a26;border-radius:8px;color:#fffaca;padding:8px 12px}.expense-date-range span{color:#a8a89a}.expense-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.expense-summary-card{background:#1d1d19;border:1px solid #2a2a26;gap:16px;padding:16px}.expense-summary-card,.expense-summary-icon{align-items:center;border-radius:12px;display:flex}.expense-summary-icon{background:#00664820;color:#a0e7c7;height:48px;justify-content:center;width:48px}.expense-summary-content{flex:1 1}.expense-summary-title{color:#a8a89a;font-size:12px;margin-bottom:4px}.expense-summary-value{color:#fffaca;font-size:24px;font-weight:700}.expense-table-container{background:#1d1d19;border:1px solid #2a2a26;border-radius:12px;overflow:hidden}.expense-table-header{align-items:center;border-bottom:1px solid #2a2a26;display:flex;justify-content:space-between;padding:16px 20px}.expense-table-header h3{color:#fffaca;font-size:16px;margin:0}.expense-link-btn{align-items:center;background:#0000;border:none;color:#a0e7c7;cursor:pointer;display:flex;font-size:13px;gap:6px}.expense-link-btn:hover{text-decoration:underline}.expense-table-wrapper{overflow-x:auto}.expense-table{border-collapse:collapse;font-size:13px;width:100%}.expense-table thead tr{background:#141410;border-bottom:2px solid #2a2a26}.expense-table th{color:#fffaca;font-weight:600;padding:12px 16px;text-align:left}.expense-table td{border-bottom:1px solid #2a2a26;color:#d0d0c0;padding:12px 16px}.expense-table tbody tr:hover{background:#252520}.expense-table tfoot tr{background:#141410;border-top:2px solid #2a2a26}.expense-text-right{text-align:right}.expense-description{color:#fffaca;font-weight:500}.expense-category-badge{background:#00664820;border-radius:20px;color:#a0e7c7;display:inline-block;font-size:11px;padding:4px 10px}.expense-payment-method{color:#a8a89a;font-size:11px}.expense-reference{color:#a8a89a;font-family:monospace;font-size:12px}.expense-amount{color:gold;font-weight:700}.expense-footer-label{color:#fffaca;font-weight:700}.expense-footer-total{color:#a0e7c7;font-size:16px;font-weight:800}.expense-actions{display:flex;gap:8px}.expense-action-btn{background:#0000;border:none;border-radius:6px;color:#a8a89a;cursor:pointer;padding:6px}.expense-action-btn.edit:hover{background:#00664820;color:#a0e7c7}.expense-action-btn.delete:hover{background:#ff6b6b20;color:#ff6b6b}.expense-empty-state{color:#a8a89a;padding:48px!important;text-align:center}.expense-empty-state svg{margin-bottom:12px;opacity:.5}.expense-empty-state span{display:block;margin-bottom:16px}.expense-empty-btn{align-items:center;background:#006648;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;gap:6px;padding:8px 20px}.expense-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.expense-modal-box{background:#1d1d19;border:1px solid #2a2a26;border-radius:16px;max-height:85vh;max-width:600px;overflow:auto;width:90%}.expense-modal-small{max-width:400px}.expense-modal-header{align-items:center;border-bottom:1px solid #2a2a26;display:flex;justify-content:space-between;padding:20px 24px}.expense-modal-header h2{color:#fffaca;font-size:18px;margin:0}.expense-modal-close{background:none;border:none;color:#a8a89a;cursor:pointer}.expense-modal-close:hover{color:#fffaca}.expense-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;padding:20px 24px}.expense-form-group{display:flex;flex-direction:column;gap:6px}.expense-form-group.full-width{grid-column:span 2}.expense-form-group label{color:#a8a89a;font-size:12px;font-weight:600}.expense-form-group input,.expense-form-group select,.expense-form-group textarea{background:#141410;border:1px solid #2a2a26;border-radius:8px;color:#fffaca;font-size:14px;padding:10px 12px}.expense-form-group input:focus,.expense-form-group select:focus,.expense-form-group textarea:focus{border-color:#006648;outline:none}.expense-modal-footer{border-top:1px solid #2a2a26;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.expense-btn-cancel{background:#0000;border:1px solid #2a2a26;border-radius:8px;color:#a8a89a;cursor:pointer;padding:8px 20px}.expense-btn-cancel:hover{background:#2a2a26}.expense-btn-save{background:#006648;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 24px}.expense-btn-save:hover:not(:disabled){background:#008060}.expense-btn-cancel:disabled,.expense-btn-save:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.expense-form-grid{grid-template-columns:1fr}.expense-form-group.full-width{grid-column:span 1}.expense-summary-grid{grid-template-columns:repeat(2,1fr)}.expense-date-range{align-items:stretch;flex-direction:column}.expense-filter-group,.expense-header-actions{flex-wrap:wrap}}@media (max-width:480px){.expense-summary-grid{grid-template-columns:1fr}.expense-summary-card{gap:12px;padding:12px}.expense-summary-value{font-size:20px}.expense-header-actions{flex-direction:column;width:100%}.expense-btn-primary,.expense-btn-secondary,.expense-refresh-btn{justify-content:center;width:100%}.expense-table td:nth-child(4),.expense-table td:nth-child(5),.expense-table th:nth-child(4),.expense-table th:nth-child(5){display:none}.expense-modal-box{border-radius:16px 16px 0 0;bottom:0;left:0;max-height:90vh;max-width:100%;position:fixed;right:0;width:100%}.expense-filter-btn,.expense-filter-select{width:100%}}.att-toolbar{display:flex;gap:10px}.att-btn{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;display:flex;gap:6px;padding:8px 12px}.att-btn.primary{background:var(--color-primary);border:none;color:#fff}.att-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.att-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:10px;padding:16px}.att-header{gap:10px}.att-avatar,.att-header{align-items:center;display:flex}.att-avatar{background:var(--color-primary);border-radius:50%;color:#fff;height:36px;justify-content:center;width:36px}.att-cedula{color:var(--color-text-muted);font-size:12px;margin:6px 0}.att-times{grid-gap:5px;display:grid;font-size:13px;gap:5px;grid-template-columns:1fr 1fr}.att-status{color:var(--color-primary);font-weight:700;margin-top:10px}.att-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed}.att-modal{background:var(--color-card);border-radius:10px;padding:20px;width:400px}.att-modal-header{align-items:center;display:flex;justify-content:space-between}.att-modal-body{background:#ffffff14;display:flex;flex-direction:column;gap:10px;margin-top:10px}.att-input{border:1px solid var(--color-border);border-radius:6px;color:#2c421b;font-size:14px;font-weight:900;padding:8px}.att-modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.att-empty{opacity:.6;padding:40px;text-align:center}@media (max-width:600px){.att-toolbar{flex-wrap:wrap}.att-btn{flex:1 1;justify-content:center}.att-grid{grid-template-columns:1fr}}@media (max-width:480px){.att-modal{padding:16px;width:calc(100vw - 32px)}.att-modal-footer{flex-direction:column}.att-modal-footer button{width:100%}.att-times{grid-template-columns:1fr}}.emp-page{display:flex;flex-direction:column;gap:20px}.emp-toolbar{gap:10px}.emp-search-box,.emp-toolbar{align-items:center;display:flex}.emp-search-box{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000040;border:1px solid #ffffff14;border-radius:10px;padding:8px 12px}.emp-search-box input{background:#0000;border:none;color:#fff;margin-left:8px;outline:none}.emp-btn-primary{align-items:center;background:linear-gradient(135deg,#6842fe,#7c5cff);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:8px 14px}.emp-refresh-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;cursor:pointer;padding:8px}.emp-stats{display:flex;gap:16px}.emp-stat-card{background:linear-gradient(135deg,#1a1f2a,#141920);border:1px solid #ffffff14;border-radius:14px;flex:1 1;padding:18px}.emp-stat-card span{color:#fff;font-size:24px;font-weight:700}.emp-stat-card p{color:#ffffff80;margin-top:4px}.emp-stat-card.active span{color:#10b981}.emp-stat-card.inactive span{color:#ef4444}.emp-table-wrapper{background:linear-gradient(135deg,#1a1f2a,#141920);border:1px solid #ffffff14;border-radius:14px;overflow-x:auto}.emp-table{border-collapse:collapse;width:100%}.emp-table thead{background:#6842fe26}.emp-table th{color:#fff9;font-size:12px;padding:14px;text-align:left;text-transform:uppercase}.emp-table td{border-top:1px solid #ffffff0d;color:#fff;padding:14px}.emp-table tr:hover{background:#ffffff08}.emp-status{border-radius:20px;font-size:12px;font-weight:600;padding:4px 10px}.emp-status.active{background:#10b98126;color:#10b981}.emp-status.inactive{background:#ef444426;color:#ef4444}.emp-actions{display:flex;gap:6px}.emp-actions button{background:#6842fe1f;border:1px solid #6842fe4d;border-radius:8px;color:#6842fe;cursor:pointer;padding:5px 8px}.emp-actions button.delete{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.emp-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.emp-modal{background:linear-gradient(135deg,#1a1f2a,#141920);border:1px solid #6842fe40;border-radius:16px;box-shadow:0 25px 60px #00000080;max-width:520px;width:100%}.emp-modal-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:20px 24px}.emp-modal-header h2{color:#fff;font-size:18px;margin:0}.emp-modal-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;padding:16px 24px}.emp-input{background:#00000040;border:1px solid #ffffff1f;border-radius:8px;color:#fff;padding:10px}.emp-modal-footer{border-top:1px solid #ffffff14;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.emp-btn-secondary{background:#0000;border:1px solid #ffffff26;border-radius:8px;color:#ffffffb3;padding:8px 14px}@media (max-width:767px){.emp-toolbar{flex-wrap:wrap}.emp-search-box{flex:1 1;min-width:0}.emp-search-box input{width:100%}.emp-stats{flex-wrap:wrap}.emp-stats>*{flex:1 1;min-width:calc(50% - 8px)}}@media (max-width:480px){.emp-stats>*{min-width:100%}.emp-table td,.emp-table th{font-size:12px;padding:10px 8px}}:root{--theme-payroll-primary:#10b981;--theme-payroll-primary-hover:#34d399;--theme-payroll-primary-light:#10b98126;--theme-payroll-secondary:#f59e0b;--theme-payroll-secondary-hover:#fbbf24;--theme-payroll-secondary-light:#f59e0b26;--danger:#ef4444;--danger-hover:#dc2626;--warning:#f59e0b;--success:#10b981;--info:#3b82f6;--bg-primary:#0a0a0a;--bg-secondary:#0f0f0f;--bg-tertiary:#1a1a1a;--bg-card:#ffffff08;--bg-card-hover:#ffffff0d;--bg-table-header:#1f2937;--bg-table-row:#ffffff05;--bg-table-row-hover:#ffffff0d;--border-color:#ffffff14;--border-color-light:#ffffff0a;--border-color-hover:#ffffff1f;--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#ffffff80;--text-disabled:#ffffff4d;--shadow-sm:0 2px 8px #0003;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 8px 32px #0006;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:14px;--radius-2xl:16px;--radius-full:9999px;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease}.pay-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--spacing-md);margin-bottom:24px;margin-bottom:var(--spacing-2xl)}.pay-btn,.pay-btn-canc,.pay-btn-print{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:8px;gap:var(--spacing-sm);min-width:100px;outline:none;padding:8px 20px;padding:var(--spacing-sm) var(--spacing-xl);transition:all .15s ease;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.pay-btn-canc:disabled,.pay-btn-print:disabled,.pay-btn:disabled{cursor:not-allowed;opacity:.6}.pay-btn{background:#10b981;background:var(--theme-payroll-primary);border-color:#10b981;border-color:var(--theme-payroll-primary);color:#fff}.pay-btn:hover:not(:disabled){background:#34d399;background:var(--theme-payroll-primary-hover);border-color:#34d399;border-color:var(--theme-payroll-primary-hover);transform:translateY(-1px)}.pay-btn-print{background:#f59e0b;background:var(--theme-payroll-secondary);border-color:#f59e0b;border-color:var(--theme-payroll-secondary);color:#fff}.pay-btn-print:hover:not(:disabled){background:#fbbf24;background:var(--theme-payroll-secondary-hover);border-color:#fbbf24;border-color:var(--theme-payroll-secondary-hover);transform:translateY(-1px)}.pay-btn-canc{background:#0000;border-color:#ffffff14;border-color:var(--border-color);color:#ffffff80;color:var(--text-muted)}.pay-btn-canc:hover:not(:disabled){background:#ef44441a;border-color:#ef4444;border-color:var(--danger);color:#ef4444;color:var(--danger)}.pay-btn-small{align-items:center;background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);color:#ffffffb3;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;gap:var(--spacing-xs);padding:4px 12px;padding:var(--spacing-xs) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.pay-btn-small:hover:not(:disabled){background:#ffffff0d;background:var(--bg-card-hover);border-color:#10b981;border-color:var(--theme-payroll-primary);color:#10b981;color:var(--theme-payroll-primary)}.pay-btn-small:disabled{cursor:not-allowed;opacity:.5}.pay-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--spacing-md);margin-bottom:24px;margin-bottom:var(--spacing-2xl)}.pay-filters input[type=date],.pay-filters select{background:#1a1a1a;background:var(--bg-tertiary);border:1.5px solid #ffffff14;border:1.5px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:13px;min-width:140px;padding:8px 12px;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.pay-filters input[type=date]:hover:not(:disabled),.pay-filters select:hover:not(:disabled){border-color:#ffffff1f;border-color:var(--border-color-hover)}.pay-filters input[type=date]:focus,.pay-filters select:focus{border-color:#10b981;border-color:var(--theme-payroll-primary);box-shadow:0 0 0 2px #10b98126;box-shadow:0 0 0 2px var(--theme-payroll-primary-light);outline:none}.pay-filters input[type=date]:disabled,.pay-filters select:disabled{cursor:not-allowed;opacity:.6}.date-range{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.date-separator{color:#ffffff80;color:var(--text-muted);font-weight:600}.payment-type-select{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border-color:#10b981!important;border-color:var(--theme-payroll-primary)!important}.pay-stats{flex-wrap:wrap;margin-bottom:24px;margin-bottom:var(--spacing-2xl)}.pay-card,.pay-stats{display:flex;gap:16px;gap:var(--spacing-lg)}.pay-card{align-items:center;background:#ffffff08;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:14px;border-radius:var(--radius-xl);flex:1 1;min-width:160px;padding:16px 20px;padding:var(--spacing-lg) var(--spacing-xl);transition:all .2s ease;transition:all var(--transition-normal)}.pay-card:hover{background:#ffffff0d;background:var(--bg-card-hover);border-color:#ffffff1f;border-color:var(--border-color-hover);transform:translateY(-2px)}.pay-card svg{color:#10b981;color:var(--theme-payroll-primary);height:28px;opacity:.8;width:28px}.pay-card.extra svg{color:#f59e0b;color:var(--theme-payroll-secondary)}.pay-card div{flex:1 1}.pay-card span{color:#fff;color:var(--text-primary);display:block;font-size:24px;font-weight:700;line-height:1.2}.pay-card p{color:#ffffff80;color:var(--text-muted);font-size:12px;margin-top:4px;margin-top:var(--spacing-xs)}.pay-card.extra span{color:#f59e0b;color:var(--theme-payroll-secondary)}.pay-table-wrapper{background:#ffffff08;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:14px;border-radius:var(--radius-xl);margin-bottom:16px;margin-bottom:var(--spacing-lg);overflow-x:auto}.pay-table{border-collapse:collapse;min-width:800px;width:100%}.pay-table th{background:#1f2937;background:var(--bg-table-header);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-color);color:#ffffffb3;color:var(--text-secondary);font-size:13px;font-weight:700;letter-spacing:.5px;text-align:left}.pay-table td,.pay-table th{padding:12px 16px;padding:var(--spacing-md) var(--spacing-lg)}.pay-table td{border-bottom:1px solid #ffffff0a;border-bottom:1px solid var(--border-color-light);color:#fff;color:var(--text-primary);font-size:14px;transition:background .15s ease;transition:background var(--transition-fast)}.pay-table tbody tr{background:#ffffff05;background:var(--bg-table-row)}.pay-table tbody tr:hover{background:#ffffff0d;background:var(--bg-table-row-hover)}.pay-table tbody tr:hover td{color:#fff;color:var(--text-primary)}.pay-table tfoot td{background:#1a1a1a;background:var(--bg-tertiary);border-top:1px solid #ffffff14;border-top:1px solid var(--border-color);font-weight:700}.extra-hours{color:#f59e0b!important;color:var(--theme-payroll-secondary)!important;font-weight:700}.pay-total{color:#10b981;color:var(--theme-payroll-primary);font-weight:700}.pay-modal-backdrop{align-items:center;animation:fadeIn .2s ease;animation:fadeIn var(--transition-normal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:3000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pay-modal{animation:slideUp .2s ease;animation:slideUp var(--transition-normal);background:#0f0f0f;background:var(--bg-secondary);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:14px;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0006;box-shadow:var(--shadow-lg);max-height:90vh;max-width:95%;overflow-y:auto;padding:24px;padding:var(--spacing-2xl)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pay-modal table{border-collapse:collapse;margin:16px 0;margin:var(--spacing-lg) 0;width:100%}.pay-modal td,.pay-modal th{border-bottom:1px solid #ffffff0a;border-bottom:1px solid var(--border-color-light);padding:8px 12px;padding:var(--spacing-sm) var(--spacing-md);text-align:left}.pay-modal th{background:#1a1a1a;background:var(--bg-tertiary);color:#ffffffb3;color:var(--text-secondary);font-size:12px;font-weight:700}.pay-modal td{color:#fff;color:var(--text-primary);font-size:13px}.pay-modal b{color:#10b981;color:var(--theme-payroll-primary)}.pay-modal::-webkit-scrollbar{width:6px}.pay-modal::-webkit-scrollbar-track{background:#1a1a1a;background:var(--bg-tertiary);border-radius:9999px;border-radius:var(--radius-full)}.pay-modal::-webkit-scrollbar-thumb{background:#ffffff1f;background:var(--border-color-hover);border-radius:9999px;border-radius:var(--radius-full)}.pay-legend{background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #ffffff0a;border:1px solid var(--border-color-light);border-radius:8px;border-radius:var(--radius-md);margin-top:16px;margin-top:var(--spacing-lg);padding:12px 16px;padding:var(--spacing-md) var(--spacing-lg)}.pay-legend small{color:#ffffff80;color:var(--text-muted);font-size:12px}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff14;border-top-color:#10b981;border:2px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full);border-top-color:var(--theme-payroll-primary);display:inline-block;height:16px;width:16px}.notification{border-radius:8px;border-radius:var(--radius-md);font-size:13px;font-weight:600;margin:12px 0;margin:var(--spacing-md) 0;padding:12px 16px;padding:var(--spacing-md) var(--spacing-lg)}.notification.success{background:#10b98126;border:1px solid #10b9814d;color:#10b981;color:var(--success)}.notification.error{background:#ef444426;border:1px solid #ef44444d;color:#ef4444;color:var(--danger)}.notification.warning{background:#f59e0b26;border:1px solid #f59e0b4d;color:#f59e0b;color:var(--warning)}.validation-message{align-items:center;border-radius:8px;border-radius:var(--radius-md);display:flex;font-size:12px;font-weight:600;gap:8px;gap:var(--spacing-sm);justify-content:center;padding:12px;padding:var(--spacing-md)}.validation-message.warning{background:#f59e0b26;border:1px solid #f59e0b4d;color:#f59e0b;color:var(--warning)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-1{margin-top:8px;margin-top:var(--spacing-sm)}.mt-2{margin-top:12px;margin-top:var(--spacing-md)}.mt-3{margin-top:16px;margin-top:var(--spacing-lg)}.mt-4{margin-top:20px;margin-top:var(--spacing-xl)}.mb-1{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:12px;margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:16px;margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:20px;margin-bottom:var(--spacing-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:8px;gap:var(--spacing-sm)}.gap-2{gap:12px;gap:var(--spacing-md)}.gap-3{gap:16px;gap:var(--spacing-lg)}@media (max-width:900px){.pay-stats{flex-direction:column}.pay-card{min-width:auto}.pay-filters{align-items:stretch;flex-direction:column}.pay-filters .date-range,.pay-filters select{width:100%}.date-range{flex-direction:column}.date-range input{width:100%}.pay-toolbar{flex-direction:column}.pay-toolbar button{justify-content:center;width:100%}}@media (max-width:600px){.pay-modal{padding:12px;padding:var(--spacing-md);width:95%}.pay-modal table{font-size:12px}.pay-modal td,.pay-modal th{padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.pay-table td,.pay-table th{font-size:12px;padding:8px;padding:var(--spacing-sm)}.pay-card{padding:12px;padding:var(--spacing-md)}.pay-card span{font-size:18px}.pay-btn-small{font-size:11px;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-pulse{animation:pulse 1.5s ease-in-out infinite}.pay-table tbody tr{transition:background .15s ease;transition:background var(--transition-fast)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#1a1a1a;background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:#ffffff1f;background:var(--border-color-hover);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#10b981;background:var(--theme-payroll-primary)}.payroll-print-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.payroll-print-modal-container{animation:slideUp .3s ease;background:linear-gradient(135deg,#1a1f2a,#141920);border:1px solid #ffffff1a;border-radius:16px;max-height:90vh;max-width:480px;overflow:hidden;width:90%}.payroll-print-modal-header{align-items:center;background:#10b9811a;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 20px}.payroll-print-header-title h2{color:#10b981;font-size:16px;font-weight:700;margin:0}.payroll-print-close-btn{background:#ffffff0d;border:none;border-radius:8px;color:#a0a0b0;cursor:pointer;height:32px;width:32px}.payroll-print-close-btn:hover{background:#ef444433;color:#ef4444}.payroll-print-modal-content{display:flex;flex-direction:column;gap:16px;max-height:calc(90vh - 70px);overflow-y:auto;padding:20px}.payroll-print-info-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:14px}.info-row{font-size:13px;padding:6px 0}.info-label{color:#a0a0b0;font-weight:500}.info-value{color:#fff;font-weight:600}.payroll-print-detail-card{background:#10b9810d;border:1px solid #10b98133;border-radius:12px;padding:14px}.payroll-print-detail-card h3{color:#a0a0b0;font-size:12px;font-weight:700;margin:0 0 12px}.detail-row{color:#e2e8f0;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.detail-row.highlight{color:#f59e0b}.detail-row.total{color:#10b981;font-size:15px;font-weight:700;padding-top:8px}.detail-divider{background:#ffffff1a;height:1px;margin:8px 0}.payroll-print-error{background:#ef444426;border:1px solid #ef44444d;border-radius:10px;color:#ef4444}.payroll-print-error,.payroll-print-success{align-items:center;display:flex;font-size:12px;gap:8px;padding:10px 12px}.payroll-print-success{background:#10b98126;border:1px solid #10b9814d;border-radius:10px;color:#10b981}.payroll-print-buttons{display:flex;gap:12px;margin-top:8px}.btn-cancelar{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#a0a0b0;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px}.btn-cancelar:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.btn-pdf{background:linear-gradient(135deg,#3b82f6,#2563eb)}.btn-imprimir-embedded,.btn-pdf{border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:10px}.btn-imprimir-embedded{background:linear-gradient(135deg,#10b981,#059669)}.btn-imprimir-embedded:hover,.btn-pdf:hover{transform:translateY(-1px)}.print-button-wrapper{flex:1 1}.print-error,.print-success{margin-top:8px}.reports-advanced-container{padding:24px}.kpi-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.kpi-value{color:#fff;font-size:32px;margin:12px 0}.kpi-icon{opacity:.6}.report-table{border-collapse:collapse;width:100%}.report-table td,.report-table th{border-bottom:1px solid #ffffff1a;padding:12px;text-align:left}.report-table th{color:#60d5c0;font-weight:600}@media (max-width:600px){.reports-advanced-container{padding:12px}.filters-bar{flex-direction:column;gap:10px;padding:14px}.filter-group{width:100%}.filter-group input,.filter-group select{box-sizing:border-box;width:100%}.filters-bar .btn-secondary{justify-content:center;text-align:center;width:100%}.kpi-cards{gap:10px;grid-template-columns:1fr;margin-bottom:20px}.kpi-value{font-size:24px;margin:8px 0}.chart-card,.table-card{border-radius:14px;margin-bottom:20px;padding:14px}.report-table thead{display:none}.report-table{border-collapse:initial!important;border-spacing:0}.rep-tbody-tr{background:#ffffff0d!important;border:1px solid #ffffff1f!important;border-radius:10px;display:block!important;margin-bottom:8px;overflow:hidden}.report-table td{align-items:center;border-bottom:1px solid #ffffff12;box-sizing:border-box;display:flex!important;font-size:13px;gap:10px;padding:9px 12px!important;white-space:normal!important;width:100%}.rep-tbody-tr td:last-child{border-bottom:none}.report-table td:before{color:#fff6;content:attr(data-label);flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.5px;min-width:72px;text-transform:uppercase}}@media (max-width:480px){.reports-advanced-container{padding:8px}.kpi-value{font-size:20px}.chart-card,.table-card{border-radius:12px;padding:10px}.report-table td{font-size:12px;padding:8px 10px!important}}.reports-inventory-container{box-sizing:border-box;overflow-x:auto;padding:16px;width:100%}.tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:8px;margin-bottom:24px}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#fff9;cursor:pointer;font-weight:600;padding:10px 20px;transition:.2s}.tab.active{border-bottom-color:#60d5c0;color:#60d5c0}.kpi-cards{grid-gap:5px;gap:5px;grid-template-columns:repeat(5,1fr);margin-bottom:24px;width:100%}.kpi-card{border-radius:12px;box-sizing:border-box;min-width:0;padding:8px 4px;text-align:center}.kpi-card.warning{border-color:#f59e0b}.kpi-title{font-size:10px;white-space:nowrap}.kpi-value{font-size:15px;font-weight:700;margin-top:4px}.kpi-icon{display:none}@media (max-width:700px){.kpi-cards{grid-template-columns:repeat(5,minmax(100px,1fr))}.kpi-title{font-size:9px;white-space:normal}.kpi-value{font-size:13px}}.table-actions{display:flex;gap:12px;justify-content:flex-end;margin-bottom:20px}.inventory-table,.movements-table{border-collapse:collapse;width:100%}.inventory-table td,.inventory-table th,.movements-table td,.movements-table th{border-bottom:1px solid #ffffff1a;padding:12px;text-align:left}.inventory-table th{color:#60d5c0}.warning-row{background:#f59e0b1a}.danger-row{background:#ef44441a}.danger-text{color:#ef4444;font-weight:700}.badge-danger,.badge-success,.badge-warning{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:4px 8px}.badge-success{background:#10b98133;color:#10b981}.badge-warning{background:#f59e0b33;color:#f59e0b}.badge-danger{background:#ef444433;color:#ef4444}.movement-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:4px 8px}.movement-badge.entrada{background:#10b98133;color:#10b981}.movement-badge.salida{background:#ef444433;color:#ef4444}.movement-badge.adjustment{background:#f59e0b33;color:#f59e0b}.filters-bar{background:#164e4433;border-radius:12px;margin-bottom:20px;padding:16px}.report-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.report-dropdown{position:relative}.report-date-btn{align-items:center;background:#1d1d19;border:1px solid #2a2a26;border-radius:8px;color:#fffaca;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px}.report-date-btn:hover{background:#2a2a26}.report-dropdown-menu{background:#1d1d19;border:1px solid #2a2a26;border-radius:8px;left:0;margin-top:4px;min-width:160px;position:absolute;top:100%;z-index:100}.report-dropdown-menu button{background:#0000;border:none;border-bottom:1px solid #2a2a26;color:#fffaca;cursor:pointer;display:block;padding:10px 16px;text-align:left;width:100%}.report-dropdown-menu button:last-child{border-bottom:none}.report-dropdown-menu button:hover{background:#2a2a26}.report-dropdown-menu button.active{background:#006648}.report-search-wrapper{position:relative}.report-search-icon{color:#a8a89a;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.report-search-input{background:#1d1d19;border:1px solid #2a2a26;border-radius:8px;color:#fffaca;font-size:14px;padding:8px 12px 8px 36px;width:260px}.report-search-input:focus{border-color:#006648;outline:none}.report-btn-secondary{align-items:center;background:#1d1d19;border:1px solid #2a2a26;border-radius:8px;color:#fffaca;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px}.report-btn-secondary:hover{background:#2a2a26}.report-refresh-btn-header{align-items:center;background:#1d1d19;border:1px solid #2a2a26;border-radius:8px;color:#fffaca;cursor:pointer;display:flex;gap:8px;padding:8px 16px}.report-refresh-btn-header:hover{background:#2a2a26}.report-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px}.report-product-card{align-items:center;background:#1d1d19;border:1px solid #2a2a26;border-radius:12px;display:flex;gap:16px;padding:16px;transition:transform .2s,border-color .2s}.report-product-card:hover{border-color:#006648;transform:translateY(-2px)}.report-product-card-icon{align-items:center;background:#004f3933;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.report-product-card-content{flex:1 1}.report-product-card-title{color:#a8a89a;font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.report-product-card-value{color:#fffaca;font-size:28px;font-weight:700;line-height:1.2}.report-product-card-subtitle{color:#a8a89a;font-size:11px;margin-top:4px}.report-top-product{background:linear-gradient(135deg,#1d1d19,#141410);border:1px solid #2a2a26;border-radius:12px;margin-bottom:24px;padding:12px 20px}.report-top-product-content{align-items:center;color:#a8a89a;display:flex;flex-wrap:wrap;font-size:13px;gap:12px}.report-top-product-content strong{color:#a0e7c7;font-size:14px}.report-top-product-qty{background:#006648;border-radius:20px;color:#fff;font-size:12px;padding:4px 10px}.report-top-product-total{color:gold;font-weight:700}.report-table-container{background:#1d1d19;border:1px solid #2a2a26;border-radius:12px;overflow-x:auto}.report-table-wrapper{overflow-x:auto}.report-product-table{border-collapse:collapse;font-size:13px;width:100%}.report-product-table thead tr{background:#141410;border-bottom:2px solid #2a2a26}.report-product-table th{color:#fffaca;font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.report-product-table td{border-bottom:1px solid #2a2a26;color:#d0d0c0;padding:12px 16px}.report-product-table tbody tr:hover{background:#252520}.report-product-table tfoot tr{background:#141410;border-top:2px solid #2a2a26}.report-product-table tfoot td{color:#fffaca;font-weight:700}.report-text-right{text-align:right}.report-product-name{align-items:center;color:#a0e7c7;display:flex;font-weight:600;gap:8px}.report-product-sku{color:#a8a89a;font-family:monospace;font-size:12px}.report-product-qty{color:#fffaca;font-weight:600}.report-product-total{color:#a0e7c7;font-weight:700}.report-product-percent{padding:0 16px!important}.report-percent-bar{align-items:center;background:#2a2a26;border-radius:20px;display:flex;height:24px;justify-content:flex-end;overflow:hidden;position:relative;width:100%}.report-percent-fill{background:linear-gradient(90deg,#006648,#00a37a);border-radius:20px;height:100%;left:0;position:absolute;top:0;transition:width .3s ease}.report-percent-bar span{color:#fffaca;font-size:11px;font-weight:600;padding-right:8px;position:relative;z-index:1}.report-footer-label{color:#fffaca;font-weight:700}.report-footer-percent,.report-footer-qty,.report-footer-total{color:#a0e7c7;font-weight:700}.report-empty-state{color:#a8a89a;padding:48px!important;text-align:center}.report-empty-state svg{margin-bottom:12px;opacity:.5}.report-empty-state span{display:block;font-size:14px}.report-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.report-modal-box{background:#1d1d19;border:1px solid #2a2a26;border-radius:16px;max-height:80vh;max-width:480px;overflow:auto;width:90%}.report-modal-header{align-items:center;border-bottom:1px solid #2a2a26;display:flex;justify-content:space-between;padding:20px 24px}.report-modal-header h2{color:#fffaca;font-size:18px;margin:0}.report-modal-close{background:none;border:none;color:#a8a89a;cursor:pointer;font-size:28px;line-height:1}.report-modal-close:hover{color:#fffaca}.report-modal-body{padding:20px 24px}.report-filter-group{margin-bottom:20px}.report-filter-group label{color:#fffaca;display:block;font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.report-filter-group select{background:#141410;border:1px solid #2a2a26;border-radius:8px;color:#fffaca;font-size:14px;padding:10px 12px;width:100%}.report-filter-group select:focus{border-color:#006648;outline:none}.report-modal-footer{border-top:1px solid #2a2a26;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.report-btn-cancel{background:#0000;border:1px solid #2a2a26;border-radius:8px;color:#a8a89a;cursor:pointer;padding:8px 20px}.report-btn-cancel:hover{background:#2a2a26;color:#fffaca}.report-btn-apply{background:#006648;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 24px}.report-btn-apply:hover{background:#008060}.alert-error{background:#dc35451a;border:1px solid #dc35454d}@media (max-width:768px){.report-header-actions{flex-wrap:wrap}.report-search-input{width:180px}.report-summary-grid{grid-template-columns:repeat(2,1fr)}.report-product-table td,.report-product-table th{padding:8px 12px}.report-top-product-content{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.report-summary-grid{grid-template-columns:1fr}.report-header-actions{align-items:stretch;flex-direction:column}.report-header-actions button{justify-content:center;width:100%}.report-search-input{width:100%}.report-product-table td:nth-child(n+4),.report-product-table th:nth-child(n+4){display:none}}.reports-notification{animation:slideInRight .3s ease-out;border-radius:12px;font-size:13px;font-weight:600;padding:12px 20px;position:fixed;right:24px;top:80px;z-index:1000}.reports-notification.success{background:#10b98133;border:1px solid #10b9814d;color:#10b981}.reports-notification.error{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.reports-header-actions{align-items:center;display:flex;gap:10px}.btn-export,.btn-print,.btn-refresh{align-items:center;background:#6842fe26;border:1px solid #6842fe4d;border-radius:10px;color:#6842fe;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s}.btn-export:hover,.btn-print:hover,.btn-refresh:hover{background:#6842fe40;transform:translateY(-1px)}.reports-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media (max-width:1024px){.reports-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.reports-stats-grid{grid-template-columns:1fr}}.reports-stat-card{align-items:center;background:linear-gradient(135deg,#1a1f2a,#141920);border:1px solid #6842fe33;border-radius:16px;display:flex;gap:16px;padding:20px;transition:all .2s ease}.reports-stat-card:hover{border-color:#6842fe66;transform:translateY(-2px)}.reports-filters{flex-wrap:wrap;gap:12px;margin-bottom:24px}.filter-date,.reports-filters{align-items:center;display:flex}.filter-date{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;gap:8px;height:42px;padding:0 12px}.filter-date svg{color:#fff6}.filter-date input{background:#0000;border:none;color:#ffffffe6;font-size:13px;padding:8px 0}.filter-date input:focus{outline:none}.filter-date span{color:#ffffff80}.btn-reset{transition:all .2s}.reports-table-container{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;overflow:hidden}.reports-table{border-collapse:collapse;font-size:13px;width:100%}.reports-table thead tr{background:#6842fe14;border-bottom:1px solid #ffffff14}.reports-table th{color:#ffffff80;font-size:11px;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.reports-table th.center{text-align:center}.reports-table td{border-bottom:1px solid #ffffff0d;padding:12px 16px;vertical-align:middle}.reports-table tbody tr{transition:background .15s ease}.reports-table tbody tr:hover{background:#6842fe0d}.order-number{color:#6842fe;font-weight:700}.customer-cell{color:#fffc;gap:6px}.amount{color:#ffffffb3}.total{color:#10b981;font-weight:700}.status-cancelled{background:#ef444426;color:#ef4444}.btn-view{border-radius:6px;padding:6px}.reports-pagination{align-items:center;border-top:1px solid #ffffff14;display:flex;gap:16px;justify-content:center;padding:16px}.reports-pagination button{align-items:center;background:#6842fe26;border:1px solid #6842fe4d;border-radius:8px;color:#6842fe;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 16px}.reports-pagination button:disabled{cursor:not-allowed;opacity:.4}.reports-pagination span{color:#fff9;font-size:12px}.reports-table-info{border-top:1px solid #ffffff0d;color:#ffffff4d;font-size:11px;padding:10px 16px;text-align:center}.reports-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.reports-modal{animation:modalSlideUp .3s ease;background:linear-gradient(135deg,#1a1f2a,#141920);border:1px solid #6842fe4d;border-radius:20px;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.reports-modal-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:20px 24px}.reports-modal-header h3{color:#fff;font-size:18px;font-weight:800;margin:0}.reports-modal-header p{color:#ffffff73;font-size:12px;margin:4px 0 0}.btn-modal-close{font-size:20px}.reports-modal-body{max-height:60vh;overflow-y:auto;padding:24px}.detail-grid{margin-bottom:24px}.detail-item .total-amount{color:#10b981;font-size:18px}.detail-products h4{color:#fff;font-size:14px;font-weight:700;margin:0 0 16px}.products-table{border-collapse:collapse;width:100%}.products-table th{border-bottom:1px solid #ffffff14;color:#ffffff80;font-size:11px;font-weight:700;padding:8px;text-transform:uppercase}.products-table td{border-bottom:1px solid #ffffff0d;font-size:12px;padding:8px}.products-table td.center{text-align:center}.reports-modal-footer{border-top:1px solid #ffffff14;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-secondary{padding:8px 24px}@media (max-width:768px){.reports-filters{flex-direction:column}.btn-reset,.filter-date,.filter-search,.filter-status{width:100%}.reports-table{min-width:800px}.reports-table-container{overflow-x:auto}.detail-grid{grid-template-columns:1fr}}@media (max-width:480px){.reports-filters{gap:8px}.reports-summary-grid{grid-template-columns:1fr 1fr}.reports-table{min-width:600px}.report-header{align-items:stretch;flex-direction:column;gap:10px}.report-header button{justify-content:center;width:100%}}.crm-container{margin:0 auto;max-width:1600px}.crm-notification{animation:slideInRight .3s ease-out;border-radius:12px;font-size:13px;font-weight:600;padding:12px 20px;position:fixed;right:24px;top:80px;z-index:1000}.crm-notification.success{background:#10b98133;border:1px solid #10b9814d;color:#10b981}.crm-notification.error{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.crm-notification.warning{background:#f59e0b33;border:1px solid #f59e0b4d;color:#fbbf24}.crm-notification.info{background:#3b82f633;border:1px solid #3b82f64d;color:#60a5fa}.crm-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media (max-width:1024px){.crm-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.crm-stats-grid{grid-template-columns:1fr}}.crm-stat-card{align-items:center;background:linear-gradient(135deg,#1a1f2a,#141920);border:1px solid #6842fe33;border-radius:16px;display:flex;gap:16px;padding:20px;transition:all .2s ease}.crm-stat-card:hover{border-color:#6842fe66;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.stat-icon.total{background:#6842fe26;color:#6842fe}.stat-icon.active{background:#10b98126;color:#10b981}.stat-icon.new{background:#3b82f626;color:#3b82f6}.stat-icon.orders{background:#8b5cf626;color:#8b5cf6}.stat-info{display:flex;flex-direction:column}.crm-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.filter-search svg{pointer-events:none}.filter-search input{transition:all .2s ease}.filter-search input:focus{background:#0006}.filter-search input::placeholder{color:#ffffff59}.filter-status{appearance:none;background:#0000004d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #ffffff1a;border-radius:10px;color:#ffffffe6;cursor:pointer;font-size:13px;height:42px;min-width:130px;padding:0 32px 0 12px}.filter-status:focus{border-color:#6842fe66;outline:none}.filter-status option{background:#1a1f2a;color:#fff}.btn-refresh{align-items:center;background:#6842fe26;border:1px solid #6842fe4d;border-radius:10px;color:#6842fe;cursor:pointer;display:flex;height:42px;justify-content:center;transition:all .2s ease;width:42px}.btn-refresh:hover{background:#6842fe40;transform:scale(1.02)}.btn-refresh:active{transform:scale(.98)}.btn-add{align-items:center;background:#6842fe26;border:1px solid #6842fe4d;border-radius:10px;color:#6842fe;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;height:42px;padding:0 20px;transition:all .2s ease}.btn-add:hover{background:#6842fe40;transform:translateY(-1px)}.crm-table-container{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;overflow:hidden}.crm-table{border-collapse:collapse;font-size:13px;width:100%}.crm-table thead tr{background:#6842fe1f;border-bottom:1px solid #ffffff14}.crm-table th{color:#ffffff80;font-size:11px;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.crm-table th.center{text-align:center}.crm-table td{border-bottom:1px solid #ffffff0d;padding:12px 16px;vertical-align:middle}.crm-table tbody tr{transition:background .15s ease}.crm-table tbody tr:hover{background:#6842fe12}.customer-info-cell{align-items:center;display:flex;gap:12px}.customer-avatar{font-size:14px;height:36px;width:36px}.customer-name{margin-bottom:4px}.customer-date{color:#fff6;font-size:10px}.contact-email{color:#ffffffb3;margin-bottom:4px}.contact-email,.contact-phone{align-items:center;display:flex;font-size:12px;gap:6px}.contact-phone{color:#ffffff80}.document-info{align-items:center;color:#ffffffb3;display:flex;font-size:12px;gap:6px}.orders-count{color:#60d5c0}.orders-count,.total-spent{font-size:15px;font-weight:700;text-align:center}.total-spent{color:#a78bfa}.status-badge{padding:4px 12px;text-align:center}.status-active{background:#10b98126;color:#10b981}.status-inactive{background:#ef444426;color:#ef4444}.btn-edit{align-items:center;background:none;border:none;border-radius:6px;color:#60a5fa;cursor:pointer;display:inline-flex;padding:6px;transition:all .2s ease}.btn-edit:hover{background:#60a5fa26;transform:scale(1.05)}.btn-delete{align-items:center;background:none;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:inline-flex;padding:6px;transition:all .2s ease}.btn-delete:hover{background:#ef444426;transform:scale(1.05)}.crm-empty-state{color:#fff6;padding:60px 20px;text-align:center}.crm-empty-state svg{margin-bottom:12px;opacity:.5}.crm-empty-state p{font-size:14px;margin:0}.crm-pagination{align-items:center;border-top:1px solid #ffffff14;display:flex;gap:16px;justify-content:center;padding:16px}.btn-pagination{align-items:center;background:#6842fe26;border:1px solid #6842fe4d;border-radius:8px;color:#6842fe;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 16px;transition:all .2s ease}.btn-pagination:hover:not(:disabled){background:#6842fe40;transform:translateY(-1px)}.btn-pagination:disabled{cursor:not-allowed;opacity:.4}.pagination-info{color:#ffffff80;font-size:12px}.crm-table-info{border-top:1px solid #ffffff0d;color:#ffffff4d;font-size:11px;padding:10px 16px;text-align:center}.crm-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.crm-modal{animation:modalSlideUp .3s ease;background:linear-gradient(135deg,#1a1f2a,#141920);border:1px solid #6842fe4d;border-radius:20px;max-height:90vh;max-width:550px;overflow:hidden;width:100%}.crm-modal-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:20px 24px}.crm-modal-header h3{color:#fff;font-size:18px;font-weight:800;margin:0}.crm-modal-header p{color:#ffffff73;font-size:12px;margin:4px 0 0}.crm-modal-body{max-height:60vh;overflow-y:auto;padding:24px}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff4d}.form-group textarea{min-height:60px;resize:vertical}.checkbox-group{align-items:center;display:flex;gap:10px;margin-top:8px}.checkbox-group input{cursor:pointer;height:18px;margin:0;width:18px}.checkbox-group label{color:#ffffffb3;cursor:pointer;font-size:13px;margin:0;text-transform:none}.crm-modal-footer{border-top:1px solid #ffffff14;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-secondary{padding:10px 20px}.btn-secondary:hover{border-color:#ffffff4d}.btn-primary{background:#6842fe26;border:1px solid #6842fe4d;color:#6842fe;padding:10px 24px}.btn-primary:hover:not(:disabled){background:#6842fe40}.crm-modal-body::-webkit-scrollbar,.crm-table-container::-webkit-scrollbar{height:6px;width:6px}.crm-modal-body::-webkit-scrollbar-track,.crm-table-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.crm-modal-body::-webkit-scrollbar-thumb,.crm-table-container::-webkit-scrollbar-thumb{background:#6842fe4d;border-radius:3px}.crm-modal-body::-webkit-scrollbar-thumb:hover,.crm-table-container::-webkit-scrollbar-thumb:hover{background:#6842fe80}@media (max-width:1024px){.crm-table td,.crm-table th{padding:10px 12px}}@media (max-width:768px){.crm-table-container{overflow-x:auto}.crm-table{min-width:700px}.crm-filters{flex-wrap:wrap}.filter-search{flex:1 1;min-width:200px}.form-row{gap:12px;grid-template-columns:1fr}.crm-modal{margin:16px;max-width:95%}}@media (max-width:640px){.crm-stats-grid{grid-template-columns:1fr}.crm-filters{flex-direction:column}.btn-add,.btn-refresh,.filter-search,.filter-status{width:100%}.crm-pagination{flex-wrap:wrap}.crm-modal-body,.crm-modal-footer,.crm-modal-header{padding:16px}}.crm-email-container{padding:8px 0 40px}.crm-stats-bar{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:28px}.crm-stat-chip{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:30px;color:#94a3b8;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px}.crm-stat-chip strong{color:#f1f5f9;font-weight:700}.campaigns-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.campaign-card{background:linear-gradient(145deg,#1e293be6,#0f172af2);border:1px solid #ffffff12;border-radius:20px;cursor:default;overflow:hidden;position:relative;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.campaign-card:before{background:linear-gradient(135deg,#10b9810f,#0000 60%);border-radius:20px;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .25s}.campaign-card:hover{border-color:#10b98159;box-shadow:0 20px 40px #0006,0 0 0 1px #10b9811a;transform:translateY(-4px)}.campaign-card:hover:before{opacity:1}.campaign-thumb{border-bottom:1px solid #ffffff0f;display:block;height:160px;object-fit:cover;width:100%}.campaign-thumb-placeholder{align-items:center;background:linear-gradient(135deg,#ff8c4214,#10b98114);border-bottom:1px solid #ffffff0d;display:flex;height:80px;justify-content:center;width:100%}.campaign-body{padding:18px 20px 0}.campaign-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:10px}.campaign-icon{align-items:center;background:linear-gradient(135deg,#ff8c4233,#ff8c4214);border:1px solid #ff8c4240;border-radius:12px;color:#ff8c42;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.campaign-title-wrap{flex:1 1;min-width:0}.campaign-title{color:#f1f5f9;font-size:15px;font-weight:700;line-height:1.3}.campaign-subject,.campaign-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-subject{color:#64748b;font-size:12px;margin-top:3px}.campaign-status{border-radius:20px;flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 9px;text-transform:uppercase}.campaign-status.active{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.campaign-status.inactive{background:#94a3b81a;border:1px solid #94a3b833;color:#64748b}.campaign-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:13px;line-height:1.6;margin:10px 0 14px;overflow:hidden}.campaign-meta{align-items:center;border-top:1px solid #ffffff0d;color:#475569;display:flex;font-size:11px;gap:6px;padding-top:10px}.campaign-meta svg{flex-shrink:0}.campaign-actions{border-top:1px solid #ffffff0d;display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px 16px}.icon-btn{border:1.5px solid;border-radius:8px;flex:1 1;font-size:12.5px;font-weight:600;justify-content:center;min-width:72px;padding:8px 14px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease;white-space:nowrap}.icon-btn svg{display:block;flex-shrink:0}.icon-btn:not(:disabled):active{transform:scale(.96)}.icon-btn:disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.icon-btn.edit{background:#60a5fa1a;border-color:#60a5fa59}.icon-btn.edit:not(:disabled):hover{background:#60a5fa33;border-color:#60a5fa;box-shadow:0 4px 18px #60a5fa40;color:#93c5fd;transform:translateY(-2px)}.icon-btn.preview{background:#a78bfa1a;border-color:#a78bfa59;color:#a78bfa}.icon-btn.preview:not(:disabled):hover{background:#a78bfa33;border-color:#a78bfa;box-shadow:0 4px 18px #a78bfa40;color:#c4b5fd;transform:translateY(-2px)}.icon-btn.send{background:#10b9811a;border-color:#10b98159;color:#10b981}.icon-btn.send:not(:disabled):hover{background:#10b98133;border-color:#10b981;box-shadow:0 4px 18px #10b98140;color:#34d399;transform:translateY(-2px)}.icon-btn.delete{background:#f871711a;border-color:#f8717159;color:#f87171}.icon-btn.delete:not(:disabled):hover{background:#f8717133;border-color:#f87171;box-shadow:0 4px 18px #f8717140;color:#fca5a5;transform:translateY(-2px)}.empty-state{background:radial-gradient(ellipse at center,#10b9810a 0,#0000 70%);border:1px dashed #ffffff14;border-radius:24px;padding:70px 32px}.empty-state-icon{align-items:center;background:linear-gradient(135deg,#ff8c4226,#10b9811f);border:1px solid #ff8c4233;border-radius:20px;color:#ff8c42;display:flex;height:72px;justify-content:center;margin:0 auto 20px;width:72px}.empty-state h3{color:#f1f5f9;font-size:20px;font-weight:700;margin:0 0 8px}.empty-state p{color:#475569;margin-bottom:24px}.crm-alert{align-items:center;animation:slideDown .2s ease;border-radius:12px;display:flex;font-size:13px;font-weight:500;gap:10px;margin-bottom:20px;padding:12px 16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.crm-alert.error{background:#ef44441a;border:1px solid #ef444440;color:#fca5a5}.crm-alert.success{background:#10b9811a;border:1px solid #10b98140;color:#6ee7b7}.crm-modal-field{display:flex;flex-direction:column;gap:6px}.crm-modal-label{align-items:center;color:#64748b;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.6px;text-transform:uppercase}.crm-modal-label .req{color:#f87171}.crm-modal-label .opt{color:#475569;font-size:11px;font-weight:400;text-transform:none}.crm-modal-input{background:#0f172ab3;border:1.5px solid #ffffff14;border-radius:10px;box-sizing:border-box;color:#f1f5f9;font-family:inherit;font-size:14px;outline:none;padding:11px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.crm-modal-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.crm-modal-input::placeholder{color:#334155}.crm-modal-hint{color:#334155;font-size:11px;line-height:1.5;margin:0}.crm-editor-tabs{border-bottom:1px solid #ffffff12;display:flex;gap:2px;margin-bottom:12px}.crm-editor-tab{background:#0000;border:none;border-bottom:2px solid #0000;cursor:pointer;font-size:12px;font-weight:600;margin-bottom:-1px;padding:8px 18px;transition:color .15s}.crm-editor-tab.active{border-bottom-color:#10b981;color:#10b981}.crm-editor-tab:not(.active){color:#475569}.crm-editor-tab:not(.active):hover{color:#94a3b8}.crm-vars-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.crm-vars-label{color:#475569}.crm-var-chip,.crm-vars-label{font-size:11px;font-weight:600}.crm-var-chip{background:#10b98112;border:1px solid #10b98140;border-radius:20px;color:#10b981;cursor:pointer;padding:3px 10px;transition:all .15s}.crm-var-chip:hover{background:#10b98126;border-color:#10b98166}.crm-msg-textarea{background:#0f172ab3;border:1.5px solid #ffffff14;border-radius:10px;box-sizing:border-box;color:#f1f5f9;font-family:inherit;font-size:14px;line-height:1.7;min-height:180px;outline:none;padding:14px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.crm-msg-textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.crm-msg-textarea::placeholder{color:#1e293b}.crm-img-zone{align-items:center;background:#0f172a80;border:2px dashed #ffffff1a;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:10px;justify-content:center;padding:20px;text-align:center;transition:border-color .2s,background .2s}.crm-img-zone:hover{background:#10b9810a;border-color:#10b9814d;color:#64748b}.crm-toggle-row{align-items:center;background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;display:flex;gap:12px;padding:14px 16px}.crm-toggle{border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;position:relative;transition:background .2s;width:42px}.crm-toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 4px #0000004d;height:18px;position:absolute;top:3px;transition:left .2s;width:18px}.crm-preview-subject{align-items:center;background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;color:#cbd5e1;display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:16px;padding:10px 14px}@media (max-width:768px){.campaigns-grid{grid-template-columns:1fr}}@media (max-width:600px){.crm-email-container{padding:0 0 32px}.campaign-actions{gap:6px;padding:10px 12px 14px}.icon-btn{font-size:12px;min-width:60px;padding:8px 10px}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-container{border-radius:20px 20px 0 0!important;max-height:92dvh;overflow-y:auto}.modal-container,.modal-lg{max-width:100%!important;width:100%!important}.modal-header{position:sticky;top:0;z-index:1}}.spin{animation:spin .8s linear infinite}.crm-analytics-notification{animation:slideInRight .3s ease-out;border-radius:12px;font-size:13px;font-weight:600;padding:12px 20px;position:fixed;right:24px;top:80px;z-index:1000}.crm-analytics-notification.success{background:#10b98133;border:1px solid #10b9814d;color:#10b981}.crm-analytics-notification.error{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.crm-analytics-notification.warning{background:#f59e0b33;border:1px solid #f59e0b4d;color:#fbbf24}.crm-analytics-notification.info{background:#3b82f633;border:1px solid #3b82f64d;color:#60a5fa}.header-actions{align-items:center}.invoice-source-badge-analytics{align-items:center;background:#6842fe1f;border:1px solid #6842fe40;border-radius:40px;color:#8b5cf6;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 14px}.btn-refresh-analytics{align-items:center;background:#6842fe26;border:1px solid #6842fe4d;border-radius:10px;color:#6842fe;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;height:42px;padding:0 18px;transition:all .2s ease}.btn-refresh-analytics:hover:not(:disabled){background:#6842fe40;transform:translateY(-1px)}.btn-refresh-analytics:disabled{cursor:not-allowed;opacity:.5}.analytics-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.summary-card{align-items:center;animation:fadeInUp .4s ease both;background:linear-gradient(135deg,#1a1f2a,#141920);border:1px solid #6842fe33;border-radius:16px;display:flex;gap:16px;padding:20px;transition:all .2s ease}.summary-card:hover{border-color:#6842fe66;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.summary-card:first-child{animation-delay:.05s}.summary-card:nth-child(2){animation-delay:.1s}.summary-card:nth-child(3){animation-delay:.15s}.summary-card:nth-child(4){animation-delay:.2s}.summary-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.summary-icon.total{background:#6842fe26;color:#6842fe}.summary-icon.active{background:#10b98126;color:#10b981}.summary-icon.revenue{background:#f59e0b26;color:#f59e0b}.summary-icon.ticket{background:#8b5cf626;color:#8b5cf6}.summary-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.summary-value{color:#fff;display:block;font-size:26px;font-weight:800;line-height:1.2}.summary-label{color:#ffffff80;display:block;font-size:12px;margin-top:4px}.summary-sub{color:#ffffff4d;display:block;font-size:11px;margin-top:2px}.analytics-section{animation:fadeInUp .4s ease both;background:linear-gradient(135deg,#1a1f2a,#141920);border:1px solid #ffffff14;border-radius:16px;margin-bottom:24px;padding:24px;transition:all .2s ease}.analytics-section:hover{border-color:#6842fe33;box-shadow:0 4px 20px #0003}.analytics-section.half{margin-bottom:0}.analytics-two-columns{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.section-header h3{align-items:center;color:#fff;display:flex;font-size:15px;font-weight:700;gap:8px;margin:0}.section-header p{color:#fff6;font-size:12px;margin:0}.period-filter select{appearance:none;background:#0000004d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffe6;cursor:pointer;font-size:12px;height:36px;padding:0 32px 0 12px;transition:all .2s ease}.period-filter select:focus{border-color:#6842fe66;outline:none}.period-filter select option{background:#1a1f2a;color:#fff}.segments-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(4,1fr)}.segment-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;overflow:hidden;transition:all .2s ease}.segment-card:hover{border-color:#6842fe4d;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.segment-header{align-items:center;border-bottom:1px solid #ffffff0f;gap:8px;padding:14px 16px}.segment-icon{font-size:20px}.segment-name{font-size:14px;font-weight:700}.segment-body{padding:16px}.segment-stat{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:10px}.segment-stat .stat-value{color:#fff;font-size:17px;font-weight:800}.segment-stat .stat-label{color:#fff6;font-size:11px}.segment-progress{background:#ffffff0f;border-radius:20px;height:26px;margin-top:12px;overflow:hidden;position:relative}.progress-bar{border-radius:20px;height:100%;opacity:.85;transition:width .5s ease}.progress-label{color:#fff;font-size:11px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.top-customers-list{max-height:480px;overflow-y:auto;scrollbar-width:thin}.top-customers-list::-webkit-scrollbar{width:4px}.top-customers-list::-webkit-scrollbar-track{background:#ffffff08;border-radius:10px}.top-customers-list::-webkit-scrollbar-thumb{background:#6842fe4d;border-radius:10px}.top-customers-list::-webkit-scrollbar-thumb:hover{background:#6842fe80}.top-customer-item{align-items:center;border-bottom:1px solid #ffffff0d;border-radius:8px;display:flex;gap:12px;padding:12px 4px;transition:background .15s ease}.top-customer-item:hover{background:#6842fe12;padding-left:8px}.customer-rank{background:#6842fe1a;border:1px solid #6842fe33;border-radius:8px;color:#6842fe;font-size:13px;font-weight:800;height:32px;width:32px}.customer-avatar,.customer-rank{align-items:center;display:flex;flex-shrink:0;justify-content:center}.customer-avatar{background:linear-gradient(135deg,#6842fe,#4a1dcc);border-radius:10px;color:#fff;font-size:16px;font-weight:700;height:40px;width:40px}.customer-info{flex:1 1;min-width:0}.customer-name{font-size:13px}.customer-email,.customer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-email{color:#ffffff73;font-size:11px;margin-top:2px}.customer-document,.customer-last-order{color:#ffffff4d;font-size:10px;margin-top:1px}.customer-stats{display:flex;flex-shrink:0;gap:16px}.customer-stats .stat{text-align:right}.customer-stats .stat .stat-value{color:#a78bfa;display:block;font-size:13px;font-weight:700}.customer-stats .stat .stat-label{color:#ffffff4d;font-size:10px;letter-spacing:.4px;text-transform:uppercase}.clv-cards{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.clv-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:20px;text-align:center;transition:all .2s ease}.clv-card:hover{border-color:#6842fe4d;box-shadow:0 6px 16px #00000040;transform:translateY(-2px)}.clv-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6842fe,#8b5cf6);-webkit-background-clip:text;background-clip:text;display:block;font-size:24px;font-weight:800;margin-bottom:6px}.clv-label{color:#ffffff73;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.chart-bars{display:flex;flex-direction:column;gap:10px}.bar-item{align-items:center;display:flex;gap:10px}.bar-label{color:#ffffff80;flex-shrink:0;font-size:11px;font-weight:600;width:48px}.bar-container{background:#ffffff0d;border-radius:16px;flex:1 1;height:32px;overflow:hidden}.bar-fill{border-radius:16px;height:100%;min-width:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}.bar-value{color:#ffffffb3;flex-shrink:0;font-size:11px;font-weight:700;text-align:right;width:80px}.empty-chart{color:#ffffff40;font-size:13px;padding:40px;text-align:center}.empty-state{color:#ffffff4d;padding:52px 20px}.empty-state svg{margin-bottom:14px;opacity:.35}.empty-state p{color:#ffffff73;margin:0 0 8px}.empty-state span{color:#ffffff40}.monthly-trend{overflow-x:auto;scrollbar-width:thin}.monthly-trend::-webkit-scrollbar{height:4px}.monthly-trend::-webkit-scrollbar-track{background:#ffffff0a;border-radius:10px}.monthly-trend::-webkit-scrollbar-thumb{background:#6842fe4d;border-radius:10px}.trend-chart{align-items:flex-end;display:flex;gap:16px;justify-content:space-around;min-width:500px;padding:16px 0}.trend-bar-item{flex:1 1;min-width:70px;text-align:center}.trend-label{color:#ffffff8c;font-size:11px;font-weight:600;margin-bottom:10px}.trend-bars{align-items:flex-end;display:flex;gap:4px;height:140px;justify-content:center;margin-bottom:10px}.trend-bar{border-radius:6px 6px 2px 2px;cursor:pointer;min-height:4px;transition:height .6s cubic-bezier(.4,0,.2,1);width:40px}.trend-bar.sales-bar{background:linear-gradient(180deg,#6842fe,#8b5cf6)}.trend-bar.customers-bar{background:linear-gradient(180deg,#10b981,#34d399)}.trend-bar:hover{opacity:.8;transform:scaleX(1.05)}.trend-values{display:flex;flex-direction:column;font-size:11px;gap:3px}.trend-values .sales{color:#8b5cf6;font-weight:700}.trend-values .customers{color:#ffffff59;font-size:10px}.trend-legend{border-top:1px solid #ffffff12;display:flex;gap:28px;justify-content:center;margin-top:20px;padding-top:16px}.trend-legend span{align-items:center;color:#ffffff73;display:flex;font-size:12px;font-weight:500;gap:7px}.legend-color{border-radius:3px;height:12px;width:12px}.legend-color.sales{background:linear-gradient(135deg,#6842fe,#8b5cf6)}.legend-color.customers{background:linear-gradient(135deg,#10b981,#34d399)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.analytics-summary-grid,.segments-grid{grid-template-columns:repeat(2,1fr)}.analytics-two-columns{grid-template-columns:1fr}}@media (max-width:768px){.analytics-summary-grid,.clv-cards,.segments-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column}.customer-stats{flex-direction:column;gap:4px}.customer-stats .stat{text-align:left}.bar-item,.top-customer-item{flex-wrap:wrap}.bar-label{margin-bottom:2px;width:100%}.bar-value{width:auto}}@media (max-width:480px){.analytics-section,.summary-card{padding:16px}.summary-value{font-size:22px}.clv-value{font-size:20px}.trend-bar{width:30px}.trend-bars{height:100px}}.segments-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}@media (max-width:768px){.segments-grid{grid-template-columns:1fr}}.segment-card{background:linear-gradient(135deg,#1a1f2a,#141920);border:1px solid #6842fe33;border-radius:16px;border-top:4px solid;cursor:pointer;padding:20px;transition:all .3s ease}.segment-card:hover{border-color:#6842fe66;box-shadow:0 12px 30px #0000004d;transform:translateY(-4px)}.segment-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px}.segment-icon{align-items:center;border-radius:14px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.segment-info{flex:1 1}.segment-info h3{color:#fff;font-size:18px;font-weight:800;margin:0 0 6px}.segment-info p{color:#ffffff80;font-size:12px;line-height:1.4;margin:0}.segment-stats{border-bottom:1px solid #ffffff14;border-top:1px solid #ffffff14;display:flex;gap:24px;margin-bottom:16px;padding:16px 0}.segment-stats .stat{align-items:center;color:#fff9;display:flex;gap:8px}.segment-stats .stat svg{opacity:.6}.stat-value{font-size:20px}.stat-label{font-size:11px}.segment-footer{display:flex;justify-content:flex-end}.btn-view{align-items:center;background:none;border:none;border-radius:8px;color:#6842fe;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s}.btn-view:hover{gap:8px}.header-actions{display:flex;gap:12px}.btn-refresh-segments{align-items:center;background:#6842fe26;border:1px solid #6842fe4d;border-radius:10px;color:#6842fe;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 20px;transition:all .2s}.btn-refresh-segments:hover{background:#6842fe40}.btn-create-segment{align-items:center;background:#6842fe;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 20px;transition:all .2s}.btn-create-segment:hover{background:#7c5cff;transform:translateY(-1px)}.segments-notification{animation:slideInRight .3s ease-out;border-radius:12px;font-size:13px;font-weight:600;padding:12px 20px;position:fixed;right:24px;top:80px;z-index:1000}.segments-notification.success{background:#10b98133;border:1px solid #10b9814d;color:#10b981}.segments-notification.error{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.segments-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.segments-modal{animation:modalSlideUp .3s ease;background:linear-gradient(135deg,#1a1f2a,#141920);border:1px solid #6842fe4d;border-radius:20px;max-height:90vh;max-width:550px;overflow:hidden;width:100%}.segments-modal.large{max-width:900px}.segments-modal-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:20px 24px}.segments-modal-header h3{color:#fff;font-size:18px;font-weight:800;margin:0}.segments-modal-header p{color:#ffffff73;font-size:12px;margin:4px 0 0}.btn-modal-close{transition:color .2s}.segments-modal-body{max-height:60vh;overflow-y:auto;padding:24px}.segments-modal-footer{border-top:1px solid #ffffff14;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.form-group input:focus,.form-group textarea:focus{border-color:#6842fe66;outline:none}.conditions-section{border-top:1px solid #ffffff14;margin-top:20px;padding-top:16px}.conditions-section h4{color:#fff;font-size:14px;font-weight:700;margin:0 0 16px}.customers-table{border-collapse:collapse;width:100%}.customers-table th{border-bottom:1px solid #ffffff14;color:#ffffff80;font-size:11px;font-weight:700;padding:12px;text-align:left;text-transform:uppercase}.customers-table td{border-bottom:1px solid #ffffff0d;font-size:13px;padding:12px}.customers-table td.center{text-align:center}.customers-table td.spent{color:#a78bfa;font-weight:700}.customer-cell{align-items:center;display:flex;gap:10px}.customer-avatar-small{align-items:center;background:linear-gradient(135deg,#6842fe,#4a1dcc);border-radius:8px;display:flex;font-size:13px;height:32px;justify-content:center;width:32px}.customer-avatar-small,.customer-name{color:#fff;font-weight:700}.customer-since{color:#fff6;font-size:10px;margin-top:2px}.contact-item{color:#ffffffb3;font-size:12px;margin-bottom:2px}.no-contact{color:#ffffff4d;font-size:12px;font-style:italic}.pagination{align-items:center;border-top:1px solid #ffffff14;display:flex;gap:16px;justify-content:center;margin-top:20px;padding-top:16px}.pagination button{background:#6842fe26;border:1px solid #6842fe4d;border-radius:8px;color:#6842fe;cursor:pointer;font-size:12px;font-weight:600;padding:6px 16px}.pagination button:disabled{cursor:not-allowed;opacity:.4}.pagination span{color:#fff9;font-size:12px}.empty-state,.loading-state{color:#fff6;padding:40px;text-align:center}.btn-secondary{background:#0000;border:1px solid #fff3;color:#ffffffb3;transition:all .2s}.btn-secondary:hover{background:#ffffff0d}.btn-primary{background:#6842fe;border:none;color:#fff;font-weight:700;padding:8px 20px;transition:all .2s}.btn-primary:hover:not(:disabled){background:#7c5cff}.segments-modal-body::-webkit-scrollbar{width:6px}.segments-modal-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.segments-modal-body::-webkit-scrollbar-thumb{background:#6842fe4d;border-radius:3px}.accounting-balance-container{padding:20px}.filters-bar{align-items:flex-end;background:#164e444d;border-radius:16px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:20px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{color:#60d5c0;font-size:12px;font-weight:600}.filter-group input,.filter-group select{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;padding:8px 12px}.kpi-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:32px}.kpi-card{background:#164e444d;border:1px solid #10b98140;border-radius:20px;padding:20px;position:relative}.kpi-card.success{border-color:#10b981}.kpi-card.danger{border-color:#ef4444}.kpi-title{color:#ffffffb3;font-size:14px}.kpi-value{font-size:28px;font-weight:800;margin-top:8px}.kpi-icon{bottom:16px;opacity:.5;position:absolute;right:16px}.kpi-icon.positive{color:#10b981}.kpi-icon.negative{color:#ef4444}.chart-card,.table-card{background:#164e444d;border:1px solid #10b98140;border-radius:20px;margin-bottom:32px;padding:24px}.chart-card h3,.table-card h3{color:#fff;font-size:18px;margin:0 0 20px}.balance-table{border-collapse:collapse;width:100%}.balance-table td,.balance-table th{border-bottom:1px solid #ffffff1a;padding:12px;text-align:left}.balance-table th{color:#60d5c0;font-weight:600}.balance-table .sales{color:#10b981}.balance-table .expenses{color:#ef4444}.balance-table .profit{color:#10b981;font-weight:700}.balance-table .loss{color:#ef4444;font-weight:700}.table-responsive{overflow-x:auto}tfoot td{border-top:2px solid #10b9814d;padding-top:12px}.loading-spinner{padding:60px;text-align:center}.alert-error,.alert-success{margin-bottom:20px}@media (max-width:600px){.accounting-balance-container{padding:12px}.filters-bar{flex-direction:column;gap:10px;padding:14px}.filter-group{width:100%}.filter-group input,.filter-group select{box-sizing:border-box;width:100%}.filters-bar .btn-secondary{justify-content:center;text-align:center;width:100%}.kpi-cards{gap:10px;grid-template-columns:1fr;margin-bottom:20px}.kpi-value{font-size:22px}.chart-card,.table-card{border-radius:14px;margin-bottom:20px;padding:14px}.balance-table thead{display:none}.balance-table{border-collapse:initial!important;border-spacing:0}.bal-tbody-tr{background:#ffffff0d!important;border:1px solid #ffffff1f!important;border-radius:10px;display:block!important;margin-bottom:8px;overflow:hidden}.balance-table td{align-items:center;border-bottom:1px solid #ffffff12;box-sizing:border-box;display:flex!important;font-size:13px;gap:10px;padding:9px 12px!important;white-space:normal!important;width:100%}.bal-tbody-tr td:last-child{border-bottom:none}.balance-table td:before{color:#fff6;content:attr(data-label);flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.5px;min-width:72px;text-transform:uppercase}.bal-tfoot-tr{background:#10b9811f!important;border:1px solid #10b98159!important;border-radius:10px;display:block!important;margin-top:4px;overflow:hidden}.bal-tfoot-tr td{border-top:none!important;padding-top:9px!important}.bal-tfoot-tr td:last-child{border-bottom:none}}@media (max-width:480px){.accounting-balance-container{padding:8px}.balance-stats-grid,.balance-summary-grid{grid-template-columns:1fr!important}.balance-card{padding:12px}.balance-filter-bar{flex-direction:column}.balance-filter-bar button,.balance-filter-bar input,.balance-filter-bar select{width:100%}}.receivable-header-actions{align-items:center;display:flex;gap:12px}.receivable-btn-primary{align-items:center;background:#006648;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:8px 20px}.receivable-btn-primary:hover{background:#008060}.receivable-btn-secondary{align-items:center;background:#1d1d19;border:1px solid #2a2a26;border-radius:8px;color:#fffaca;cursor:pointer;display:flex;gap:8px;padding:8px 16px}.receivable-btn-secondary:hover{background:#2a2a26}.receivable-refresh-btn{align-items:center;background:#1d1d19;border:1px solid #2a2a26;border-radius:8px;color:#fffaca;cursor:pointer;display:flex;gap:8px;padding:8px 16px}.receivable-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.receivable-summary-card{background:#1d1d19;border:1px solid #2a2a26;gap:16px;padding:16px}.receivable-summary-card,.receivable-summary-icon{align-items:center;border-radius:12px;display:flex}.receivable-summary-icon{background:#00664820;color:#a0e7c7;height:48px;justify-content:center;width:48px}.receivable-summary-icon.paid{background:#a0e7c720;color:#a0e7c7}.receivable-summary-icon.pending{background:#ffd70020;color:gold}.receivable-summary-icon.overdue{background:#ff6b6b20;color:#ff6b6b}.receivable-summary-content{flex:1 1}.receivable-summary-title{color:#a8a89a;font-size:12px;margin-bottom:4px}.receivable-summary-value{color:#fffaca;font-size:24px;font-weight:700}.receivable-filters-bar{background:#1d1d19;border:1px solid #2a2a26;border-radius:12px;margin-bottom:24px;padding:16px}.receivable-search-wrapper{margin-bottom:12px;position:relative}.receivable-search-icon{color:#a8a89a;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.receivable-search-input{background:#141410;border:1px solid #2a2a26;border-radius:8px;color:#fffaca;font-size:14px;padding:10px 12px 10px 36px;width:100%}.receivable-search-input:focus{border-color:#006648;outline:none}.receivable-filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.receivable-filter-select{background:#141410;border:1px solid #2a2a26;border-radius:8px;color:#fffaca;cursor:pointer;padding:8px 16px}.receivable-link-btn{align-items:center;background:#0000;border:none;color:#a0e7c7;cursor:pointer;display:flex;font-size:13px;gap:6px}.receivable-link-btn:hover{text-decoration:underline}.receivable-table-container{background:#1d1d19;border:1px solid #2a2a26;border-radius:12px;overflow:hidden}.receivable-table-header{align-items:center;border-bottom:1px solid #2a2a26;display:flex;justify-content:space-between;padding:16px 20px}.receivable-table-header h3{color:#fffaca;font-size:16px;margin:0}.receivable-count{color:#a8a89a;font-size:12px}.receivable-table-wrapper{overflow-x:auto}.receivable-table{border-collapse:collapse;font-size:13px;width:100%}.receivable-table thead tr{background:#141410;border-bottom:2px solid #2a2a26}.receivable-table th{color:#fffaca;font-weight:600;padding:12px 16px;text-align:left}.receivable-table td{border-bottom:1px solid #2a2a26;color:#d0d0c0;padding:12px 16px}.receivable-table tbody tr:hover{background:#252520}.receivable-table tfoot tr{background:#141410;border-top:2px solid #2a2a26}.receivable-text-right{text-align:right}.receivable-customer strong{color:#fffaca;display:block}.receivable-customer small{color:#a8a89a;font-size:11px}.receivable-description{font-weight:500}.receivable-invoice{font-family:monospace;font-size:12px}.receivable-pending{color:gold;font-weight:700}.overdue-row{background:#ff6b6b08}.overdue-date{color:#ff6b6b;font-weight:600}.receivable-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px}.receivable-status-badge.pending{background:#ffd70020;color:gold}.receivable-status-badge.partial{background:#ffa07a20;color:#ffa07a}.receivable-status-badge.paid{background:#a0e7c720;color:#a0e7c7}.receivable-status-badge.overdue{background:#ff6b6b20;color:#ff6b6b}.receivable-actions{display:flex;gap:6px}.receivable-action-btn{background:#0000;border:none;border-radius:6px;color:#a8a89a;cursor:pointer;padding:6px}.receivable-action-btn.payment:hover{background:#a0e7c720;color:#a0e7c7}.receivable-action-btn.edit:hover{background:#00664820;color:#a0e7c7}.receivable-action-btn.delete:hover{background:#ff6b6b20;color:#ff6b6b}.receivable-footer-label{color:#fffaca;font-weight:700}.receivable-footer-total{color:#a0e7c7;font-size:15px;font-weight:800}.receivable-footer-pending{color:gold;font-size:15px;font-weight:800}.receivable-empty-state{color:#a8a89a;padding:48px!important;text-align:center}.receivable-empty-state svg{margin-bottom:12px;opacity:.5}.receivable-empty-state span{display:block;margin-bottom:16px}.receivable-empty-btn{align-items:center;background:#006648;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;gap:6px;padding:8px 20px}.receivable-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.receivable-modal-box{background:#1d1d19;border:1px solid #2a2a26;border-radius:16px;max-height:85vh;max-width:600px;overflow:auto;width:90%}.receivable-modal-small{max-width:450px}.receivable-modal-header{align-items:center;border-bottom:1px solid #2a2a26;display:flex;justify-content:space-between;padding:20px 24px}.receivable-modal-header h2{color:#fffaca;font-size:18px;margin:0}.receivable-modal-close{background:none;border:none;color:#a8a89a;cursor:pointer}.receivable-modal-close:hover{color:#fffaca}.receivable-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;padding:20px 24px}.receivable-form-group{display:flex;flex-direction:column;gap:6px}.receivable-form-group.full-width{grid-column:span 2}.receivable-form-group label{color:#a8a89a;font-size:12px;font-weight:600}.receivable-form-group input,.receivable-form-group select,.receivable-form-group textarea{background:#141410;border:1px solid #2a2a26;border-radius:8px;color:#fffaca;font-size:14px;padding:10px 12px}.receivable-form-group input:focus,.receivable-form-group select:focus,.receivable-form-group textarea:focus{border-color:#006648;outline:none}.receivable-payment-info{background:#141410;border-radius:8px;margin:0 24px;padding:12px 16px}.receivable-payment-info-item{display:flex;justify-content:space-between;margin-bottom:8px}.receivable-payment-info-item:last-child{margin-bottom:0}.receivable-payment-info-item span{color:#a8a89a}.receivable-pending-amount{color:gold}.receivable-modal-footer{border-top:1px solid #2a2a26;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.receivable-btn-cancel{background:#0000;border:1px solid #2a2a26;border-radius:8px;color:#a8a89a;cursor:pointer;padding:8px 20px}.receivable-btn-cancel:hover{background:#2a2a26}.receivable-btn-save{background:#006648;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 24px}.receivable-btn-save:hover:not(:disabled){background:#008060}.receivable-btn-cancel:disabled,.receivable-btn-save:disabled{cursor:not-allowed;opacity:.5}.alert{margin:16px}@media (max-width:768px){.receivable-form-grid{grid-template-columns:1fr}.receivable-form-group.full-width{grid-column:span 1}.receivable-summary-grid{grid-template-columns:repeat(2,1fr)}.receivable-table td,.receivable-table th{padding:8px 12px}}@media (max-width:480px){.receivable-summary-grid{grid-template-columns:1fr}.receivable-header-actions{flex-direction:column;width:100%}.receivable-header-actions button{justify-content:center;width:100%}.receivable-modal-box{border-radius:16px 16px 0 0;bottom:0;left:0;max-height:90vh;position:fixed;right:0;width:100%}.receivable-table td:nth-child(n+4),.receivable-table th:nth-child(n+4){display:none}}.payable-notification{animation:slideInRight .3s ease-out;border-radius:12px;font-size:13px;font-weight:600;padding:12px 20px;position:fixed;right:24px;top:80px;z-index:1000}.payable-notification.success{background:#10b98133;border:1px solid #10b9814d;color:#10b981}.payable-notification.error{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.payable-notification.warning{background:#f59e0b33;border:1px solid #f59e0b4d;color:#fbbf24}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.payable-header-actions{align-items:center;display:flex;gap:10px}.btn-create,.btn-export,.btn-refresh{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s ease}.btn-export,.btn-refresh{background:#6842fe26;border:1px solid #6842fe4d;color:#6842fe}.btn-create{background:#6842fe;border:none;color:#fff}.btn-export:hover,.btn-refresh:hover{background:#6842fe40;transform:translateY(-1px)}.btn-create:hover{background:#7c5cff;transform:translateY(-1px)}.btn-refresh:disabled{cursor:not-allowed;opacity:.5;transform:none}.payable-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}@media (max-width:768px){.payable-stats-grid{grid-template-columns:1fr}}.payable-stat-card{align-items:center;background:linear-gradient(135deg,#1a1f2a,#141920);border:1px solid #6842fe33;border-radius:16px;display:flex;gap:16px;padding:20px;transition:all .2s ease}.payable-stat-card:hover{border-color:#6842fe66;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:14px;display:flex;height:52px;justify-content:center;width:52px}.stat-info{flex:1 1}.stat-value{color:#fff;display:block;font-size:28px;font-weight:800;line-height:1.2}.stat-label{color:#ffffff80;display:block;font-size:12px;margin-top:4px}.stat-sub{color:#ffffff59;display:block;font-size:10px;margin-top:2px}.payable-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.filter-search{flex:2 1;min-width:240px;position:relative}.filter-search svg{color:#fff6;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.filter-search input{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;color:#ffffffe6;font-size:13px;height:42px;padding:0 12px 0 40px;width:100%}.filter-search input:focus{border-color:#6842fe66;outline:none}.filter-status,.filter-type{appearance:none;background:#0000004d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #ffffff1a;border-radius:10px;color:#ffffffe6;padding:0 32px 0 12px}.btn-reset,.filter-status,.filter-type{cursor:pointer;font-size:13px;height:42px}.btn-reset{background:#ef444426;border:1px solid #ef44444d;border-radius:10px;color:#ef4444;font-weight:600;padding:0 20px;transition:all .2s ease}.btn-reset:hover{background:#ef444440}.payable-table-container{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;overflow:hidden}.payable-table{border-collapse:collapse;font-size:13px;width:100%}.payable-table thead tr{background:#6842fe14;border-bottom:1px solid #ffffff14}.payable-table th{color:#ffffff80;font-size:11px;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.payable-table th.center{text-align:center}.payable-table td{border-bottom:1px solid #ffffff0d;padding:12px 16px;vertical-align:middle}.payable-table tbody tr{transition:background .15s ease}.payable-table tbody tr:hover{background:#6842fe0d}.payable-table tbody tr.overdue-row{background:#ef44440d}.invoice-number{color:#6842fe;font-weight:600}.supplier-cell{align-items:center;color:#fffc;display:flex;gap:6px}.center{text-align:center}.amount{color:#fbbf24;font-weight:600}.paid{color:#10b981}.balance{color:#a78bfa;font-weight:600}.date-normal{color:#fff9}.date-overdue{color:#ef4444;font-weight:600}.status-badge{border-radius:20px;display:inline-block;font-size:10px;font-weight:700;padding:4px 10px;text-transform:uppercase}.status-pending{background:#f59e0b26;color:#fbbf24}.status-overdue{background:#ef444426;color:#ef4444}.status-paid{background:#10b98126;color:#10b981}.action-buttons{display:flex;gap:8px;justify-content:center}.btn-pay,.btn-view{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:inline-flex;padding:6px;transition:all .2s ease}.btn-view{color:#ffffff80}.btn-view:hover{background:#6842fe26;color:#6842fe}.btn-pay{color:#10b981}.btn-pay:hover{background:#10b98126;transform:scale(1.05)}.payable-pagination{align-items:center;border-top:1px solid #ffffff14;display:flex;gap:16px;justify-content:center;padding:16px}.payable-pagination button{align-items:center;background:#6842fe26;border:1px solid #6842fe4d;border-radius:8px;color:#6842fe;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 16px;transition:all .2s ease}.payable-pagination button:hover:not(:disabled){background:#6842fe40;transform:translateY(-1px)}.payable-pagination button:disabled{cursor:not-allowed;opacity:.4}.payable-pagination span{color:#fff9;font-size:12px}.payable-table-info{border-top:1px solid #ffffff0d;color:#ffffff4d;font-size:11px;padding:10px 16px;text-align:center}.empty-state{color:#fff6;padding:60px 20px}.empty-state svg{margin-bottom:12px;opacity:.5}.empty-state p{color:#fff9;font-size:14px;font-weight:600;margin:0 0 4px}.empty-state span{font-size:12px}.payable-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.payable-modal{animation:modalSlideUp .3s ease;background:linear-gradient(135deg,#1a1f2a,#141920);border:1px solid #6842fe4d;border-radius:20px;max-height:90vh;max-width:550px;overflow:hidden;width:100%}.payable-modal.payment-modal{max-width:450px}.payable-modal.detail-modal{max-width:600px}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.payable-modal-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:20px 24px}.payable-modal-header h3{color:#fff;font-size:18px;font-weight:800;margin:0}.payable-modal-header p{color:#ffffff73;font-size:12px;margin:4px 0 0}.btn-modal-close{background:none;border:none;border-radius:6px;color:#ffffff80;cursor:pointer;padding:4px;transition:color .2s ease}.btn-modal-close:hover{background:#ef44441a;color:#ef4444}.payable-modal-body{max-height:60vh;overflow-y:auto;padding:24px}.payable-modal-footer{border-top:1px solid #ffffff14;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.form-group{margin-bottom:18px}.form-group label{color:#ffffff8c;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;box-sizing:border-box;color:#ffffffe6;font-family:inherit;font-size:13px;padding:10px 12px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#0006;border-color:#6842fe66;outline:none}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.payment-info{background:#0003;border-radius:12px;margin-bottom:20px;padding:16px}.info-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.info-row:first-child{border-bottom:1px solid #ffffff14}.info-row span{color:#fff9;font-size:13px}.info-row strong{color:#fff;font-size:14px}.info-row .amount{color:#fbbf24;font-size:16px}.detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}@media (max-width:480px){.detail-grid{grid-template-columns:1fr}}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item label{color:#ffffff80;font-size:11px;font-weight:700;text-transform:uppercase}.detail-item span{color:#fff;font-size:14px;font-weight:600}.amount-detail{color:#fbbf24;font-size:18px}.paid-text{color:#10b981}.balance-text{color:#a78bfa}.overdue-text{color:#ef4444}.detail-section{border-bottom:1px solid #ffffff14;margin-bottom:16px;padding-bottom:16px}.detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-section label{color:#ffffff80;display:block;font-size:11px;font-weight:700;margin-bottom:8px;text-transform:uppercase}.detail-section p{color:#fffc;font-size:13px;line-height:1.5;margin:0}.payments-list{display:flex;flex-direction:column;gap:8px}.payment-item{align-items:center;background:#0003;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;padding:10px 12px}.payment-date{color:#fff9;font-size:12px;min-width:100px}.payment-amount{color:#10b981;font-weight:700}.payment-method{background:#ffffff0d;border-radius:4px;color:#ffffff80;font-size:12px;padding:2px 8px}.payment-ref{color:#fff6;font-family:monospace;font-size:11px}.btn-secondary{background:#ef444426;border:1px solid #ef44444d;border-radius:10px;color:#ef4444;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:all .2s ease}.btn-secondary:hover{background:#ef444440;transform:translateY(-1px)}.btn-primary{align-items:center;background:#10b98126;border:1px solid #10b9814d;border-radius:10px;color:#10b981;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 24px;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:#10b98140;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.payable-modal-body::-webkit-scrollbar,.payable-table-container::-webkit-scrollbar{height:6px;width:6px}.payable-modal-body::-webkit-scrollbar-track,.payable-table-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.payable-modal-body::-webkit-scrollbar-thumb,.payable-table-container::-webkit-scrollbar-thumb{background:#6842fe4d;border-radius:3px}@media (max-width:768px){.payable-filters{flex-direction:column}.btn-reset,.filter-search,.filter-status,.filter-type{width:100%}.payable-table{min-width:800px}.payable-table-container{overflow-x:auto}.payable-modal{max-width:95%}.payable-header-actions{flex-wrap:wrap}.btn-create,.btn-export,.btn-refresh{flex:1 1;justify-content:center}}@media (max-width:480px){.form-row,.payable-stats-grid{grid-template-columns:1fr}.payment-item{align-items:flex-start;flex-direction:column}}.push-notifications-container{margin:0 auto;max-width:800px;padding:24px}.history-card,.push-status-card,.send-card{background:#164e444d;border:1px solid #10b98140;border-radius:20px;margin-bottom:24px;padding:20px}.status-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.status-header h3{color:#fff;margin:0}.status-body{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.status-info{color:#ffffffb3}.history-card h3,.send-card h3{color:#fff;margin:0 0 16px}.form-group{margin-bottom:16px}.form-group label{color:#60d5c0;display:block;font-weight:600;margin-bottom:6px}.form-group input,.form-group textarea{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;padding:10px;width:100%}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.history-item{border-bottom:1px solid #ffffff1a;padding:12px 0}.history-title{color:#60d5c0;font-weight:700}.history-body{color:#fffc;margin:6px 0}.history-meta{color:#ffffff80;display:flex;font-size:11px;justify-content:space-between}.empty,.loading{color:#ffffff80;padding:20px;text-align:center}@media (max-width:600px){.push-notifications-container{padding:12px}.history-card,.push-status-card,.send-card{border-radius:14px;padding:14px}.status-body{align-items:flex-start;flex-direction:column}.history-meta{flex-direction:column;gap:4px}}@media (max-width:480px){.push-notifications-container{padding:8px}.history-card,.push-status-card,.send-card{border-radius:12px;margin-bottom:12px;padding:12px}}.scheduled-container{padding:24px}.scheduled-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.scheduled-card{background:#164e444d;border:1px solid #10b98140;border-radius:16px;padding:18px}.card-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.card-icon{background:#10b98126;border-radius:10px;padding:6px}.card-title{color:#fff;flex:1 1;font-size:16px;font-weight:700}.badge-failed,.badge-pending,.badge-sent{border-radius:20px;font-size:11px;padding:4px 8px}.badge-pending{background:#f59e0b33;color:#f59e0b}.badge-sent{background:#10b98133;color:#10b981}.badge-failed{background:#ef444433;color:#ef4444}.card-message{color:#fffc;font-size:14px;margin-bottom:12px}.card-meta{align-items:center;color:#ffffff80;display:flex;font-size:12px;gap:6px;margin-bottom:12px}.card-actions{display:flex;gap:12px}.card-error{background:#ef44441a;border-radius:8px;color:#ef4444;font-size:11px;margin-top:12px;padding:6px}.icon-btn{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:12px;gap:6px;padding:4px 8px}.icon-btn.edit{color:#60a5fa}.icon-btn.delete{color:#ef4444}.icon-btn.edit:hover{background:#60a5fa33}.icon-btn.delete:hover{background:#ef444433}.empty-state{grid-column:1/-1;padding:60px;text-align:center}.spin{animation:spin 1s linear infinite}@media (max-width:600px){.scheduled-container{padding:12px}.scheduled-list{gap:12px;grid-template-columns:1fr}.card-actions{flex-wrap:wrap}}@media (max-width:480px){.scheduled-container{padding:8px}.scheduled-card{padding:14px}.card-header{flex-wrap:wrap;gap:8px}}.email-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.email-btn-primary{align-items:center;background:#006648;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:8px 20px;transition:all .2s ease}.email-btn-primary:hover{background:#008060;transform:translateY(-1px)}.email-refresh-btn{align-items:center;background:#1d1d19;border:1px solid #2a2a26;border-radius:8px;color:#fffaca;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:all .2s ease}.email-refresh-btn:hover{background:#2a2a26}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.email-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.email-stat-card{align-items:center;background:#1d1d19;border:1px solid #2a2a26;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.email-stat-card:hover{border-color:#006648;transform:translateY(-2px)}.email-stat-icon{align-items:center;background:#00664820;border-radius:12px;color:#a0e7c7;display:flex;height:48px;justify-content:center;width:48px}.email-stat-icon.error{background:#ff6b6b20;color:#ff6b6b}.email-stat-content{flex:1 1}.email-stat-title{color:#a8a89a;font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.email-stat-value{color:#fffaca;font-size:28px;font-weight:700;line-height:1.2}.email-tabs-container{border-bottom:1px solid #2a2a26;display:flex;gap:8px;margin-bottom:24px;padding-bottom:0}.email-tab-btn{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#a8a89a;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.email-tab-btn:hover{color:#d0d0c0}.email-tab-btn.active{border-bottom-color:#a0e7c7;color:#a0e7c7}.email-tab-count{background:#2a2a26;border-radius:20px;font-size:11px;margin-left:6px;padding:2px 8px}.email-filters-bar{background:#1d1d19;border:1px solid #2a2a26;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:16px}.email-search-wrapper{flex:1 1;min-width:200px;position:relative}.email-search-icon{color:#a8a89a;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.email-search-input{background:#141410;border:1px solid #2a2a26;border-radius:8px;color:#fffaca;font-size:14px;padding:10px 12px 10px 36px;transition:all .2s ease;width:100%}.email-search-input:focus{border-color:#006648;outline:none}.email-filter-select{background:#141410;border:1px solid #2a2a26;border-radius:8px;color:#fffaca;cursor:pointer;font-size:14px;padding:8px 16px}.email-filter-select:focus{border-color:#006648;outline:none}.email-templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.email-template-card{background:#1d1d19;border:1px solid #2a2a26;border-radius:12px;padding:16px;transition:all .2s ease}.email-template-card:hover{border-color:#006648;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.email-template-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.email-template-title{align-items:center;display:flex;gap:8px}.email-template-title h3{color:#fffaca;font-size:16px;margin:0}.email-template-status{align-items:center;display:flex;gap:8px}.email-status-dot{border-radius:50%;height:8px;width:8px}.email-status-dot.active{background:#a0e7c7;box-shadow:0 0 4px #a0e7c7}.email-status-dot.inactive{background:#a8a89a}.email-toggle-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#a0e7c7;cursor:pointer;display:flex;padding:4px;transition:background .2s}.email-toggle-btn:hover{background:#2a2a26}.email-template-category{align-items:center;background:#00664820;border-radius:20px;color:#a0e7c7;display:inline-flex;font-size:11px;gap:4px;margin-bottom:12px;padding:4px 10px}.email-template-subject{border-bottom:1px solid #2a2a26;border-top:1px solid #2a2a26;color:#d0d0c0;font-size:13px;margin-bottom:8px;padding:8px 0}.email-template-preview{color:#a8a89a;font-size:12px;line-height:1.4;margin-bottom:12px}.email-template-actions{display:flex;flex-wrap:wrap;gap:8px}.email-action-btn{align-items:center;background:#141410;border:1px solid #2a2a26;border-radius:6px;color:#a8a89a;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 12px;transition:all .2s ease}.email-action-btn:hover{transform:translateY(-1px)}.email-action-btn.send:hover{background:#00664820;border-color:#006648;color:#a0e7c7}.email-action-btn.edit:hover{background:#ffd70020;border-color:gold;color:gold}.email-action-btn.duplicate:hover{background:#a0e7c720;border-color:#a0e7c7;color:#a0e7c7}.email-action-btn.delete:hover{background:#ff6b6b20;border-color:#ff6b6b;color:#ff6b6b}.email-logs-container{background:#1d1d19;border:1px solid #2a2a26;border-radius:12px;overflow:hidden}.email-logs-list{max-height:500px;overflow-y:auto}.email-log-item{align-items:center;border-bottom:1px solid #2a2a26;display:flex;justify-content:space-between;padding:16px;transition:background .2s}.email-log-item:hover{background:#252520}.email-log-info{flex:1 1}.email-log-recipient{color:#a0e7c7;font-weight:600;margin-bottom:4px}.email-log-subject{color:#d0d0c0;font-size:13px;margin-bottom:4px}.email-log-date{color:#a8a89a;font-size:11px}.email-log-type{color:#a8a89a;font-size:10px;margin-top:4px}.email-log-error{color:#ff6b6b;font-size:10px;margin-top:4px}.email-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px}.email-status-badge.sent{background:#a0e7c720;color:#a0e7c7}.email-status-badge.failed{background:#ff6b6b20;color:#ff6b6b}.email-status-badge.pending{background:#ffd70020;color:gold}.email-empty-state{color:#a8a89a;padding:48px;text-align:center}.email-empty-state svg{margin-bottom:12px;opacity:.5}.email-empty-state span{display:block;margin-bottom:16px}.email-empty-btn{align-items:center;background:#006648;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;gap:6px;padding:8px 20px;transition:all .2s ease}.email-empty-btn:hover{background:#008060;transform:translateY(-1px)}.email-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.email-modal-box{animation:modalFadeIn .2s ease;background:#1d1d19;border:1px solid #2a2a26;border-radius:16px;max-height:85vh;max-width:700px;overflow:auto;width:90%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.email-modal-large{max-width:800px}.email-modal-header{align-items:center;background:#1d1d19;border-bottom:1px solid #2a2a26;display:flex;justify-content:space-between;padding:20px 24px;position:sticky;top:0;z-index:1}.email-modal-header h2{color:#fffaca;font-size:18px;margin:0}.email-modal-close{background:none;border:none;border-radius:4px;color:#a8a89a;cursor:pointer;padding:4px;transition:all .2s}.email-modal-close:hover{background:#2a2a26;color:#fffaca}.email-modal-tabs{border-bottom:1px solid #2a2a26;display:flex;gap:4px;padding:0 24px}.email-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#a8a89a;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:10px 16px;transition:all .2s}.email-tab:hover{color:#d0d0c0}.email-tab.active{border-bottom-color:#a0e7c7;color:#a0e7c7}.email-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;padding:20px 24px}.email-form-group{display:flex;flex-direction:column;gap:6px}.email-form-group.full-width{grid-column:span 2}.email-form-group label{color:#a8a89a;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.email-form-group input,.email-form-group select,.email-form-group textarea{background:#141410;border:1px solid #2a2a26;border-radius:8px;color:#fffaca;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s}.email-form-group input:focus,.email-form-group select:focus,.email-form-group textarea:focus{border-color:#006648;outline:none}.email-form-group textarea{font-family:Courier New,monospace;resize:vertical}.email-checkbox{align-items:center;cursor:pointer;display:flex;flex-direction:row!important;gap:8px}.email-checkbox input{margin:0;width:auto}.email-variables-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.email-variable{background:#00664820;border-radius:4px;color:#a0e7c7;cursor:pointer;font-family:monospace;font-size:11px;padding:4px 10px;transition:all .2s}.email-variable:hover{background:#00664840;transform:scale(1.02)}.email-radio-group{display:flex;flex-wrap:wrap;gap:16px}.email-radio-group label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:6px;text-transform:none}.email-radio-group input{margin:0;width:auto}.email-invoice-select{width:100%}.email-hint{color:#a8a89a;font-size:10px;margin-top:4px}.email-customers-list{background:#141410;border:1px solid #2a2a26;border-radius:8px;max-height:200px;overflow-y:auto;padding:8px}.email-customer-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background .2s}.email-customer-checkbox:hover{background:#252520}.email-customer-checkbox input{margin:0;width:auto}.email-customer-checkbox span{color:#d0d0c0;font-size:13px}.email-more-customers{color:#a8a89a;font-size:12px;padding:8px;text-align:center}.email-preview-container{background:#141410;border-radius:12px;margin:0 24px;padding:20px 24px}.email-preview-header{border-left:3px solid #a0e7c7;margin-bottom:16px;padding:12px}.email-preview-body,.email-preview-header{background:#1d1d19;border-radius:8px;color:#d0d0c0}.email-preview-body{line-height:1.5;max-height:300px;overflow-y:auto;padding:16px}.email-preview-body h1,.email-preview-body h2,.email-preview-body h3{color:#fffaca}.email-preview-body a{color:#a0e7c7}.email-preview-variable{background:#ffd70020;border-radius:4px;color:gold;display:inline-block;font-family:monospace;font-size:11px;padding:2px 6px}.email-preview-footer{color:#a8a89a;font-size:11px;margin-top:12px;text-align:center}.email-modal-footer{background:#1d1d19;border-top:1px solid #2a2a26;bottom:0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;position:sticky}.email-btn-cancel{background:#0000;border:1px solid #2a2a26;border-radius:8px;color:#a8a89a;cursor:pointer;padding:8px 20px;transition:all .2s}.email-btn-cancel:hover{background:#2a2a26;color:#d0d0c0}.email-btn-save{background:#006648;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 24px;transition:all .2s}.email-btn-save:hover:not(:disabled){background:#008060;transform:translateY(-1px)}.email-btn-send{align-items:center;background:#a0e7c7;border:none;border-radius:8px;color:#1d1d19;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:8px 24px;transition:all .2s}.email-btn-send:hover:not(:disabled){background:gold;transform:translateY(-1px)}.email-btn-cancel:disabled,.email-btn-save:disabled,.email-btn-send:disabled{cursor:not-allowed;opacity:.5;transform:none}.alert{align-items:center;border-radius:8px;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.alert-error{background:#ff6b6b20;border:1px solid #ff6b6b40;color:#ff6b6b}.email-customers-list::-webkit-scrollbar,.email-logs-list::-webkit-scrollbar,.email-modal-box::-webkit-scrollbar{width:8px}.email-customers-list::-webkit-scrollbar-track,.email-logs-list::-webkit-scrollbar-track,.email-modal-box::-webkit-scrollbar-track{background:#141410;border-radius:4px}.email-customers-list::-webkit-scrollbar-thumb,.email-logs-list::-webkit-scrollbar-thumb,.email-modal-box::-webkit-scrollbar-thumb{background:#2a2a26;border-radius:4px}.email-customers-list::-webkit-scrollbar-thumb:hover,.email-logs-list::-webkit-scrollbar-thumb:hover,.email-modal-box::-webkit-scrollbar-thumb:hover{background:#006648}@media (max-width:768px){.email-form-grid{grid-template-columns:1fr}.email-form-group.full-width{grid-column:span 1}.email-templates-grid{grid-template-columns:1fr}.email-template-actions{flex-wrap:wrap}.email-log-item{align-items:flex-start;flex-direction:column;gap:12px}.email-stats-grid{grid-template-columns:repeat(2,1fr)}.email-filters-bar{flex-direction:column}.email-filter-select{width:100%}.email-modal-box,.email-modal-large{max-width:95%}.email-modal-header h2{font-size:16px}.email-tab{font-size:12px;padding:8px 12px}}.einv-table-container{color:#1e293b}.einv-table td,.einv-table th{color:inherit}.einv-date-filter,.einv-search-box{color:#1e293b}.einv-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.einv-search-box{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;display:flex;flex:2 1;gap:8px;min-width:220px;padding:0 12px;transition:border-color .15s}.einv-search-box:focus-within{border-color:#6842fe;box-shadow:0 0 0 3px #6842fe1f}.einv-search-box input{background:#0000;border:none;color:#1e293b;flex:1 1;font-size:13px;outline:none;padding:9px 0}.einv-search-box input::placeholder{color:#94a3b8}.einv-search-box svg{color:#94a3b8;flex-shrink:0}.einv-date-filter{align-items:center;display:flex;flex:1 1;gap:6px;min-width:170px}.einv-date-filter label{color:#64748b;font-size:12px;font-weight:600;white-space:nowrap}.einv-date-filter input[type=date]{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#1e293b;flex:1 1;font-size:13px;outline:none;padding:9px 10px;transition:border-color .15s}.einv-date-filter input[type=date]:focus{border-color:#6842fe;box-shadow:0 0 0 3px #6842fe1f}.einv-clear-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;padding:6px 8px;transition:all .15s}.einv-clear-btn:hover{background:#fecaca;border-color:#fca5a5;color:#b91c1c}.einv-email-modal{box-sizing:border-box;max-width:calc(100vw - 32px)}@media (max-width:640px){.einv-filter-bar{flex-direction:column;gap:8px}.einv-date-filter,.einv-search-box{flex:initial;min-width:0;width:100%}.einv-date-filter{flex-wrap:wrap}.einv-date-filter input[type=date]{flex:1 1;min-width:0}.einv-table-container{background:#0000!important;border:none!important;border-radius:0!important;overflow:visible!important}.einv-table thead{display:none}.einv-table{border-collapse:initial!important;border-spacing:0}.einv-tbody-tr{background:#fff;border:1.5px solid #e2e8f0!important;border-radius:10px;display:block!important;margin-bottom:10px;overflow:hidden}.einv-td{align-items:center;border-bottom:1px solid #f1f5f9;box-sizing:border-box;display:flex!important;font-size:13px;gap:10px;padding:9px 12px!important;text-align:left!important;white-space:normal!important;width:100%}.einv-td:last-child{border-bottom:none}.einv-td:before{color:#94a3b8;content:attr(data-label);flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.5px;min-width:72px;text-transform:uppercase}.einv-td-right{text-align:left!important}.einv-td-actions>div{flex-wrap:wrap;gap:6px!important;justify-content:flex-start!important}}@media (max-width:480px){.einv-filter-bar{gap:6px}.einv-table td:nth-child(3),.einv-table td:nth-child(5),.einv-table th:nth-child(3),.einv-table th:nth-child(5){display:none}.einv-header-actions{flex-wrap:wrap;gap:6px}.einv-header-actions button{flex:1 1;font-size:12px;min-width:0;padding:6px 10px}.einv-summary-grid{grid-template-columns:1fr 1fr}}.credit-notes-container{padding:20px}.notes-table-wrapper{background:#164e444d;border-radius:16px;overflow-x:auto;padding:4px}.notes-table{border-collapse:collapse;width:100%}.notes-table td,.notes-table th{border-bottom:1px solid #ffffff1a;padding:12px;text-align:left}.status-badge{border-radius:12px;font-size:11px;padding:4px 8px}.status-badge.autorizada{background:#10b98133;color:#10b981}.status-badge.pendiente{background:#f59e0b33;color:#f59e0b}.credit-item{display:flex;justify-content:space-between;margin-bottom:8px}.totals{margin-top:20px;text-align:right}@media (max-width:768px){.credit-notes-container{padding:12px}.notes-table td,.notes-table th{font-size:12px;padding:8px 6px}}@media (max-width:480px){.credit-notes-container{padding:8px}.credit-item{flex-direction:column;gap:4px}.notes-table td:nth-child(3),.notes-table th:nth-child(3){display:none}}:root{--lp-orange:#ff8c42;--lp-orange-dim:#ff8c4226;--lp-orange-glow:#ff8c424d;--lp-green:#8cb79b;--lp-green-dim:#8cb79b26;--lp-bg:#080810;--lp-card:#10101af2;--lp-border:#ff8c421f;--lp-border-hi:#ff8c4259;--lp-txt:#eeeef8;--lp-txt-muted:#6a6a88;--lp-txt-soft:#a8a8c0;--lp-radius:16px}.legal-page{background:#080810;background:var(--lp-bg);color:#eeeef8;color:var(--lp-txt);font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;overflow-y:visible;position:relative}.legal-page::-webkit-scrollbar{width:5px}.legal-page::-webkit-scrollbar-track{background:#ffffff08}.legal-page::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff8c42,#8cb79b);background:linear-gradient(180deg,var(--lp-orange),var(--lp-green));border-radius:99px}.legal-page:before{background:radial-gradient(circle,rgba(255,140,66,.055) 0,#0000 65%);height:700px;right:-200px;top:-250px;width:700px}.legal-page:after,.legal-page:before{border-radius:50%;content:"";pointer-events:none;position:fixed;z-index:0}.legal-page:after{background:radial-gradient(circle,#8cb79b0d 0,#0000 65%);bottom:-200px;height:600px;left:-180px;width:600px}.legal-header{backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);background:#080810e6;border-bottom:1px solid #ff8c421f;border-bottom:1px solid var(--lp-border);box-shadow:0 4px 32px #00000073;padding:1.1rem 2rem 1.25rem;position:sticky;top:0;z-index:100}.legal-header:before{background:linear-gradient(90deg,#0000,#ff8c42 40%,#8cb79b 70%,#0000);background:linear-gradient(90deg,#0000 0,var(--lp-orange) 40%,var(--lp-green) 70%,#0000 100%);content:"";height:2px;left:0;opacity:.6;position:absolute;right:0;top:0}.legal-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:.6rem}.legal-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ff8c42 55%,#8cb79b);background:linear-gradient(135deg,#fff 0,var(--lp-orange) 55%,var(--lp-green) 100%);-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:clamp(1.4rem,3vw,2rem);font-weight:900;letter-spacing:-.8px;line-height:1.2;margin:0}.legal-date{color:#6a6a88;color:var(--lp-txt-muted);display:block;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-top:.3rem}.legal-back{align-items:center;background:#ff8c4226;background:var(--lp-orange-dim);border:1px solid #ff8c4233;border-radius:10px;color:#ff8c42;color:var(--lp-orange);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Syne,sans-serif;font-size:.75rem;font-weight:700;gap:.4rem;letter-spacing:.6px;margin-bottom:.6rem;padding:.45rem .9rem;text-transform:uppercase;transition:background .2s,transform .2s,box-shadow .2s}.legal-back:hover{background:#ff8c4238;box-shadow:0 0 16px #ff8c424d;box-shadow:0 0 16px var(--lp-orange-glow);transform:translateX(-3px)}.legal-toc{background:#ff8c420a;border:1px solid #ff8c421f;border-left:3px solid #ff8c42;border:1px solid var(--lp-border);border-left:3px solid var(--lp-orange);border-radius:16px;border-radius:var(--lp-radius);margin-bottom:1.5rem;padding:1.25rem 1.5rem}.legal-toc h3{color:#ff8c42;color:var(--lp-orange);font-family:Syne,sans-serif;font-size:.78rem;font-weight:800;letter-spacing:.8px;margin:0 0 .75rem;text-transform:uppercase}.legal-toc ol{grid-gap:.3rem .75rem;display:grid;gap:.3rem .75rem;grid-template-columns:1fr 1fr;margin:0;padding-left:1.2rem}.legal-toc li{font-size:.8rem}.legal-toc a,.legal-toc li{color:#6a6a88;color:var(--lp-txt-muted)}.legal-toc a{text-decoration:none;transition:color .2s}.legal-toc a:hover{color:#ff8c42;color:var(--lp-orange)}@media (max-width:560px){.legal-toc ol{grid-template-columns:1fr}}.legal-section{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#10101af2;background:var(--lp-card);border:1px solid #ff8c421f;border:1px solid var(--lp-border);border-radius:16px;border-radius:var(--lp-radius);margin-bottom:1rem;overflow:hidden;padding:1.75rem 2rem;position:relative;transition:border-color .25s,box-shadow .25s,transform .25s}.legal-section:before{background:linear-gradient(90deg,#0000,#ff8c4233,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.legal-section:after{color:rgba(255,140,66,.035);content:attr(data-n);font-family:Syne,sans-serif;font-size:3.5rem;font-weight:900;line-height:1;pointer-events:none;position:absolute;right:1.5rem;top:.75rem;-webkit-user-select:none;user-select:none}.legal-section:hover{border-color:#ff8c4238;box-shadow:0 0 32px #ff8c420d,0 4px 24px #0000004d;transform:translateY(-1px)}.legal-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#eeeef8,#ff8c42);background:linear-gradient(135deg,var(--lp-txt) 0,var(--lp-orange) 100%);-webkit-background-clip:text;background-clip:text;border-bottom:1px solid #ff8c421a;font-family:Syne,sans-serif;font-size:clamp(.95rem,2vw,1.15rem);font-weight:800;letter-spacing:-.1px;margin:0 0 1rem;padding-bottom:.65rem}.legal-section h3{color:#8cb79b;color:var(--lp-green);font-family:Syne,sans-serif;font-size:.88rem;font-weight:700;letter-spacing:.15px;margin:1.2rem 0 .5rem}.legal-section p{color:#a8a8c0;color:var(--lp-txt-soft);font-size:.88rem;line-height:1.85;margin-bottom:.75rem}.legal-section ol,.legal-section ul{list-style:none;margin:0 0 1rem;padding:0}.legal-section li{border-bottom:1px solid #ffffff08;color:#a8a8c0;color:var(--lp-txt-soft);font-size:.87rem;line-height:1.7;padding:.3rem 0 .3rem 1.4rem;position:relative}.legal-section li:last-child{border-bottom:none}.legal-section li:before{background:#ff8c42;background:var(--lp-orange);border-radius:50%;content:"";height:6px;left:0;opacity:.5;position:absolute;top:.72em;width:6px}.legal-section strong{color:#ff8c42;color:var(--lp-orange);font-weight:600}.contact-info{background:#25d3660a;border:1px solid #25d3662e;border-left:3px solid #25d366;border-radius:12px;margin-top:.75rem;padding:1.25rem 1.5rem}.contact-info p{color:#eeeef8;color:var(--lp-txt);font-size:.87rem;margin-bottom:.4rem}.contact-wa{align-items:center;background:#25d366;border:none;border-radius:10px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:700;gap:.55rem;letter-spacing:.2px;margin-top:.75rem;padding:.65rem 1.3rem;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s}.contact-wa:hover{background:#1db954;box-shadow:0 4px 18px #25d36661;color:#fff;transform:translateY(-1px)}.contact-info a:not(.contact-wa){border-bottom:1px solid #ff8c424d;color:#ff8c42;color:var(--lp-orange);font-weight:500;text-decoration:none;transition:color .2s}.contact-info a:not(.contact-wa):hover{color:#ffa866}.legal-section a:not(.contact-wa){border-bottom:1px solid #ff8c4259;color:#ff8c42;color:var(--lp-orange);font-weight:500;text-decoration:none;transition:color .2s}.legal-section a:not(.contact-wa):hover{color:#ffa866}@media (max-width:768px){.legal-header{padding:.9rem 1.25rem 1rem}.legal-content{padding:1.5rem .75rem 3.5rem}.legal-section{padding:1.25rem}}@media (max-width:480px){.legal-header h1{font-size:1.2rem}.legal-back{font-size:.7rem;padding:.4rem .75rem}.legal-content{padding:1rem .5rem 3rem}.legal-section{border-radius:12px;margin-bottom:.75rem;padding:1rem}.legal-section li,.legal-section p{font-size:.83rem}}@media print{.legal-header,.legal-page,.legal-page:after,.legal-page:before{background:#fff}.legal-header{border-bottom:1px solid #ccc;box-shadow:none}.legal-header:before{display:none}.legal-header h1{-webkit-text-fill-color:#111;background:none;color:#111}.legal-back{display:none}.legal-section{background:#fff;border:1px solid #ddd;box-shadow:none;transform:none}.legal-section:after,.legal-section:before{display:none}.legal-section h2{-webkit-text-fill-color:#111;background:none;color:#111}}
/*# sourceMappingURL=main.63a0d88b.css.map*/