.profile-edit-page{min-height:100vh;background-color:#fff;display:flex;flex-direction:column}.profile-edit-header{position:sticky;top:0;background-color:#fff;padding:1rem;border-bottom:1px solid #E5E7EB;z-index:100;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem}.profile-edit-back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#f3f4f6;border:none;cursor:pointer;transition:transform .15s cubic-bezier(.4,0,.2,1),background-color .15s ease;will-change:transform}.profile-edit-back-btn:hover{background-color:#e5e7eb;transform:scale(.98)}.profile-edit-back-btn:active{background-color:#d1d5db;transform:scale(.95)}.profile-edit-back-btn img{width:24px;height:24px}.profile-edit-title{font-family:Inter,sans-serif;font-size:17px;font-weight:600;line-height:22px;color:#1f2937;margin:0;text-align:center}.profile-edit-header>div:last-child{width:40px;height:40px}.profile-edit-content{flex:1;padding:1rem;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (max-width: 1024px){.orders-section{padding-bottom:40px}}.profile-view-mode{display:flex;flex-direction:column;gap:2rem}.profile-info-section{display:flex;flex-direction:column;gap:0;background-color:#fff;border-radius:12px;border:1px solid #F3F4F6;overflow:hidden}.profile-info-item{display:flex;flex-direction:column;gap:.25rem;padding:1rem;border-bottom:1px solid #F3F4F6}.profile-info-item:last-child{border-bottom:none}.profile-info-label{font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px;color:#6b7280}.profile-info-value{font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#1f2937;display:flex;align-items:center;gap:.5rem}.profile-verified-badge{font-family:Inter,sans-serif;font-size:12px;font-weight:500;line-height:16px;color:#4bb755;background-color:#f0fdf4;padding:.25rem .5rem;border-radius:6px}.profile-balance-section{display:flex;flex-direction:column;gap:1rem;background-color:#fff;border-radius:12px;border:1px solid #F3F4F6}.profile-section-title{font-family:Inter,sans-serif;font-size:18px;padding:1rem;font-weight:600;line-height:24px;color:#1f2937;margin:0}.profile-balance-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #F3F4F6}.profile-balance-item:last-child{border-bottom:none}.profile-balance-label{font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#6b7280}.profile-balance-value{font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:24px;color:#1f2937}.profile-balance-value.bonus{color:#4bb755}.profile-actions{display:flex;justify-content:center;padding:1rem 0}.profile-edit-form{display:flex;flex-direction:column;gap:2rem}.profile-edit-form-fields{display:flex;flex-direction:column;gap:1rem}.profile-form-section{display:flex;flex-direction:column;gap:1rem;background-color:#fff;border-radius:12px;border:1px solid #F3F4F6;padding:1rem}.form-section{margin-bottom:2rem}.form-section-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .5rem;font-family:Inter,sans-serif}.form-section-description{font-size:.875rem;color:#6b7280;margin:0 0 1rem;line-height:1.5}.form-section-content{display:flex;flex-direction:column;gap:1rem}.form-checkbox{display:flex;flex-direction:column;gap:.5rem}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-size:1rem;line-height:1.5;color:#374151}.checkbox-input{display:none}.checkbox-custom{width:20px;height:20px;border:2px solid #D1D5DB;border-radius:4px;position:relative;transition:all .2s ease;flex-shrink:0;margin-top:2px}.checkbox-label:hover .checkbox-custom{border-color:#9ca3af}.checkbox-input:checked+.checkbox-custom{background-color:#4bb755;border-color:#4bb755}.checkbox-input:checked+.checkbox-custom:after{content:"";position:absolute;top:2px;left:6px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-text{flex:1;font-weight:500}.required-asterisk{color:#ef4444;margin-left:.25rem}.checkbox-description{font-size:.875rem;color:#6b7280;margin-left:2.75rem;line-height:1.4}.checkbox-error{font-size:.75rem;color:#ef4444;margin-left:2.75rem}.radio-group{display:flex;flex-direction:column;gap:.75rem}.radio-group-label{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.5rem;display:block}.radio-group-options{display:flex;flex-direction:column;gap:.75rem}.radio-group-options.horizontal{flex-direction:row;flex-wrap:wrap;gap:1rem}.radio-option{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;padding:.75rem;border-radius:8px;transition:background-color .2s ease}.radio-option:hover{background-color:#f9fafb}.radio-input{display:none}.radio-label{font-size:1rem;font-weight:500;color:#374151;flex:1}.radio-description{font-size:.875rem;color:#6b7280;margin-left:2.75rem;line-height:1.4}.radio-group-error{font-size:.75rem;color:#ef4444;margin-top:.25rem}.select-field{display:flex;flex-direction:column;gap:.5rem}.select-label{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.select-input{width:100%;padding:.75rem;border:2px solid #E5E7EB;border-radius:12px;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:21px;color:#212529;background-color:#fff;transition:border-color .2s ease;cursor:pointer}.select-input:focus{outline:none;border-color:#4bb755}.select-input.error{border-color:#ef4444}.select-input:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.select-error{font-size:.75rem;color:#ef4444;margin-top:.25rem}.profile-form-field{display:flex;flex-direction:column;gap:.5rem}.profile-form-label{font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px;color:#374151}.profile-form-select{width:100%;height:48px;padding:12px 16px;border:1px solid #D1D5DB;border-radius:8px;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#1f2937;background-color:#fff;transition:border-color .2s ease}.profile-form-select:focus{outline:none;border-color:#4bb755;box-shadow:0 0 0 3px #4bb7551a}.profile-form-error{font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:20px;color:#ef4444}.profile-message{padding:12px 16px;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px;text-align:center}.profile-message.success{background-color:#f0fdf4;color:#4bb755;border:1px solid #BBF7D0}.profile-message.error{background-color:#fef2f2;color:#ef4444;border:1px solid #FECACA}.profile-form-actions{display:flex;gap:1rem;padding-top:1rem}.profile-cancel-btn{flex:1;height:50px;padding:12px 16px;background-color:#f3f4f6;border:none;border-radius:12px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:21px;color:#1f2937;cursor:pointer;transition:transform .15s cubic-bezier(.4,0,.2,1),background-color .15s ease;display:flex;align-items:center;justify-content:center;will-change:transform}.profile-cancel-btn:hover:not(:disabled){background-color:#e5e7eb;transform:scale(.98)}.profile-cancel-btn:active:not(:disabled){background-color:#d1d5db;transform:scale(.95)}.profile-cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.profile-save-btn{flex:1;height:50px;padding:12px 16px;background-color:#4bb755;border:none;border-radius:12px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:21px;color:#fff;cursor:pointer;transition:transform .15s cubic-bezier(.4,0,.2,1),background-color .15s ease;display:flex;align-items:center;justify-content:center;will-change:transform}.profile-save-btn:hover:not(:disabled){background-color:#3a9b45;transform:scale(.98)}.profile-save-btn:active:not(:disabled){background-color:#2e7d35;transform:scale(.95)}.profile-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.profile-security-section{display:flex;flex-direction:column;gap:1rem;background-color:#fff;border-radius:12px;border:1px solid #F3F4F6;padding:1rem}.profile-change-password-btn{width:100%;height:50px;padding:12px 16px;background-color:#f3f4f6;border:none;border-radius:12px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:21px;color:#1f2937;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.profile-change-password-btn:hover{background-color:#e5e7eb}.profile-danger-section{display:flex;flex-direction:column;gap:1rem;background-color:#fff;border-radius:12px;border:1px solid #F3F4F6;padding:1rem}.profile-delete-account-btn{width:100%;height:50px;padding:12px 16px;background-color:#fef2f2;border:1px solid #FECACA;border-radius:12px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:21px;color:#ef4444;cursor:pointer;transition:transform .15s cubic-bezier(.4,0,.2,1),background-color .15s ease;display:flex;align-items:center;justify-content:center;will-change:transform}.profile-delete-account-btn:hover{background-color:#fee2e2;transform:scale(.98)}.profile-delete-account-btn:active{background-color:#fecaca;transform:scale(.95)}.profile-password-form{margin-top:1rem}.profile-password-form-fields{display:flex;flex-direction:column;gap:1rem}.profile-form-description{font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:20px;color:#6b7280;margin:0 0 1rem}.profile-delete-modal{padding:1.5rem}.profile-delete-modal-title{font-family:Inter,sans-serif;font-size:18px;font-weight:600;line-height:24px;color:#1f2937;margin:0 0 1rem}.profile-delete-modal-description{font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:20px;color:#6b7280;margin:0 0 1.5rem}.profile-delete-modal-field{margin-bottom:1.5rem}.profile-delete-modal-actions{display:flex;gap:1rem}.profile-delete-confirm-btn{flex:1;height:50px;padding:12px 16px;background-color:#ef4444;border:none;border-radius:12px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:21px;color:#fff;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.profile-delete-confirm-btn:hover:not(:disabled){background-color:#dc2626}.profile-delete-confirm-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.profile-edit-content{padding:.75rem;gap:1.5rem}.profile-info-item,.profile-balance-section,.profile-form-section,.profile-security-section,.profile-danger-section{padding:.875rem}.profile-form-actions,.profile-delete-modal-actions{flex-direction:column}.profile-cancel-btn,.profile-save-btn,.profile-delete-confirm-btn{width:100%}}.bonuses-section{padding:1rem}.bonuses-balance-card{background:linear-gradient(135deg,#4bb755,#3a9b42);border-radius:16px;padding:1.5rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;color:#fff}.bonuses-balance-title{font-size:16px;font-weight:500;margin:0 0 .5rem;opacity:.9}.bonuses-balance-amount{font-size:28px;font-weight:700;margin:0}.bonuses-balance-icon{font-size:48px;opacity:.8}.bonuses-info-section{margin-bottom:2rem}.bonuses-info-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 1rem}.bonuses-info-list{display:flex;flex-direction:column;gap:1rem}.bonuses-info-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background-color:#f9fafb;border-radius:12px;border:1px solid #E5E7EB}.bonuses-info-icon{font-size:24px;flex-shrink:0}.bonuses-info-text strong{display:block;font-size:16px;font-weight:600;color:#1f2937;margin-bottom:.25rem}.bonuses-info-text p{font-size:14px;color:#6b7280;margin:0}.bonuses-history-section{margin-bottom:2rem}.bonuses-history-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 1rem}.bonuses-history-empty{text-align:center;padding:3rem 1rem;background-color:#f9fafb;border-radius:12px;border:1px solid #E5E7EB}.bonuses-history-empty-icon{font-size:48px;margin-bottom:1rem;opacity:.5}.bonuses-history-empty-text{font-size:16px;font-weight:500;color:#1f2937;margin:0 0 .5rem}.bonuses-history-empty-subtext{font-size:14px;color:#6b7280;margin:0}.orders-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.orders-stat-card{background-color:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:1rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem}.orders-stat-top{display:flex;align-items:center;gap:.5rem}.orders-stat-icon{font-size:24px;opacity:.7}.orders-stat-number{font-size:20px;font-weight:700;color:#1f2937;margin:0}.orders-stat-label{font-size:14px;color:#6b7280;margin:0;word-wrap:break-word;word-break:break-word;white-space:normal;overflow-wrap:break-word;max-width:100%}.orders-filters{margin-bottom:2rem}.orders-filter-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.orders-filter-tab{padding:.75rem 1.5rem;border:1px solid #E5E7EB;border-radius:8px;background-color:#fff;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.orders-filter-tab:hover{background-color:#f9fafb;border-color:#d1d5db}.orders-filter-tab.active{background-color:#4bb755;border-color:#4bb755;color:#fff}.orders-list{min-height:400px}.orders-empty{text-align:center;padding:4rem 1rem;background-color:#f9fafb;border-radius:12px;border:1px solid #E5E7EB}.orders-empty-icon{font-size:64px;margin-bottom:1.5rem;opacity:.5}.orders-empty-title{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 .5rem}.orders-empty-text{font-size:16px;color:#6b7280;margin:0 0 2rem}.orders-empty-button{display:inline-block;padding:.75rem 2rem;background-color:#4bb755;color:#fff;text-decoration:none;border-radius:8px;font-size:16px;font-weight:500;transition:transform .15s cubic-bezier(.4,0,.2,1),background-color .15s ease;will-change:transform}.orders-empty-button:hover{background-color:#3a9b42;transform:scale(.98)}.orders-empty-button:active{background-color:#2e7d35;transform:scale(.95)}@media (max-width: 768px){.bonuses-balance-card{flex-direction:column;text-align:center;gap:1rem}.bonuses-balance-icon{font-size:36px}.orders-stats{grid-template-columns:1fr}.orders-filter-tabs{flex-wrap:wrap}.orders-filter-tab{flex:1;min-width:120px}}.profile-data-view{padding:0}.profile-data-fields{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.profile-data-field{display:flex;flex-direction:column;gap:.5rem}.profile-data-label{font-size:.875rem;font-weight:500;color:#374151;margin:0}.profile-data-input{width:100%;padding:12px 16px;border:0;border-radius:12px;font-size:16px;color:#111827;background-color:#f3f4f6;cursor:not-allowed;opacity:.7}.profile-data-input:focus{outline:none;background-color:#f3f4f6;box-shadow:none}.profile-verified-badge{display:inline-block;padding:.25rem .5rem;background-color:#d1fae5;color:#065f46;font-size:.75rem;font-weight:500;border-radius:.25rem;margin-top:.25rem}.profile-data-edit{padding:0}.profile-data-edit .profile-data-fields{display:flex;flex-direction:column;gap:1.5rem}.profile-data-edit .profile-data-field{display:flex;flex-direction:column;gap:.5rem}.profile-data-edit .profile-data-label{font-size:.875rem;font-weight:500;color:#374151;margin:0}.profile-data-edit .profile-data-input{width:100%;padding:12px 16px;border:0;border-radius:12px;font-size:16px;color:#111827;background-color:#fff;cursor:text;opacity:1}.profile-data-edit .profile-data-input:focus{outline:none;background-color:#fff;box-shadow:0 0 0 2px #4bb75533}.profile-data-edit .profile-data-input:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed;opacity:.7}.order-history-item{width:100%;background-color:#f0f0f0;border-radius:24px;padding:16px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:background-color .2s ease;margin-bottom:12px}.order-history-item:hover{background-color:#e5e5e5}.order-history-content{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.order-history-header{display:flex;align-items:center;min-width:0;flex:1}.order-history-title{font-size:17px;font-weight:700;line-height:22px;color:#1f2937;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.order-history-info{display:flex;align-items:stretch;justify-content:space-between;gap:12px;min-height:40px}.order-history-address{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:2px;min-width:0}.order-history-address-label{text-align:left;font-size:14px;font-weight:500;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.order-history-address-text{font-size:12px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.order-history-meta{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:4px;flex-shrink:0;height:100%;min-width:0}.order-history-amount{font-size:16px;font-weight:700;color:#1f2937;white-space:nowrap;line-height:1.2}.order-history-date{font-size:12px;color:#6b7280;white-space:nowrap;line-height:1.2}.order-history-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px}.order-history-arrow img{width:24px;height:24px;opacity:.6}.order-history-actions{display:flex;align-items:center;justify-content:flex-end;margin-top:8px}.order-payment-button{background-color:#10b981;color:#fff;border:none;border-radius:12px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .15s cubic-bezier(.4,0,.2,1),background-color .15s ease;white-space:nowrap;will-change:transform}.order-payment-button:hover{background-color:#059669;transform:scale(.98)}.order-payment-button:active{background-color:#047857;transform:scale(.95)}.orders-items{display:flex;flex-direction:column;gap:0}.orders-loading,.orders-error{text-align:center;padding:3rem 1rem;background-color:#f9fafb;border-radius:12px;border:1px solid #E5E7EB}.orders-load-more{display:flex;justify-content:center;padding:1rem 0}.orders-load-more-btn{width:100%;padding:16px 24px;background-color:#4bb755;border:none;border-radius:12px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.orders-load-more-btn:hover{background-color:#3a9b45}.orders-load-more-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.order-history-item-skeleton{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:#fff;border-bottom:1px solid #F3F4F6;min-height:80px}.order-history-content-skeleton{flex:1;display:flex;flex-direction:column;gap:.5rem}.order-history-header-skeleton{margin-bottom:.5rem}.order-history-title-skeleton{width:120px;height:20px}.order-history-info-skeleton{display:flex;align-items:stretch;justify-content:space-between;gap:12px;min-height:40px}.order-history-address-skeleton{display:flex;flex-direction:column;gap:.25rem;flex:1}.order-history-address-label-skeleton{width:100px;height:16px}.order-history-address-text-skeleton{width:80%;height:14px}.order-history-meta-skeleton{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;height:100%;justify-content:space-between}.order-history-amount-skeleton{width:60px;height:18px}.order-history-date-skeleton{width:50px;height:14px}.order-history-arrow-skeleton{display:flex;align-items:center;justify-content:center;margin-left:1rem}.order-history-arrow-icon-skeleton{width:24px;height:24px}@media (max-width: 480px){.order-history-item{padding:12px;gap:12px}.order-history-title{font-size:15px;line-height:20px}.order-history-address-label{font-size:13px}.order-history-address-text{font-size:11px}.order-history-amount{font-size:14px}.order-history-date{font-size:11px}.order-history-arrow,.order-history-arrow img{width:20px;height:20px}}.orders-load-more-btn-skeleton{width:100%}.order-details-content{display:flex;flex-direction:column;gap:1.5rem}.order-details-section{background-color:#fff;border-radius:12px;border:1px solid #F3F4F6;padding:1rem}.order-details-section-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 1rem}.order-details-info{display:flex;flex-direction:column;gap:.75rem}.order-details-info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #F3F4F6}.order-details-info-item:last-child{border-bottom:none}.order-details-info-label{font-size:14px;font-weight:500;color:#6b7280}.order-details-info-value{font-size:14px;font-weight:600;color:#1f2937}.order-details-items{display:flex;flex-direction:column;gap:1rem}.order-details-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;background-color:#f9fafb;border-radius:8px;border:1px solid #E5E7EB}.order-details-item-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.order-details-item-name{font-size:16px;font-weight:600;color:#1f2937;margin:0}.order-details-item-toppings,.order-details-item-quantity{font-size:14px;color:#6b7280;margin:0}.order-details-item-price{font-size:16px;font-weight:600;color:#1f2937;flex-shrink:0}.order-details-loading,.order-details-error{text-align:center;padding:3rem 1rem;background-color:#f9fafb;border-radius:12px;border:1px solid #E5E7EB}.auth-field{display:flex;flex-direction:column;gap:.5rem}.auth-label{font-family:Inter,sans-serif;font-size:16px;font-weight:500;color:#374151;margin-bottom:.25rem}.auth-input{width:100%;padding:.75rem;border:none;border-radius:12px;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:21px;color:#212529;background-color:#f0f0f0;transition:all .2s ease}.auth-input:focus{outline:none;border:none;background-color:#e5e7eb}.auth-input.error{border:2px solid #EF4444;background-color:#fef2f2}.auth-error{font-size:.75rem;color:#ef4444;margin-top:.25rem}