*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#000;overflow-x:hidden}#root{width:100%;height:100vh;margin:0;padding:0}.welcome-screen{position:relative;width:100vw;height:100vh;background-color:#000;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:0;margin:0;overflow:hidden}.title{color:#fff;font-size:3.5rem;font-weight:700;margin:0;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;position:absolute;top:35%;transform:translateY(-50%)}.button-container{display:flex;flex-direction:row;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.login-button{background-color:#fff;color:#000;border:none;padding:16px 32px;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;font-family:inherit;min-width:180px}.login-button:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 8px 25px #fff3}.or-text{color:#888;font-size:1.1rem;font-weight:500;margin:0 10px}.signup-button{background-color:transparent;color:#fff;border:2px solid #fff;padding:14px 30px;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;font-family:inherit;min-width:180px}.signup-button:hover{background-color:#fff;color:#000;transform:translateY(-2px);box-shadow:0 8px 25px #fff3}.copyright{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#888;font-size:.9rem;font-weight:400;text-align:center;z-index:20}@media (max-width: 768px){.title{font-size:2.8rem;top:30%}.button-container{flex-direction:column;gap:15px;width:100%;max-width:300px;bottom:60px}.login-button,.signup-button{width:100%;min-width:unset}.or-text{margin:0}.content{padding:40px 20px}.animated-gradient{width:98vw;height:95vh;filter:blur(70px)}.copyright{font-size:.8rem;bottom:15px}}.login-screen{position:relative;width:100vw;height:100vh;background-color:#000;display:flex;flex-direction:column;padding:0;margin:0;overflow:hidden}.login-header{position:relative;display:flex;align-items:center;justify-content:center;padding:60px 20px 20px;z-index:10}.login-content{flex:1;display:flex;flex-direction:column;padding:40px 40px 20px;max-width:400px;width:100%;margin:0 auto;box-sizing:border-box}.login-title{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 40px;text-align:left;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.form-container{display:flex;flex-direction:column;gap:30px}.login-button-primary{background-color:#fff;color:#000;border:none;padding:16px 32px;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;font-family:inherit;margin-top:10px}.login-button-primary:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 8px 25px #fff3}.login-button-primary:disabled{background-color:#999;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.social-buttons{display:flex;flex-direction:column;gap:15px;margin-top:10px}.social-button{background-color:transparent;color:#fff;border:2px solid #fff;padding:14px 30px;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:10px}.social-button:hover{background-color:#fff;color:#000;transform:translateY(-2px);box-shadow:0 8px 25px #fff3}.social-button svg,.social-button .svg-inline--fa{font-size:18px}.social-button:hover svg,.social-button:hover .svg-inline--fa{filter:brightness(0)}.verification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.verification-content{display:flex;flex-direction:column;align-items:center;gap:30px;text-align:center}.verification-text{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.spinner{display:flex;align-items:center;justify-content:center}.spinner-circle{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.login-content{padding:20px;max-width:350px}.login-title{font-size:2rem;margin-bottom:30px}.form-container{gap:25px}.copyright{font-size:.75rem;bottom:15px}.login-header{padding:50px 20px 15px}.social-button svg,.social-button .svg-inline--fa{font-size:16px}}@media (max-width: 480px){.login-content{padding:15px;max-width:320px}.login-title{font-size:1.8rem;margin-bottom:25px}.form-container{gap:20px}.input-field{padding:14px;font-size:.95rem}.login-button-primary{padding:14px 28px;font-size:1rem}.social-button{padding:12px 24px;font-size:.9rem}.verification-text{font-size:1.3rem}.spinner-circle{width:35px;height:35px}.login-header{padding:40px 15px 15px}}@media (max-height: 700px){.login-header{padding:30px 15px 10px}.login-title{margin-bottom:20px}.form-container{gap:15px}.copyright{bottom:10px}}.signup-screen{position:relative;width:100vw;height:100vh;background-color:#000;display:flex;flex-direction:column;padding:0;margin:0;overflow:hidden}.signup-header{position:relative;display:flex;align-items:center;justify-content:center;padding:60px 20px 20px;z-index:10}.signup-content{flex:1;display:flex;flex-direction:column;padding:20px 40px;max-width:400px;width:100%;margin:0 auto;box-sizing:border-box;overflow-y:auto}.signup-title{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 30px;text-align:left;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.form-container{display:flex;flex-direction:column;gap:25px}.input-group{display:flex;flex-direction:column;gap:8px}.input-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.input-icon{display:flex;align-items:center;justify-content:center}.input-label{color:#fff;font-size:1rem;font-weight:500}.input-field{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:16px;font-size:1rem;color:#fff;font-family:inherit;transition:all .3s ease}.input-field::placeholder{color:#888}.input-field:focus{outline:none;border-color:#fff6;background-color:#ffffff26}.select-field{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:50px}.select-field option{background-color:#000;color:#fff}.signup-button-primary{background-color:#fff;color:#000;border:none;padding:16px 32px;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;font-family:inherit;margin-top:10px}.signup-button-primary:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 8px 25px #fff3}.signup-button-primary:disabled{background-color:#999;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.error-message{background-color:#ff57571a;border:1px solid rgba(255,87,87,.4);border-radius:8px;padding:12px 16px;color:#ff5757;display:flex;align-items:center;gap:10px;font-size:.9rem;margin-top:10px}.copyright{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#888;font-size:.8rem;font-weight:400;text-align:center;z-index:20;max-width:90%;line-height:1.4}.privacy-link{color:#007aff;text-decoration:none;transition:color .2s ease}.privacy-link:hover{color:#0056cc;text-decoration:underline}@media (max-width: 768px){.signup-content{padding:20px;max-width:350px}.signup-title{font-size:2rem;margin-bottom:25px}.form-container{gap:20px}.copyright{font-size:.75rem;bottom:15px}.signup-header{padding:50px 20px 15px}}@media (max-width: 480px){.signup-content{padding:15px 15px 20px;max-width:320px}.signup-title{font-size:1.8rem;margin-bottom:20px}.form-container{gap:16px}.input-field{padding:14px;font-size:.95rem}.input-label{font-size:.9rem}.signup-button-primary{padding:14px 28px;font-size:1rem}.signup-header{padding:40px 15px 10px}.copyright{font-size:.7rem;bottom:10px;padding:0 10px}}@media (max-height: 700px){.signup-header{padding:30px 15px 10px}.signup-content{padding:10px 15px}.signup-title{margin-bottom:15px;font-size:1.7rem}.form-container{gap:12px}.input-field{padding:12px}.signup-button-primary{padding:12px 24px;margin-top:5px}}.enter-code-screen{position:relative;width:100vw;height:100vh;background-color:#000;display:flex;flex-direction:column;padding:0;margin:0;overflow:hidden}.enter-code-header{position:relative;display:flex;align-items:center;justify-content:center;padding:60px 20px 20px;z-index:10}.back-button{position:absolute;left:20px;background:none;border:none;color:#fff;padding:8px;cursor:pointer;border-radius:8px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.back-button:hover{background-color:#ffffff1a}.header-title{color:#fff;font-size:1.2rem;font-weight:600;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.enter-code-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 40px 20px;max-width:500px;width:100%;margin:0 auto;box-sizing:border-box}.enter-code-title{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 20px;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.enter-code-subtitle{color:#888;font-size:1rem;margin:0 0 20px;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.test-code-container{background:#ff7a001a;border:1px dashed rgba(255,122,0,.4);border-radius:8px;padding:15px;margin-bottom:20px;width:100%;max-width:400px;text-align:center}.test-code-text{color:#ff7a00;font-size:1rem;margin:0 0 8px}.test-code-note{color:#999;font-size:.8rem;margin:0;font-style:italic}.enter-code-screen .form-container{display:flex;flex-direction:column;align-items:center;gap:40px;width:100%}.code-input-container{display:flex;gap:12px;justify-content:center;align-items:center}.code-input{width:70px;height:80px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-size:2rem;font-weight:600;color:#fff;text-align:center;font-family:inherit;transition:all .3s ease}.code-input:focus{outline:none;border-color:#fff6;background-color:#ffffff26;transform:scale(1.05)}.verify-button{padding:18px 40px;font-size:1.2rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;font-family:inherit;border:none;min-width:200px}.verify-button.complete{background-color:#fff;color:#000}.verify-button.complete:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 8px 25px #fff3}.verify-button.incomplete{background-color:transparent;color:#fff;border:2px solid #fff;cursor:not-allowed;opacity:.6}.verify-button:disabled{cursor:not-allowed}.error-message{color:#f44;font-size:.9rem;text-align:center;margin-top:-20px;font-weight:500}.verification-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000}.verification-content{display:flex;flex-direction:column;align-items:center;gap:30px}.verification-text{color:#fff;font-size:2rem;font-weight:700;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.spinner{width:50px;height:50px;position:relative}.spinner-circle{width:100%;height:100%;border:4px solid rgba(255,255,255,.2);border-top:4px solid #fff;border-radius:50%;animation:spin 1s linear infinite}.enter-code-screen .copyright{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#888;font-size:.8rem;font-weight:400;text-align:center;z-index:20;max-width:90%;line-height:1.4}.enter-code-screen .privacy-link{color:#007aff;text-decoration:none;transition:color .2s ease}.enter-code-screen .privacy-link:hover{color:#0056cc;text-decoration:underline}@media (max-width: 768px){.enter-code-content{padding:20px}.enter-code-title{font-size:2rem;margin-bottom:15px}.enter-code-subtitle{font-size:.9rem;margin-bottom:30px}.code-input-container{gap:8px}.code-input{width:55px;height:65px;font-size:1.6rem}.enter-code-screen .form-container{gap:30px}.enter-code-screen .copyright{font-size:.75rem;bottom:15px}.enter-code-header{padding:50px 20px 15px}}.signup-completed-screen{position:relative;width:100vw;height:100vh;background-color:#000;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:0;margin:0;overflow:hidden}.animated-gradient{position:absolute;top:0;left:50%;transform:translate(-50%);width:95vw;height:90vh;background:linear-gradient(45deg,#ff6b35,#f7931e,#4caf50,#e91e63);background-size:400% 400%;border-radius:100px;filter:blur(80px);opacity:.8;animation:gradientMove 8s ease-in-out infinite}@keyframes gradientMove{0%,to{background-position:0% 50%;transform:translate(-50%) scale(1)}25%{background-position:100% 50%;transform:translate(-45%) scale(1.1)}50%{background-position:100% 100%;transform:translate(-55%) scale(.9)}75%{background-position:0% 100%;transform:translate(-50%) scale(1.05)}}.bottom-fade{position:absolute;bottom:0;left:0;width:100%;height:400px;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.8) 70%,#000 100%);z-index:5;pointer-events:none}.content{position:relative;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;padding:40px;box-sizing:border-box}.welcome-title{color:#fff;font-size:3.5rem;font-weight:700;margin:0;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.continue-button-container{position:absolute;bottom:200px;left:50%;transform:translate(-50%);opacity:0;transition:opacity 1s ease-in-out}.continue-button-container.fade-in{opacity:1}.continue-button{background-color:#fff;color:#000;border:none;padding:16px 32px;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;font-family:inherit;min-width:180px}.continue-button:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 8px 25px #fff3}.copyright{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#888;font-size:.8rem;font-weight:400;text-align:center;z-index:20}@media (max-width: 768px){.welcome-title{font-size:2.8rem}.continue-button-container{bottom:150px}.continue-button{width:90%;max-width:300px}.content{padding:40px 20px}.animated-gradient{width:98vw;height:95vh;filter:blur(70px)}.copyright{font-size:.75rem;bottom:15px}}.customer-dashboard{height:100vh;background:#000;color:#fff;display:flex;flex-direction:column;overflow:hidden;position:relative}.dashboard-content{flex:1;padding:20px 20px 80px;overflow-y:auto;height:calc(100% - 60px)}.search-container{display:flex;align-items:center;margin-bottom:20px}.search-icon{position:absolute;left:12px;z-index:1;opacity:.6}.search-input{background:#333;border:1px solid #444444;border-radius:20px;padding:8px 14px 8px 36px;color:#fff;font-size:14px;width:100%;transition:all .3s ease}.search-input:focus{outline:none;border-color:#ff7a00;background:#444}.dashboard-content::-webkit-scrollbar{width:8px}.dashboard-content::-webkit-scrollbar-track{background:transparent}.dashboard-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.dashboard-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.job-card{background-color:#333;border-radius:12px;padding:15px;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;animation:slideInFromTop .3s ease-out forwards}.bottle-icon{width:32px;height:32px;opacity:.8;transition:opacity .2s ease}.bottle-type:hover .bottle-icon{opacity:1}@media (max-width: 480px){.dashboard-content{padding:15px}.section-header{flex-direction:column;align-items:stretch;gap:15px}.section-title-main{font-size:22px}.job-card{padding:12px}.job-header{flex-direction:column;gap:10px;align-items:stretch}.job-header-center{justify-content:flex-start}.job-header-right{align-items:flex-start;flex-direction:row;justify-content:space-between}.bottle-types{grid-template-columns:repeat(3,1fr);gap:20px}.bottle-icon{width:28px;height:28px}.bottle-label{font-size:12px}.bottle-count{font-size:11px}.profile-dropdown{min-width:180px;margin-top:8px}.dropdown-header{padding:12px 16px}.dropdown-username{font-size:15px}.dropdown-option{padding:10px 16px;font-size:13px}}.customer-dashboard-container{position:relative;width:100vw;height:100vh;overflow:hidden}.dashboard-view,.counting-view,.all-counts-view{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.dashboard-view.slide-left{transform:translate(-100%)}.counting-view.slide-in-right{animation:slideInFromRight .3s cubic-bezier(.25,.46,.45,.94) forwards}.counting-view.slide-right{transform:translate(100%)}.dashboard-view.slide-in-left{animation:slideInFromLeft .3s cubic-bezier(.25,.46,.45,.94) forwards}.all-counts-view.slide-in-right{animation:slideInFromRight .3s cubic-bezier(.25,.46,.45,.94) forwards}.all-counts-view.slide-right{transform:translate(100%)}.counting-screen{min-height:100vh;background:#000;color:#fff;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}.counting-header{padding:50px 20px 20px}.header-top{display:flex;align-items:flex-start;gap:32px;width:100%}.back-button{background:none;border:none;padding:8px;margin-right:8px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.back-button:hover{opacity:.7}.header-info{flex:1;min-width:0;margin-left:50px}.count-title{font-size:32px;font-weight:700;color:#fff;margin:0}.count-date{font-size:14px;color:#999;margin:5px 0 0}.status-pill{display:flex;align-items:center;gap:6px;background-color:#666;padding:8px 16px;border-radius:20px;flex-shrink:0}.amount-display{text-align:center;padding:40px 20px;border-bottom:1px solid #333;position:relative}.amount-value{font-size:48px;font-weight:700;color:#fff;margin-bottom:8px}.amount-count{font-size:24px;color:#999}.confirmation-message{position:absolute;bottom:15px;left:50%;transform:translate(-50%,20px);font-size:16px;color:#fff;white-space:nowrap;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.confirmation-message.visible{opacity:1;transform:translate(-50%);pointer-events:auto}.counting-content{flex:1;padding:20px}.bottle-counters{display:flex;flex-direction:column;gap:0}.counter-row{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #333}.counter-row:last-child{border-bottom:none}.counter-left{display:flex;align-items:center;gap:15px}.counter-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.counter-image{width:32px;height:32px;object-fit:contain;filter:brightness(1.1)}.counter-label{font-size:18px;font-weight:500;color:#fff}.counter-controls{display:flex;align-items:center;gap:12px}.counter-display{background-color:#333;color:#fff;padding:12px 20px;border-radius:8px;font-size:16px;font-weight:700;min-width:60px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.counter-display.completing{background-color:transparent;transform:translate(180px);font-size:20px}.counter-btn{border:none;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease-in-out;min-width:80px}.counter-btn.completing{transform:translate(40px);opacity:0;pointer-events:none}.add-btn{background-color:#14532d;color:#a7f3d0}.add-btn:hover{background-color:#0f2a17}.remove-btn{background-color:#7f1d1d;color:#f87171}.remove-btn:hover{background-color:#4c0519}.counting-actions{padding:20px;background-color:#111;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.action-buttons{display:flex;justify-content:flex-start;align-items:center;width:fit-content;margin-bottom:0;gap:4px;max-height:60px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:1;transform:translateY(0)}.action-buttons.hidden{max-height:0;margin-bottom:0;opacity:0;transform:translateY(-20px)}.action-buttons-left{display:flex;gap:4px}.action-btn{background:none;border:none;color:#fff;padding:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;transition:opacity .2s ease;min-width:50px}.action-btn:hover{opacity:.7}.reset-btn{color:#ef4444!important;display:flex!important;flex-direction:column!important;align-items:center!important;min-width:65px!important;padding:8px!important}.reset-confirm{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.reset-confirm:hover{background:linear-gradient(135deg,#d32f2f,#b71c1c)}.complete-btn{width:100%;background:#fff;color:#000;border:none;padding:12px 8px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease;box-sizing:border-box;max-width:100%;min-height:44px}.complete-btn:hover{background:#f0f0f0}.complete-actions{display:flex;width:220px;position:relative;box-sizing:border-box;flex-shrink:0}.complete-actions .complete-btn{transition:all .4s cubic-bezier(.4,0,.2,1)}.single-btn{position:absolute;width:100%;opacity:1;transform:scale(1);pointer-events:auto}.single-btn.hidden{opacity:0;transform:scale(.95);pointer-events:none}.complete-actions-split{display:flex;gap:6px;width:100%;opacity:0;transform:scale(.95);pointer-events:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.complete-actions-split.visible{opacity:1;transform:scale(1);pointer-events:auto}.confirm-btn{flex:1}.cancel-btn{flex:1;background:#000;color:#fff;border:2px solid white}.cancel-btn:hover{background:#fff;color:#000}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out forwards}.modal-content{width:85%;max-width:350px;background-color:#333;border-radius:12px;padding:20px;box-shadow:0 4px 25px #0000004d;animation:scaleIn .3s ease-out forwards;transform-origin:center;height:auto;max-height:80vh;min-height:fit-content;display:flex;flex-direction:column;align-self:center;overflow-y:auto}.modal-content h2{color:#fff;font-size:22px;font-weight:600;margin:0 0 24px;text-align:center;padding:0 10px;line-height:1.3}.modal-content p{margin:12px 0;line-height:1.5;color:#ccc;font-size:14px;text-align:center}.modal-actions{display:flex;flex-direction:column;gap:16px;margin-top:24px;width:100%}.modal-btn{display:flex;align-items:center;justify-content:center;gap:12px;background-color:#282828;color:#fff;border:none;border-radius:8px;padding:14px 16px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;box-sizing:border-box;min-height:56px;position:relative}.modal-btn:hover{background-color:#fff;color:#333}.modal-btn:active{transform:scale(.98)}.modal-btn.cancel{background-color:#1e1e1e}.modal-btn.confirm{background:linear-gradient(135deg,#ff7a00,#e66a00);color:#fff}.modal-btn.confirm:hover{background:linear-gradient(135deg,#e66a00,#cc5a00)}.barcode-modal{max-width:320px}.barcode-container{margin:20px 0}.barcode-placeholder{background:#fff;padding:16px;border-radius:8px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;min-height:80px;overflow:hidden}.barcode-placeholder svg{max-width:100%;height:auto}.code-number{font-family:Courier New,monospace;font-size:18px;font-weight:700;color:#fff;letter-spacing:2px;text-align:center;margin:0 auto;display:block}.quantity-modal{max-width:320px}.quantity-input-container{margin:20px 0;text-align:center}.quantity-input{width:100%;max-width:120px;padding:12px 16px;background-color:#222;border:1px solid #333;border-radius:8px;color:#fff;font-size:18px;font-weight:500;text-align:center;outline:none;transition:border-color .2s ease}.quantity-input:focus{border-color:#ff7a00}.quantity-input::-webkit-outer-spin-button,.quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.quantity-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.add-confirm{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.add-confirm:hover{background:linear-gradient(135deg,#45a049,#3d8b40)}.remove-confirm{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.remove-confirm:hover{background:linear-gradient(135deg,#d32f2f,#b71c1c)}.undo-btn,.redo-btn{color:#999}.undo-btn:disabled,.redo-btn:disabled{opacity:.3;cursor:not-allowed}.undo-btn:not(:disabled),.redo-btn:not(:disabled){color:#fff}.home-section{flex:1;padding:0}.section-title-main{font-size:30px;font-weight:700;color:#fff;margin:0 0 20px;padding:5px 0}.jobs-list{display:flex;flex-direction:column;gap:10px}.home-section .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out forwards}.home-section .modal-content{width:85%;max-width:350px;background-color:#333;border-radius:12px;padding:20px;box-shadow:0 4px 25px #0000004d;animation:scaleIn .3s ease-out forwards;transform-origin:center;height:auto;max-height:80vh;min-height:fit-content;display:flex;flex-direction:column;align-self:center;overflow-y:auto}.home-section .fade-out{animation:fadeOut .3s ease-out forwards}.home-section .scale-out{animation:scaleOut .3s ease-out forwards}.home-section .modal-content h3{color:#fff;font-size:22px;font-weight:600;margin:0 0 24px;text-align:center;padding:0 10px;line-height:1.3}.home-section .action-buttons{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;width:100%;max-height:60vh;overflow-y:auto}.home-section .action-button{display:flex;align-items:center;gap:12px;background-color:#282828;color:#fff;border:none;border-radius:8px;padding:14px 16px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;box-sizing:border-box;min-height:56px;position:relative}.home-section .action-button:hover{background-color:#fff;color:#333}.home-section .action-button:active{transform:scale(.98)}.home-section .action-button svg,.home-section .action-button .svg-inline--fa{color:#ff7a00;transition:all .2s ease;font-size:20px;width:20px}.home-section .action-button:hover svg,.home-section .action-button:hover .svg-inline--fa{color:#333;transition:all .2s ease}.home-section .cancel-button{background-color:#1e1e1e;border:none;width:100%;justify-content:center}.home-section .cancel-button:hover{background-color:#fff;color:#333}.home-section .cancel-button:hover svg,.home-section .cancel-button:hover .svg-inline--fa{color:#333}.home-section .rename-form{margin-bottom:24px;width:100%}.home-section .rename-input{width:100%;padding:16px;border:2px solid #333;border-radius:12px;background:#1a1a1a;color:#fff;font-size:16px;font-family:inherit;box-sizing:border-box;transition:border-color .3s ease}.home-section .rename-input:focus{outline:none;border-color:#ff6b35}.home-section .rename-input::placeholder{color:#666}.home-section .delete-warning{color:#ccc;font-size:16px;line-height:1.5;text-align:center;margin:0 0 24px;padding:0 10px}.home-section .confirm-button{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.home-section .confirm-button:hover{background:linear-gradient(135deg,#45a049,#3d8b40)}.home-section .confirm-button:disabled{background:#333;color:#666;cursor:not-allowed}.home-section .action-button:disabled{opacity:.6;cursor:not-allowed}.view-all-counts-container{display:flex;justify-content:center;margin-top:20px;padding:20px 0}.view-all-counts-button{background:linear-gradient(135deg,#ff7a00,#e66a00);color:#fff;border:none;border-radius:12px;padding:16px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff7a004d;min-width:200px}.view-all-counts-button:hover{background:linear-gradient(135deg,#e66a00,#cc5a00);transform:translateY(-2px);box-shadow:0 6px 16px #ff7a0066}.view-all-counts-button:active{transform:translateY(0)}@media (max-width: 768px){.section-title-main{font-size:28px;margin:0 0 15px}.job-card{padding:14px}.bottle-types{grid-template-columns:repeat(6,1fr);gap:12px}.bottle-icon{width:28px;height:28px}.job-number,.job-amount{font-size:18px}.bottle-label{font-size:13px}.home-section .modal-content{width:90%}}@media (max-width: 480px){.section-title-main{font-size:26px}.job-card{padding:12px 10px}.job-header{display:grid;grid-template-columns:1fr auto 1fr;margin-bottom:12px}.job-number{font-size:14px}.job-date{font-size:12px}.job-amount{font-size:14px}.job-count{font-size:12px}.status-pill{padding:4px 8px}.status-text{font-size:12px}.bottle-types{grid-template-columns:repeat(6,1fr);gap:8px;padding:5px 0}.bottle-icon{width:20px;height:20px}.bottle-label{font-size:10px}.bottle-count{font-size:9px}.home-section .modal-content{width:95%;padding:16px 14px;max-width:320px}.home-section .action-button{padding:12px 14px;font-size:15px;min-height:52px}.home-section .modal-content h3{font-size:20px;margin:0 0 20px}}.search-section{flex:1;padding:0}.search-container{margin:0 0 25px}.search-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.search-icon{position:absolute;left:12px;z-index:1;opacity:.6;font-size:16px}.search-input{background:#333;border:1px solid #444444;border-radius:20px;padding:12px 14px 12px 36px;color:#fff;font-size:16px;width:100%;transition:all .3s ease}.search-input::placeholder{color:#999}.search-input:focus{outline:none;border-color:#ff7a00;background:#444;box-shadow:0 0 0 1px #ff7a004d}.search-results{margin-top:10px}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;color:#777;text-align:center}.no-results svg{margin-bottom:15px;opacity:.8}.no-results p{font-size:18px;font-weight:500}.job-card{animation:fadeInUp .3s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bottle-type:hover .bottle-icon{transform:scale(1.1)}.job-card{background-color:#333;border-radius:12px;padding:15px;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;width:100%;max-width:600px;margin:0 auto}@media (max-width: 768px){.search-input{font-size:14px;padding:10px 14px 10px 34px}.search-icon{font-size:14px}.job-number,.job-amount{font-size:18px}.bottle-icon{width:28px;height:28px}.bottle-types{gap:12px}.bottle-label{font-size:13px}}@media (max-width: 600px){.job-number,.job-amount{font-size:16px}.bottle-types{grid-template-columns:repeat(6,1fr);gap:10px}.bottle-label{font-size:12px}.bottle-count{font-size:11px}}@media (max-width: 480px){.search-container{margin:0 0 15px}.no-results p{font-size:16px}.job-card{padding:12px 10px}.job-header{margin-bottom:12px}.job-number{font-size:14px}.job-date{font-size:12px}.job-amount{font-size:14px}.job-count{font-size:12px}.status-pill{padding:4px 8px}.status-text{font-size:12px}.bottle-icon{width:20px;height:20px}.bottle-types{gap:8px}.bottle-label{font-size:10px}.bottle-count{font-size:9px}}.profile-section{flex:1;padding:0 0 20px}.profile-header{display:flex;align-items:center;gap:16px;margin-bottom:30px}.profile-avatar{width:60px;height:60px;background:#333;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.profile-image{width:100%;height:100%;object-fit:cover}.profile-info{display:flex;flex-direction:column}.profile-name{font-size:24px;font-weight:600;color:#fff;margin:0}.profile-email{font-size:14px;color:#999;margin:3px 0 0}.options-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #333}.options-section:last-of-type{border-bottom:none}.options-title{font-size:16px;font-weight:600;color:#777;margin:0 0 15px;text-transform:uppercase;letter-spacing:.5px}.options-list{display:flex;flex-direction:column;gap:15px}.option-item{display:flex;align-items:center;gap:15px;padding:10px 0;cursor:pointer;transition:all .2s ease}.option-item:hover{transform:translate(3px)}.option-item svg,.option-item .svg-inline--fa{color:#ff7a00}.option-item span{font-size:16px;color:#fff;font-weight:500}.option-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.option-item.disabled:hover{transform:none}.option-item.disabled svg,.option-item.disabled .svg-inline--fa{color:#666}.option-item.disabled span{color:#666}.logout-button{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#333;border-radius:10px;cursor:pointer;margin-top:40px;transition:all .2s ease}.logout-button:hover{background:#444}.logout-button svg,.logout-button .svg-inline--fa{color:#ff7a00}.logout-button span{font-size:16px;color:#fff;font-weight:500}.coming-soon{margin-left:auto;font-size:14px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.5px}.app-info{margin-top:20px;text-align:center;color:#888;font-size:12px;line-height:1.4}.app-info p{margin:5px 0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease forwards;transition:opacity .3s ease}.modal-overlay.fade-out{animation:none;opacity:0}.modal-content{background-color:#222;border-radius:12px;padding:20px;width:85%;max-width:350px;box-shadow:0 10px 25px #00000080;animation:scaleIn .3s ease forwards;transition:transform .3s ease,opacity .3s ease}.modal-content.scale-out{animation:none;transform:scale(.9);opacity:0}.modal-content h3{color:#fff;font-size:20px;margin:0 0 15px;text-align:center}.modal-content p{color:#ccc;font-size:16px;margin:0 0 20px;text-align:center}.modal-buttons{display:flex;justify-content:space-between;gap:10px}.modal-button{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-button{background-color:#444;color:#fff}.cancel-button:hover{background-color:#555}.confirm-button{background-color:#ff7a00;color:#fff}.confirm-button:hover{background-color:#ff8c00}.edit-profile-page{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000,#1a1a1a);z-index:1000;transform:translate(100%);transition:transform .3s ease-out;overflow-y:auto}.edit-profile-page.open{transform:translate(0)}.edit-profile-page.closing{transform:translate(100%)}.edit-profile-header{display:flex;align-items:center;justify-content:center;padding:50px 20px 20px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #333;position:sticky;top:0;z-index:10;position:relative}.edit-profile-title{color:#fff;font-size:24px;font-weight:600;margin:0;text-align:center}.edit-profile-content{padding:20px 20px 40px;max-width:500px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.profile-picture-edit{display:flex;flex-direction:column;align-items:center;margin-bottom:25px}.profile-picture-container{width:100px;height:100px;border-radius:50%;background:#333;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;cursor:pointer;margin-bottom:8px}.edit-profile-image{width:100%;height:100%;object-fit:cover}.profile-picture-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.profile-picture-container:hover .profile-picture-overlay{opacity:1}.profile-picture-overlay svg{color:#fff;font-size:24px}.profile-picture-label{color:#ff7a00;font-size:14px;margin:8px 0 0}.edit-profile-input{width:100%;padding:12px 15px;background-color:#222;border:1px solid #333;border-radius:8px;color:#fff;font-size:16px;box-sizing:border-box}.edit-profile-input:focus{outline:none;border-color:#ff7a00}.save-profile-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:#ff7a00;border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;width:100%;transition:all .2s ease}.save-profile-button:hover{background:#ff8c00}.save-profile-button:disabled{background:#666;cursor:not-allowed}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}@media (max-width: 768px){.profile-header{gap:14px;margin-bottom:28px}.profile-avatar{width:55px;height:55px}.profile-name{font-size:22px}.options-section{margin-bottom:25px;padding-bottom:18px}.modal-content{width:90%}}@media (max-width: 480px){.profile-header{gap:12px;margin-bottom:22px}.profile-avatar{width:48px;height:48px}.profile-name{font-size:19px}.profile-email{font-size:13px}.options-title{font-size:14px;margin-bottom:12px}.options-section{margin-bottom:20px;padding-bottom:15px}.option-item{gap:12px;padding:8px 0}.option-item span{font-size:15px}.logout-button{padding:12px 16px;margin-top:25px}.modal-content{width:95%;padding:16px;max-width:320px}.modal-content h3{font-size:18px}.modal-content p{font-size:14px}.modal-button{padding:10px 16px;font-size:14px}.edit-profile-header{padding:40px 16px 16px}.edit-profile-title{font-size:20px}.edit-profile-content{padding:16px}.profile-picture-container{width:90px;height:90px}.profile-picture-label,.input-label{font-size:13px}.edit-profile-input{padding:10px 12px;font-size:15px}.save-profile-button{padding:12px 16px;font-size:15px}}.visy-details-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000,#1a1a1a);z-index:1000;transform:translate(100%);transition:transform .3s ease-out;overflow-y:auto}.visy-details-screen.open{transform:translate(0)}.visy-details-screen.closing{transform:translate(100%)}.visy-details-header{display:flex;align-items:center;justify-content:center;padding:50px 20px 20px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #333;position:sticky;top:0;z-index:10;position:relative}.visy-details-title{color:#fff;font-size:24px;font-weight:600;margin:0;text-align:center}.visy-details-content{padding:20px;max-width:500px;margin:0 auto}.visy-details-info{text-align:center;margin-bottom:30px;padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.visy-icon{font-size:48px;color:#ff6b35;margin-bottom:15px}.visy-description{color:#ccc;font-size:16px;line-height:1.5;margin:0}.input-group{width:100%;margin-bottom:20px}.input-label{color:#999;font-size:14px;margin-bottom:8px;display:block}.visy-details-input{width:100%;padding:12px 15px;background-color:#222;border:1px solid #333;border-radius:8px;color:#fff;font-size:16px;box-sizing:border-box}.visy-details-input:focus{outline:none;border-color:#ff7a00}.save-visy-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:#ff7a00;border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;width:100%;transition:all .2s ease}.save-visy-button:hover{background:#ff8c00}.save-visy-button:disabled{background:#666;cursor:not-allowed}.current-visy-display{width:100%;margin-bottom:25px;padding:15px;background-color:#ff7a001a;border:1px solid rgba(255,122,0,.3);border-radius:10px}.current-visy-label{color:#ff7a00;font-size:14px;font-weight:500;margin-bottom:8px;display:block}.current-visy-value{display:flex;align-items:center;gap:10px;color:#fff;font-size:16px;font-weight:500}.visy-id-icon{color:#ff7a00;font-size:18px}@media (max-width: 768px){.visy-details-header{margin-bottom:25px}.visy-icon{font-size:35px;margin-bottom:12px}.visy-description{font-size:14px}.save-visy-button{padding:12px 18px;font-size:15px}}@media (max-width: 480px){.visy-details-header{padding:40px 16px 16px}.visy-details-title{font-size:20px}.visy-details-content{padding:16px}.visy-icon{font-size:40px}.visy-description{font-size:14px}.input-label{font-size:13px}.visy-details-input{padding:10px 12px;font-size:15px}.save-visy-button{padding:12px 16px;font-size:14px}}.input-icon{margin-right:8px;color:#ff6b35}.alias-section{margin-top:30px;padding-top:20px;border-top:1px solid #333}.alias-section-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:10px}.alias-icon{color:#ff6b35}.alias-description{color:#ccc;font-size:14px;line-height:1.5;margin-bottom:20px}.add-alias-container{margin-bottom:20px}.alias-input-group{display:flex;gap:10px;align-items:stretch}.alias-input-group .visy-details-input{flex:1}.add-alias-button{background:linear-gradient(135deg,#ff7a00,#f50);border:none;border-radius:8px;padding:12px 20px;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;min-width:120px;display:flex;align-items:center;justify-content:center;gap:8px}.add-alias-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ff7a004d}.add-alias-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.alias-list{margin-top:20px}.loading-aliases{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;color:#999}.no-aliases{text-align:center;padding:30px 20px;color:#999}.no-aliases-icon{font-size:48px;color:#444;margin-bottom:15px}.alias-items{display:flex;flex-direction:column;gap:10px}.alias-item{display:flex;align-items:center;justify-content:space-between;background-color:#2a2a2a;border:1px solid #444;border-radius:8px;padding:12px 16px;transition:border-color .2s ease}.alias-item:hover{border-color:#555}.alias-info{display:flex;align-items:center;gap:10px;flex:1}.alias-email-icon{color:#ff6b35;font-size:16px}.alias-email{color:#fff;font-weight:500;font-size:14px}.alias-status{color:#2ecc71;font-size:12px;font-weight:500;background:#2ecc711a;padding:2px 8px;border-radius:12px;border:1px solid rgba(46,204,113,.3)}.delete-alias-button{background:none;border:none;color:#f44;cursor:pointer;padding:6px;border-radius:4px;transition:background-color .2s ease;font-size:14px}.delete-alias-button:hover{background-color:#ff44441a}.preview-section{margin-bottom:30px}.preview-toggle-btn{background:linear-gradient(135deg,#ff6b35,#f9844a);border:none;color:#fff;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;margin-bottom:15px;transition:transform .2s ease,box-shadow .2s ease}.preview-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}.business-preview-card{background:linear-gradient(135deg,#2a2a2a,#1e1e1e);border:1px solid #444;border-radius:12px;padding:20px;margin-top:15px;animation:slideDown .3s ease-out}.business-preview-card h3{color:#ff6b35;font-size:16px;margin-bottom:15px;display:flex;align-items:center;gap:8px}.preview-icon{color:#ff6b35}.preview-content{background:#1a1a1a;border-radius:8px;padding:15px;border:1px solid #333}.preview-header{display:flex;align-items:center;gap:15px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #333}.preview-image{width:60px;height:60px;border-radius:8px;overflow:hidden;background:#333;display:flex;align-items:center;justify-content:center}.preview-image img{width:100%;height:100%;object-fit:cover}.preview-placeholder{color:#666;font-size:24px}.preview-info h4{color:#fff;font-size:18px;margin:0 0 5px;font-weight:600}.preview-operator{color:#ccc;font-size:14px;margin:0}.preview-details{display:flex;flex-direction:column;gap:8px}.preview-row{display:flex;align-items:center;gap:10px;color:#ccc;font-size:14px}.preview-row svg{color:#ff6b35;width:16px}.profile-picture-section{margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#2a2a2a,#1e1e1e);border:1px solid #444;border-radius:12px}.profile-picture-section h3{color:#fff;font-size:16px;margin-bottom:15px;font-weight:600}.profile-picture-container{display:flex;align-items:flex-start;gap:20px}.profile-picture-display{position:relative;width:100px;height:100px;border-radius:12px;overflow:hidden;background:#333;cursor:pointer;transition:transform .2s ease;border:2px solid #444;flex-shrink:0}.profile-picture-display:hover{transform:scale(1.02);border-color:#ff6b35}.profile-picture-display img{width:100%;height:100%;object-fit:cover}.profile-picture-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#666;font-size:40px}.profile-picture-info{flex:1;display:flex;flex-direction:column;justify-content:center}.profile-picture-info p{color:#fff;margin:0 0 5px;font-weight:500}.profile-picture-info small{color:#ccc;font-size:12px}.upload-picture-btn{background:linear-gradient(135deg,#ff6b35,#f9844a);border:none;color:#fff;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;margin-top:10px;transition:transform .2s ease,box-shadow .2s ease;min-width:120px;justify-content:center}.upload-picture-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}.upload-picture-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.profile-picture-container{flex-direction:column;text-align:center;gap:15px}.preview-header{flex-direction:column;text-align:center;gap:10px}.preview-details{gap:12px}}.archived-counts-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000,#1a1a1a);z-index:1000;transform:translate(100%);transition:transform .3s ease-out;overflow-y:auto}.archived-counts-screen.open{transform:translate(0)}.archived-counts-screen.closing{transform:translate(100%)}.archived-counts-header{display:flex;align-items:center;justify-content:center;padding:50px 20px 20px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #333;position:sticky;top:0;z-index:10;position:relative}.archived-counts-title{color:#fff;font-size:24px;font-weight:600;margin:0;text-align:center}.archived-counts-content{padding:20px;max-width:500px;margin:0 auto}.archived-counts-info{text-align:center;margin-bottom:30px;padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.archived-icon{font-size:48px;color:#ff6b35;margin-bottom:15px}.archived-description{color:#ccc;font-size:16px;line-height:1.5;margin:0}.loading-container{display:flex;flex-direction:column;align-items:center;gap:15px;padding:40px 20px;color:#ccc;font-size:16px}.loading-spinner{font-size:32px;color:#ff6b35}.empty-state{display:flex;flex-direction:column;align-items:center;gap:20px;padding:60px 20px;color:#666;text-align:center}.empty-state p{font-size:18px;margin:0}.archived-counts-list{display:flex;flex-direction:column;gap:16px}.archived-count-card{background-color:#333;border-radius:12px;padding:15px;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;animation:slideInFromTop .3s ease-out forwards}.archived-count-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.archived-count-card:active{transform:translateY(0)}.archived-count-card .job-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:flex-start;margin-bottom:15px}.archived-count-card .job-header-left{display:flex;flex-direction:column;gap:5px;justify-self:start}.archived-count-card .job-number{font-size:20px;font-weight:700;color:#fff}.archived-count-card .job-date{font-size:14px;color:#999}.archived-count-card .job-header-center{display:flex;align-items:center;justify-self:center}.archived-count-card .job-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;justify-self:end}.archived-count-card .job-amount{font-size:20px;font-weight:700;color:#fff}.archived-count-card .job-count{font-size:14px;color:#999}.archived-count-card .status-pill{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.archived-count-card .status-pill.archived{background:linear-gradient(135deg,#666,#555);color:#fff}.archived-count-card .status-icon.archived{color:#ff6b35}.archived-count-card .status-text{font-size:12px}.archived-count-card .job-content{margin-top:15px}.archived-count-card .bottle-types{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;justify-items:center}.archived-count-card .bottle-type{display:flex;flex-direction:column;align-items:center;gap:8px}.archived-count-card .bottle-icon{width:32px;height:32px;opacity:.8;transition:opacity .2s ease,transform .2s ease;object-fit:contain}.archived-count-card .bottle-type:hover .bottle-icon{opacity:1;transform:scale(1.1)}.archived-count-card .bottle-label{font-size:14px;font-weight:700;color:#fff;text-align:center}.archived-count-card .bottle-count{font-size:12px;color:#999;font-weight:700}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px;animation:fadeIn .3s ease-out}.modal-content{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border-radius:20px;padding:24px 20px;border:1px solid #333;width:100%;max-width:380px;min-height:fit-content;display:flex;flex-direction:column;align-self:center;animation:scaleIn .3s ease-out}.modal-content h3{color:#fff;font-size:22px;font-weight:600;margin:0 0 24px;text-align:center;padding:0 10px;line-height:1.3}.action-buttons{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;width:100%}.action-button{display:flex;align-items:center;gap:12px;padding:16px 20px;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;justify-content:flex-start;min-height:56px;font-family:inherit}.unarchive-button{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.unarchive-button:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-1px)}.delete-button{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.delete-button:hover{background:linear-gradient(135deg,#d32f2f,#b71c1c);transform:translateY(-1px)}.cancel-button{background:linear-gradient(135deg,#333,#444);color:#fff}.cancel-button:hover{background:linear-gradient(135deg,#444,#555);transform:translateY(-1px)}.action-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@media (max-width: 480px){.archived-counts-header{padding:40px 16px 16px}.archived-counts-title{font-size:20px}.archived-counts-content{padding:16px}.archived-count-card{padding:14px}.archived-count-card .bottle-types{grid-template-columns:repeat(6,1fr);gap:12px}.archived-count-card .bottle-icon{width:28px;height:28px}.archived-count-card .job-number,.archived-count-card .job-amount{font-size:18px}.archived-count-card .bottle-label{font-size:13px}.modal-content{width:95%;padding:16px 14px;max-width:320px}.action-button{padding:12px 14px;font-size:15px;min-height:52px}.modal-content h3{font-size:20px;margin:0 0 20px}}@media (max-width: 360px){.archived-count-card{padding:12px 10px}.archived-count-card .job-header{display:grid;grid-template-columns:1fr auto 1fr;margin-bottom:12px}.archived-count-card .job-number{font-size:14px}.archived-count-card .job-date{font-size:12px}.archived-count-card .job-amount{font-size:14px}.archived-count-card .job-count{font-size:12px}.archived-count-card .status-pill{padding:4px 8px}.archived-count-card .status-text{font-size:12px}.archived-count-card .bottle-types{grid-template-columns:repeat(6,1fr);gap:8px;padding:5px 0}.archived-count-card .bottle-icon{width:20px;height:20px}.archived-count-card .bottle-label{font-size:10px}.archived-count-card .bottle-count{font-size:9px}}.account-settings-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000,#1a1a1a);z-index:1000;transform:translate(100%);transition:transform .3s ease-out;overflow-y:auto}.account-settings-screen.open{transform:translate(0)}.account-settings-screen.closing{transform:translate(100%)}.account-settings-header{display:flex;align-items:center;justify-content:center;padding:50px 20px 20px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #333;position:sticky;top:0;z-index:10;position:relative}.account-settings-title{color:#fff;font-size:24px;font-weight:600;margin:0;text-align:center}.account-settings-content{padding:20px;max-width:500px;margin:0 auto}.account-settings-info{text-align:center;margin-bottom:30px;padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.account-icon{font-size:48px;color:#ff6b35;margin-bottom:15px}.account-description{color:#ccc;font-size:16px;line-height:1.5;margin:0}.current-email-display{width:100%;margin-bottom:30px;padding:15px;background-color:#ff7a001a;border:1px solid rgba(255,122,0,.3);border-radius:10px}.current-email-label{color:#ff7a00;font-size:14px;font-weight:500;margin-bottom:8px;display:block}.current-email-value{display:flex;align-items:center;gap:10px;color:#fff;font-size:16px;font-weight:500}.phone-number-section{width:100%;margin-bottom:30px;padding:15px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px}.phone-number-label{color:#fff;font-size:14px;font-weight:500;margin-bottom:8px;display:block}.phone-number-input-wrapper{display:flex;align-items:center;background-color:#333;border:1px solid #444;border-radius:8px;padding:12px 14px;transition:all .2s ease;margin-bottom:12px}.phone-number-input-wrapper:focus-within{border-color:#ff7a00;box-shadow:0 0 0 1px #ff7a004d}.phone-number-input-wrapper.invalid{border-color:#e74c3c;box-shadow:0 0 0 1px #e74c3c4d}.country-code{color:#999;font-size:16px;font-weight:500;margin-right:8px;flex-shrink:0}.phone-number-input{flex:1;background:transparent;border:none;color:#fff;font-size:16px;outline:none;font-family:inherit}.phone-number-input::placeholder{color:#666}.phone-validation-message{color:#e74c3c;font-size:12px;margin:4px 0 0;line-height:1.4}.verify-phone-button{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50;width:100%}.verify-phone-button:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);border-color:#45a049}.settings-section{margin-bottom:30px;padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.section-title{color:#fff;font-size:18px;font-weight:600;margin:0 0 15px}.settings-button{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#333;border:1px solid #444;border-radius:10px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;width:100%;transition:all .2s ease;margin-bottom:12px}.settings-button:hover:not(:disabled){background:#444;border-color:#555;transform:translateY(-1px)}.settings-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.settings-button:last-child{margin-bottom:0}.reset-password-button{background:linear-gradient(135deg,#ff7a00,#f50);border-color:#ff7a00}.reset-password-button:hover:not(:disabled){background:linear-gradient(135deg,#ff8c00,#ff6500);border-color:#ff8c00}.connect-google-button{background:linear-gradient(135deg,#4285f4,#3367d6);border-color:#4285f4}.connect-google-button:hover:not(:disabled){background:linear-gradient(135deg,#5c9eff,#4285f4);border-color:#5c9eff}.connect-apple-button{background:linear-gradient(135deg,#000,#333);border-color:#666}.connect-apple-button:hover:not(:disabled){background:linear-gradient(135deg,#333,#666);border-color:#999}.delete-account-section{border:1px solid rgba(231,76,60,.3);background:#e74c3c0d}.delete-account-button{background:linear-gradient(135deg,#e74c3c,#c0392b);border-color:#e74c3c;color:#fff}.delete-account-button:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#a93226);border-color:#c0392b}.update-message{padding:12px 15px;border-radius:8px;margin:20px 0;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px;text-align:center}@media (max-width: 768px){.account-settings-header{margin-bottom:25px}.account-icon{font-size:35px;margin-bottom:12px}.account-description{font-size:14px}.settings-button{padding:12px 16px;font-size:15px}}@media (max-width: 480px){.account-settings-header{padding:40px 16px 16px}.account-settings-title{font-size:20px}.account-settings-content{padding:16px}.account-icon{font-size:40px}.account-description{font-size:14px}.section-title{font-size:16px}.section-description{font-size:13px}.settings-button{padding:12px 14px;font-size:14px;gap:10px}.current-email-value,.phone-number-input{font-size:15px}.phone-number-input-wrapper{padding:10px 12px}.country-code{font-size:15px}.phone-validation-message{font-size:11px}}.counting-options-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000,#1a1a1a);z-index:1000;transform:translate(100%);transition:transform .3s ease-out;overflow-y:auto}.counting-options-screen.open{transform:translate(0)}.counting-options-screen.closing{transform:translate(100%)}.counting-options-header{display:flex;align-items:center;justify-content:center;padding:50px 20px 20px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #333;position:sticky;top:0;z-index:10;position:relative}.counting-options-title{color:#fff;font-size:24px;font-weight:600;margin:0;text-align:center}.counting-options-content{padding:20px;max-width:500px;margin:0 auto}.counting-options-info{text-align:center;margin-bottom:30px;padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.options-icon{font-size:48px;color:#ff6b35;margin-bottom:15px}.options-description{color:#ccc;font-size:16px;line-height:1.5;margin:0}.options-section{margin-bottom:30px;padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.section-title{color:#fff;font-size:18px;font-weight:600;margin:0 0 10px;display:flex;align-items:center;gap:10px}.section-title svg{color:#ff6b35}.section-description{color:#ccc;font-size:14px;line-height:1.5;margin:0 0 20px}.bottle-values-grid{display:grid;grid-template-columns:1fr;gap:15px}.bottle-value-item{display:flex;align-items:center;justify-content:space-between;padding:15px;background:#0000004d;border-radius:8px;border:1px solid #333}.bottle-info{display:flex;align-items:center;gap:12px}.bottle-icon-small{width:32px;height:32px;object-fit:contain}.bottle-label{color:#fff;font-size:16px;font-weight:500}.value-input-container{display:flex;align-items:center;gap:8px;background:#222;border:1px solid #333;border-radius:8px;padding:8px 12px;min-width:100px}.dollar-sign{color:#ff6b35;font-weight:500}.value-input{background:transparent;border:none;color:#fff;font-size:16px;font-weight:500;text-align:right;width:100%;outline:none}.value-input:focus{outline:none}.value-input::placeholder{color:#666}.toggle-option{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #333}.toggle-option:last-child{border-bottom:none}.toggle-info{display:flex;align-items:center;gap:12px;flex:1}.toggle-icon{color:#ff6b35;font-size:20px;min-width:20px}.sound-icon,.vibration-icon{font-size:20px;min-width:20px;text-align:center}.toggle-text h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.toggle-text p{color:#ccc;font-size:14px;line-height:1.4;margin:0}.toggle-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:80px;justify-content:center}.toggle-button.enabled{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.toggle-button.enabled svg{color:#fff}.toggle-button.disabled{background:#444;color:#ccc}.toggle-button.disabled svg{color:#ccc}.toggle-button:hover{transform:scale(1.05)}.update-message{padding:12px 15px;border-radius:8px;margin:10px 0 20px;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px}.update-message.success{background-color:#27ae6026;color:#2ecc71;border:1px solid rgba(39,174,96,.3)}.update-message.error{background-color:#e74c3c26;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.message-icon{font-size:16px}.message-icon.success{color:#2ecc71}.message-icon.error{color:#e74c3c}.save-options-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:#ff7a00;border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;width:100%;transition:all .2s ease}.save-options-button:hover{background:#ff8c00}.save-options-button:disabled{background:#666;cursor:not-allowed}.cds-notice{background:#ff7a001a;border:1px solid rgba(255,122,0,.3);border-radius:8px;padding:15px;margin-bottom:15px}.cds-notice-text{color:#ff6b35;font-size:14px;line-height:1.5;margin:0;text-align:center}.cds-notice-text strong{color:#ff8c00}.disabled-input{opacity:.5;cursor:not-allowed;background:#ffffff0d!important}.disabled-input:focus{border-color:#333!important}.side-note{margin-top:15px;text-align:center}.side-note-text{color:#888;font-size:13px;font-style:italic;margin:0;line-height:1.4}@media (max-width: 768px){.counting-options-header{padding:45px 16px 16px}.counting-options-title{font-size:22px}.counting-options-content,.options-section{padding:16px}.bottle-value-item{padding:12px}.bottle-icon-small{width:28px;height:28px}.value-input-container{min-width:90px;padding:6px 10px}.toggle-option{padding:12px 0}.toggle-info{gap:10px}.toggle-text h4{font-size:15px}.toggle-text p{font-size:13px}}@media (max-width: 480px){.counting-options-header{padding:40px 16px 16px}.counting-options-title{font-size:20px}.counting-options-content{padding:16px}.options-section{padding:14px;margin-bottom:20px}.section-title{font-size:16px}.bottle-values-grid{gap:12px}.bottle-value-item{padding:10px;flex-direction:column;align-items:flex-start;gap:10px}.bottle-info{width:100%}.value-input-container{width:100%;justify-content:center}.toggle-option{flex-direction:column;align-items:flex-start;gap:10px;padding:15px 0}.toggle-info{width:100%}.toggle-button{align-self:flex-end}.save-options-button{padding:12px 16px;font-size:15px}}.help-support-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000,#1a1a1a);z-index:1000;transform:translate(100%);transition:transform .3s ease-out;overflow-y:auto}.help-support-screen.open{transform:translate(0)}.help-support-screen.closing{transform:translate(100%)}.help-support-header{display:flex;align-items:center;justify-content:center;padding:50px 20px 20px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #333;position:sticky;top:0;z-index:10;position:relative}.help-support-title{color:#fff;font-size:24px;font-weight:600;margin:0;text-align:center}.help-support-content{padding:20px;max-width:600px;margin:0 auto}.help-support-info{text-align:center;margin-bottom:30px;padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.help-icon{font-size:48px;color:#ff6b35;margin-bottom:15px}.help-description{color:#ccc;font-size:16px;line-height:1.5;margin:0}.search-container{margin-bottom:20px}.search-input-container{position:relative;width:100%}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#666;font-size:16px}.search-input{width:100%;padding:12px 15px 12px 45px;background-color:#222;border:1px solid #333;border-radius:8px;color:#fff;font-size:16px;box-sizing:border-box}.search-input:focus{outline:none;border-color:#ff7a00}.documents-list{display:flex;flex-direction:column;gap:20px}.category-section{margin-bottom:20px}.category-title{color:#ff6b35;font-size:18px;font-weight:600;margin-bottom:15px;padding-bottom:5px;border-bottom:1px solid rgba(255,107,53,.3)}.category-documents{display:flex;flex-direction:column;gap:10px}.document-item{display:flex;align-items:center;justify-content:space-between;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:15px;cursor:pointer;transition:all .2s ease}.document-item:hover{background:#ffffff14;border-color:#ff6b354d;transform:translateY(-1px)}.document-info{flex:1}.document-title{color:#fff;font-size:16px;font-weight:500;margin:0 0 5px}.document-preview{color:#ccc;font-size:14px;margin:0;line-height:1.4}.document-icon{color:#ff6b35;font-size:20px;margin-left:15px}.document-viewer{width:100%}.document-content{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px}.document-meta{margin-bottom:20px}.document-category{background:#ff6b3533;color:#ff6b35;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.markdown-content{color:#e0e0e0;line-height:1.6}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:#ff6b35;margin-top:24px;margin-bottom:12px}.markdown-content h1{font-size:24px;border-bottom:1px solid rgba(255,107,53,.3);padding-bottom:8px}.markdown-content h2{font-size:20px}.markdown-content h3{font-size:18px}.markdown-content p{margin-bottom:16px}.markdown-content ul,.markdown-content ol{margin-bottom:16px;padding-left:24px}.markdown-content li{margin-bottom:8px}.markdown-content code{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px}.markdown-content pre{background:#0000004d;padding:16px;border-radius:8px;overflow-x:auto;margin-bottom:16px}.markdown-content pre code{background:none;padding:0}.markdown-content blockquote{border-left:4px solid #ff6b35;padding-left:16px;margin:16px 0;color:#ccc;font-style:italic}.markdown-content a{color:#ff6b35;text-decoration:none}.markdown-content a:hover{text-decoration:underline}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#999;gap:15px}.loading-spinner{font-size:24px;color:#ff7a00}.no-documents{text-align:center;padding:60px 20px;color:#999}.no-docs-icon{font-size:48px;color:#444;margin-bottom:15px}.error-message{display:flex;align-items:center;gap:10px;padding:12px 15px;background-color:#e74c3c26;color:#e74c3c;border:1px solid rgba(231,76,60,.3);border-radius:8px;margin-bottom:20px}.error-icon{font-size:16px;color:#e74c3c}.contact-support-section{margin-top:30px;padding:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;text-align:center}.contact-title{color:#ff6b35;font-size:18px;font-weight:600;margin-bottom:10px}.contact-description{color:#ccc;font-size:14px;margin-bottom:20px;line-height:1.5}.contact-links{display:flex;flex-direction:column;gap:12px;align-items:center}.contact-link{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#ff6b351a;border:1px solid rgba(255,107,53,.3);border-radius:8px;color:#ff6b35;text-decoration:none;font-weight:500;transition:all .2s ease;width:100%;max-width:250px;justify-content:center}.contact-link:hover{background:#ff6b3533;border-color:#ff6b35;transform:translateY(-1px)}.contact-link svg{font-size:16px}@media (max-width: 480px){.contact-links{gap:10px}.contact-link{padding:10px 16px;font-size:14px}}@media (max-width: 768px){.help-support-header{margin-bottom:25px}.help-icon{font-size:35px;margin-bottom:12px}.help-description{font-size:14px}.document-item{padding:12px}.document-title{font-size:15px}.document-preview{font-size:13px}}@media (max-width: 480px){.help-support-header{padding:40px 16px 16px}.help-support-title{font-size:20px}.help-support-content{padding:16px}.help-icon{font-size:40px}.help-description{font-size:14px}.document-content{padding:16px}.markdown-content h1{font-size:20px}.markdown-content h2{font-size:18px}}.all-counts-screen{flex:1;padding:0;overflow-y:auto;height:100vh}.all-counts-header{display:flex;align-items:center;justify-content:center;padding:50px 20px 20px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #333;position:sticky;top:0;z-index:10;position:relative}.all-counts-header .back-button{background:none;border:none;color:#ff6b35;font-size:20px;padding:10px;cursor:pointer;border-radius:8px;transition:background-color .3s ease;position:absolute;left:20px}.all-counts-header .back-button:hover{background:#ff6b351a}.all-counts-title{color:#fff;font-size:24px;font-weight:600;margin:0;text-align:center}.jobs-list{display:flex;flex-direction:column;gap:10px;padding:20px;overflow-y:auto;flex:1}.job-card{background-color:#333;border-radius:12px;padding:15px;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;animation:slideInFromTop .3s ease-out forwards;width:100%;max-width:600px;margin:0 auto}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.job-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.job-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:flex-start;margin-bottom:15px}.job-header-left{display:flex;flex-direction:column;gap:5px;justify-self:start}.job-number{font-size:20px;font-weight:700;color:#fff}.job-date{font-size:14px;color:#999}.job-header-center{justify-self:center}.status-pill{display:flex;align-items:center;gap:6px;background-color:#666;padding:6px 12px;border-radius:20px}.status-pill.completed{background-color:#2ecc7126}.status-pill.verifying{background-color:#3b82f626}.status-indicator{width:8px;height:8px;border-radius:50%;background-color:#ff7a00}.status-indicator.verifying{background-color:#3b82f6}.status-icon{font-size:12px}.status-icon.completed{color:#2ecc71}.status-text{font-size:14px;color:#ff7a00;font-weight:500}.status-pill.completed .status-text{color:#2ecc71}.status-pill.verifying .status-text{color:#3b82f6}.job-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;justify-self:end}.job-amount{font-size:20px;font-weight:700;color:#fff}.job-count{font-size:14px;color:#999}.job-content{margin-top:15px}.bottle-types{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;justify-items:center}.bottle-type{display:flex;flex-direction:column;align-items:center;gap:8px}.bottle-icon{width:32px;height:32px;opacity:.8;transition:opacity .2s ease,transform .2s ease;object-fit:contain;margin:0}.bottle-type:hover .bottle-icon{opacity:1;transform:scale(1.1)}.bottle-label{font-size:14px;font-weight:700;color:#fff;text-align:center}.bottle-count{font-size:12px;color:#999}.all-counts-screen .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out forwards}.all-counts-screen .modal-content{width:85%;max-width:350px;background-color:#333;border-radius:12px;padding:20px;box-shadow:0 4px 25px #0000004d;animation:scaleIn .3s ease-out forwards;transform-origin:center;height:auto;max-height:80vh;min-height:fit-content;display:flex;flex-direction:column;align-self:center;overflow-y:auto}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.all-counts-screen .fade-out{animation:fadeOut .3s ease-out forwards}.all-counts-screen .scale-out{animation:scaleOut .3s ease-out forwards}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}.all-counts-screen .modal-content h3{color:#fff;font-size:22px;font-weight:600;margin:0 0 24px;text-align:center;padding:0 10px;line-height:1.3}.all-counts-screen .action-buttons{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;width:100%;max-height:60vh;overflow-y:auto}.all-counts-screen .action-button{display:flex;align-items:center;gap:12px;background-color:#282828;color:#fff;border:none;border-radius:8px;padding:14px 16px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;box-sizing:border-box;min-height:56px;position:relative}.all-counts-screen .action-button:hover{background-color:#fff;color:#333}.all-counts-screen .action-button:active{transform:scale(.98)}.all-counts-screen .action-button svg,.all-counts-screen .action-button .svg-inline--fa{color:#ff7a00;transition:all .2s ease;font-size:20px;width:20px}.all-counts-screen .action-button:hover svg,.all-counts-screen .action-button:hover .svg-inline--fa{color:#333}.all-counts-screen .cancel-button{background-color:#1e1e1e;border:none;width:100%;justify-content:center}.all-counts-screen .cancel-button:hover{background-color:#fff;color:#333}.all-counts-screen .cancel-button:hover svg,.all-counts-screen .cancel-button:hover .svg-inline--fa{color:#333}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#999;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid #333;border-top:3px solid #FF7A00;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:#999;text-align:center;font-size:16px;line-height:1.5}.all-counts-screen .rename-form{margin-bottom:24px;width:100%}.all-counts-screen .rename-input{width:100%;padding:16px;border:2px solid #333;border-radius:12px;background:#1a1a1a;color:#fff;font-size:16px;font-family:inherit;box-sizing:border-box;transition:border-color .3s ease}.all-counts-screen .rename-input:focus{outline:none;border-color:#ff6b35}.all-counts-screen .rename-input::placeholder{color:#666}.all-counts-screen .delete-warning{color:#ccc;font-size:16px;line-height:1.5;text-align:center;margin:0 0 24px;padding:0 10px}.all-counts-screen .confirm-button{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.all-counts-screen .confirm-button:hover{background:linear-gradient(135deg,#45a049,#3d8b40)}.all-counts-screen .confirm-button:disabled{background:#333;color:#666;cursor:not-allowed}.all-counts-screen .action-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.all-counts-header{padding:45px 16px 16px}.all-counts-title{font-size:22px}.jobs-list{padding:16px}.job-card{padding:14px}.bottle-types{grid-template-columns:repeat(6,1fr);gap:12px}.bottle-icon{width:28px;height:28px}.job-number,.job-amount{font-size:18px}.bottle-label{font-size:13px}.all-counts-screen .modal-content{width:90%}}@media (max-width: 600px){.bottle-types{grid-template-columns:repeat(6,1fr);gap:10px;padding:5px 0}.job-number,.job-amount{font-size:16px}.bottle-label{font-size:12px}.bottle-count{font-size:11px}}@media (max-width: 480px){.all-counts-header{padding:40px 16px 16px}.all-counts-title{font-size:20px}.job-card{padding:12px 10px}.job-header{display:grid;grid-template-columns:1fr auto 1fr;margin-bottom:12px}.job-number{font-size:14px}.job-date{font-size:12px}.job-amount{font-size:14px}.job-count{font-size:12px}.status-pill{padding:4px 8px}.status-text{font-size:12px}.bottle-types{grid-template-columns:repeat(6,1fr);gap:8px;padding:5px 0}.bottle-icon{width:20px;height:20px}.bottle-label{font-size:10px}.all-counts-screen .modal-content{width:95%;padding:16px 14px;max-width:320px}.all-counts-screen .action-button{padding:12px 14px;font-size:15px;min-height:52px}.all-counts-screen .modal-content h3{font-size:20px;margin:0 0 20px}}@media (max-width: 360px){.bottle-types{gap:4px}.bottle-icon{width:18px;height:18px}.bottle-label{font-size:9px}.bottle-count{font-size:8px}}.toast-container{position:fixed;bottom:85px;left:0;right:0;display:flex;justify-content:center;z-index:1000}.toast{background-color:#333;border-radius:8px;padding:12px 18px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #0003;width:80%;max-width:320px;opacity:0;transform:translateY(20px);animation:toast-in-out 3s ease forwards}@keyframes toast-in-out{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.toast-icon{color:#ff9a30;display:flex;align-items:center;justify-content:center}.toast-message{color:#ccc;font-size:15px;font-weight:500}.bottom-navigation{position:fixed;bottom:0;left:0;right:0;height:60px;background-color:#111;display:flex;align-items:center;justify-content:space-around;padding:0 15px;border-top:1px solid #333;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;transition:color .2s ease;cursor:pointer;flex:1}.nav-item:hover{color:#fff}.nav-item.active{color:#ff7a00}.nav-item.disabled{color:#555;cursor:not-allowed;opacity:.6;pointer-events:none}.nav-item svg,.nav-item .svg-inline--fa{margin-bottom:4px;color:currentColor}.nav-item span{font-size:12px;font-weight:500}.nav-profile-picture{width:28px;height:28px;border-radius:50%;object-fit:cover;margin-bottom:3px;border:2px solid transparent;transition:border-color .2s ease}.active .nav-profile-picture{border-color:#ff7a00}.nav-item-center{flex:1;display:flex;justify-content:center;align-items:center}.nav-add-button{width:50px;height:50px;background:linear-gradient(135deg,#ff7a00,#f50);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #ff7a0066;cursor:pointer;transform:translateY(-15px);transition:transform .2s ease,box-shadow .2s ease}.nav-add-button:hover{transform:translateY(-18px);box-shadow:0 6px 14px #ff7a0080}.nav-add-button:active{transform:translateY(-12px)}@media (max-width: 768px){.bottom-navigation{height:55px}.nav-add-button{width:46px;height:46px;transform:translateY(-12px)}.nav-add-button:hover{transform:translateY(-14px)}}@media (max-width: 480px){.bottom-navigation{height:50px;padding:0 10px}.nav-item svg,.nav-item .svg-inline--fa{margin-bottom:2px;font-size:18px}.nav-item span{font-size:11px}.nav-add-button{width:42px;height:42px;transform:translateY(-10px)}.nav-add-button:hover{transform:translateY(-12px)}.nav-add-button:active{transform:translateY(-8px)}}@supports (padding-bottom: env(safe-area-inset-bottom)){.bottom-navigation{padding-bottom:env(safe-area-inset-bottom);height:calc(60px + env(safe-area-inset-bottom))}@media (max-width: 768px){.bottom-navigation{height:calc(55px + env(safe-area-inset-bottom))}}@media (max-width: 480px){.bottom-navigation{height:calc(50px + env(safe-area-inset-bottom))}}}.scan-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000,#1a1a1a);z-index:1000;overflow-y:auto}.scan-header{display:flex;align-items:center;justify-content:center;padding:50px 20px 20px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #333;position:sticky;top:0;z-index:10}.back-button{background:none;border:none;color:#ff6b35;font-size:20px;padding:10px;cursor:pointer;border-radius:8px;transition:background-color .3s ease;position:absolute;left:20px}.back-button:hover{background:#ff6b351a}.scan-title{color:#fff;font-size:24px;font-weight:600;margin:0;text-align:center}.scan-content{padding:20px;max-width:500px;margin:0 auto}.scan-description{text-align:center;margin-bottom:30px;padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.scan-description p{color:#ccc;font-size:16px;line-height:1.5;margin:0 0 10px}.code-format{color:#ff6b35;font-weight:500;margin:0}.mode-toggle{display:flex;gap:10px;margin-bottom:30px;background:#ffffff0d;border-radius:12px;padding:5px;border:1px solid rgba(255,255,255,.1)}.mode-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:none;border:none;color:#999;font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .3s ease}.mode-button:hover{background:#ffffff1a;color:#fff}.mode-button.active{background:#ff6b35;color:#fff}.scan-mode{margin-bottom:30px}.scanner-container{background:#ffffff0d;border:2px dashed #444;border-radius:12px;padding:40px 20px;text-align:center}.scanner-placeholder{color:#999}.scanner-icon{font-size:64px;color:#444;margin-bottom:15px}.scanner-placeholder p{font-size:16px;margin:0 0 5px}.scanner-placeholder small{font-size:12px;color:#666}.manual-mode{margin-bottom:30px}.manual-input-container{margin-bottom:20px}.manual-label{color:#999;font-size:14px;margin-bottom:8px;display:block}.manual-input{width:100%;padding:15px;background-color:#222;border:1px solid #333;border-radius:8px;color:#fff;font-size:18px;text-align:center;letter-spacing:2px;font-weight:500;box-sizing:border-box}.manual-input:focus{outline:none;border-color:#ff7a00}.manual-input::placeholder{color:#666;letter-spacing:normal}.input-help{text-align:center;margin-top:8px}.input-help small{color:#666;font-size:12px}.search-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:linear-gradient(135deg,#ff7a00,#f50);border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;width:100%;transition:all .2s ease}.search-button:hover:not(:disabled){background:linear-gradient(135deg,#ff8c00,#ff6b00);transform:translateY(-1px)}.search-button:disabled{background:#666;cursor:not-allowed;transform:none}.recent-section{margin-top:40px}.recent-section h3{color:#fff;font-size:16px;font-weight:600;margin-bottom:15px}.recent-list{background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);padding:20px;text-align:center}.no-recent{color:#666}.no-recent svg{font-size:24px;margin-bottom:10px;display:block}.no-recent p{margin:0;font-size:14px}@media (max-width: 768px){.scan-header{margin-bottom:25px}.scan-description{padding:15px}.scan-description p{font-size:14px}.scanner-container{padding:30px 15px}.scanner-icon{font-size:48px}.manual-input{padding:12px;font-size:16px}.search-button{padding:12px 18px;font-size:15px}}@media (max-width: 480px){.scan-header{padding:40px 16px 16px}.scan-title{font-size:20px}.scan-content{padding:16px}.mode-toggle{flex-direction:column;gap:5px}.mode-button{padding:10px 12px;font-size:13px}.scanner-container{padding:20px 10px}.scanner-icon{font-size:40px}.manual-input{padding:10px;font-size:15px}.search-button{padding:12px 16px;font-size:14px}}.splash-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.splash-content{display:flex;flex-direction:column;align-items:center;margin-bottom:60px}.splash-icon-container{margin-bottom:30px;animation:bounceIn .8s ease-out}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.splash-icon{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(255,122,0,.3))}.splash-title{color:#fff;font-size:48px;font-weight:700;margin:0;text-align:center;font-family:Arial,sans-serif;letter-spacing:2px;text-shadow:0 0 20px rgba(255,122,0,.5);animation:slideUp .6s ease-out .3s both}.splash-subtitle{color:#ff7a00;font-size:16px;margin:10px 0 0;text-align:center;font-weight:500;animation:fadeIn .4s ease-out .6s both}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.splash-progress-container{position:absolute;bottom:80px;left:50%;transform:translate(-50%);width:80%;max-width:300px}.splash-progress-bar{width:100%;height:4px;background:#fff3;border-radius:2px;overflow:hidden;box-shadow:0 0 10px #ff7a004d}.splash-progress-fill{height:100%;background:linear-gradient(90deg,#ff7a00,#f50);border-radius:2px;transition:width .1s ease-out;box-shadow:0 0 10px #ff7a00cc;position:relative;overflow:hidden}.splash-progress-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.splash-progress-text{color:#ff7a00;font-size:14px;margin:10px 0 0;text-align:center;font-weight:500;animation:fadeIn .3s ease-out}@media (max-width: 768px){.splash-icon{width:100px;height:100px}.splash-title{font-size:36px;letter-spacing:1px}.splash-subtitle{font-size:14px}.splash-progress-text{font-size:12px}.splash-progress-container{bottom:60px;width:85%}}@media (max-width: 480px){.splash-icon{width:80px;height:80px}.splash-title{font-size:28px;letter-spacing:1px}.splash-subtitle{font-size:13px}.splash-progress-text{font-size:11px}.splash-progress-container{bottom:50px;width:90%}.splash-content{margin-bottom:40px}}@media (max-width: 360px){.splash-icon{width:70px;height:70px}.splash-title{font-size:24px}.splash-subtitle{font-size:12px}.splash-progress-text{font-size:10px}.splash-progress-container{bottom:40px}}.splash-screen.completing{animation:fadeOut .5s ease-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.app{width:100vw;height:100vh;overflow:hidden;position:relative}.screen-container{position:relative;width:100%;height:100%}.screen{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.screen.slide-left{transform:translate(-100%)}.screen.slide-in-right{animation:slideInFromRight .3s cubic-bezier(.25,.46,.45,.94) forwards}.screen.slide-right{transform:translate(100%)}.screen.slide-in-left{animation:slideInFromLeft .3s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}