.mesa-page{min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:radial-gradient(circle at 18% 12%,#ffffff8c 0 2px,#0000 3px),radial-gradient(circle at 82% 18%,#c9b87a47 0 1.5px,#0000 2.5px),radial-gradient(80% 45% at 50% 0,#78a5dc59,#0000 55%),linear-gradient(#6fa3d8 0%,#8fbae4 40%,#d4e6f5 100%);flex-direction:column;display:flex;position:relative;overflow-x:hidden}.mesa-shell{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#fffffff0 0%,#f4f9fff7 100%);border-radius:28px;flex:0 auto;width:min(100%,460px);margin:0 auto;padding:1.35rem 1.1rem 1.75rem;animation:.6s both rise-in;position:relative;box-shadow:0 10px 40px #2f5f9e29}.mesa-header{text-align:center;margin-bottom:1.35rem}.mesa-brand{font-family:var(--font-script);color:var(--sky-deep);letter-spacing:.02em;text-shadow:none;margin:0 0 .2rem;font-size:clamp(2rem,8vw,2.7rem);line-height:1.1;animation:.7s both fade-in}.mesa-title{font-family:var(--font-display);color:var(--ink-strong);margin:0;font-size:clamp(2.3rem,11vw,3.3rem);font-weight:600;line-height:1}.mesa-subtitle{color:#5a7390;margin:.55rem 0 0;font-size:clamp(.92rem,3.5vw,1.02rem)}.mesa-counter{margin-bottom:1.25rem}.mesa-counter-track{background:#ffffff8c;border:1px solid #7eb8e859;border-radius:999px;height:10px;overflow:hidden}.mesa-counter-fill{border-radius:inherit;background:linear-gradient(90deg, #a8d4f5, var(--sky-deep) 55%, var(--champagne));height:100%;transition:width .45s}.mesa-counter-text{text-align:center;color:var(--ink-strong);margin:.55rem 0 0;font-size:.95rem}.mesa-counter-text strong{color:var(--sky-deep);font-size:1.15rem}.mesa-upload{margin-bottom:1rem}.mesa-capture{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#e6f2fcbf,#d7e9f78c);border:2px dashed #4a90c473;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-height:min(48vw,240px);padding:1.5rem 1.25rem;display:flex;box-shadow:0 16px 40px #4a90c41f}.mesa-capture-actions{grid-template-columns:1fr;gap:.65rem;width:100%;margin-top:.85rem;display:grid}.mesa-capture-actions .btn{text-align:center;cursor:pointer;justify-content:center;align-items:center;width:100%;display:flex}.mesa-capture-icon{color:#fff;background:linear-gradient(145deg, var(--sky), var(--sky-deep));border-radius:50%;place-items:center;width:68px;height:68px;margin-bottom:.45rem;font-size:2.3rem;line-height:1;animation:2.6s ease-in-out infinite sparkle;display:grid;box-shadow:0 12px 28px #4a90c459}.mesa-capture-label{color:var(--ink-strong);text-align:center;font-size:clamp(1.05rem,4vw,1.2rem);font-weight:700}.mesa-capture-hint{color:var(--muted);text-align:center;font-size:.88rem}.mesa-preview{gap:.9rem;display:grid}.mesa-preview img{object-fit:cover;border:2px solid #ffffffb3;border-radius:20px;width:100%;max-height:min(55vh,380px);animation:.35s both fade-in;box-shadow:0 18px 44px #1e3a4c2e}.mesa-preview-actions{grid-template-columns:1fr 1.35fr;gap:.65rem;display:grid}.mesa-progress{background:#ffffff8c;border-radius:999px;height:7px;overflow:hidden}.mesa-progress>div{background:linear-gradient(90deg, var(--sky), var(--sky-deep));height:100%;transition:width .15s linear}.mesa-limit{text-align:center;background:#ffffff9e;border:1px solid #7eb8e859;border-radius:20px;margin-bottom:1rem;padding:1.6rem 1.2rem;animation:.4s both fade-in}.mesa-limit p{font-family:var(--font-display);color:var(--ink-strong);margin:0;font-size:clamp(1.3rem,5vw,1.55rem)}.mesa-limit span{color:var(--muted);margin-top:.4rem;display:block}.mesa-success,.mesa-error,.mesa-status{text-align:center;border-radius:14px;margin:.85rem 0;padding:.8rem .95rem;font-size:.95rem}.mesa-success{color:#1f5f4a;background:#5aa88c24}.mesa-error{color:#8a3040;background:#c4606e1f}.mesa-status{color:var(--muted)}.mesa-gallery{margin-top:1.75rem}.mesa-gallery h2{font-family:var(--font-display);color:var(--ink-strong);margin:0 0 .85rem;font-size:clamp(1.35rem,5vw,1.6rem);font-weight:600}.mesa-grid{grid-template-columns:repeat(3,1fr);gap:.55rem;display:grid}.mesa-thumb{aspect-ratio:1;background:#7eb8e82e;border:1px solid #ffffff8c;border-radius:14px;overflow:hidden}.mesa-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.mesa-thumb:hover img,.mesa-thumb:focus-visible img{transform:scale(1.05)}@media (width<=380px){.mesa-preview-actions{grid-template-columns:1fr}.mesa-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=768px){.mesa-shell{width:min(100%,480px)}}.login-page{min-height:100dvh;padding:max(1.25rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1.25rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:radial-gradient(circle at 20% 20%,#ffffff8c 0 2px,#0000 3px),radial-gradient(circle at 80% 30%,#c9b87a4d 0 1.5px,#0000 2.5px),radial-gradient(70% 50% at 50% 0,#78a5dc59,#0000 55%),linear-gradient(160deg,#6fa3d8,#8fbae4 45%,#d4e6f5);place-items:center;display:grid;overflow:visible}.login-wrap{width:min(100%,400px);position:relative}.login-cenicienta{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 10px 18px #2f5f9e47);z-index:1;width:min(52%,165px);height:auto;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.login-card{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #5a82b44d;border-radius:22px;gap:.85rem;width:100%;padding:clamp(1.4rem,4vw,1.9rem);animation:.45s both rise-in;display:grid;position:relative;box-shadow:0 18px 40px #2f5f9e2e}.login-brand{font-family:var(--font-script);color:var(--sky-deep);margin:0;font-size:clamp(1.8rem,6vw,2.2rem);line-height:1.1}.login-card h1{font-family:var(--font-display);color:var(--ink-strong);margin:0;font-size:clamp(1.7rem,5vw,2.1rem);font-weight:600}.login-copy{color:#5a7390;margin:-.35rem 0 .4rem;font-size:.95rem}.login-card label{color:var(--ink-strong);gap:.35rem;font-size:.9rem;font-weight:600;display:grid}.login-card input{width:100%;min-height:48px;font:inherit;color:var(--ink);background:#ffffffd9;border:1px solid #7eb8e873;border-radius:14px;padding:.8rem .9rem}.login-card input:focus{border-color:#0000;outline:2px solid #7eb8e88c}.login-error{color:#8a3040;background:#c4606e1f;border-radius:12px;margin:0;padding:.7rem .8rem;font-size:.9rem}.login-card .btn{margin-top:.35rem}@media (width>=900px){.login-page{align-content:center;padding-top:2.5rem;padding-bottom:2rem;overflow:visible}.login-wrap{width:min(100%,420px);margin-top:1.75rem}.login-cenicienta{width:165px;bottom:calc(100% - 2.5rem)}.login-card{padding:1.75rem 1.9rem}}.admin-page{min-height:100dvh;padding:max(1.25rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(2.5rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:radial-gradient(60% 40% at 80% 0,#5f91c859,#0000 50%),radial-gradient(circle at 12% 18%,#c9b87a33 0 1.5px,#0000 2.5px),linear-gradient(#7eafdc 0%,#a9cce8 50%,#e2eef8 100%)}.admin-header{flex-direction:column;align-items:stretch;gap:1rem;width:min(1100px,100%);margin:0 auto 1.25rem;display:flex}.admin-brand{font-family:var(--font-script);color:var(--sky-deep);margin:0;font-size:clamp(1.6rem,4vw,2rem);line-height:1.1}.admin-header h1{font-family:var(--font-display);color:var(--ink-strong);margin:.15rem 0 0;font-size:clamp(1.7rem,4vw,2.4rem);font-weight:600}.admin-meta{color:var(--muted);margin:.35rem 0 0;font-size:.95rem}.admin-header-actions{justify-content:space-between;align-items:center;width:100%;display:flex}.admin-btn-logout{margin-left:auto}.admin-tabs{background:#d2e6f580;border:1px solid #78a5d240;border-radius:16px;gap:.4rem;width:min(1100px,100%);margin:0 auto 1.1rem;padding:.3rem;display:flex}.admin-tabs button{min-height:46px;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;flex:1;padding:.75rem .7rem;font-weight:600;transition:background .2s,color .2s}.admin-tabs button.active{color:var(--sky-deep);background:#e6f2fcf2;box-shadow:0 4px 14px #4a86c41a}.admin-error,.admin-status{text-align:center;border-radius:12px;width:min(1100px,100%);margin:0 auto 1rem;padding:.75rem}.admin-error{color:#8a3040;background:#c4606e1f}.admin-status{color:var(--muted)}.admin-mesas-view{gap:1rem;width:min(1100px,100%);margin:0 auto;display:grid}@media (width>=840px){.admin-mesas-view{grid-template-columns:260px 1fr;align-items:start}}.admin-mesas-list{grid-template-columns:repeat(2,1fr);gap:.45rem;display:grid}@media (width>=840px){.admin-mesas-list{grid-template-columns:1fr}}.admin-mesa-item{width:100%;min-height:52px;font:inherit;cursor:pointer;text-align:left;background:#dcecf8b3;border:1px solid #78a5d247;border-radius:14px;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem .95rem;transition:border-color .2s,background .2s,transform .15s;display:flex}.admin-mesa-item:hover{background:#d2e6f5d9;transform:translateY(-1px)}.admin-mesa-item.selected{background:#c8e1f5e6;border-color:#5a91c880}.admin-mesa-name{color:var(--ink-strong);font-weight:600}.admin-mesa-count{font-variant-numeric:tabular-nums;color:var(--sky-deep);font-size:.92rem;font-weight:700}.admin-mesa-detail,.admin-general-view{background:#ebf5fccc;border:1px solid #5a87b940;border-radius:18px;width:min(1100px,100%);margin:0 auto;padding:1rem}.admin-mesa-detail{width:100%}.admin-detail-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.9rem;display:flex}.admin-detail-head h2{font-family:var(--font-display);color:var(--ink-strong);margin:0;font-size:clamp(1.4rem,4vw,1.7rem);font-weight:600}.admin-photos-title{font-family:var(--font-display);color:var(--ink-strong);margin:1.4rem 0 .8rem;font-size:1.25rem;font-weight:600}.mesa-qr{background:#ffffffd9;border:1px solid #b4cdeb59;border-radius:16px;gap:1rem;padding:1rem;display:grid}@media (width>=640px){.mesa-qr{grid-template-columns:180px 1fr;align-items:center}}.mesa-qr-preview{background:#fff;border-radius:14px;place-items:center;padding:.5rem;display:grid}.mesa-qr-preview img{border-radius:8px;width:min(100%,180px);height:auto}.mesa-qr-info{justify-items:start;gap:.55rem;display:grid}.mesa-qr-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.85rem;font-weight:700}.mesa-qr-link{color:var(--sky-deep);word-break:break-all;font-size:.92rem;text-decoration:none}.mesa-qr-link:hover{text-decoration:underline}.mesa-qr-info .btn{width:min(100%,220px);margin-top:.25rem}.admin-detail-head p{color:var(--muted);margin:0;font-weight:600}.admin-general-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.admin-general-toolbar p{color:var(--ink-strong);margin:0}.admin-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:.75rem;display:grid}@media (width>=640px){.admin-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.admin-photo{gap:.4rem;margin:0;display:grid}.admin-photo img{aspect-ratio:1;object-fit:cover;background:#7eb8e826;border:1px solid #ffffff8c;border-radius:14px;width:100%;transition:transform .3s}.admin-photo a:hover img{transform:scale(1.02)}.admin-photo figcaption{color:var(--muted);justify-content:space-between;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.btn-delete{color:#8a3040;font:inherit;cursor:pointer;background:0 0;border:0;padding:.15rem .2rem;font-size:.8rem;font-weight:600}.btn-delete:disabled{opacity:.5;cursor:wait}.admin-footer{text-align:center;width:min(1100px,100%);margin:1.5rem auto 0;font-size:.85rem}.admin-footer a{color:var(--muted);text-decoration:none}:root{--ink:#1a3358;--ink-strong:#142844;--muted:#5a7390;--sky:#5b8fd4;--sky-deep:#2f5f9e;--sky-soft:#c5daf0;--ice:#e8f0f8;--midnight:#2a4a78;--royal:#3d6eb0;--silver:#a8bcd4;--champagne:#c9b87a;--glass:#ffffff8c;--card:#ffffffe0;--card-border:#5a82b447;--font-script:"Great Vibes", cursive;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Outfit", system-ui, sans-serif;color:var(--ink);background:var(--ice);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100dvh;overflow-x:hidden}img{max-width:100%;display:block}button,input,label{font:inherit}.btn{appearance:none;cursor:pointer;border:0;border-radius:16px;min-height:48px;padding:.9rem 1.05rem;font-weight:700;transition:transform .15s,opacity .15s,background .2s,box-shadow .2s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(.98)}.btn-primary{color:#fff;background:linear-gradient(145deg,#7eb0dc 0%,#4a86c4 100%);box-shadow:0 12px 28px #4a86c440}.btn-secondary{color:var(--ink-strong);background:#dcecf8d9;border:1px solid #78a5d259}.btn-ghost{color:var(--ink-strong);background:#d2e6f573;border:1px solid #78a5d24d}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sparkle{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:.9;transform:scale(1.05)}}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes twinkle{0%,to{opacity:.45}40%{opacity:1}70%{opacity:.55}}@keyframes twinkle-alt{0%,to{opacity:.35}50%{opacity:.95}}.starfield{isolation:isolate;position:relative}.starfield:before,.starfield:after{content:"";pointer-events:none;z-index:0;position:absolute;inset:0}.starfield:before{background-image:radial-gradient(1.5px 1.5px at 8% 12%,#fffffff2,#0000),radial-gradient(1.5px 1.5px at 18% 28%,#ffffffb3,#0000),radial-gradient(2px 2px at 27% 8%,#fff8dce6,#0000),radial-gradient(1.5px 1.5px at 36% 42%,#ffffffbf,#0000),radial-gradient(1px 1px at 48% 18%,#ffffffd9,#0000),radial-gradient(2px 2px at 58% 33%,#fff8dccc,#0000),radial-gradient(1.5px 1.5px at 67% 14%,#ffffffe6,#0000),radial-gradient(1px 1px at 74% 48%,#ffffffa6,#0000),radial-gradient(2px 2px at 84% 22%,#fff8dcf2,#0000),radial-gradient(1.5px 1.5px at 92% 38%,#fffc,#0000),radial-gradient(1px 1px at 12% 58%,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 22% 72%,#fff8dcbf,#0000),radial-gradient(1px 1px at 41% 64%,#ffffffd9,#0000),radial-gradient(2px 2px at 53% 78%,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 69% 68%,#fff8dcd9,#0000),radial-gradient(1px 1px at 81% 82%,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 94% 64%,#ffffffe6,#0000),radial-gradient(1px 1px at 5% 88%,#fff8dcb3,#0000),radial-gradient(2px 2px at 33% 90%,#fffc,#0000),radial-gradient(1.5px 1.5px at 61% 92%,#ffffffa6,#0000);animation:4.5s ease-in-out infinite twinkle}.starfield:after{background-image:radial-gradient(1px 1px at 14% 20%,#fffc,#0000),radial-gradient(1.5px 1.5px at 31% 35%,#fff8dcd9,#0000),radial-gradient(1px 1px at 44% 6%,#ffffffb3,#0000),radial-gradient(2px 2px at 62% 26%,#ffffffe6,#0000),radial-gradient(1px 1px at 78% 12%,#fff8dcbf,#0000),radial-gradient(1.5px 1.5px at 88% 55%,#fffc,#0000),radial-gradient(1px 1px at 25%,#ffffffa6,#0000),radial-gradient(1.5px 1.5px at 49% 55%,#fff8dccc,#0000),radial-gradient(1px 1px at 71% 44%,#ffffffbf,#0000),radial-gradient(2px 2px at 16% 80%,#ffffffd9,#0000),radial-gradient(1px 1px at 38% 75%,#fff8dcb3,#0000),radial-gradient(1.5px 1.5px at 56% 85%,#fffc,#0000),radial-gradient(1px 1px at 86% 74%,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 96% 90%,#fff8dcd9,#0000);animation:6s ease-in-out infinite twinkle-alt}.starfield>*{z-index:1;position:relative}