@import url("https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=DM+Mono:wght@400;500&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}img,video{max-width:100%;display:block}button{cursor:pointer;font:inherit}a{color:inherit;text-decoration:none}:root{--bg:#f7f7f8;--surface:#fff;--surface-2:#f0f0f2;--border:rgba(0,0,0,.09);--border-strong:rgba(0,0,0,.18);--text:#121215;--text-2:#56565e;--text-3:#94949e;--text-inv:#fff;--pink:#ff2d68;--pink-dim:rgba(255,45,104,.12);--pink-hover:#e6235b;--purple:#9b6dff;--purple-dim:rgba(155,109,255,.12);--green:#1ad4a0;--green-dim:rgba(26,212,160,.12);--orange:#ff8c42;--orange-dim:rgba(255,140,66,.12);--red:#f44;--red-dim:rgba(255,68,68,.12);--estado-reservado:var(--text-3);--estado-pago_pendiente:var(--orange);--estado-pago_confirmado:var(--green);--estado-empacado:var(--purple);--estado-enviado:var(--pink);--estado-cancelado:var(--red);--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--font-mono:"DM Mono",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 12px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.05);--shadow-lg:0 10px 32px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.06);--shadow-pink:0 4px 20px rgba(255,45,104,.25);--ease:cubic-bezier(0.22,1,0.36,1);--duration:200ms;--sidebar-w:220px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e0e11;--surface:#18181c;--surface-2:#222228;--border:hsla(0,0%,100%,.07);--border-strong:hsla(0,0%,100%,.15);--text:#f2f2f5;--text-2:#a0a0ae;--text-3:#66666e;--pink-dim:rgba(255,45,104,.18);--purple-dim:rgba(155,109,255,.18);--green-dim:rgba(26,212,160,.18);--orange-dim:rgba(255,140,66,.18);--red-dim:rgba(255,68,68,.18);--shadow-sm:0 1px 3px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.35);--shadow-lg:0 10px 32px rgba(0,0,0,.45)}}:root[data-theme=dark]{--bg:#0e0e11;--surface:#18181c;--surface-2:#222228;--border:hsla(0,0%,100%,.07);--border-strong:hsla(0,0%,100%,.15);--text:#f2f2f5;--text-2:#a0a0ae;--text-3:#66666e;--pink-dim:rgba(255,45,104,.18);--purple-dim:rgba(155,109,255,.18);--green-dim:rgba(26,212,160,.18);--orange-dim:rgba(255,140,66,.18);--red-dim:rgba(255,68,68,.18);--shadow-sm:0 1px 3px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.35);--shadow-lg:0 10px 32px rgba(0,0,0,.45)}body,html{height:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:1fr;min-height:100dvh}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:var(--space-6) 0;position:-webkit-sticky;position:sticky;top:0;height:100dvh;overflow-y:auto}.sidebar-logo{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--pink);padding:0 var(--space-6) var(--space-6);letter-spacing:-.02em}.sidebar-logo span{color:var(--text)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1);padding:0 var(--space-3);flex:1 1}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--text-2);transition:background var(--duration) var(--ease),color var(--duration) var(--ease);border:none;background:none;width:100%;text-align:left}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--pink-dim);color:var(--pink)}.nav-item .nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-footer{padding:var(--space-4) var(--space-3) 0;border-top:1px solid var(--border);margin-top:var(--space-4)}.main-content{overflow-y:auto;padding:var(--space-8);min-height:100dvh}.estado-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.02em;white-space:nowrap}.estado-chip.reservado{background:var(--surface-2);color:var(--text-3)}.estado-chip.pago_pendiente{background:var(--orange-dim);color:var(--orange)}.estado-chip.pago_confirmado{background:var(--green-dim);color:var(--green)}.estado-chip.empacado{background:var(--purple-dim);color:var(--purple)}.estado-chip.enviado{background:var(--pink-dim);color:var(--pink)}.estado-chip.cancelado{background:var(--red-dim);color:var(--red)}.dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;border:none;transition:all var(--duration) var(--ease);white-space:nowrap}.btn:focus-visible{outline:2px solid var(--pink);outline-offset:2px}.btn-primary{background:var(--pink);color:#fff;box-shadow:var(--shadow-pink)}.btn-primary:hover{background:var(--pink-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0) scale(.97)}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-2);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-ghost:active,.btn-secondary:active{transform:scale(.97)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-icon{padding:var(--space-2);border-radius:var(--radius-md)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--space-5)}.input{width:100%;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);color:var(--text);outline:none;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.input:focus{border-color:var(--pink);box-shadow:0 0 0 3px var(--pink-dim)}.input::placeholder{color:var(--text-3)}.label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-2);margin-bottom:var(--space-2)}.codigo-reserva{font-size:var(--text-xs);background:var(--surface-2);color:var(--pink);padding:2px var(--space-2);border-radius:var(--radius-sm);letter-spacing:.04em}.badge,.codigo-reserva{font-family:var(--font-mono)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);font-size:11px;font-weight:500;background:var(--pink);color:#fff}.divider{height:1px;background:var(--border);margin:var(--space-4) 0}@keyframes spin{to{transform:rotate(1turn)}}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--pink);border-radius:50%;animation:spin .7s linear infinite}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.yape-toast{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:1000;background:var(--surface);border:1px solid var(--purple);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-4) var(--space-5);min-width:300px;max-width:380px;animation:slideUp .3s var(--ease)}.yape-toast-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.yape-toast-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);color:var(--purple);flex:1 1}.yape-toast-monto{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:500;color:var(--text);margin-bottom:var(--space-1)}.yape-toast-nombre{font-size:var(--text-sm);color:var(--text-2);margin-bottom:var(--space-3)}.kanban-col{background:var(--surface-2);border-radius:var(--radius-lg);padding:var(--space-4);min-width:260px;max-width:300px;flex-shrink:0}.kanban-col-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.kanban-col-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em}.reserva-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-2);transition:box-shadow var(--duration) var(--ease),border-color var(--duration) var(--ease)}.reserva-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.reserva-card.highlight{border-color:var(--green);box-shadow:0 0 0 2px var(--green-dim)}.socket-dot{width:8px;height:8px;border-radius:50%;background:var(--text-3);flex-shrink:0}.socket-dot.connected{background:var(--green);box-shadow:0 0 0 2px var(--green-dim)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.socket-dot.connecting{background:var(--orange);animation:pulse 1s ease infinite}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.text-pink{color:var(--pink)}.text-purple{color:var(--purple)}.text-green{color:var(--green)}.text-muted{color:var(--text-3)}.text-2{color:var(--text-2)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width:768px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{flex-direction:row;height:auto;position:-webkit-sticky;position:sticky;top:0;z-index:100;padding:var(--space-2) var(--space-4);align-items:center;overflow-x:auto;overflow-y:hidden}.sidebar-logo{padding:0 var(--space-4) 0 0;font-size:var(--text-lg)}.sidebar-nav{flex-direction:row;gap:var(--space-2);padding:0;flex:1 1}.sidebar-footer{padding:0;margin:0;border:none}.nav-item .nav-label{display:none}.main-content{padding:var(--space-4)}}