*{box-sizing:border-box}:root{--font-sans: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;--bg-base: #000;--bg-secondary: #333740;--bg-900: #000000;--bg-800: #080c15;--bg-700: #111a2d;--bg-600: #182236;--surface-900: rgba(9, 13, 24, .96);--surface-800: rgba(20, 26, 40, .92);--surface-700: rgba(29, 38, 58, .9);--border-glow: rgba(94, 119, 255, .45);--border-soft: rgba(255, 255, 255, .06);--text-strong: #f7fbff;--text-muted: #a7b2cc;--accent: #6b8bfd;--accent-strong: #8aa5ff;--success: #38ef7d;--error: #f97474;--warning: #ffcc6b;--shadow-strong: 0 24px 48px rgba(0, 0, 0, .65);--shadow-soft: 0 16px 32px rgba(4, 10, 30, .6)}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-sans);color:var(--text-strong);background:var(--bg-base);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex}a{color:var(--accent);text-decoration:none;transition:color .16s ease}a:hover{color:var(--accent-strong)}button,input,textarea,select{font-family:inherit}.app-shell{display:flex;min-height:100vh;width:100%}.liquid-container,.liquid-container-dark{position:relative;border-radius:18px;background:linear-gradient(182deg,#ffffff14,#0c0e1b29);border:1px solid transparent;padding:clamp(1.5rem,1.6vw,1.8rem);box-shadow:0 18px 46px #02061799,inset 0 1px #ffffff05;overflow:hidden;backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);contain:paint;transition:transform .16s ease-out,box-shadow .2s ease,border-color .2s ease}.liquid-container:before,.liquid-container-dark:before{content:"";position:absolute;inset:-30% -25% -35%;background:radial-gradient(circle at 14% 18%,rgba(32,32,32,0),transparent 58%),radial-gradient(circle at 82% 14%,rgba(57,57,57,.027),transparent 62%),radial-gradient(circle at 48% 108%,rgba(45,51,73,.081),transparent 68%);opacity:.7;filter:blur(60px);pointer-events:none}.liquid-container:after,.liquid-container-dark:after{content:"";position:absolute;inset:1px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(120deg,rgba(255,255,255,.11),rgba(255,255,255,.04) 45%,transparent);mix-blend-mode:screen;pointer-events:none}.liquid-container-dark{background:linear-gradient(185deg,#12131fd1,#080914f0);border-color:#7386b03d}.liquid-container{border-color:#b0c4eb42}.list-empleados-home-container{position:relative;display:flex;flex-direction:column;padding:1rem .7rem;gap:clamp(1rem,1.6vw,1.8rem);z-index:1}.lista-empleados-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.9rem;border-bottom:1px solid rgba(255,255,255,.06)}.lista-empleados-header h2{margin:0;font-size:clamp(1.15rem,1.8vw,1.45rem);font-weight:600;color:var(--text-strong);letter-spacing:-.02em}.lista-empleados-body{display:grid;gap:clamp(.85rem,1.2vw,1.1rem)}.empleado-card-home-container{position:relative;display:flex;flex-direction:column;gap:.42rem;min-width:0;padding:1.05rem 1.15rem;padding-right:clamp(3.2rem,3.5vw,3.9rem);color:var(--text-strong);border-radius:18px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(165deg,#101422e0,#090b16eb);border-left:3px solid rgba(107,139,253,.65);box-shadow:0 18px 46px #0206179e,inset 0 1px #ffffff0a;overflow:hidden;transition:transform .16s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.empleado-card-home-container:before{content:"";position:absolute;inset:-40% -30% auto;height:180%;background:radial-gradient(circle at 30% 30%,rgba(107,139,253,.16),transparent 55%);filter:blur(18px);opacity:.75;pointer-events:none}.empleado-card-home-container:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 110% -10%,rgba(255,255,255,.08),transparent 45%);opacity:.35;pointer-events:none}.empleado-card-home-container:hover{transform:translateY(-1px);border-color:#6b8bfd38;box-shadow:0 26px 60px #020617b8,0 0 0 1px #6b8bfd1f,inset 0 1px #ffffff0d;background:linear-gradient(165deg,#12182ae6,#080a14f0)}.empleado-card-home-container h2{margin:0;font-size:1.02rem;font-weight:600;letter-spacing:-.01em;line-height:1.2}.empleado-card-home-container p{margin:0;font-size:.9rem;color:var(--text-muted);letter-spacing:.01em}.empleado-card-home-container strong{color:var(--text-strong)}.empleado-card-home-container.selected{border-color:#8aa5ff59;border-left-color:#8aa5fff2;box-shadow:0 30px 70px #020617c7,0 0 0 1px #8aa5ff33,0 0 0 6px #6b8bfd12,inset 0 1px #ffffff0f}.empleado-estado{position:absolute;top:.95rem;right:.95rem;margin:0;padding:.28em .78em;border-radius:999px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-sans);border:1px solid rgba(255,255,255,.12);background:#0c0e1b8c;color:#f7fbffe6;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);box-shadow:inset 0 1px #ffffff1a,0 10px 24px #00000059}.empleado-estado.activo{border-color:#38ef7d38;background:#38ef7d1a;color:#d2ffe4eb}.empleado-estado.inactivo,.empleado-estado.baja{border-color:#f9747438;background:#f974741a;color:#ffe0e0eb}.nota-empleado-card-container{position:relative;display:flex;flex-direction:column;gap:.55rem;padding:1.1rem 1.15rem;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(165deg,#101422db,#090b16eb);box-shadow:0 18px 46px #0206179e,inset 0 1px #ffffff0a;overflow:hidden}.nota-empleado-card-container:before{content:"";position:absolute;inset:-40% -35% auto;height:180%;background:radial-gradient(circle at 25% 25%,rgba(107,139,253,.12),transparent 55%);filter:blur(18px);opacity:.75;pointer-events:none}.nota-empleado-card-container h2{margin:0;font-size:1.02rem;font-weight:600;letter-spacing:-.01em}.nota-empleado-card-container p{margin:0;font-size:.9rem;color:var(--text-muted);line-height:1.45}.nota-empleado-card-container p strong{color:#f7fbffe6}.container-code-pass{display:flex;flex-direction:column;gap:2rem;align-items:center;justify-content:center;width:100%;padding:0 1.7rem;color:#fffffff2}.header-container-code-pass h2{font-size:1.3rem;font-weight:700;margin:0 0 .75rem;text-align:center;color:#fffffff2;text-shadow:0 0 30px rgba(59,130,246,.6);letter-spacing:.02em}.body-container-code-pass{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:1rem;margin-top:1.25rem;width:80%;align-items:stretch}.masked-pass{grid-column:1 / -1;text-align:center;font-size:2rem;letter-spacing:.6rem;margin-bottom:1rem;color:#fffffff2;text-shadow:0 0 40px rgba(59,130,246,.6),0 0 80px rgba(59,130,246,.3)}.btn-number-code-pass{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:75px;margin:0;border:1px solid rgba(94,119,190,.35);border-radius:12px;background:linear-gradient(185deg,#1e293b99,#0f172acc);color:#fffffff0;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0003}.btn-number-code-pass:hover:not(:disabled){border-color:#3b82f699;background:linear-gradient(185deg,#2563eb80,#0f172ae6);box-shadow:0 4px 16px #3b82f64d,0 0 20px #3b82f633;transform:translateY(-2px)}.btn-number-code-pass:focus-visible{outline:2px solid rgba(59,130,246,.7);outline-offset:2px}.btn-number-code-pass:active:not(:disabled){transform:scale(.98) translateY(0);color:#93c5fd;box-shadow:0 2px 8px #3b82f666}.btn-number-code-pass:disabled{opacity:.35;cursor:not-allowed}.code-pass-key.liquid-container-dark,.code-pass-key.liquid-container{display:flex;align-items:center;justify-content:center;width:95%;height:80%;padding:clamp(.68rem,1.36vw,.9rem);border-radius:18px;aspect-ratio:1;border:1px solid rgba(94,119,190,.28);background:linear-gradient(185deg,#121422d6,#080914eb);border-bottom:2px solid rgb(6,86,215)}.code-pass-key.is-active{border-color:#3b82f68c;background:linear-gradient(190deg,#2563eb6b,#0f172aeb);box-shadow:0 24px 48px #1e40af73,inset 0 1px #dbeafe38}.code-pass-key:hover .btn-number-code-pass:not(:disabled),.code-pass-key:focus-within .btn-number-code-pass:not(:disabled){color:#fff}.code-pass-key--action{aspect-ratio:auto;padding:clamp(.52rem,1vw,.68rem)}.btn-action-code-pass{grid-column:span 1;font-size:clamp(.85rem,2.6vw,1rem);font-weight:600;text-transform:none;gap:.35rem}.body-container-code-pass>button{display:flex;align-items:center;justify-content:center;min-height:75px;padding:1rem;border:1px solid rgba(94,119,190,.35);border-radius:12px;background:linear-gradient(185deg,#1e293b99,#0f172acc);color:#fffffff0;font-size:clamp(.9rem,2.2vw,1.1rem);font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0003}.body-container-code-pass>button:hover:not(:disabled){border-color:#3b82f699;background:linear-gradient(185deg,#2563eb80,#0f172ae6);box-shadow:0 4px 16px #3b82f64d,0 0 20px #3b82f633;transform:translateY(-2px)}.body-container-code-pass>button:active:not(:disabled){transform:scale(.98) translateY(0);box-shadow:0 2px 8px #3b82f666}.body-container-code-pass>button:disabled{opacity:.35;cursor:not-allowed}.body-container-code-pass.is-disabled{opacity:.6;pointer-events:none}.btn-action-wide{grid-column:span 2}@media(max-width:480px){.container-code-pass{padding:1.5rem}.body-container-code-pass{gap:.75rem;grid-template-columns:repeat(3,minmax(90px,1fr))}.body-container-code-pass>button,.btn-number-code-pass{min-height:65px}.masked-pass{font-size:1.6rem;letter-spacing:.5rem}.btn-number-code-pass{font-size:1.45rem}}.lista-notas-home-container{display:flex;flex-direction:column;gap:clamp(1rem,1.6vw,1.8rem);color:var(--text-strong);font-family:var(--font-sans)}.lista-notas-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.9rem;border-bottom:1px solid rgba(255,255,255,.08)}.lista-notas-header h2{margin:0;font-size:clamp(1.2rem,1.9vw,1.6rem);font-weight:600;letter-spacing:-.02em}.lista-notas-body{display:grid;gap:clamp(.85rem,1.4vw,1.4rem);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.nota-empleado-card-container{display:flex;flex-direction:column;gap:.55rem;min-width:0}.nota-empleado-card-container h2{margin:0;font-size:1.05rem;font-weight:600;letter-spacing:-.01em;color:var(--text-strong)}.nota-empleado-card-container p{margin:0;color:var(--text-muted);font-size:.92rem;line-height:1.55}.nota-empleado-card-container small{color:#9cadc98c;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:500}.home-dashboard{display:grid;grid-template-columns:.6fr 1.3fr 1.1fr}.home-column{display:flex;flex-direction:column;gap:clamp(1.2rem,1.8vw,2rem)}.home-column.wide{min-width:0}.home-column>*{border-radius:22px;background:linear-gradient(160deg,#0e1422eb,#151e34e0);border:1px solid rgba(255,255,255,.04);box-shadow:0 18px 40px #050a1a99;padding:clamp(1.2rem,1.8vw,2rem);position:relative;overflow:hidden}.home-column>*:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 120% -20%,rgba(107,139,253,.16),transparent 55%);opacity:.7;pointer-events:none}.home-column>*:hover{border-color:#6b8bfd59;box-shadow:0 26px 58px #050a1ab8}@media(max-width:1024px){.home-dashboard{grid-template-columns:1fr}.home-column{width:100%}}@media(max-width:640px){.home-dashboard{gap:1.1rem}.home-column>*{border-radius:18px}}.list-category-container{display:flex;flex-direction:column}.list-category-header{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;border-bottom:1px solid rgba(255,255,255,.08);padding:1vh 0}.category-card-container{width:100%;min-width:160px;max-width:220px;box-shadow:0 2px 5px #0000001a;border-radius:8px;padding:.6rem .7rem;font-family:Poppins,sans-serif;border:1px solid #4f4f4f;overflow:hidden;background-color:#1f1f1f;transition:transform .2s,background-color .2s,border .2s;display:flex;flex-direction:column;align-items:center;cursor:pointer;text-align:center;margin:0 auto}.category-card-container h3{margin:0;font-size:1.1rem;font-weight:500;letter-spacing:-.01em;color:var(--text-strong)}.category-card-container:hover{border:2px solid #4174e1;background-color:#232323}.category-card-active{border:2px solid #4174e1;background-color:#262626;transform:translateY(-2px)}.lista-menu-items{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto;flex-wrap:wrap;gap:1rem;padding:1rem}.menu-card{width:100%;flex:1 1 calc(25% - 1rem);box-shadow:0 2px 5px #0000001a;border-radius:8px;padding:1rem;font-family:Poppins,sans-serif;border:1px solid #4f4f4f;overflow:hidden;background-color:#1f1f1f;transition:transform .2s,background-color .2s}.menu-card-active{border:2px solid #4174e1;transform:translateY(-2px);background-color:#262626}.menu-card-title{font-size:1.2rem;font-weight:500;margin-bottom:.1rem}.menu-card-description{font-size:.9rem;color:#d0d0d0;margin-bottom:.5rem}.menu-card-price{font-size:1rem;font-weight:600;color:#4174e1}.lista-productos-comanda{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;max-height:100%;overflow-y:auto}.producto-comanda-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.producto-comanda-item:hover{background:#ffffff0f}.producto-comanda-item.item-added{animation:itemAdded .5s ease-out;background:#4174e126;border-color:#4174e166}@keyframes itemAdded{0%{opacity:0;transform:translate(20px) scale(.95);background:#4174e14d}50%{transform:translate(-5px) scale(1.02)}to{opacity:1;transform:translate(0) scale(1)}}.producto-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.producto-header{display:flex;align-items:center;gap:.5rem}.producto-name{font-weight:600;color:#fff;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.producto-qty{color:#4174e1;font-weight:600;font-size:.85rem}.producto-modifiers{display:flex;flex-wrap:wrap;gap:.25rem}.modifier-tag{font-size:.75rem;color:#fff9;background:#ffffff14;padding:.15rem .5rem;border-radius:4px}.producto-actions{display:flex;align-items:center;gap:.75rem}.qty-controls{display:flex;align-items:center;gap:.25rem;background:#ffffff0d;border-radius:6px;padding:.15rem}.qty-btn{width:26px;height:26px;border:none;background:#ffffff1a;color:#fff;border-radius:4px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .15s}.qty-btn:hover{background:#fff3}.qty-btn:active{transform:scale(.95)}.qty-display{min-width:24px;text-align:center;font-size:.85rem;font-weight:600;color:#fff}.producto-price{font-weight:700;color:#4174e1;font-size:.95rem;min-width:60px;text-align:right}.btn-remove{width:26px;height:26px;border:none;background:#f4433626;color:#f44336;border-radius:4px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .15s}.btn-remove:hover{background:#f443364d}.btn-remove:active{transform:scale(.95)}.ticket{width:350px;margin:32px auto;background:#fff;border-radius:24px;box-shadow:0 4px 24px #0000001a;padding:32px 28px 24px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-size:1.2rem;position:relative}.ticket .imagen{width:100%;display:flex;align-items:center;justify-content:center}.ticket .center{text-align:center;width:100%;font-size:1.44rem}.ticket .bold{font-weight:700;font-size:1.32rem}.ticket .muted{opacity:.85;color:#888;font-size:1.08rem}.ticket .row{display:flex;justify-content:space-between;gap:8px;width:100%;font-size:1.2rem;margin:4px 0}.ticket .left{flex:1 1 auto}.ticket .right{flex:0 0 auto;text-align:right;white-space:nowrap}.ticket hr{border:0;border-top:1.5px dashed #d3d3d3;margin:16px 0;width:100%}.ticket .item{margin:10px 0;width:100%}.ticket .mods,.ticket .note{margin-left:12px;font-size:.96rem}.ticket .imagen{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:12px}.ticket:before,.ticket:after{content:"";display:block;position:absolute;left:0;width:100%;height:16px;background:repeating-radial-gradient(circle at 16px 8px,#fff 0,#fff 7px,transparent 8px,transparent 32px);z-index:1}.ticket:before{top:-16px}.ticket:after{bottom:-16px;transform:rotate(180deg)}.container-comanda{width:100%;height:100%;max-height:100%;display:flex;flex-direction:column;background:#1a1a2e;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 4px 20px #0000004d}.comanda-header{display:flex;justify-content:flex-start;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff08;flex-shrink:0}.comanda-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.comanda-items-count{font-size:.85rem;color:#4174e1;background:#4174e126;padding:.25rem .75rem;border-radius:20px;margin-left:auto}.orden-status{font-size:.75rem;padding:.2rem .6rem;border-radius:20px;font-weight:500}.orden-status-active{color:#22c55e;background:#22c55e26}.orden-comanda{flex:1;padding:1rem;overflow-y:auto;min-height:0}.comanda-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff6;text-align:center;gap:.5rem}.comanda-empty p{margin:0;font-size:1rem}.comanda-empty span{font-size:.85rem}.orden-totales{padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.1);background:#ffffff08;flex-shrink:0}.total-row{display:flex;justify-content:space-between;padding:.3rem 0;font-size:.95rem;color:#fffc}.discount-row{color:#4caf50}.total-final{font-weight:700;font-size:1.2rem;color:#346fec;border-top:1px solid rgba(255,255,255,.1);padding-top:.5rem;margin-top:.3rem}.orden-init-section{padding:1.5rem 1.25rem;display:flex;justify-content:center;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.btn-iniciar-orden{padding:1rem 2rem;border-radius:12px;border:none;background:linear-gradient(135deg,#4174e1,#346fec);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #4174e14d}.btn-iniciar-orden:hover{background:linear-gradient(135deg,#346fec,#2b5cd0);transform:translateY(-2px);box-shadow:0 6px 16px #4174e166}.btn-iniciar-orden:disabled{opacity:.5;cursor:not-allowed;transform:none}.orden-actions{flex-shrink:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.1)}.btn-descuento,.btn-pagar,.btn-limpiar{padding:.75rem 1rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s;font-size:.9rem}.btn-pagar{background:#2b8d2f;color:#fff;grid-column:span 2}.btn-pagar:hover{background:#218838}.btn-descuento{background:#2487ea;color:#fff;border:none}.btn-descuento:hover{background:#1e40af}.btn-limpiar{background:#dc2626;color:#fff;border:none}.btn-limpiar:hover{background:#b91c1c}.btn-descuento:disabled,.btn-pagar:disabled,.btn-limpiar:disabled{opacity:.5;cursor:not-allowed}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#1f1f1f;border-radius:12px;padding:1.5rem;min-width:600px;max-width:600px;position:relative;color:#fff;box-shadow:0 8px 30px #00000080}.modal-content-large{min-width:1300px;max-width:1300px;max-height:95vh;overflow-y:auto;padding:1.5rem;z-index:1001}.modal-content-large .modal-close{top:1rem;right:1rem}.modal-content-large .modal-close svg{width:26px;height:26px}.modal-content-large .modal-title{font-size:1.6rem;margin-bottom:1rem;padding-right:2rem}.modal-content-large .modal-total{padding:.85rem;margin-bottom:1rem;font-size:1rem}.modal-content-large .modal-total-amount{font-size:1.3rem}.modal-content-large .modal-field{margin-bottom:1rem}.modal-content-large .modal-field label{margin-bottom:.5rem;font-size:1rem}.modal-content-large .modal-field input,.modal-content-large .modal-field select{padding:.7rem;font-size:1rem;border-radius:8px}.modal-content-large .modal-actions{gap:.75rem;margin-top:1rem}.modal-content-large .modal-btn{padding:.7rem 1.4rem;font-size:1rem;border-radius:8px}.modal-close{position:absolute;top:.8rem;right:.8rem;background:transparent;border:none;color:#fff;cursor:pointer}.modal-close:hover{color:#4174e1}.modal-title{font-size:1.5rem;margin-bottom:1rem;padding-right:2rem}.modal-total{display:flex;justify-content:space-between;padding:.75rem;background:#2a2a2a;border-radius:6px;margin-bottom:1rem}.modal-total-amount{font-weight:700;font-size:1.2rem;color:#4174e1}.payment-method-selector{margin-bottom:1.4rem}.payment-method-selector>label{display:block;margin-bottom:.6rem;font-size:1.1rem;color:#ccc}.payment-method-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.payment-method-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem 1rem;background:#2a2a2a;border:2px solid #4f4f4f;border-radius:12px;color:#ccc;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.payment-method-btn:hover{border-color:#6b7280;background:#333}.payment-method-btn.active{border-color:#4174e1;background:#4174e126;color:#fff}.payment-method-btn.active svg{color:#4174e1}.modal-field{margin-bottom:1rem}.modal-field label{display:block;margin-bottom:.4rem;font-size:.9rem;color:#ccc}.modal-field input,.modal-field select{width:100%;padding:.6rem;border-radius:6px;border:1px solid #4f4f4f;background:#2a2a2a;color:#fff;font-size:1rem}.modal-field input:focus,.modal-field select:focus{outline:none;border-color:#4174e1}.modal-preview{padding:.75rem;background:#2a2a2a;border-radius:6px;margin-bottom:1rem;font-size:.95rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.modal-btn{padding:.6rem 1.2rem;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:background-color .2s}.modal-btn-cancel{background:#4f4f4f;color:#fff}.modal-btn-cancel:hover{background:#666}.modal-btn-confirm{background:#4174e1;color:#fff}.modal-btn-confirm:hover{background:#5a8df0}.modal-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.modal-cash-section h3{font-size:1.1rem;margin-bottom:.75rem;color:#ccc}.denominations-grid,.denominations-grid-payment{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;max-height:none;overflow-y:visible}.denomination-row{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.08);background-color:#218838}.denomination-row-payment{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.denomination-row label{font-size:.85rem;color:#ccc;text-align:center}.denomination-controls{display:flex;align-items:center;justify-content:center;gap:.3rem}.denomination-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#fff}.denomination-btn svg{width:18px;height:18px}.denomination-btn-minus{background:#dc2626}.denomination-btn-minus:hover:not(:disabled){background:#b91c1c}.denomination-btn-plus{background:#22c55e}.denomination-btn-plus:hover:not(:disabled){background:#16a34a}.denomination-btn:disabled{opacity:.4;cursor:not-allowed}.denomination-count{min-width:32px;text-align:center;font-size:1rem;font-weight:600;color:#fff}.denomination-subtotal{text-align:center;font-size:.85rem;color:#4caf50;font-weight:500}.modal-cash-summary{margin-top:1rem;padding:.85rem;background:#2a2a2a;border-radius:8px}.summary-row{display:flex;justify-content:space-between;padding:.35rem 0;font-size:1rem}.summary-change.positive{color:#275def;font-weight:600}.summary-change.negative{color:#f44336;font-weight:600}.modal-card-section{padding:.75rem 0}.modal-success-payment{width:90%!important;max-width:1020px;text-align:center;padding:2.5rem 1.5rem 1.5rem!important;border-radius:18px;background:#181c2a;box-shadow:0 8px 32px #00000052;display:flex;flex-direction:column;align-items:center}.success-main-amounts{display:flex;flex-direction:row;justify-content:center;gap:2.5rem;margin-bottom:2.2rem;margin-top:1.2rem}.main-amount-block{display:flex;flex-direction:column;align-items:center}.main-amount-value{font-size:2.7rem;font-weight:800;color:#346fec;line-height:1.1}.main-amount-label{font-size:1rem;color:#bfcfff;margin-top:.2rem;font-weight:500;letter-spacing:.01em}.cambio-entregado{color:#cecece}.success-info-cards{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2.2rem;width:100%}.info-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.8rem 1.2rem;min-width:120px;max-width:160px;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 8px #346fec0a}.info-card-label{font-size:.85rem;color:#bfcfff;margin-bottom:.2rem;font-weight:500}.info-card-value{font-size:1.15rem;color:#fff;font-weight:600;word-break:break-all}.success-status{background:#4caf50;color:#fff!important;padding:.18rem .7rem;border-radius:20px;font-size:1rem!important;margin-top:.2rem}.success-actions{width:100%;display:flex;justify-content:center;margin-top:1.5rem}.btn-success-close{background:linear-gradient(135deg,#4174e1,#346fec);color:#fff;border:none;padding:1rem 3rem;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #4174e14d}.btn-success-close:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4174e166}.success-icon{margin-bottom:1rem;animation:successPop .5s ease-out}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.success-title{font-size:2rem;font-weight:700;color:#2472fa;margin:0 0 2rem}.success-details{background:#ffffff0d;border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:left}.success-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.success-row:last-child{border-bottom:none}.success-label{color:#ffffffb3;font-size:1rem}.success-value{color:#fff;font-size:1.1rem;font-weight:600}.success-row-highlight{background:#4caf5026;margin:.5rem -1rem;padding:1rem;border-radius:8px;border-bottom:none}.success-row-highlight .success-label,.success-row-highlight .success-value{font-size:1.2rem}.success-row-highlight .success-value{color:#4caf50}.success-row-change{background:#ffc10726;margin:.5rem -1rem;padding:1rem;border-radius:8px;border-bottom:none}.success-row-change .success-value{color:#ffc107}.success-status{background:#4caf50;color:#fff!important;padding:.25rem .75rem;border-radius:20px;font-size:.9rem!important}.btn-success-close{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:1rem 3rem;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #4caf504d}.btn-success-close:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.product-modal-backdrop{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.product-modal-content{background:#1a1a2e;border-radius:16px;width:90%;max-width:700px;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1)}.product-modal-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.product-modal-close:hover{background:#fff3;color:#ff6b6b}.product-modal-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.product-modal-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:#fff;padding-right:3rem}.product-modal-base-price{font-size:1rem;color:#4174e1;font-weight:500}.product-modal-modifiers{padding:1.5rem}.product-modal-modifiers h3{margin:0 0 1rem;font-size:1.1rem;color:#fffc;font-weight:500}.modifiers-grid{display:flex;flex-direction:column;gap:1.25rem}.modifier-group{background:#ffffff08;border-radius:12px;padding:1rem;border:1px solid rgba(255,255,255,.08)}.modifier-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.modifier-group-name{font-weight:600;color:#fff;font-size:1rem}.modifier-group-type{font-size:.8rem;color:#ffffff80;display:flex;align-items:center;gap:.5rem}.required-badge{background:#ff6b6b;color:#fff;padding:.15rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600}.modifier-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.modifier-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem .5rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s;color:#fff;gap:.25rem}.modifier-option:hover{background:#ffffff1a;border-color:#fff3}.modifier-option.selected{background:#4174e133;border-color:#4174e1}.option-name{font-size:.9rem;font-weight:500;text-align:center}.option-price{font-size:.75rem;color:#2b8d2f}.product-modal-summary{background:#ffffff08;margin:0 1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.summary-header{background:#4174e126;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.summary-header h4{margin:0;font-size:.95rem;color:#4174e1;font-weight:600}.summary-content{padding:1rem}.summary-product{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.summary-product-name{font-weight:600;color:#fff}.summary-product-price{font-weight:700;color:#4174e1;font-size:1.1rem}.summary-modifiers{padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.summary-modifier-row{display:flex;gap:.5rem;font-size:.85rem;color:#ffffffb3;padding:.25rem 0}.summary-modifier-name{color:#ffffff80}.summary-modifier-options{color:#fff}.validation-errors{padding:.75rem 1rem;background:#f4433626;border-top:1px solid rgba(244,67,54,.3);display:flex;flex-direction:column;gap:.25rem}.validation-error{color:#f44336;font-size:.85rem}.product-modal-actions{display:flex;gap:.75rem;padding:1.5rem;justify-content:flex-end}.btn-cancel,.btn-add-product{padding:.85rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background:#ffffff1a;color:#fffc}.btn-cancel:hover{background:#ffffff26;color:#fff}.btn-add-product{background:#4174e1;color:#fff;min-width:160px}.btn-add-product:hover:not(:disabled){background:#5a8eff;transform:translateY(-1px)}.btn-add-product:disabled{opacity:.5;cursor:not-allowed}.menu-page{width:100%;min-height:calc(100vh - 150px);display:grid;grid-template-columns:300px 1fr 380px;gap:1.5rem}.categorias-container{display:flex;flex-direction:column;overflow-y:auto;max-height:calc(100vh - 180px);padding-right:.5rem}.categorias-container::-webkit-scrollbar{width:6px}.categorias-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.categorias-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.categorias-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.productos-container{display:flex;flex-direction:column;overflow-y:auto;max-height:calc(100vh - 180px);padding-right:.5rem}.productos-container::-webkit-scrollbar{width:6px}.productos-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.productos-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.productos-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.menu-right{position:fixed;top:160px;right:2rem;width:380px;height:calc(100vh - 240px);z-index:100}@media(max-width:1024px){.menu-page{grid-template-columns:1fr;height:auto;padding-bottom:420px}.categorias-container{max-height:200px}.productos-container{max-height:none}.menu-right{position:fixed;top:auto;bottom:80px;right:1rem;left:1rem;width:auto;height:380px}}.lista-orders-container{display:flex;flex-direction:column;gap:clamp(1rem,1.6vw,1.8rem);color:var(--text-strong);font-family:var(--font-sans);padding:1.5rem}.lista-orders-header{display:flex;align-items:center;gap:1rem;padding-bottom:.9rem;border-bottom:1px solid rgba(255,255,255,.08)}.lista-orders-header h2{margin:0;font-size:clamp(1.2rem,1.9vw,1.6rem);font-weight:600;letter-spacing:-.02em}.orders-count{color:var(--text-muted);font-size:.9rem;padding:.25rem .75rem;background:#ffffff0d;border-radius:20px}.btn-refresh{margin-left:auto;padding:.5rem 1rem;font-size:.85rem;font-weight:500;color:var(--text-strong);background:#6366f133;border:1px solid rgba(99,102,241,.3);border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-refresh:hover{background:#6366f14d;border-color:#6366f180}.lista-orders-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(.85rem,1.4vw,1.4rem)}@media(max-width:1400px){.lista-orders-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1100px){.lista-orders-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.lista-orders-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.lista-orders-grid{grid-template-columns:1fr}}.lista-orders-loading,.lista-orders-error,.lista-orders-empty{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--text-muted);font-size:1rem}.lista-orders-error{color:#ef4444}.order-card-container{position:relative;display:flex;flex-direction:column;gap:.75rem;padding:1.1rem 1.15rem;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(165deg,#101422db,#090b16eb);box-shadow:0 18px 46px #0206179e,inset 0 1px #ffffff0a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.order-card-container:hover{transform:translateY(-2px);box-shadow:0 22px 50px #020617b3,inset 0 1px #ffffff0f}.order-card-container:before{content:"";position:absolute;inset:-40% -35% auto;height:180%;background:radial-gradient(circle at 25% 25%,rgba(107,139,253,.12),transparent 55%);filter:blur(18px);opacity:.75;pointer-events:none}.order-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.order-number{display:flex;align-items:center;gap:.4rem;font-size:1.1rem;font-weight:700;color:var(--text-strong)}.order-number svg{color:#6366f1cc}.order-status{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .6rem;border-radius:12px}.order-status.status-paid{background:#22c55e33;color:#4ade80}.order-status.status-open{background:#fbbf2433;color:#fbbf24}.order-status.status-cancelled{background:#ef444433;color:#f87171}.order-card-body{display:flex;flex-direction:column;gap:.25rem}.order-items-count{margin:0;font-size:.88rem;color:var(--text-muted)}.order-discount{margin:0;font-size:.8rem;color:#f87171}.order-card-footer{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.05)}.order-total{display:flex;flex-direction:column;gap:.1rem}.order-total-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.order-total-value{font-size:1.2rem;font-weight:700;color:var(--text-strong)}.order-meta{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.78rem}.order-payment-method{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ffffff0d;border-radius:6px}.order-payment-method svg{color:#6366f1cc}.order-time{opacity:.7}.order-card-container.clickable>div{cursor:pointer}.order-card-container.clickable:hover{transform:translateY(-4px);box-shadow:0 24px 60px #020617cc,inset 0 1px #ffffff14}.modal-backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{position:relative;background:linear-gradient(165deg,#141828f5,#0c0e1cfa);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #00000080,inset 0 1px #ffffff0d}.modal-content-reprint{max-width:600px;max-height:95vh}.modal-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-strong);cursor:pointer;transition:all .2s ease;z-index:10}.modal-close:hover{background:#ffffff1a;transform:scale(1.05)}.modal-title{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:var(--text-strong);text-align:center}.reprint-preview-container{background:#fff;padding:20px;margin:20px 0;border-radius:12px;max-height:65vh;overflow-y:auto;box-shadow:0 4px 12px #0000001a,inset 0 0 0 1px #0000000d}.reprint-preview-container::-webkit-scrollbar{width:8px}.reprint-preview-container::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.reprint-preview-container::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.reprint-preview-container::-webkit-scrollbar-thumb:hover{background:#0000004d}.reprint-info{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;margin:1.5rem 0}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.info-label{font-size:.9rem;color:var(--text-muted);font-weight:500}.info-value{font-size:1rem;color:var(--text-strong);font-weight:600}.reprint-preview{background:#fff;padding:20px;margin:20px 0;border-radius:12px;max-height:60vh;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.reprint-loading,.reprint-error{text-align:center;padding:40px 20px;color:var(--text-muted)}.reprint-error{color:#ef4444}.btn-retry{margin-top:16px;padding:8px 16px;background:#6366f133;border:1px solid rgba(99,102,241,.3);color:var(--text-strong);border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.btn-retry:hover{background:#6366f14d;border-color:#6366f180}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.modal-btn{padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;border:none}.modal-btn-cancel{background:#ffffff0d;color:var(--text-muted);border:1px solid rgba(255,255,255,.1)}.modal-btn-cancel:hover{background:#ffffff14;color:var(--text-strong)}.modal-btn-confirm{background:#6366f133;color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.modal-btn-confirm:hover{background:#6366f14d;color:#c7d2fe;border-color:#6366f180}.inventory-page{padding:1rem;width:100%;box-sizing:border-box}.inventory-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.inventory-header h1{margin:0;font-size:1.8rem;font-weight:600;color:#fff}.inventory-count{font-size:.9rem;color:#fff9;background:#ffffff1a;padding:.4rem .8rem;border-radius:20px}.inventory-table-container{padding:1.5rem;width:100%;box-sizing:border-box;overflow:visible}.inventory-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#ffffff80;text-align:center}.inventory-empty p{font-size:1.2rem;margin:0 0 .5rem}.inventory-empty span{font-size:.9rem}.inventory-table{width:100%;border-collapse:collapse}.inventory-table thead{border-bottom:1px solid rgba(255,255,255,.1)}.inventory-table th{text-align:left;padding:1rem .75rem;font-size:.85rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.inventory-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background-color .2s ease}.inventory-table tbody tr:hover{background-color:#ffffff0d}.inventory-table tbody tr:last-child{border-bottom:none}.inventory-table td{padding:1rem .75rem;font-size:.95rem;color:#ffffffd9}.ingredient-name{font-weight:500;color:#fff!important}.ingredient-stock{font-weight:600;font-variant-numeric:tabular-nums}.ingredient-unit{color:#fff9!important}.ingredient-min{font-variant-numeric:tabular-nums}.status-badge{display:inline-block;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.status-ok{background:#22c55e33;color:#22c55e}.status-low{background:#ef444433;color:#ef4444}.inventory-table tbody tr.low-stock{background-color:#ef44440d}.inventory-table tbody tr.low-stock:hover{background-color:#ef44441a}.inventory-loading,.inventory-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#fff9;text-align:center}.inventory-error p{color:#ef4444;margin-bottom:1rem}.btn-retry{padding:.75rem 1.5rem;background:var(--accent, #6366f1);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-retry:hover{filter:brightness(1.1);transform:translateY(-2px)}@media(max-width:768px){.inventory-header{flex-direction:column;align-items:flex-start;gap:1rem}.inventory-table th,.inventory-table td{padding:.75rem .5rem;font-size:.85rem}.inventory-table th{font-size:.75rem}}.notas-page{padding:1rem}.notas-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.notas-header h1{margin:0;font-size:1.8rem;font-weight:600;color:#fff}.notas-count{font-size:.9rem;color:#fff9;background:#ffffff1a;padding:.4rem .8rem;border-radius:20px}.btn-add-nota{display:flex;align-items:center;gap:.5rem;margin-left:auto;padding:.75rem 1.25rem;background:var(--accent, #6366f1);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-add-nota:hover{filter:brightness(1.1);transform:translateY(-2px)}.notas-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem}.notas-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#ffffff80;text-align:center}.notas-empty p{font-size:1.2rem;margin:0 0 .5rem}.notas-empty span{font-size:.9rem}.nota-card{display:flex;flex-direction:column;padding:1.25rem;min-height:180px}.nota-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.nota-title{margin:0;font-size:1.1rem;font-weight:600;color:#fff;line-height:1.3}.nota-pinned{font-size:1rem;margin-left:.5rem}.nota-body{flex:1;margin:0;font-size:.9rem;color:#ffffffbf;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.nota-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.nota-author{font-size:.8rem;color:#ffffff80}.nota-date{font-size:.75rem;color:#fff6}.modal-nota{max-width:500px;width:90%}.modal-nota textarea{width:100%;padding:.75rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:.95rem;font-family:inherit;resize:vertical;min-height:100px}.modal-nota textarea:focus{outline:none;border-color:var(--accent, #6366f1)}.modal-nota textarea::placeholder{color:#fff6}.modal-field-checkbox{flex-direction:row!important}.modal-field-checkbox label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;color:#fffc}.modal-field-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent, #6366f1)}@media(max-width:1400px){.notas-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1100px){.notas-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.notas-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.notas-grid{grid-template-columns:1fr}}.shift-modal-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shift-modal-content{background:var(--surface, #1a1a2e);border-radius:16px;width:90%;max-width:420px;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1)}.shift-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.shift-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-strong, #fff)}.shift-modal-close{background:transparent;border:none;color:var(--text-muted, #888);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.shift-modal-close:hover{background:#ffffff1a;color:var(--text-strong, #fff)}.shift-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.shift-form-group{display:flex;flex-direction:column;gap:.5rem}.shift-form-group label{font-size:.875rem;font-weight:500;color:var(--text-muted, #aaa)}.shift-input,.shift-textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:.875rem 1rem;font-size:1rem;color:var(--text-strong, #fff);transition:all .2s}.shift-input:focus,.shift-textarea:focus{outline:none;border-color:var(--accent, #6366f1);background:#ffffff14}.shift-input::placeholder,.shift-textarea::placeholder{color:#ffffff4d}.shift-textarea{resize:vertical;min-height:80px;font-family:inherit}.shift-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.75rem 1rem;border-radius:8px;font-size:.875rem}.shift-modal-footer{display:flex;gap:.75rem;padding:1rem 1.5rem 1.5rem;justify-content:flex-end}.shift-btn-cancel,.shift-btn-submit{padding:.75rem 1.5rem;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.shift-btn-cancel{background:#ffffff1a;color:var(--text-muted, #aaa)}.shift-btn-cancel:hover:not(:disabled){background:#ffffff26;color:var(--text-strong, #fff)}.shift-btn-submit{background:var(--accent, #6366f1);color:#fff}.shift-btn-submit:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.shift-btn-cancel:disabled,.shift-btn-submit:disabled{opacity:.5;cursor:not-allowed}.close-shift-modal{min-width:1700px;max-width:1700px;max-height:90vh;overflow-y:auto;padding:0}.modal-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.1);text-align:center}.modal-header h2{margin:0;font-size:1.75rem;font-weight:600;color:#fff}.modal-header p{margin:0;font-size:.9rem;color:#fff9}.close-shift-form{padding:2rem}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.form-column-left,.form-column-right{display:flex;flex-direction:column;gap:0}.form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.form-section:last-of-type{border-bottom:none}.form-section h3{margin:0 0 1rem;font-size:1.2rem;font-weight:600;color:#fff}.section-description{margin:0 0 1rem;font-size:.85rem;color:#fff9}.denominations-grid-turn{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.denomination-row{display:grid;grid-template-columns:120px 1fr 120px;gap:1rem;align-items:center;padding:.75rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.08);transition:all .2s}.denomination-row:hover{background:#ffffff0d;border-color:#4174e14d}.denomination-label{font-size:.95rem;font-weight:600;color:#fff}.denomination-controls{display:flex;align-items:center;gap:.5rem;justify-content:center}.qty-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#4174e126;border:1px solid rgba(65,116,225,.3);border-radius:6px;color:#4174e1;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .2s;padding:0;line-height:1}.qty-btn:hover:not(:disabled){background:#4174e14d;border-color:#4174e1;transform:scale(1.05)}.qty-btn:active:not(:disabled){transform:scale(.95)}.qty-btn:disabled{opacity:.3;cursor:not-allowed}.qty-btn-minus{background:#ef444426;border-color:#ef44444d;color:#ef4444}.qty-btn-minus:hover:not(:disabled){background:#ef44444d;border-color:#ef4444}.qty-btn-plus{background:#22c55e26;border-color:#22c55e4d;color:#22c55e}.qty-btn-plus:hover:not(:disabled){background:#22c55e4d;border-color:#22c55e}.denomination-input{width:70px;padding:.5rem;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-size:.9rem;text-align:center;transition:all .2s;flex-shrink:0}.denomination-input:focus{outline:none;border-color:#4174e1;background:#0006}.denomination-input::placeholder{color:#ffffff4d}.denomination-subtotal{font-size:.9rem;color:#4174e1;font-weight:600;text-align:right}.total-counted{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#4174e126,#346fec26);border:1px solid rgba(65,116,225,.3);border-radius:12px;font-size:1.1rem;font-weight:600;color:#fff}.total-amount{font-size:1.5rem;color:#4174e1}.carry-over-input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.carry-over-input-group label{font-size:.9rem;font-weight:500;color:#fffc}.carry-over-input{padding:.75rem 1rem;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:1rem;transition:all .2s}.carry-over-input:focus{outline:none;border-color:#4174e1;background:#0006}.textarea-input{width:100%;padding:.75rem 1rem;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:.95rem;font-family:inherit;resize:vertical;transition:all .2s}.textarea-input:focus{outline:none;border-color:#4174e1;background:#0006}.textarea-input::placeholder{color:#ffffff4d}.carry-over-presets{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.carry-over-presets span{font-size:.85rem;color:#fff9;font-weight:500}.preset-btn{padding:.5rem 1rem;background:#4174e126;border:1px solid rgba(65,116,225,.3);border-radius:6px;color:#4174e1;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.preset-btn:hover:not(:disabled){background:#4174e140;border-color:#4174e1;transform:translateY(-1px)}.preset-btn:disabled{opacity:.4;cursor:not-allowed}.final-summary{padding:1.5rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.summary-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.95rem;color:#fffc;border-bottom:1px solid rgba(255,255,255,.05)}.summary-row:last-child{border-bottom:none}.summary-total{font-size:1.1rem;font-weight:700;color:#fff;padding-top:1rem;margin-top:.5rem;border-top:2px solid rgba(255,255,255,.15)}.summary-total span:last-child{color:#22c55e;font-size:1.3rem}.modal-actions{display:flex;justify-content:center;gap:1rem;margin-top:0;padding:0 2rem}.btn-cancel,.btn-submit{min-width:200px;padding:.875rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-cancel:hover:not(:disabled){background:#ffffff26}.btn-submit{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}.btn-cancel:disabled,.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.shift-info-footer{padding:1rem 2rem;background:#ffffff08;border-top:1px solid rgba(255,255,255,.1);text-align:center}.shift-info-footer small{font-size:.75rem;color:#ffffff80;font-family:Courier New,monospace}.close-shift-modal::-webkit-scrollbar{width:8px}.close-shift-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.close-shift-modal::-webkit-scrollbar-thumb{background:#4174e180;border-radius:10px}.close-shift-modal::-webkit-scrollbar-thumb:hover{background:#4174e1b3}@media(max-width:1400px){.close-shift-modal{min-width:95%;max-width:95%}.form-columns{grid-template-columns:1fr;gap:1rem}.denominations-grid-turn{grid-template-columns:1fr 1fr 1fr 1fr}}@media(max-width:768px){.close-shift-modal{max-width:95%;max-height:95vh}.form-columns{grid-template-columns:1fr}.denominations-grid-turn{grid-template-columns:1fr 1fr}.denomination-row{grid-template-columns:90px 1fr 100px;gap:.5rem;padding:.5rem}.denomination-label{font-size:.85rem}.denomination-controls{gap:.25rem}.qty-btn{width:28px;height:28px;font-size:1rem}.denomination-input{width:60px;padding:.4rem;font-size:.85rem}.modal-actions{flex-direction:column;align-items:stretch}.btn-cancel,.btn-submit{width:100%}.carry-over-presets{justify-content:center}}.turno-page{width:100%;height:100%;padding:2rem;overflow-y:auto;background:transparent}.turno-header{margin-bottom:2rem;text-align:center}.turno-header h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.turno-header p{margin:0;font-size:1rem;color:#ffffffb3}.turno-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1.5rem}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#4174e1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.turno-loading p{color:#ffffffb3;font-size:1rem}.turno-content{max-width:80%;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.turno-status-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.status-card-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.status-card-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#fff}.status-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem}.status-badge-active{background:#22c55e26;color:#22c55e}.status-badge-inactive{background:#ef444426;color:#ef4444}.status-card-body{padding:2rem}.status-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.status-info-item{display:flex;gap:1rem;padding:1rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.08);transition:all .3s}.status-info-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#4174e1,#346fec);border-radius:12px;color:#fff;flex-shrink:0}.status-info-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.status-info-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;font-weight:600}.status-info-value{font-size:.95rem;color:#fff;font-weight:500;word-break:break-word}.status-device-info{margin-top:2rem;padding:1.5rem;background:#ffffff08;border-radius:12px}.status-device-info h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#4174e1}.device-info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.device-info-row:last-child{border-bottom:none}.device-label{font-size:.9rem;color:#fff9;font-weight:500}.device-value{font-size:.9rem;color:#fff;font-weight:600}.device-id{font-family:Courier New,monospace;font-size:.8rem;color:#4174e1;word-break:break-all}.status-card-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;gap:1rem}.status-card-empty p{margin:0;font-size:1.2rem;color:#ffffffb3;font-weight:500}.status-card-empty span{font-size:.95rem;color:#fff6}.turno-actions{display:flex;justify-content:center;gap:1rem}.btn-turno{display:flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #0003}.btn-turno:disabled{opacity:.5;cursor:not-allowed}.btn-turno-open{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.btn-turno-open:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px);box-shadow:0 6px 16px #22c55e66}.btn-turno-close{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-turno-close:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}@media(max-width:768px){.turno-page{padding:1rem}.turno-header h1{font-size:1.5rem}.status-info-grid{grid-template-columns:1fr}.btn-turno{width:100%;justify-content:center}.status-card-header{flex-direction:column;gap:1rem;align-items:flex-start}}.barcode-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.barcode-modal-container{width:90%;max-width:550px;max-height:70vh;display:flex;flex-direction:column;border-radius:18px}.liquid-glass-modal{background:none!important;border:none!important;box-shadow:none!important}.barcode-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#1f1f1f,#000)}.barcode-modal-header .modal-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.btn-close-modal{background:#fff3;border:none;color:#fff;font-size:1.8rem;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-close-modal:hover{background:#ffffff4d}.barcode-modal-content{padding:32px 24px;color:#fff;overflow-y:auto;flex:1}.scanner-idle-view{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.barcode-icon{font-size:5rem;color:#667eea;margin-bottom:24px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.instruction-text{font-size:1.25rem;color:#fff;font-weight:500;margin-bottom:24px}.barcode-input{width:100%;max-width:400px;padding:14px 16px;font-size:1rem;border:2px solid transparent;border-radius:8px;text-align:center;transition:all .2s;margin-bottom:12px}.barcode-input:focus{outline:none;border-color:#011882;box-shadow:0 0 0 3px #764ba233}.help-text{font-size:.9rem;color:#a5a5a5;margin-top:8px}.scanner-processing-view{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.spinner-loader{width:60px;height:60px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:24px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.processing-text{font-size:1.25rem;color:#333;font-weight:500;margin-bottom:8px}.processing-subtext{font-size:.95rem;color:#666}.scanner-details-view{display:flex;flex-direction:column;gap:24px}.details-header{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:2px solid #e0e0e0}.success-icon{font-size:2.5rem;color:#10b981}.details-title{font-size:1.5rem;color:#333;font-weight:600;margin:0}.details-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.details-column-left,.details-column-right{display:flex;flex-direction:column;gap:20px}.details-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.section-title{font-size:1.1rem;color:#374151;font-weight:600;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.info-card{display:flex;flex-direction:column;gap:12px}.info-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e5e7eb}.info-row:last-child{border-bottom:none}.info-label{font-size:.9rem;color:#6b7280;font-weight:500}.info-value{font-size:1rem;color:#111827;font-weight:600;text-align:right}.stamps-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:16px;font-size:.95rem}.no-prizes-message{text-align:center;padding:40px 20px;color:#9ca3af;font-size:.95rem}.prizes-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto}.prize-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s}.prize-card:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26}.prize-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.prize-label{font-size:1rem;font-weight:600;color:#111827}.prize-type{font-size:.75rem;padding:4px 8px;border-radius:12px;font-weight:500;text-transform:uppercase}.prize-type-upgrade{background:#dbeafe;color:#1e40af}.prize-type-free_product{background:#d1fae5;color:#065f46}.prize-type-percentage_discount{background:#fef3c7;color:#92400e}.prize-type-fixed_discount{background:#fee2e2;color:#991b1b}.prize-value{font-size:.9rem;color:#6b7280;margin-bottom:8px}.prize-meta{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:#9ca3af;margin-bottom:12px}.prize-date{color:#6b7280}.prize-expires{color:#dc2626;font-weight:500}.btn-redeem-prize{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 16px;font-size:.9rem;font-weight:600;border-radius:6px;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-redeem-prize:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-redeem-prize:disabled{opacity:.6;cursor:not-allowed;transform:none}.stamp-success-message{display:flex;align-items:center;gap:8px;padding:12px;background:#d1fae5;border:1px solid #10b981;border-radius:6px;color:#065f46;font-size:.9rem;font-weight:500}.stamp-success-message .stamp-icon{font-size:1.2rem;color:#10b981}.prize-unlocked{margin-left:auto;font-weight:600;color:#f59e0b}.stamp-error-message{display:flex;align-items:center;gap:8px;padding:12px;background:#fee2e2;border:1px solid #ef4444;border-radius:6px;color:#991b1b;font-size:.9rem;font-weight:500}.stamp-error-message .stamp-icon{font-size:1.2rem;color:#ef4444}.details-actions{display:flex;flex-direction:column;gap:12px;margin-top:8px;padding-top:20px;border-top:2px solid #e5e7eb}.btn-scan-another{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 24px;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s}.btn-scan-another:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.redeem-success{color:#065f46;font-size:1rem;font-weight:600;text-align:center;margin:0;padding:14px;background:#d1fae5;border:2px solid #10b981;border-radius:8px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.redeem-error{color:#ef4444;font-size:.9rem;text-align:center;margin:0;padding:12px;background:#fee2e2;border:1px solid #ef4444;border-radius:6px}.scanner-error-view{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.error-icon{font-size:5rem;color:#ef4444;margin-bottom:24px}.error-title{font-size:1.5rem;color:#333;font-weight:600;margin-bottom:12px}.error-message{font-size:1.1rem;color:#6b7280;margin-bottom:8px}.error-hint{font-size:.95rem;color:#9ca3af;margin-bottom:24px}.btn-try-again{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 32px;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-try-again:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@media(max-width:768px){.barcode-modal-container{width:95%;max-height:95vh}.barcode-modal-header{padding:16px 20px}.barcode-modal-header .modal-title{font-size:1.25rem}.barcode-modal-content{padding:24px 20px}.instruction-text{font-size:1.1rem}.barcode-icon{font-size:4rem}.details-columns{grid-template-columns:1fr}.prizes-list{max-height:300px}}@media(max-width:1024px){.details-columns{grid-template-columns:1fr}}.qr-page{padding:2rem;max-width:1200px;margin:0 auto}.qr-page-header{text-align:center;margin-bottom:3rem}.qr-page-title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .5rem}.qr-page-subtitle{font-size:1rem;color:#fff9;margin:0}.qr-page-content{display:flex;flex-direction:row;align-items:center;gap:2rem}.qr-scan-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:3rem 2rem;text-align:center;max-width:500px;width:100%}.qr-scan-icon{font-size:5rem;color:#4174e1;margin-bottom:1.5rem;display:inline-block}.qr-scan-card h2{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 1rem}.qr-scan-card p{font-size:.95rem;color:#ffffffb3;margin:0 0 2rem;line-height:1.6}.qr-scan-btn{padding:1rem 2rem;background:linear-gradient(135deg,#4174e1,#346fec);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.75rem}.qr-scan-btn:hover{background:linear-gradient(135deg,#346fec,#2563eb);transform:translateY(-2px);box-shadow:0 8px 16px #4174e166}.qr-scan-btn:active{transform:translateY(0)}.qr-info-section{display:flex;flex-direction:column;gap:1.5rem;width:80%}.qr-info-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem 1.2rem;width:100%;margin:0 auto}.qr-info-card-icon{font-size:2rem;color:#4174e1;margin-bottom:1rem}.qr-info-card h3{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 .5rem}.qr-info-card p{font-size:.9rem;color:#fff9;margin:0;line-height:1.5}@media(max-width:768px){.qr-page{padding:1.5rem}.qr-page-title{font-size:1.5rem}.qr-scan-card{padding:2rem 1.5rem}.qr-scan-icon{font-size:4rem}.qr-info-section{grid-template-columns:1fr}}.layout-container{position:relative;display:flex;flex-direction:column;min-height:100vh;width:100%;padding:2rem 1rem}.layout-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:transparent;border-radius:22px}.header-main{display:flex;align-items:center;gap:clamp(1rem,2vw,2.2rem);min-width:0}.header-logo{width:clamp(64px,8vw,84px);height:auto;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(0,0,0,.6))}.header-summary{display:flex;flex-direction:column;gap:.5rem}.header-overline{font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:#ffffff8c}.header-title{margin:0;font-size:clamp(1.6rem,2.4vw,2.1rem);font-weight:600;letter-spacing:-.01em;color:var(--text-strong)}.header-info{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;min-width:160px}.header-time{font-family:DM Mono,Space Mono,SFMono-Regular,monospace;font-size:clamp(1.2rem,2vw,1.5rem);letter-spacing:.18em;color:var(--accent)}.header-date{font-size:.9rem;color:var(--text-muted);text-transform:capitalize}.layout-content{flex:1;margin-top:2rem}.header-shift{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.shift-label{font-size:.9rem;color:var(--text-muted, #aaa);white-space:nowrap;padding:.5rem 1rem;border-radius:8px;transition:all .2s}.shift-label-active{background:#22c55e;color:#fff;font-weight:500}.shift-label-inactive{background:#ef444426;color:#ef4444;font-weight:500}.btn-open-shift{background:var(--accent, #6366f1);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-open-shift:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-open-shift:disabled{opacity:.5;cursor:not-allowed;background:#fff3}.btn-close-shift{background:#dc2626;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-close-shift:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-close-shift:disabled{opacity:.5;cursor:not-allowed}@media(max-width:900px){.layout-header{flex-direction:column;align-items:flex-start}.header-info{align-items:flex-start}}@media(max-width:600px){.layout-container{padding:1rem}.layout-header{padding:1.2rem 1.4rem}}.bottom-navbar{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);width:60%;z-index:1000}.navbar-container{display:flex;align-items:center;justify-content:center;gap:2rem;padding:1.5vh 2vh;width:100%;background:#141423a6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 8px 32px #0006}.nav-btn{display:flex;flex-direction:row;align-items:center;gap:.5rem;padding:.6rem 3rem;background:transparent;border:none;border-radius:10px;color:#ffffff8c;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.nav-btn:hover{color:#ffffffe6;background:#ffffff14}.nav-btn-active{color:#fff}.nav-btn-active:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--accent, #6366f1);border-radius:2px}.nav-btn-active:hover{color:#fff;background:transparent}.layout-container{padding-bottom:6rem}.button-logout{padding:.45rem 1.3rem;border-radius:999px;border:1px solid #4f4f4f;background-color:transparent;color:#fff;font-weight:600;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .15s ease}.button-logout:hover{background-color:#4174e1;border-color:#4174e1;color:#fff;transform:translateY(-1px)}.button-logout:active{transform:translateY(0)}.button-logout:disabled{opacity:.6;cursor:not-allowed}.staff-card-modal-container{padding:1rem;border-radius:12px;transition:all .2s;border:2px solid transparent}.staff-card-modal-container:hover{transform:translateY(-2px);border-color:#6b8bfd4d}.staff-card-modal-container.selected{border-color:#6b8bfdcc;background:#6b8bfd26}.staff-card-modal-content{display:flex;flex-direction:column;gap:.5rem}.staff-name{color:#fff;font-size:1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-role{color:#6b8bfde6;font-size:.875rem;font-weight:500;margin:0;text-transform:capitalize}.staff-email{color:#fff9;font-size:.8rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-clock-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.time-clock-modal-content{background:linear-gradient(160deg,#0e1422fa,#151e34f2);border:1px solid rgba(107,139,253,.25);border-radius:24px;padding:2rem;max-width:95vw;width:1400px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #050a1acc;animation:slideUp .3s ease-out;position:relative}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.time-clock-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.time-clock-modal-header h2{color:#fff;font-size:1.8rem;font-weight:600;margin:0}.time-clock-close-btn{background:#ffffff1a;border:none;color:#fff;font-size:1.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .2s}.time-clock-close-btn:hover{background:#ef44444d;transform:scale(1.1)}.time-clock-modal-body{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.time-clock-users-section{grid-column:1 / -1;margin-bottom:1rem}.time-clock-users-section h3{color:#ffffffe6;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.time-clock-users-scroll{display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden;padding:.5rem 0;scroll-behavior:smooth}.time-clock-users-scroll::-webkit-scrollbar{height:8px}.time-clock-users-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.time-clock-users-scroll::-webkit-scrollbar-thumb{background:#6b8bfd66;border-radius:4px}.time-clock-users-scroll::-webkit-scrollbar-thumb:hover{background:#6b8bfd99}.time-clock-user-card{min-width:220px;flex-shrink:0}.time-clock-notes-section{display:flex;flex-direction:column;gap:1rem}.time-clock-notes-section label{color:#ffffffe6;font-size:1rem;font-weight:500}.time-clock-notes-input{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:1rem;color:#fff;font-size:1rem;transition:all .2s}.time-clock-notes-input:focus{outline:none;border-color:#6b8bfd80;background:#ffffff1f}.time-clock-notes-input::placeholder{color:#fff6}.time-clock-quick-notes{display:flex;gap:1rem}.quick-note-btn{flex:1;background:#6b8bfd26;border:1px solid rgba(107,139,253,.3);border-radius:12px;padding:.875rem 1rem;color:#ffffffd9;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.quick-note-btn:hover{background:#6b8bfd40;border-color:#6b8bfd80;transform:translateY(-2px)}.quick-note-btn.active{background:#6b8bfd66;border-color:#6b8bfdb3;color:#fff}.quick-note-btn:disabled{opacity:.5;cursor:not-allowed}.time-clock-pin-section{display:flex;justify-content:center;align-items:center}.time-clock-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.time-clock-cancel-btn,.time-clock-register-btn{padding:.875rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.time-clock-cancel-btn{background:#ffffff1a;color:#ffffffd9}.time-clock-cancel-btn:hover{background:#ffffff26;transform:translateY(-2px)}.time-clock-register-btn{background:linear-gradient(135deg,#6b8bfd,#5a7aed);color:#fff}.time-clock-register-btn:hover:not(:disabled){background:linear-gradient(135deg,#7b9bff,#6a8afd);transform:translateY(-2px);box-shadow:0 8px 24px #6b8bfd66}.time-clock-register-btn:disabled{opacity:.5;cursor:not-allowed}.time-clock-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.time-clock-floating-btn{position:fixed;bottom:2rem;left:2rem;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#6b8bfd,#5a7aed);border:none;color:#fff;font-size:2rem;cursor:pointer;transition:all .3s;z-index:1000;display:flex;align-items:center;justify-content:center}.time-clock-floating-btn:hover{transform:scale(1.05);background:linear-gradient(135deg,#648bfe,#3d65f7)}.time-clock-floating-btn:active{transform:scale(1.05) translateY(-2px)}@media(max-width:1024px){.time-clock-modal-body{grid-template-columns:1fr}.time-clock-modal-content{width:95vw;padding:1.5rem}.time-clock-floating-btn{width:56px;height:56px;font-size:1.75rem;bottom:1.5rem;left:1.5rem}}@media(max-width:640px){.time-clock-quick-notes{flex-direction:column}.time-clock-modal-footer{flex-direction:column-reverse}.time-clock-cancel-btn,.time-clock-register-btn{width:100%}}.on-screen-keyboard{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:linear-gradient(135deg,#141428fa,#1e1e32fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -4px 30px #00000080;padding:16px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.keyboard-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.keyboard-row{display:flex;justify-content:center;gap:8px}.keyboard-row-numeric{justify-content:center}.keyboard-row-actions{margin-top:4px}.keyboard-key{flex:1;min-width:50px;height:56px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,#3c3c5ae6,#282846e6);border:1px solid rgba(255,255,255,.15);border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;user-select:none;-webkit-user-select:none;touch-action:manipulation}.keyboard-key:hover{background:linear-gradient(135deg,#46466ef2,#32325af2);border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #0006}.keyboard-key:active{transform:translateY(0);box-shadow:0 1px 4px #0000004d;background:linear-gradient(135deg,#323250f2,#1e1e3cf2)}.keyboard-key-letter{max-width:80px;text-transform:uppercase}.keyboard-key-number{max-width:140px;font-size:24px;height:70px}.keyboard-key-space{flex:3;max-width:none}.keyboard-key-action{max-width:120px;background:linear-gradient(135deg,#503c78e6,#3c2864e6)}.keyboard-key-action:hover{background:linear-gradient(135deg,#64508cf2,#503c78f2)}.keyboard-key-close{max-width:120px;background:linear-gradient(135deg,#b43c3ce6,#962828e6)}.keyboard-key-close:hover{background:linear-gradient(135deg,#c85050f2,#aa3c3cf2)}@media(max-width:768px){.keyboard-key{min-width:40px;height:48px;font-size:16px}.keyboard-key-number{height:60px;font-size:20px}.keyboard-container{gap:8px}.keyboard-row{gap:6px}}@media(max-width:480px){.keyboard-key{min-width:32px;height:44px;font-size:14px}.keyboard-key-number{height:56px;font-size:18px}}