.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem;background:var(--bg)}.login-card{background:#111418;border:1px solid var(--line);border-radius:16px;padding:2rem;width:100%;max-width:400px}.login-card h1{text-align:center;font-size:2rem;margin-bottom:.5rem;color:var(--accent)}.login-card h2{text-align:center;font-size:1.25rem;color:var(--muted);font-weight:400;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--muted);font-size:.875rem}.form-group input,.form-group select{width:100%;padding:.75rem;background:#0e1116;border:1px solid var(--line);border-radius:10px;color:var(--fg);font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent)}.error{background:#ef44441a;border:1px solid var(--warn);color:var(--warn);padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.btn-primary{width:100%;padding:.875rem;background:var(--accent);color:#000;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background:#5eead4}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.dialog-content{background:#0c0f13;border:1px solid var(--line);border-radius:12px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid var(--line)}.dialog-header h2{margin:0;font-size:1.25rem}.dialog-subtitle{margin:.5rem 0 0;font-size:.875rem;color:var(--muted)}.btn-close{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:.5rem;border-radius:6px}.btn-close:hover{background:#ffffff0d;color:var(--fg)}.dialog-body{flex:1;overflow:hidden;display:flex;min-height:0}.lineas-panel{flex:1;overflow-y:auto;padding:1.25rem 1.5rem;min-width:0}.teclado-panel{width:186px;min-width:186px;padding:1rem .875rem;border-left:1px solid var(--line);display:flex;flex-direction:column;align-items:stretch}.teclado-numerico{display:flex;flex-direction:column;gap:.5rem;width:100%}.teclado-label{text-align:center;font-size:.875rem;color:var(--muted);padding:.4rem .5rem;border:1px solid var(--line);border-radius:6px;background:#ffffff08;min-height:2rem;display:flex;align-items:center;justify-content:center}.teclado-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.375rem}.teclado-grid-2col{grid-template-columns:repeat(2,1fr)}.teclado-btn{aspect-ratio:1;background:#ffffff12;border:1px solid var(--line);border-radius:8px;color:var(--fg);font-size:1.65rem;font-weight:600;cursor:pointer;transition:background .1s,transform .07s;min-height:52px;display:flex;align-items:center;justify-content:center}.teclado-btn:hover:not(:disabled){background:#ffffff21}.teclado-btn:active:not(:disabled){background:var(--accent);color:#000;transform:scale(.94)}.teclado-btn:disabled{opacity:.25;cursor:not-allowed}.teclado-btn-back{font-size:1rem;background:#ef44441a;border-color:#ef444466;color:#ef4444}.teclado-btn-back:hover:not(:disabled){background:#ef444433}.teclado-btn-clear{font-size:.8rem;letter-spacing:.03em;color:var(--muted)}.teclado-btn-comma{font-size:1.4rem;font-weight:700;color:var(--accent);border-color:#34d39966;background:#34d39912}.teclado-btn-full{width:100%;aspect-ratio:unset;padding:.5rem;min-height:40px;margin-top:.25rem;font-size:.875rem}.input-activo{border-color:var(--accent)!important;box-shadow:0 0 0 2px #34d39940}.tabla-wrapper{overflow-x:auto;margin-bottom:1rem}.tabla-lineas{width:100%;border-collapse:collapse}.tabla-lineas th{text-align:left;padding:.75rem .5rem;border-bottom:1px solid var(--line);color:var(--muted);font-size:1rem;font-weight:600}.tabla-lineas td{padding:1rem .5rem;border-bottom:1px solid var(--line);vertical-align:middle;font-size:1.15rem}.input-cantidad{width:100%;padding:.625rem .5rem;background:#0e1116;border:1px solid var(--line);border-radius:6px;color:var(--fg);text-align:center;font-size:1.5rem;font-weight:600;transition:border-color .15s,box-shadow .15s}.select-producto{width:100%;padding:.625rem .5rem;background:#0e1116;border:1px solid var(--line);border-radius:6px;color:var(--fg);font-size:1.15rem}.btn-icon-danger{background:transparent;border:1px solid var(--warn);color:var(--warn);padding:.5rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-icon-danger:hover{background:#ef44441a}.btn-add-linea{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:transparent;border:1px dashed var(--line);border-radius:8px;color:var(--muted);cursor:pointer;font-size:.875rem}.btn-add-linea:hover{border-color:var(--accent);color:var(--accent)}.dialog-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem;border-top:1px solid var(--line);flex-wrap:wrap}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--accent);color:#000;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:.875rem}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--fg);cursor:pointer;font-size:.875rem}.btn-secondary:hover{background:#ffffff0d}.btn-danger{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#ef44441a;border:1px solid var(--warn);border-radius:8px;color:var(--warn);cursor:pointer;font-size:.875rem}.btn-danger:hover{background:#ef444433}@media (max-width: 768px){.dialog-content{max-height:95vh}.dialog-footer{flex-direction:column}.dialog-footer button{width:100%;justify-content:center}}@media (max-width: 480px){.teclado-panel{display:none}}@media (max-width: 820px){.dialog-overlay{padding:0}.dialog-content{border-radius:0;max-height:100vh;height:100vh}.dialog-header{padding:.75rem 1rem}.dialog-header h2{font-size:1rem}.teclado-panel{display:flex!important;width:116px;min-width:116px;padding:.5rem .4rem}.teclado-grid{grid-template-columns:repeat(2,1fr)}.teclado-btn{font-size:1.1rem;min-height:42px}.teclado-label{font-size:.68rem;padding:.3rem .25rem;min-height:1.75rem}.lineas-panel{padding:.5rem}.tabla-lineas th{padding:.5rem .25rem;font-size:.8rem}.tabla-lineas td{padding:.5rem .25rem}.input-cantidad{padding:.5rem .25rem;font-size:1rem}.select-producto{font-size:.8rem;padding:.5rem .25rem}.dialog-footer{flex-direction:row!important;padding:.625rem .75rem;gap:.5rem}.dialog-footer button{width:auto!important;padding:.5rem .75rem;font-size:.8125rem}}.side-menu{position:fixed;top:0;left:0;bottom:0;width:280px;background:#161b22;box-shadow:2px 0 12px #0000004d;z-index:1000;display:flex;flex-direction:column;animation:slideIn .3s;overflow-y:auto}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.menu-user{padding:1.5rem 1rem;background:var(--accent);color:#fff;flex-shrink:0}.user-name{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.user-role{font-size:.875rem;opacity:.9;text-transform:capitalize}.menu-divider{height:1px;background:var(--border);margin:.5rem 0;flex-shrink:0}.menu-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:none;border:none;color:var(--fg);cursor:pointer;font-size:1rem;text-align:left;width:100%;transition:background .2s;flex-shrink:0}.menu-item:hover{background:var(--bg-hover)}.menu-item.active{background:var(--accent);color:#fff;font-weight:600}.menu-item.logout{color:var(--warn);margin-top:auto}.menu-item.logout:hover{background:#ef44441a}.modo-claro{--bg: #ffffff;--bg-secondary:#f3f4f6;--bg-hover: #f0fdf4;--fg: #111111;--muted: #6b7280;--line: #d1d5db;--accent-bg: rgba(45, 212, 191, .12);background:#fff!important;color:#111!important}.modo-claro .btn-secondary{background:#f3f4f6!important;color:#111!important;border-color:#d1d5db!important}.modo-claro .btn-secondary:hover:not(:disabled){background:#e5e7eb!important}.modo-claro .btn-secondary:disabled{opacity:.45}.modo-claro input,.modo-claro select,.modo-claro textarea{background:#fff!important;color:#111!important;border-color:#d1d5db!important}.modo-claro .card,.modo-claro div.card{background:#f9fafb!important;border-color:#e5e7eb!important;color:#111!important}.modo-claro .card *{color:inherit}.modo-claro .app-header{background:#f9fafb!important;border-bottom-color:#e5e7eb!important;color:#111!important}.modo-claro .app-header h1,.modo-claro .app-header span{color:#111!important}.modo-claro .text-muted,.modo-claro [style*="var(--muted)"]{color:#6b7280!important}.modo-claro .tabla-container{background:#fff!important;border-color:#d1d5db!important}.modo-claro thead{background:#f3f4f6!important}.modo-claro th{color:#374151!important;border-bottom-color:#d1d5db!important}.modo-claro td{color:#111!important;border-bottom-color:#e5e7eb!important}.modo-claro tbody tr{background:#fff!important}.modo-claro tbody tr:hover{background:#f0fdf4!important}tbody tr.row-repartido{background:#10b9812e!important}.modo-claro tbody tr.row-repartido{background:#dcfce7!important}tbody tr.row-descanso{background:#9ca3af2e!important}.modo-claro tbody tr.row-descanso{background:#f3f4f6!important}.modo-claro .dialog-content{background:#fff!important;color:#111!important}.modo-claro .dialog-header{background:#f9fafb!important;border-bottom:1px solid #e5e7eb!important;color:#111!important}.modo-claro .dialog-body{background:#fff!important}.modo-claro .dialog-footer{background:#f9fafb!important;border-top:1px solid #e5e7eb!important}.modo-claro .dialog-content input,.modo-claro .dialog-content select{background:#fff!important;color:#111!important;border-color:#d1d5db!important}.modo-claro .dialog-content .btn-secondary{background:#f3f4f6!important;color:#111!important;border-color:#d1d5db!important}.modo-claro .tabla-lineas tr{background:#fff!important}.modo-claro .tabla-lineas td{border-color:#e5e7eb!important;color:#111!important}.modo-claro .tabla-lineas tr:nth-child(2n){background:#f9fafb!important}.modo-claro .teclado-panel{background:#f3f4f6!important;border-left-color:#d1d5db!important}.modo-claro .teclado-label{background:#e5e7eb!important;color:#374151!important;border-color:#d1d5db!important}.modo-claro .teclado-btn{background:#fff!important;border-color:#d1d5db!important;color:#111!important}.modo-claro .teclado-btn:hover:not(:disabled){background:#e5e7eb!important}.modo-claro .teclado-btn:active:not(:disabled){background:var(--accent)!important;color:#000!important}.modo-claro .teclado-btn-back{background:#fee2e2!important;border-color:#fca5a5!important;color:#dc2626!important}.modo-claro .lineas-panel{background:#fff!important}.side-menu{z-index:1000!important;background:#161b22!important}.menu-user{background:var(--accent)!important;color:#fff!important}.menu-item{color:#c9d1d9!important}.menu-item.active{background:var(--accent)!important;color:#fff!important}.menu-item.logout{color:#ef4444!important}.menu-overlay{z-index:999!important}.tabla-container,.tabla-scroll{width:100%}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw}.app-main{flex:1;overflow:auto;padding:1.5rem;width:100%;min-width:0;box-sizing:border-box;align-self:stretch}.app-main>*{width:100%;min-width:0;box-sizing:border-box;display:block}:root{--bg: #0b0d10;--fg: #f5f7fa;--line: #1f2937;--muted: #9aa4af;--accent: #2dd4bf;--ok: #22c55e;--warn: #ef4444}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}#root{min-height:100vh}