:root[data-theme=dark]{--bg-primary: #36393d;--bg-secondary: #2E3540;--card-bg: #FFFFFF;--card-text: #1F2937;--text-primary: #FFFFFF;--text-secondary: #76787a;--input-text: #FFFFFF;--input-bg: #FFFFFF;--input-border: #D1DAE4;--input-placeholder: #BCC6D1;--label-color: #6B7C8E;--primary-color: #0084FF;--logo-accent: #10B981;--step-number: #3B82F6;--error-color: #EF4444;--screen-bg: #36393d;--header-text: #FFFFFF;--toggle-border: rgba(255, 255, 255, .1);--info-icon-bg: rgba(74, 144, 226, .15);--timer-bg: rgba(255, 255, 255, .05);--error-bg: rgba(231, 76, 60, .15);--addcard-screen-bg: #141414;--addcard-card-bg: #272829;--addcard-header-text: #FFFFFF;--addcard-label-color: #9da0a3;--addcard-input-text: #fff;--addcard-input-bg: #272829;--addcard-input-border: #4f5052;--addcard-input-placeholder: #BCC6D1;--addcard-toggle-border: rgba(255, 255, 255, .1);--addcard-info-icon-bg: rgba(74, 144, 226, .15);--addcard-error-bg: rgba(231, 76, 60, .15);--sms-screen-bg: #141414;--sms-card-bg: #272829;--sms-header-text: #FFFFFF;--sms-label-color: #9da0a3;--sms-input-text: #fff;--sms-input-bg: #272829;--sms-input-border: #4f5052;--sms-input-placeholder: #BCC6D1;--sms-timer-bg: rgba(255, 255, 255, .05);--sms-error-bg: rgba(231, 76, 60, .15)}:root[data-theme=light]{--bg-primary: #ebf0f5;--bg-secondary: #FFFFFF;--card-bg: #FFFFFF;--card-text: #1F2937;--text-primary: #1F2937;--text-secondary: #141414;--input-text: #1F2937;--input-bg: #FFFFFF;--input-border: #D1DAE4;--input-placeholder: #BCC6D1;--label-color: #5f6f81;--primary-color: #1979fa;--logo-accent: #0084FF;--step-number: #93C5FD;--error-color: #EF4444;--screen-bg: linear-gradient(180deg, #F5F7FA 0%, #E8EDF2 100%);--header-text: #1C2A3A;--toggle-border: #F0F3F7;--info-icon-bg: #EBF3FB;--timer-bg: #F8FAFB;--error-bg: #FEF5F5;--addcard-screen-bg: #ebf0f5;--addcard-card-bg: #fff;--addcard-header-text: #141414;--addcard-label-color: #76787a;--addcard-input-text: #141414;--addcard-input-bg: #FFFFFF;--addcard-input-border: #D1DAE4;--addcard-input-placeholder: #BCC6D1;--addcard-toggle-border: #c4c8cc;--addcard-info-icon-bg: #EBF3FB;--addcard-error-bg: #FEF5F5;--sms-screen-bg: #ebf0f5;--sms-card-bg: #fff;--sms-header-text: #141414;--sms-label-color: #76787a;--sms-input-text: #141414;--sms-input-bg: #FFFFFF;--sms-input-border: #c4c8cc;--sms-input-placeholder: #BCC6D1;--sms-timer-bg: #F8FAFB;--sms-error-bg: #FEF5F5}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{--vh: 1vh;--app-height: 100vh}html,body{width:100%;margin:0;padding:0;overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch;touch-action:pan-y}html{height:100%;position:fixed;inset:0}body{height:100%;height:var(--app-height, 100%);font-family:Euclid Circular A,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);position:relative}#root{height:100%;width:100%;overflow:hidden;display:flex;flex-direction:column;position:relative}.main-content,.user-content,.fridge-content,.prices-content,.history-content,.reviews-content,.faq-content,.offerta-content{padding-bottom:110px!important}button{font-family:inherit}a{color:inherit;text-decoration:none}.header{display:flex;justify-content:space-between;align-items:center;padding:4px 10px;background:var(--bg-primary);z-index:10;flex-shrink:0;min-height:44px}.header .title{font-size:16px;font-weight:600;margin:0;flex:1;text-align:center;color:var(--text-primary)}.header .back-button,.header .back-btn{background:none;border:none;cursor:pointer;color:var(--primary-color);padding:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.header .back-button:active,.header .back-btn:active{transform:scale(.95)}@media(max-width:375px){.main-content,.user-content,.fridge-content,.prices-content,.history-content,.reviews-content,.faq-content,.offerta-content{padding-bottom:100px!important}}@media(max-width:320px){.main-content,.user-content,.fridge-content,.prices-content,.history-content,.reviews-content,.faq-content,.offerta-content{padding-bottom:95px!important}.header{padding:4px 8px;min-height:40px}.header .title{font-size:14px}}.auth-loading-container{display:flex;align-items:center;justify-content:center;min-height:100dvh;min-height:calc(var(--vh, 1vh) * 100);background:var(--background-color, #f5f5f5)}.auth-loading-content{text-align:center}.auth-loading-spinner{width:50px;height:50px;border:4px solid var(--border-color, #e0e0e0);border-top-color:#0084ff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.auth-loading-text{font-size:16px;color:var(--text-secondary, #666666);font-weight:500}[data-theme=dark] .auth-loading-container{background:#1c1c1e}[data-theme=dark] .auth-loading-spinner{border-color:#3a3a3c;border-top-color:#0084ff}[data-theme=dark] .auth-loading-text{color:#adadad}.auth-error-container{display:flex;align-items:center;justify-content:center;min-height:100dvh;min-height:calc(var(--vh, 1vh) * 100);padding:20px;background:var(--background-color, #f5f5f5)}.auth-error-content{text-align:center;max-width:400px;background:var(--card-background, #ffffff);padding:40px 30px;border-radius:20px;box-shadow:0 4px 20px #0000001a}.auth-error-icon{margin-bottom:24px;animation:fadeIn .5s ease-in-out}.auth-error-title{font-size:24px;font-weight:700;color:var(--text-primary, #000000);margin-bottom:12px}.auth-error-message{font-size:16px;color:var(--text-secondary, #666666);line-height:1.5;margin-bottom:24px}.auth-error-code{font-size:12px;color:var(--text-tertiary, #999999);font-family:monospace;margin-bottom:24px;padding:8px 12px;background:var(--background-secondary, #f0f0f0);border-radius:8px;display:inline-block}.auth-error-button{background:#0084ff;color:#fff;border:none;border-radius:12px;padding:14px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;max-width:200px}.auth-error-button:hover{background:#06c;transform:translateY(-2px);box-shadow:0 4px 12px #0084ff4d}.auth-error-button:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}[data-theme=dark] .auth-error-container{background:#1c1c1e}[data-theme=dark] .auth-error-content{background:#2c2c2e}[data-theme=dark] .auth-error-title{color:#fff}[data-theme=dark] .auth-error-message{color:#adadad}[data-theme=dark] .auth-error-code{background:#3a3a3c;color:#adadad}.offerta-page{height:100%;display:flex;flex-direction:column;background:var(--bg-primary);color:var(--text-primary);font-family:Euclid Circular A,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden;width:100%}.header{display:flex;justify-content:space-between;align-items:center;padding:4px 10px;min-height:44px}.title{font-size:16px;font-weight:600;margin:0}.offerta-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;text-align:center;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.logo-icon{margin-bottom:16px;color:var(--text-primary)}.logo-dot{fill:var(--primary-color)}.logo-smile{stroke:var(--logo-accent);fill:none}.slogan{font-size:28px;margin:0 0 60px;font-weight:700;line-height:1.4}.slogan-comfortable{color:var(--logo-accent)}.slogan-text{color:var(--text-primary)}.agreement-text{font-size:12px;color:var(--text-secondary);margin:0 0 20px;max-width:280px;line-height:1.5;font-weight:700}.link-text{color:var(--error-color);cursor:pointer;text-decoration:underline;transition:opacity .2s ease}.link-text:hover{opacity:.8}.continue-btn{background:var(--primary-color);color:#fff;border:none;border-radius:16px;padding:14px 32px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:200px;box-shadow:0 4px 12px #0084ff4d}.continue-btn:hover{transform:scale(1.02);box-shadow:0 6px 16px #0084ff66}.continue-btn:active{transform:scale(.98)}.logo-bg-image{width:100%;max-width:min(400px,100%);height:auto;object-fit:contain;transition:opacity .3s ease}.bottom-navigation{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:10px 16px 12px;background:var(--card-bg);z-index:100;height:65px;border-radius:20px 20px 0 0;box-shadow:0 -2px 10px #0000001a;transform:translateZ(0);-webkit-transform:translateZ(0)}.bottom-navigation:before{content:"";position:absolute;top:-40px;left:50%;transform:translate(-50%);width:90px;height:48px;background:var(--card-bg);border-radius:45px 45px 0 0}@media(min-width:768px){.bottom-navigation{left:50%;right:auto;transform:translate(-50%);max-width:448px;width:calc(100% - 32px)}.scan-btn-wrapper{left:50%;transform:translate(-50%)}.bottom-navigation:before{left:50%}}.nav-btn{background:none;border:none;cursor:pointer;padding:8px 10px;color:var(--text-secondary);transition:all .3s ease;border-radius:12px;flex:1;display:flex;align-items:center;justify-content:center;position:relative}.nav-btn:hover{color:var(--primary-color);background:#0084ff14}.nav-btn.active{color:var(--primary-color)}.scan-btn-wrapper{position:fixed;left:50%;bottom:0;transform:translate(-50%);z-index:101;pointer-events:none;will-change:transform;-webkit-transform:translateX(-50%)}.scan-btn{margin:0;padding:0;background:none;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;transform:translateY(-28px);-webkit-transform:translateY(-28px);pointer-events:auto;position:relative}.scan-btn:before{content:"";position:absolute;top:50%;left:50%;width:70px;height:70px;border-radius:50%;border:3px solid #0084FF;transform:translate(-50%,-50%);animation:signal-ripple 2.5s ease-out infinite;pointer-events:none}.scan-btn-circle{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#0084ff,#06c);display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;box-shadow:0 4px 12px #0084ff4d}.qr-icon{width:38px;height:38px;filter:brightness(0) invert(1)}.scan-btn:after{display:none}.scan-btn:hover .scan-btn-circle{transform:scale(1.08)}.scan-btn:active .scan-btn-circle{transform:scale(.95)}@keyframes signal-ripple{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.3);opacity:0}}@media(max-width:375px){.bottom-navigation{padding:8px 12px 12px;height:60px}.bottom-navigation:before{width:85px;height:45px;top:-38px}.nav-btn{padding:6px 8px}.nav-btn svg{width:24px!important;height:24px!important}.scan-btn{transform:translateY(-26px)}.scan-btn-circle{width:65px;height:65px}.scan-btn:before{width:65px;height:65px}.qr-icon{width:35px;height:35px}}@media(max-width:320px){.bottom-navigation{padding:8px 10px 10px;height:55px}.bottom-navigation:before{width:80px;height:42px;top:-36px}.nav-btn{padding:4px 6px}.nav-btn svg{width:22px!important;height:22px!important}.scan-btn{transform:translateY(-24px)}.scan-btn-circle{width:60px;height:60px}.scan-btn:before{width:60px;height:60px}.qr-icon{width:32px;height:32px}}.qr-scanner-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;padding:12px}.qr-scanner-modal{background:var(--card-bg);border-radius:20px;width:100%;max-width:360px;overflow:hidden;display:flex;flex-direction:column;animation:modalAppear .3s ease;box-shadow:0 20px 60px #0000004d}@keyframes modalAppear{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media(min-width:768px){.qr-scanner-modal{max-width:440px}}.qr-scanner-header{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 12px;background:var(--card-bg)}.qr-scanner-header h2{margin:0;font-size:17px;font-weight:600;color:var(--card-text)}.close-btn{background:#0000000d;border:none;cursor:pointer;color:var(--card-text);padding:6px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all .2s ease;width:32px;height:32px}.close-btn:hover{background:#0000001a;transform:scale(1.05)}.qr-scanner-content{padding:0 16px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--card-bg)}.scanner-wrapper{width:100%;position:relative;aspect-ratio:1 / 1;max-height:400px}@media(max-width:480px){.scanner-wrapper{max-height:300px}}#qr-reader{width:100%;border-radius:12px;overflow:hidden;position:relative;background:#000;max-height:400px;aspect-ratio:1 / 1}@media(max-width:480px){#qr-reader{max-height:300px}}#qr-reader>div{display:none!important}#qr-reader video{display:block!important;width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.scanner-frame{z-index:2}.scanner-frame{position:absolute;inset:0;pointer-events:none}.corner{position:absolute;width:40px;height:40px;border:3px solid var(--primary-color);opacity:.9}@media(max-width:480px){.corner{width:30px;height:30px;border:2.5px solid var(--primary-color)}}.corner-tl{top:20px;left:20px;border-right:none;border-bottom:none;border-radius:8px 0 0}.corner-tr{top:20px;right:20px;border-left:none;border-bottom:none;border-radius:0 8px 0 0}.corner-bl{bottom:20px;left:20px;border-right:none;border-top:none;border-radius:0 0 0 8px}.corner-br{bottom:20px;right:20px;border-left:none;border-top:none;border-radius:0 0 8px}@media(max-width:480px){.corner-tl,.corner-tr{top:15px}.corner-bl,.corner-br{bottom:15px}.corner-tl,.corner-bl{left:15px}.corner-tr,.corner-br{right:15px}}.scan-line{position:absolute;left:20px;right:20px;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);box-shadow:0 0 10px var(--primary-color);animation:scan 2s ease-in-out infinite}@media(max-width:480px){.scan-line{left:15px;right:15px}}@keyframes scan{0%{top:20px;opacity:0}50%{opacity:1}to{bottom:20px;top:auto;opacity:0}}@media(max-width:480px){@keyframes scan{0%{top:15px;opacity:0}50%{opacity:1}to{bottom:15px;top:auto;opacity:0}}}.scanner-hint{text-align:center;color:var(--card-text);margin:0;font-size:15px;padding:4px 0}.error-message{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.error-message svg{color:var(--error-color)}.error-message p{color:var(--card-text);font-size:16px;margin:0}.retry-btn{background:var(--primary-color);color:#fff;border:none;border-radius:16px;padding:14px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0084ff4d}.retry-btn:hover{transform:scale(1.05);box-shadow:0 6px 16px #0084ff66}#qr-reader__dashboard_section{display:none!important}#qr-reader__scan_region{border:3px solid var(--primary-color)!important;border-radius:12px!important}#qr-reader__camera_selection{display:none!important}#qr-reader__camera_permission_button{background:var(--primary-color)!important;border-radius:12px!important}.sms-verification-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--card-bg);border-radius:14px;padding:16px;width:90%;max-width:340px;max-height:85vh;overflow-y:auto;z-index:1000;box-shadow:0 10px 40px #0003;text-align:center}.sms-icon{display:flex;justify-content:center;margin:12px 0}.sms-icon svg{color:var(--primary-color, #007bff)}.sms-description{font-size:14px;color:var(--text-secondary);margin-bottom:6px}.phone-number{font-size:18px;font-weight:600;color:var(--card-text);margin-bottom:16px;font-family:monospace;letter-spacing:1px}.form-label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--card-text);text-align:left}.form-group{margin-bottom:12px}.form-input{width:100%;padding:10px 12px;border:2px solid rgba(128,128,128,.3);border-radius:10px;font-size:15px;color:var(--input-text);background-color:var(--bg-secondary);transition:all .2s;text-align:center}.form-input::placeholder{color:var(--input-placeholder);opacity:1}.form-input:focus{outline:none;border-color:var(--primary-color)}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-input.error{border-color:var(--error-color)}.error-message{font-size:13px;color:var(--error-color);margin-top:4px;display:block;text-align:left}.sms-input{text-align:center;font-size:20px;font-weight:600;letter-spacing:6px;padding:12px;font-family:monospace}.countdown-timer{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background-color:var(--bg-secondary);border-radius:10px;margin:12px 0;font-size:13px;font-weight:500;color:var(--primary-color);flex-wrap:wrap}.countdown-timer svg{flex-shrink:0}.time-expired{color:var(--error-color)}.resend-btn{background:var(--primary-color);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;margin-left:12px}.resend-btn:hover:not(:disabled){background:#007bffe6;transform:translateY(-1px)}.resend-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.resend-btn svg{flex-shrink:0}.modal-actions{display:flex;gap:12px;margin-top:8px}.btn-secondary,.btn-primary{flex:1;padding:10px 20px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.btn-secondary{background-color:var(--primary-color);color:#fff;border:2px solid var(--primary-color);opacity:.8}.btn-secondary:hover:not(:disabled){opacity:1;transform:translateY(-1px)}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-secondary:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-size:24px;font-weight:700;color:var(--card-text)}.modal-close-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s}.modal-close-btn:hover:not(:disabled){color:var(--card-text);transform:scale(1.1)}.modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.modal-backdrop{position:fixed;inset:0;background-color:#00000080;z-index:999}@media(max-width:480px){.sms-verification-modal{width:95%;padding:20px}.sms-icon svg{width:52px;height:52px}.phone-number{font-size:18px}.sms-input{font-size:20px;letter-spacing:6px}}.spinner-small{animation:spin 1s linear infinite}.delete-confirm-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--card-bg);border-radius:14px;padding:16px;width:90%;max-width:340px;z-index:1000;box-shadow:0 10px 40px #0003}.delete-confirm-modal .modal-header{margin-bottom:12px}.delete-confirm-modal .modal-title{font-size:18px;font-weight:600;color:var(--card-text);margin:0;text-align:center}.modal-content{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:16px}.warning-icon{display:flex;align-items:center;justify-content:center;margin-bottom:4px}.card-info-delete{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;background:var(--bg-secondary);border-radius:10px;width:100%}.card-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.card-number-delete{font-size:15px;font-weight:600;color:var(--text-primary);font-family:Courier New,monospace}.confirm-message{text-align:center;color:var(--card-text);font-size:13px;line-height:1.5;margin:0}.modal-actions{display:flex;gap:12px}.btn-cancel,.btn-delete{flex:1;padding:10px 20px;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.btn-cancel{background-color:var(--primary-color);color:#fff;border:2px solid var(--primary-color);opacity:.8}.btn-cancel:hover:not(:disabled){opacity:1;transform:translateY(-1px)}.btn-delete{background-color:#dc3545;color:#fff;border:none}.btn-delete:hover:not(:disabled){background-color:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.btn-cancel:disabled,.btn-delete:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){.delete-confirm-modal{width:95%;padding:18px}.delete-confirm-modal .modal-title{font-size:18px}.warning-icon svg{width:50px;height:50px}.modal-actions{flex-direction:column-reverse}.btn-cancel,.btn-delete{width:100%}}.card-selection-section{width:100%;margin-bottom:12px;position:relative;z-index:10;flex-shrink:0}.section-title{font-size:15px;font-weight:600;color:var(--card-text);margin-bottom:8px;padding-left:2px}.card-selector-button{background:var(--card-bg);border:2px solid rgba(0,0,0,.1);border-radius:12px;padding:10px;min-height:68px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000014}.selected-card-display{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.placeholder-text{color:var(--text-secondary);font-size:15px}.card-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--card-bg);border-radius:16px;box-shadow:0 8px 24px #00000026;z-index:51;overflow:hidden;animation:dropdownAppear .25s ease;max-height:500px;overflow-y:auto}@keyframes dropdownAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cards-list{padding:8px}.card-item{display:flex;align-items:center;gap:16px;padding:14px 12px;border-radius:12px;cursor:pointer;transition:all .2s ease}.card-item:hover{background:#007bff14}.card-item.selected{background:#007bff1f}.card-icon{display:flex;align-items:center;justify-content:center;min-width:52px;background:none!important;border-radius:0!important;width:auto!important;height:auto!important;font-size:inherit!important}.card-icon-emoji{font-size:24px}.card-icon-img{width:48px;height:48px;background:transparent;object-fit:contain}.card-info{flex:1;display:flex;flex-direction:column;gap:3px;min-height:48px;justify-content:center}.card-name{font-size:16px;font-weight:600;color:var(--card-text)}.card-number{font-size:14px;font-weight:500;color:var(--text-secondary)}.card-type{font-size:13px;color:var(--text-secondary);text-transform:uppercase;font-weight:500}.card-actions{display:flex;align-items:center;gap:8px}.delete-card-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;color:#dc3545;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:16px}.delete-card-btn:hover{background:#dc35451a}.delete-card-btn:active{transform:scale(.95)}.cards-divider{margin:8px 12px;padding-top:8px;border-top:1px solid rgba(0,0,0,.1);font-size:12px;color:var(--text-secondary);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.add-card-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.add-card-btn:active{transform:translateY(0)}.error-toast,.success-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);min-width:300px;max-width:90%;padding:16px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 20px #00000026;z-index:1000;animation:slideUpToast .3s ease}.error-toast{background:#ef4444f2;color:#fff}.success-toast{background:#10b981f2;color:#fff}.error-toast span,.success-toast span{flex:1;font-size:14px;font-weight:500}.error-toast button,.success-toast button{background:none;border:none;padding:4px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s}.error-toast button:hover,.success-toast button:hover{opacity:1}@media(max-width:480px){.section-title{font-size:16px}.card-selector-button{padding:14px}.card-name{font-size:15px}.card-number{font-size:13px}.card-type{font-size:12px}.card-dropdown{max-height:350px}.error-toast,.success-toast{min-width:280px}}.main-page{height:100%;background:var(--bg-primary);color:var(--text-primary);overflow:hidden;font-family:Euclid Circular A;width:100%;display:flex;flex-direction:column;position:relative}.header-controls{display:flex;align-items:center;gap:6px}.main-content{flex:1;padding:8px 12px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:10px}.chat-btn{position:absolute;top:0;right:20px;width:48px;height:48px;border-radius:50%;background:var(--primary-color);border:none;cursor:pointer;box-shadow:0 4px 12px #0084ff4d;transition:transform .2s ease,box-shadow .2s ease;z-index:10;display:flex;align-items:center;justify-content:center;color:#fff}.chat-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px #0084ff66}.chat-btn:active{transform:scale(.95)}.card-section{margin-bottom:4px;margin-top:4px}.card-label{font-size:16px;margin-bottom:6px;color:var(--text-primary)}.payment-card{background:var(--card-bg);border-radius:16px;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 12px #00000014;color:var(--card-text)}.card-logo svg{display:block}.card-info{flex:1}.card-number{font-size:20px;font-weight:600;letter-spacing:1px;color:var(--card-text)}.expand-btn{background:none;border:none;cursor:pointer;color:var(--card-text);padding:8px}.vending-machine-section{margin:0;display:flex;justify-content:center;align-items:center;flex-shrink:0}.vending-bg-image{width:100%;max-width:min(220px,80%);height:auto;object-fit:contain;transition:opacity .3s ease}.steps-section{display:flex;flex-direction:column;gap:4px;margin-top:0;flex-shrink:0}.step-card{margin-top:2.5%;background:var(--card-bg);border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #00000014;transition:all .2s ease;color:var(--card-text)}.step-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.step-number{font-size:15px;font-weight:700;color:var(--primary-color);flex-shrink:0;min-width:28px}.step-text{flex:1;font-size:18.5px;font-weight:500;color:var(--card-text);line-height:1.3}.user-page{height:100%;background:var(--bg-primary);color:var(--text-primary);overflow:hidden;width:100%;display:flex;flex-direction:column;position:relative}.user-content{flex:1;padding:8px 12px 60px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.user-info-card{background:var(--card-bg);border-radius:16px;padding:12px 16px;display:flex;align-items:center;gap:12px;margin-bottom:16px;box-shadow:0 2px 8px #00000014}.user-info-logo{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.click-logo{width:100%;height:100%;object-fit:contain}.user-info-text{flex:1;display:flex;flex-direction:column;gap:2px}.user-name{font-size:20px;font-weight:600;color:var(--primary-color)}.user-phone{font-size:17px;font-weight:400;color:var(--card-text)}.menu-items{display:flex;flex-direction:column;gap:6px;margin-bottom:30px}.menu-item{background:var(--card-bg);border:none;border-radius:16px;padding:14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;color:var(--card-text);box-shadow:0 2px 12px #00000014}.menu-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.menu-item:active{transform:translateY(0)}.menu-item.highlighted{margin-top:5%;background:var(--primary-color);color:#fff}.menu-item.highlighted .menu-icon{color:#fff!important}.menu-item.highlighted .menu-title,.menu-item.highlighted .arrow-icon{color:#fff}.menu-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.menu-title{flex:1;font-size:18px;font-weight:500;color:var(--primary-color)}.arrow-icon{flex-shrink:0;color:var(--primary-color)}.logo-section{text-align:center;margin-top:40px;padding:20px}.hello-logo{position:relative;display:inline-block;margin-bottom:12px}.hello-logo-img{max-width:180px;height:auto;display:block;object-fit:contain}.hello-text{font-size:64px;font-weight:300;color:var(--text-secondary);display:block;letter-spacing:4px}.logo-smile{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px}.subtitle{font-size:18px;color:var(--text-secondary);margin:20px 0 0;font-weight:400}.fridge-details-page{height:100%;background:var(--bg-primary);color:var(--text-primary);overflow:hidden;font-family:Euclid Circular A,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;width:100%;display:flex;flex-direction:column}.fridge-content{flex:1;padding:8px 12px;display:flex;flex-direction:column;align-items:center;gap:12px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.fridge-icon-wrapper{margin:8px 0;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.info-card{width:100%;max-width:100%;background:var(--card-bg);border-radius:14px;padding:14px 16px;box-shadow:0 4px 12px #0000001a;animation:slideUp .5s ease;flex-shrink:0}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.info-label{font-size:14px;color:var(--card-text);font-weight:500}.info-value{font-size:16px;font-weight:600;color:var(--card-text)}.info-divider{height:1px;background:#00000014;margin:8px 0}.status-badge{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#10b9811a;border-radius:12px;font-size:14px;font-weight:600;color:#10b981}.status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.card-selection-section{width:100%;max-width:500px;margin-bottom:24px;animation:slideUp .6s ease;position:relative;z-index:10}.section-title{font-size:18px;font-weight:600;color:var(--card-text);margin-bottom:16px;padding-left:4px}.card-selector-button{background:var(--card-bg);border:2px solid rgba(0,0,0,.1);border-radius:16px;padding:16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000014}.card-selector-button:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001f}.selected-card-display{display:flex;align-items:center;gap:16px;flex:1}.placeholder-text{color:var(--card-text);font-size:16px}.dropdown-icon{color:var(--primary-color);transition:transform .3s ease;flex-shrink:0}.dropdown-icon.open{transform:rotate(180deg)}.card-selector-backdrop{position:fixed;inset:0;background:#0000004d;z-index:50;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:var(--card-bg);border:2px solid var(--primary-color);border-radius:16px;padding:8px;box-shadow:0 8px 24px #0003;animation:slideDown .3s ease;z-index:100}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cards-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;overflow-x:hidden;padding:4px}.cards-list::-webkit-scrollbar{width:6px}.cards-list::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.cards-list::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.cards-list::-webkit-scrollbar-thumb:hover{background:#0084ffcc}.cards-divider{padding:12px 8px 8px;margin-top:4px;border-top:1px solid var(--border-color, #e0e0e0)}.cards-divider span{font-size:12px;font-weight:600;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.5px}.card-item{background:var(--card-bg);border:2px solid transparent;border-radius:12px;padding:12px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease}.card-item:hover{border-color:var(--primary-color);background:#0084ff0d}.card-item.selected{border-color:var(--primary-color);background:#0084ff1a}.card-icon{font-size:28px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0084ff1a;border-radius:10px;flex-shrink:0}.card-info{flex:1;display:flex;flex-direction:column;gap:4px}.card-number{font-size:16px;font-weight:600;color:var(--card-text)}.card-type{font-size:13px;color:var(--card-text);text-transform:uppercase;font-weight:500}.card-check{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.no-cards-message{text-align:center;color:var(--text-secondary);font-size:14px;padding:24px;background:#ef44440d;border-radius:12px;border:1px dashed var(--error-color)}.add-card-btn{width:100%;background:var(--primary-color);color:#fff;border:none;border-radius:12px;padding:14px 16px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.add-card-btn:hover{background:#0084ffe6;transform:translateY(-2px);box-shadow:0 4px 12px #0084ff4d}.add-card-btn svg{flex-shrink:0}.error-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--error-color);color:#fff;padding:14px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 24px #ef44444d;z-index:1001;animation:slideUpToast .3s ease-out;max-width:90%}@keyframes slideUpToast{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.error-toast svg{flex-shrink:0}.error-toast span{flex:1;font-size:14px;font-weight:500}.error-toast button{background:none;border:none;padding:4px;cursor:pointer;color:#fff;opacity:.8;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.error-toast button:hover{opacity:1}.success-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#10b981;color:#fff;padding:14px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 24px #10b9814d;z-index:1001;animation:slideUpToast .3s ease-out;max-width:90%}.success-toast svg{flex-shrink:0}.success-toast span{flex:1;font-size:14px;font-weight:500}.success-toast button{background:none;border:none;padding:4px;cursor:pointer;color:#fff;opacity:.8;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.success-toast button:hover{opacity:1}.warning-text{text-align:center;color:var(--error-color);font-size:14px;margin-top:12px;font-weight:500}.view-prices-btn{width:100%;max-width:100%;background:var(--bg-secondary);color:var(--primary-color);border:2px solid var(--primary-color);border-radius:14px;padding:14px 24px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;flex-shrink:0;margin-bottom:12px}.view-prices-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #0084ff4d}.view-prices-btn:active{transform:translateY(0)}.open-fridge-btn{width:100%;max-width:100%;background:var(--primary-color);color:#fff;border:none;border-radius:14px;padding:14px 24px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 16px #0084ff4d;flex-shrink:0}.open-fridge-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #0084ff66}.open-fridge-btn:active:not(:disabled){transform:translateY(0)}.open-fridge-btn:disabled{opacity:.7;cursor:not-allowed}.helper-text{text-align:center;color:var(--text-secondary);font-size:14px;margin:0;padding:0 20px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px 20px;flex:1}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px;text-align:center;flex:1}.error-title{font-size:22px;font-weight:600;color:var(--text-primary);margin:0}.error-desc{font-size:15px;color:var(--text-secondary);margin:0;max-width:300px;line-height:1.5}.scan-again-btn{background:var(--primary-color);color:#fff;border:none;border-radius:16px;padding:14px 32px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s ease;box-shadow:0 4px 16px #0084ff4d;margin-top:12px}.scan-again-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0084ff66}.scan-again-btn:active{transform:translateY(0)}.success-message{width:100%;max-width:100%;display:flex;align-items:center;gap:14px;padding:16px 20px;background:#10b9811a;border:2px solid rgba(16,185,129,.4);border-radius:14px;animation:slideDown .3s ease;flex-shrink:0}.success-message svg{flex-shrink:0}.success-message-text{display:flex;flex-direction:column;gap:4px;flex:1}.success-title{color:#10b981;font-size:16px;font-weight:700}.success-instruction{color:#059669;font-size:14px;font-weight:600;line-height:1.4}.error-message-inline{width:100%;max-width:100%;display:flex;align-items:center;gap:12px;padding:14px 18px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:14px;color:var(--error-color);font-size:15px;font-weight:600;animation:slideDown .3s ease;flex-shrink:0}.purchase-history-page{height:100%;background:var(--bg-primary);color:var(--text-primary);overflow:hidden;width:100%;display:flex;flex-direction:column}.history-content{flex:1;padding:8px 12px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 12px;flex:1}.purchases-list{display:flex;flex-direction:column;gap:12px}.purchase-card{background:var(--card-bg);border-radius:20px;overflow:hidden;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 12px #00000014}.purchase-card:hover{box-shadow:0 4px 16px #0000001f}.purchase-card.expanded{box-shadow:0 6px 20px #00000026}.purchase-header{display:flex;align-items:center;gap:8px;padding:16px 12px;position:relative}.purchase-main-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;overflow:hidden}.purchase-order-id{font-size:15px;font-weight:700;color:var(--primary-color);letter-spacing:.5px}.purchase-date{font-size:14px;font-weight:600;color:var(--card-text)}.purchase-location{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.purchase-status{position:absolute;top:18px;right:12px;display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;width:fit-content;z-index:1}.status-paid{background:#00cc52;color:#fff}.status-waiting{background:#07f;color:#fff}.status-canceled{background:#f40;color:#fff}.status-send{background:#e0a500;color:#fff}.status-default{background:#6b728026;color:#6b7280}.purchase-total{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.total-label{font-size:12px;color:var(--text-secondary)}.total-amount{font-size:16px;font-weight:700;color:var(--primary-color);white-space:nowrap}.expand-icon{width:24px;height:24px;flex-shrink:0;color:var(--primary-color);transition:transform .3s ease}.purchase-card.expanded .expand-icon{transform:rotate(180deg)}.purchase-details{padding:0 20px 18px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.details-divider{height:1px;background:#00000014;margin-bottom:16px}.items-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;padding:8px 0;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;border-bottom:1px solid rgba(0,0,0,.05);margin-bottom:8px}.header-item{text-align:left}.header-qty,.header-price,.header-sum{text-align:right}.purchase-item{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;padding:12px 0;font-size:14px;color:var(--card-text);border-bottom:1px solid rgba(0,0,0,.05)}.purchase-item:last-child{border-bottom:none}.item-name{text-align:left;font-weight:500}.item-qty,.item-price{text-align:right;color:var(--text-secondary)}.item-sum{text-align:right;font-weight:600;color:var(--primary-color)}@media(max-width:375px){.purchase-header{padding:16px}.purchase-total{align-items:flex-end}.total-amount{font-size:16px;white-space:nowrap}.items-header,.purchase-item{grid-template-columns:2fr .8fr 1fr 1fr;font-size:13px}.purchase-item{font-size:13px}}.pagination-container{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px 12px;margin-top:16px;flex-wrap:wrap}.pagination-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:2px solid var(--primary-color);background:var(--card-bg);color:var(--primary-color);cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--primary-color);color:#fff;transform:scale(1.05)}.pagination-btn:active:not(:disabled){transform:scale(.95)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed;border-color:var(--text-secondary);color:var(--text-secondary)}.pagination-pages{display:flex;align-items:center;gap:6px}.pagination-page{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 8px;border-radius:12px;border:2px solid transparent;background:var(--card-bg);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.pagination-page:hover{border-color:var(--primary-color);color:var(--primary-color)}.pagination-page.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;color:var(--text-secondary);font-weight:600;-webkit-user-select:none;user-select:none}.pagination-info{font-size:14px;color:var(--text-secondary);padding:8px 12px;margin-left:8px;white-space:nowrap}@media(max-width:480px){.pagination-container{gap:6px;padding:20px 8px}.pagination-btn{width:36px;height:36px}.pagination-page{min-width:36px;height:36px;font-size:13px}.pagination-ellipsis{min-width:30px;height:36px}.pagination-info{width:100%;text-align:center;margin-left:0;margin-top:8px;font-size:13px}}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:80px 20px;text-align:center;min-height:400px}.error-title{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.error-desc{font-size:16px;color:var(--text-secondary);margin:0;max-width:320px}.retry-btn{padding:12px 32px;background:var(--primary-color);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.retry-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.payment-badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px}.payment-system-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.payment-system-badge.click{background:linear-gradient(135deg,#00a8e8,#0084b4);color:#fff;box-shadow:0 2px 8px #00a8e84d}.payment-system-badge.payme{background:linear-gradient(135deg,#0ca,#00a389);color:#fff;box-shadow:0 2px 8px #00ccaa4d}.fiscal-receipt-container{margin-top:16px;padding-top:16px;border-top:1px solid rgba(0,0,0,.08)}.fiscal-receipt-link{display:inline-flex;align-items:center;padding:12px 20px;background:linear-gradient(135deg,#00a8e8,#0084b4);color:#fff;text-decoration:none;border-radius:14px;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #00a8e840}.fiscal-receipt-link:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00a8e859}.fiscal-receipt-link:active{transform:translateY(0);box-shadow:0 2px 8px #00a8e833}@media(max-width:375px){.payment-badges{gap:6px}.payment-system-badge{font-size:11px;padding:3px 10px}.purchase-status{font-size:11px;padding:3px 10px;top:15px;right:10px}.fiscal-receipt-link{font-size:13px;padding:10px 16px}}.retry-btn:active{transform:scale(.95)}.prices-page{height:100%;background:var(--bg-primary);color:var(--text-primary);overflow:hidden;width:100%;display:flex;flex-direction:column}.back-button{background:none;border:none;cursor:pointer;color:var(--primary-color);padding:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.back-button:hover{transform:scale(1.1)}.back-button:active{transform:scale(.95)}.prices-content{flex:1;padding:8px 12px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.search-section{margin-bottom:12px}.search-input-wrapper{position:relative;display:flex;align-items:center;background:var(--card-bg);border-radius:12px;padding:10px 14px;box-shadow:0 2px 8px #00000014;transition:all .2s ease}.search-input-wrapper:focus-within{box-shadow:0 4px 12px #0084ff33}.search-icon{color:var(--text-secondary);margin-right:12px;flex-shrink:0}.search-input{flex:1;border:none;background:none;outline:none;font-size:16px;color:var(--card-text);font-family:inherit}.search-input::placeholder{color:var(--text-secondary)}.clear-search{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:8px}.clear-search:hover{background:#0000000d;color:var(--card-text)}.clear-search:active{transform:scale(.9)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:80px 20px;min-height:400px}.spinner-large{animation:spin 1s linear infinite;color:var(--primary-color)}.spinner-track{opacity:.2}.spinner-path{opacity:1}.loading-text{font-size:16px;color:var(--text-secondary);margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:80px 20px;text-align:center;min-height:400px}.empty-title{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.empty-desc{font-size:16px;color:var(--text-secondary);margin:0;max-width:320px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.product-card{background:var(--card-bg);border-radius:20px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 2px 12px #00000014;transition:all .3s ease;cursor:pointer}.product-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.product-card:active{transform:translateY(-2px)}.product-image{width:140px;height:140px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;overflow:hidden}.product-img{width:100%;height:100%;object-fit:contain;padding:8px}.product-emoji{font-size:64px}.product-info{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;width:100%}.product-name{font-size:14px;font-weight:600;color:var(--card-text);margin:0;line-height:1.3}.product-price{font-size:16px;font-weight:700;color:var(--primary-color);margin:0}@media(max-width:375px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.product-card{padding:16px}.product-image{width:85px;height:85px}.product-img{padding:6px}.product-emoji{font-size:40px}.product-name{font-size:13px}.product-price{font-size:15px}}@media(min-width:768px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.reviews-page{height:100%;display:flex;flex-direction:column;background:var(--bg-primary);color:var(--text-primary);font-family:Euclid Circular A,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden;width:100%}.title{font-size:16px;font-weight:600;margin:0;flex:1;text-align:center}.reviews-content{flex:1;padding:8px 12px;max-width:600px;width:100%;margin:0 auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.review-form{display:flex;flex-direction:column;gap:16px}.rating-section{text-align:center}.section-title{font-size:18px;font-weight:700;margin:0 0 12px;color:var(--text-primary)}.stars-container{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.star-btn{background:none;border:none;cursor:pointer;padding:4px;color:gold;transition:transform .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center}.star-btn:hover{transform:scale(1.15)}.star-btn:active{transform:scale(1.05)}.star-btn.active{color:gold;animation:starPulse .3s ease}@keyframes starPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.rating-text{font-size:16px;font-weight:600;color:var(--primary-color);margin:8px 0 0}.feedback-section{text-align:left}.feedback-section label{display:block;margin-bottom:12px}.required{color:#ff3b30;font-weight:700}.feedback-textarea{width:100%;padding:16px;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);font-family:Euclid Circular A,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;resize:vertical;min-height:120px;transition:border-color .2s ease}.feedback-textarea:focus{outline:none;border-color:var(--primary-color)}.feedback-textarea::placeholder{color:var(--text-secondary)}.char-count{font-size:12px;color:var(--text-secondary);margin:8px 0 0 4px;text-align:right}.submit-btn{background:var(--primary-color);color:#fff;border:none;border-radius:20px;padding:16px 40px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0084ff4d;margin-top:8px}.submit-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 6px 16px #0084ff66}.submit-btn:active:not(:disabled){transform:scale(.98)}.submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.success-message{text-align:center;padding:60px 20px}.success-icon{margin-bottom:24px;display:flex;justify-content:center;animation:successPop .5s ease}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.success-message h2{font-size:24px;font-weight:700;margin:0 0 12px;color:var(--text-primary)}.success-message p{font-size:16px;color:var(--text-secondary);margin:0}@media(max-width:480px){.stars-container{gap:4px}.star-btn svg{width:40px;height:40px}.section-title{font-size:18px}.feedback-textarea{font-size:14px}}.faq-page{height:100%;display:flex;flex-direction:column;background:var(--bg-primary);color:var(--text-primary);font-family:Euclid Circular A,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden;width:100%}.back-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.back-btn:hover{background:var(--bg-secondary)}.header-controls{display:flex;align-items:center;gap:8px}.faq-content{flex:1;padding:8px 12px;max-width:800px;width:100%;margin:0 auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.faq-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.faq-card{background:var(--bg-secondary);border-radius:12px;overflow:hidden;transition:all .3s ease;border:1px solid var(--border-color);margin-bottom:4px}.faq-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0084ff1a}.faq-question{width:100%;background:none;border:none;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;text-align:left;color:var(--text-primary);font-family:inherit;transition:background .2s ease}.faq-question:hover{background:var(--bg-primary)}.question-text{font-size:18px;font-weight:600;line-height:1.4;flex:1}.chevron-icon{flex-shrink:0;color:var(--text-secondary);transition:transform .3s ease,color .2s ease}.faq-card.expanded .chevron-icon{transform:rotate(180deg);color:var(--primary-color)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 20px}.faq-card.expanded .faq-answer{max-height:500px;padding:0 20px 20px}.faq-answer p{margin:0;color:var(--text-primary);font-size:17px;line-height:1.6;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.support-section{margin-top:32px;padding:24px;background:var(--bg-secondary);border-radius:16px;text-align:center;border:1px solid var(--border-color)}.support-text{font-size:15px;color:var(--text-secondary);margin:0 0 16px;line-height:1.5}.contact-support-btn{background:var(--primary-color);color:#fff;border:none;border-radius:20px;padding:12px 32px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0084ff4d}.contact-support-btn:hover{transform:scale(1.02);box-shadow:0 6px 16px #0084ff66}.contact-support-btn:active{transform:scale(.98)}@media(max-width:480px){.faq-content,.faq-question{padding:16px}.question-text{font-size:15px}.faq-answer p{font-size:14px}.support-section{padding:20px 16px}}.tech-support-page{height:100%;display:flex;flex-direction:column;background:var(--bg-primary);color:var(--text-primary);font-family:Euclid Circular A,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden;width:100%}.header{display:flex;justify-content:space-between;align-items:center;padding:4px 10px;position:sticky;top:0;background:var(--bg-primary);z-index:10;border-bottom:1px solid var(--border-color);min-height:44px}.back-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%}.title{font-size:18px;font-weight:600;margin:0;flex:1;text-align:center}.tech-support-content{flex:1;padding:20px 16px;max-width:800px;width:100%;margin:0 auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.support-intro{margin-bottom:24px;text-align:center}.support-intro-text{font-size:16px;line-height:1.5;color:var(--text-primary);margin:0}.support-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.support-option-line{background:var(--card-bg);border-radius:12px;padding:16px;border:1px solid var(--border-color);display:flex;align-items:center;gap:12px;cursor:pointer;text-align:left;font-family:inherit;color:inherit;width:100%}.support-option-line:active{transform:translate(2px)}.support-option-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.support-option-icon img{width:48px;height:48px;object-fit:contain}.support-option-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.support-option-title{font-size:17px;font-weight:600;margin:0;color:var(--primary-color)}.support-option-description{font-size:14px;line-height:1.4;color:var(--card-text);margin:0}.arrow-icon{flex-shrink:0;color:var(--text-secondary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.support-option-line{animation:fadeInUp .3s ease forwards}.support-option-line:nth-child(1){animation-delay:.05s}.support-option-line:nth-child(2){animation-delay:.1s}@font-face{font-family:Euclid Circular A;src:url(/fonts/EuclidCircularA-Regular.woff2) format("woff2"),url(/fonts/EuclidCircularA-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Euclid Circular A;src:url(/fonts/EuclidCircularA-Medium.woff2) format("woff2"),url(/fonts/EuclidCircularA-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}.add-card-screen{position:fixed;inset:0;width:100%;height:100vh;height:calc(var(--vh, 1vh) * 100);background:var(--addcard-screen-bg);padding:0;margin:0;display:flex;flex-direction:column;overflow:hidden}.add-card-container{flex:1;width:100%;max-width:100%;margin:0 auto;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;position:relative}.add-card-header{padding:10px 20px;background:transparent;border-bottom:none;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:10;flex-shrink:0}.add-card-title{font-size:16px;font-weight:500;color:var(--addcard-header-text);margin:0;line-height:1.3}.back-button{color:var(--addcard-header-text)}.card-form-wrapper{flex:1;padding:5px 16px 20px;display:flex;flex-direction:column}.card-form{background:var(--addcard-card-bg);border-radius:20px;padding:20px 18px;box-shadow:0 2px 12px #0000000a;display:flex;flex-direction:column;gap:20px}.field-label{font-size:14px;font-weight:400;color:var(--addcard-label-color);margin:0;line-height:1.4;text-align:left}.optional-text{font-weight:400;color:var(--addcard-label-color)}.field-input{width:100%;padding:12px 14px;font-size:15px;font-weight:400;color:var(--addcard-input-text);background:var(--addcard-input-bg);border:1.5px solid var(--addcard-input-border);border-radius:12px;outline:none;transition:all .2s;box-sizing:border-box;-webkit-appearance:none;appearance:none;text-align:left;direction:ltr}.field-input::placeholder{color:var(--addcard-input-placeholder);font-weight:400;text-align:left;direction:ltr}.field-input.error{border-color:var(--error-color);background:var(--addcard-error-bg)}.card-number-input{font-family:Euclid Circular A,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:400;letter-spacing:.5px;text-align:left;direction:ltr}.card-number-input::placeholder{font-family:Euclid Circular A,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:400;letter-spacing:.5px;color:#bcc6d1;text-align:left;direction:ltr}.field-error{font-size:13px;color:#e74c3c;margin:-6px 0 0;line-height:1.4}.primary-card-toggle{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:transparent;border-radius:12px;margin:12px 0 20px;box-shadow:none}.toggle-content{display:flex;align-items:center;gap:12px;flex:1}.info-icon{width:36px;height:36px;background:var(--addcard-info-icon-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4a90e2;flex-shrink:0}.toggle-label{font-size:15px;font-weight:400;color:var(--addcard-input-text);line-height:1.4;text-align:left}.toggle-switch{position:relative;display:inline-block;width:52px;height:32px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#d1dae4;transition:.3s;border-radius:16px}.toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0000001a}.toggle-switch input:checked+.toggle-slider{background-color:#4a90e2}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #4a90e233}@media(max-width:400px){.card-form-wrapper{padding:5px 12px 16px}.card-form{padding:18px 14px;gap:18px}.field-input{padding:11px 12px;font-size:14px}.card-number-input{font-size:15px}.card-number-input::placeholder{font-size:15px}.toggle-label{font-size:14px}}@media(min-width:768px){.add-card-container{max-width:480px}.card-form-wrapper{padding:5px 20px 24px}}@supports (-webkit-touch-callout: none){.field-input{font-size:15px}}@supports (padding: env(safe-area-inset-bottom)){.card-form-wrapper,.submit-button-container{padding-bottom:calc(20px + env(safe-area-inset-bottom))}}.submit-button-container{padding:16px 20px 20px;background:transparent;border-top:none;flex-shrink:0;margin-top:auto}.submit-button{width:100%;padding:14px 24px;font-size:16px;font-weight:500;color:#fff;background:#4a90e2;border:none;border-radius:12px;cursor:pointer;transition:all .2s;box-sizing:border-box;text-align:center;line-height:1.5}.general-error{padding:12px 16px;background:var(--addcard-error-bg);border:1px solid var(--error-color);border-radius:10px;color:var(--error-color);font-size:14px;line-height:1.5;text-align:center}.sms-verification-screen{position:fixed;inset:0;width:100%;height:100vh;height:calc(var(--vh, 1vh) * 100);background:var(--sms-screen-bg);padding:0;margin:0;display:flex;flex-direction:column;overflow:hidden}.sms-verification-container{flex:1;width:100%;max-width:100%;margin:0 auto;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;position:relative}.sms-verification-header{padding:16px 20px;background:transparent;border-bottom:none;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:10;flex-shrink:0}.back-button{background:none;border:none;padding:8px;margin-left:-8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.back-button:hover{opacity:.7}.back-button:active{opacity:.5}.sms-verification-title{font-size:16px;font-weight:500;color:var(--sms-header-text);margin:0;line-height:1.3}.back-button{color:var(--sms-header-text)}.sms-form-wrapper{flex:1;padding:20px 16px;display:flex;flex-direction:column}.sms-form{background:var(--sms-card-bg);border-radius:20px;padding:24px 20px;box-shadow:0 2px 12px #0000000a;display:flex;flex-direction:column;gap:24px}.phone-info{text-align:center;padding-bottom:12px;border-bottom:1px solid var(--sms-input-border)}.info-text{font-size:14px;color:var(--sms-label-color);margin:0 0 8px;line-height:1.5}.phone-number{font-size:18px;font-weight:500;color:var(--sms-input-text);margin:0;line-height:1.4}.form-field{display:flex;flex-direction:column;gap:8px}.field-label{font-size:14px;font-weight:400;color:var(--sms-label-color);margin:0;line-height:1.4;text-align:left}.field-input{width:100%;padding:12px 14px;font-size:15px;font-weight:400;color:var(--sms-input-text);background:var(--sms-input-bg);border:1.5px solid var(--sms-input-border);border-radius:12px;outline:none;transition:all .2s;box-sizing:border-box;-webkit-appearance:none;appearance:none;text-align:left;direction:ltr}.field-input::placeholder{color:var(--sms-input-placeholder);font-weight:400;text-align:left;direction:ltr}.field-input:focus{border-color:#4a90e2}.field-input.error{border-color:var(--error-color);background:var(--sms-error-bg)}.sms-code-input{font-size:24px;letter-spacing:8px;text-align:center;font-weight:500}.sms-code-input::placeholder{letter-spacing:12px;font-size:20px;text-align:center}.field-error{font-size:13px;color:var(--error-color);margin:-6px 0 0;line-height:1.4;text-align:center}.timer-section{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;background:var(--sms-timer-bg);border-radius:12px}.timer-active{display:flex;align-items:center;gap:8px;color:#4a90e2;font-size:15px;font-weight:500}.timer-active svg{flex-shrink:0}.timer-expired{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.expired-text{color:var(--error-color);font-size:14px;font-weight:500}.resend-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:transparent;border:1.5px solid #4A90E2;border-radius:10px;color:#4a90e2;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.resend-button:hover:not(:disabled){opacity:.8}.resend-button:active:not(:disabled){opacity:.6;transform:scale(.98)}.resend-button:disabled{opacity:.5;cursor:not-allowed}.resend-button svg{flex-shrink:0}.submit-button-container{padding:16px 20px 20px;background:transparent;border-top:none;flex-shrink:0}.submit-button{width:100%;padding:14px 24px;font-size:16px;font-weight:500;color:#fff;background:#4a90e2;border:none;border-radius:12px;cursor:pointer;transition:all .2s;box-sizing:border-box;text-align:center;line-height:1.5;display:flex;align-items:center;justify-content:center;gap:8px}.submit-button:hover:not(:disabled){background:#3a7bc8}.submit-button:active:not(:disabled){background:#2e6ab0;transform:scale(.98)}.submit-button:disabled{background:#bcc6d1;cursor:not-allowed;opacity:.6}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:400px){.sms-form-wrapper{padding:16px 12px}.sms-form{padding:20px 16px;gap:20px}.phone-number{font-size:16px}.sms-code-input{font-size:20px;letter-spacing:6px}}@media(min-width:768px){.sms-verification-container{max-width:480px}.sms-form-wrapper{padding:24px 20px}}@supports (-webkit-touch-callout: none){.field-input{font-size:16px}.sms-code-input{font-size:22px}}@supports (padding: env(safe-area-inset-bottom)){.sms-form-wrapper,.submit-button-container{padding-bottom:calc(20px + env(safe-area-inset-bottom))}}.App{height:100%;width:100%;background:var(--bg-primary);transition:background .3s ease;display:flex;flex-direction:column;overflow:hidden;position:relative}@media(min-width:768px)and (hover:hover){#root{max-width:480px;margin:0 auto;box-shadow:0 0 30px #0000001a}}