@import url("https://fonts.googleapis.com/css2?family=Grechen+Fuemen&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");*{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%;height:100%}body{overflow-x:hidden}@media (max-width:768px){html{font-size:14px}body,html{height:100vh;height:100dvh}body{overflow-x:hidden}}@media (max-width:480px){html{font-size:12px}}h1{font-family:Grechen Fuemen,serif;font-weight:400;font-style:normal}:root{--primary-green:#22c55e!important;--primary-green-hover:#16a34a;--primary-green-dark:#15803d;--secondary-blue:#3b82f6;--secondary-blue-hover:#2563eb;--accent-yellow:#fbbf24;--accent-red:#ef4444;--glass-bg:rgba(255,255,255,0.1);--glass-border:rgba(255,255,255,0.2);--shadow-soft:0 4px 20px rgba(0,0,0,0.1);--shadow-medium:0 8px 32px rgba(0,0,0,0.15);--shadow-strong:0 16px 48px rgba(0,0,0,0.2);--border-radius:12px;--border-radius-lg:16px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.footer{position:fixed;bottom:10px;opacity:.5}.numberSelect{background:linear-gradient(135deg,var(--accent-yellow),#f59e0b)!important;border:2px solid var(--accent-yellow)!important;color:#1f2937!important;font-weight:700!important;transform:scale(1.05)!important;box-shadow:0 0 20px rgba(251,191,36,.4)!important}.lastNumberSelect{border:2px solid var(--primary-green)!important;color:white!important;font-weight:700!important;transform:scale(1.1)!important;box-shadow:0 0 30px rgba(34,197,94,.6)!important;z-index:10!important;position:relative!important}.container{width:100%;max-width:100%;padding-left:.5rem;padding-right:.5rem;margin-left:auto;margin-right:auto}@media (min-width:480px){.container{padding-left:1rem;padding-right:1rem}}@media (min-width:640px){.container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.container{padding-left:2rem;padding-right:2rem}}[title]{position:relative}[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.9);color:white;padding:.5rem .75rem;border-radius:.375rem;font-size:.75rem;white-space:nowrap;z-index:1000;margin-bottom:.5rem;opacity:0}.selectedFilter{position:relative;width:3vh;height:1vh}.selectedFilter:before{position:absolute;content:"";width:1vh;height:1vh;background-color:#ffffff5e;border-radius:1vh;transition:width .2s}.selected .selectedFilter:before{position:absolute;content:"";width:2.5vh;height:.7vh;background-color:#00ff005e;border-radius:1vh;transform:translateY(-50%);top:50%}.listUsers{list-style:none;padding:0;margin:0}.listUsers li{padding:0;margin:0;cursor:pointer}.selected{background-color:#005e003c}.listUsers li:hover{background-color:#00ab003c}.Carton-cell{border:1px solid #ffffff98}.Carton-cell.vide:before{position:absolute;content:"";width:80%;height:80%;pointer-events:none;background-color:#ffffff30;border-top-left-radius:2vh;border-bottom-right-radius:2vh}.Carton{flex-direction:column;width:fit-content;height:var(--height);margin:8px auto;background:var(--glass-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--glass-border);box-shadow:var(--shadow-medium);transition:var(--transition);overflow:hidden}.Carton,.Carton-row{position:relative;display:flex;align-items:center;justify-content:center}.Carton-row{width:100%;height:calc(var(--height) / 3);border-bottom:1px solid rgba(255,255,255,.1)}.Carton-row:last-child{border-bottom:none}.Carton-cell{width:100%;height:100%;aspect-ratio:4/5;border-right:1px solid rgba(255,255,255,.1)}.Carton-cell:last-child{border-right:none}.Carton-cell:hover{background:rgba(255,255,255,.05)}.Carton-cell input{font-size:clamp(10px,2.5vw,18px)}.Carton-cell input:focus{background:rgba(255,255,255,.1)}@media (max-width:768px){.Carton{margin:4px auto;max-width:calc(100vw - 16px);min-height:150px;padding:4px}.Carton-row{min-height:35px;height:clamp(35px,6vh,60px)}.Carton-cell input{font-size:clamp(8px,2vw,14px)}}@media (max-width:480px){.Carton{min-height:120px;padding:2px}.Carton-row{min-height:30px;height:clamp(30px,5vh,50px)}.Carton-cell input{font-size:clamp(6px,1.5vw,12px)}}.selected-cell{position:relative;background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3)!important}.Carton-cell span{text-shadow:0 1px 2px rgba(0,0,0,.3)}.Carton-cell input::placeholder{font-size:10px;font-weight:400;opacity:.6}@media (max-width:768px){button:has(svg:only-child){display:flex!important;align-items:center!important;justify-content:center!important;min-width:44px!important;min-height:44px!important}button:has(svg){display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important}button svg{flex-shrink:0!important;display:block!important}header button{padding:.75rem!important}.flex.items-center.justify-center,.rounded-full,[class*=bg-blue-],[class*=bg-green-],[class*=bg-purple-],[class*=bg-red-],header button{display:flex!important;align-items:center!important;justify-content:center!important}}:root{--primary-green:34,197,94;--primary-green-dark:22,163,74;--primary-blue:59,130,246;--primary-red:239,68,68;--background-dark:17,24,39;--background-darker:31,41,55;--text-primary:255,255,255;--text-secondary:156,163,175;--border-color:75,85,99;--transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.Carton-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);gap:clamp(1px,.2vh,3px);width:100%;aspect-ratio:5/3;padding:clamp(2px,.4vh,6px);background:linear-gradient(135deg,rgba(var(--background-darker),.9) 0,rgba(var(--background-dark),.95) 100%);border:2px solid rgba(var(--border-color),.3);border-radius:clamp(6px,1vh,12px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition)}.Carton-grid:hover{border-color:rgba(var(--primary-green),.5);box-shadow:0 8px 32px rgba(var(--primary-green),.2);transform:translateY(-2px)}.Carton-cell{position:relative;background:rgba(var(--background-darker),.8);border:1px solid rgba(var(--border-color),.4);border-radius:clamp(3px,.5vh,6px);display:flex;align-items:center;justify-content:center;transition:var(--transition);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.Carton-cell:hover{background:rgba(var(--primary-blue),.1);border-color:rgba(var(--primary-blue),.5);transform:scale(1.05)}.Carton-cell.isSelected{border-color:rgba(var(--primary-green),.8)}.custom-checkbox{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #4b5563;border-radius:4px;background-color:#1f2937;position:relative;cursor:pointer;transition:all .2s ease}.custom-checkbox:checked{background-color:#16a34a;border-color:#16a34a}.custom-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:12px;font-weight:700}.custom-checkbox:hover{border-color:#16a34a;background-color:#374151}.custom-checkbox:focus{outline:none;box-shadow:0 0 0 2px rgba(34,197,94,.5)}.Carton-cell input{background:transparent;border:none;outline:none;color:white;font-weight:600;font-size:clamp(14px,2vh,18px);text-align:center;width:100%;height:100%;transition:var(--transition)}.Carton-cell input:focus{background:rgba(var(--primary-green),.2);color:#22c55e}.Carton-cell input::placeholder{color:rgba(255,255,255,.4)}.isSelected:before{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;content:"";width:5vh;height:5vh;background:var(--primary-green);border-radius:50%;box-shadow:0 0 20px rgba(34,197,94,.6)}@media (max-width:768px){.hidden-mobile{display:none!important}}@media (min-width:769px){.hidden-desktop{display:none!important}}@media (max-width:768px){.cursor-pointer,button{min-height:44px;min-width:44px}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}