*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;margin:0;padding:0;font-family:inter,arial,sans-serif;color:#292929;background-color:#fcfafa}html{font-size:100%}body{font-family:Inter;font-weight:400}h1,h2,h3,h4,h5,h6{margin-bottom:2rem;font-family:Inter;font-weight:700}p{margin-bottom:1rem}h1{font-size:4.21rem}h2{font-size:3.158rem}h3{font-size:2.369rem}h4{font-size:1.777rem}h5{font-size:1.333rem}small{font-size:.75rem}form{display:flex;flex-direction:column}input[type=text],input[type=email],input[type=password],textarea{padding:2rem;margin-bottom:2rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus{outline:none;border-color:#ff9500}button{padding:2rem 3rem;background-color:#ff9500;color:#fcfafa;border:none;border-radius:4px;cursor:pointer;font-size:1rem}button:hover{background-color:#c70}button:focus{outline:none;box-shadow:0 0 5px #ff9500b3}input[type=checkbox],input[type=radio]{margin-right:1rem}input[type=checkbox]+label,input[type=radio]+label{cursor:pointer}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;justify-content:center;align-items:center}.modal.active{display:flex}.modal-content{background-color:#fcfafa;padding:3rem;border-radius:4px;width:90%;max-width:50rem}@media (min-width: 576px){.modal-content{padding:2rem}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.modal-header h2{margin:0}.modal-header .close-btn{background-color:transparent;border:none;color:#292929;font-size:1.5rem;cursor:pointer}.modal-header .close-btn:hover{color:#101010}.modal-body{margin-bottom:2rem}.modal-footer{display:flex;justify-content:flex-end}.modal-footer button{margin-left:1rem}@keyframes bottom-sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes bottom-sheet-slide-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes bottom-sheet-fade-in{0%{opacity:0}to{opacity:1}}@media (max-width: 767px){.bottom-sheet{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:100%;max-height:90%;border-radius:16px 16px 0 0;transform:translateY(100%);touch-action:pan-y;animation:bottom-sheet-slide-up .3s ease}}.bottom-sheet-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1000;animation:bottom-sheet-fade-in .3s ease}@media (max-width: 767px){.bottom-sheet-overlay{display:flex;align-items:flex-end;padding:0}}.bottom-sheet-swipe-handle-area{display:none}@media (max-width: 767px){.bottom-sheet-swipe-handle-area{display:block;position:relative;padding-top:1.5rem;cursor:grab}.bottom-sheet-swipe-handle-area:active{cursor:grabbing}.bottom-sheet-swipe-handle-area .bottom-sheet-swipe-handle{position:absolute;top:.5rem;left:50%;transform:translate(-50%);width:4rem;height:.25rem;background-color:#cbd5e0;border-radius:3px;transition:background-color .2s ease}.bottom-sheet-swipe-handle-area .bottom-sheet-swipe-handle:hover{background-color:#a0aec0}.bottom-sheet-swipe-handle-area:hover .bottom-sheet-swipe-handle{background-color:#9ca3af}.bottom-sheet-swipe-handle-area:active .bottom-sheet-swipe-handle{background-color:#6b7280}}@media (max-width: 767px){.bottom-sheet-header{cursor:grab}.bottom-sheet-header:active{cursor:grabbing}}.toasts-container{position:fixed;bottom:2rem;right:2rem;z-index:1000}@media (min-width: 576px){.toasts-container{width:90%;max-width:none}}.toast{background-color:#3498dbcc;color:#fcfafa;padding:2rem;border-radius:4px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.toast.success{background-color:#2ecc71cc}.toast.error{background-color:#e74c3ccc}.toast.warning{background-color:#f1c40fcc}.toast-message{margin-right:2rem}.toast-close-btn{background-color:transparent;border:none;color:inherit;font-size:1.2rem;cursor:pointer}.toast-close-btn:hover{color:color-mix(in srgb,#fcfafa 90%,black)}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast-fade-enter{animation:toastSlideIn .3s ease-out}.toast-fade-leave{animation:toastSlideOut .3s ease-in}@media (prefers-contrast: high){.toast{border:2px solid}.toast.success{border-color:#2ecc71}.toast.error{border-color:#e74c3c}.toast.warning{border-color:#f1c40f}.toast.info{border-color:#3498db}}@media (prefers-reduced-motion: reduce){.toast-fade-enter,.toast-fade-leave{animation:none}.toast{transition:none}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}@media (min-width: 768px){.section-header{margin-bottom:24px}}.section-header .section-title{font-family:Inter,sans-serif;font-size:24px;font-weight:700;color:#292929;margin:0;display:flex;align-items:center;gap:8px;line-height:1.2}.section-header .section-title ng-icon{color:#ff9500;font-size:20px;display:flex;align-items:center}.section-header .header-content{display:flex;align-items:center;gap:15px}.section-header .header-content .header-icon{font-size:24px;color:#ff9500}.section-header .view-all-link{display:flex;align-items:center;gap:4px;color:#292929;text-decoration:none;font-weight:600;font-size:13px;transition:.2s all}.section-header .view-all-link:hover{color:#ff9500;text-decoration:underline}.section-header .view-all-link:hover ng-icon{transform:translate(2px)}.section-header .view-all-link ng-icon{font-size:14px;transition:transform .2s ease}.catalog-section-header{margin-bottom:1.5rem}.catalog-section-header .header-content{display:flex;align-items:center;gap:15px}.catalog-section-header .header-content .header-icon{font-size:24px;color:#ff9500}@keyframes spin{to{transform:rotate(360deg)}}.loader,.loading-spinner-small,.spinner-small,.button-spinner,.loading-spinner,.spinner{width:48px;height:48px;border:3px solid #f3f4f6;border-top-color:#ff9500;border-radius:50%;animation:spin 1s linear infinite}.loader--sm,.loading-spinner-small,.spinner-small,.button-spinner{width:1rem;height:1rem;border-width:2px}.loader--lg{width:64px;height:64px;border-width:4px}.loader--current,.loading-spinner-small,.spinner-small,.button-spinner{border-color:transparent;border-top-color:currentColor}.card,.profile-card,.orders-card,.addresses-card,.settings-card,.account-card{background:#fff;border-radius:.75rem;padding:2rem;box-shadow:0 1px 3px #0000001a}@media (max-width: 768px){.card,.profile-card,.orders-card,.addresses-card,.settings-card,.account-card{padding:1.5rem;border-radius:.5rem}}@media (max-width: 640px){.card,.profile-card,.orders-card,.addresses-card,.settings-card,.account-card{padding:1rem}}.card--bordered{box-shadow:none;border:1px solid #e5e7eb}.card--hoverable{transition:box-shadow .2s all,border-color .2s all}.card--hoverable:hover{box-shadow:0 4px 6px -1px #0000001a}.btn,.cancel-button,.save-button,.retry-button,.edit-button,.add-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;line-height:1.25;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s all;text-decoration:none;white-space:nowrap}.btn:focus,.cancel-button:focus,.save-button:focus,.retry-button:focus,.edit-button:focus,.add-button:focus{outline:none;box-shadow:0 0 0 3px #ff950026}.btn:disabled,.cancel-button:disabled,.save-button:disabled,.retry-button:disabled,.edit-button:disabled,.add-button:disabled,.btn--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--sm{padding:.5rem 1rem;font-size:.75rem}.btn--lg{padding:1rem 2rem;font-size:1rem}.btn--block{display:flex;width:100%}.btn--primary,.save-button,.retry-button,.edit-button,.add-button{background-color:#ff9500;color:#fff}.btn--primary:hover:not(:disabled),.save-button:hover:not(:disabled),.retry-button:hover:not(:disabled),.edit-button:hover:not(:disabled),.add-button:hover:not(:disabled){background-color:#d67d00}.btn--primary:focus,.save-button:focus,.retry-button:focus,.edit-button:focus,.add-button:focus{box-shadow:0 0 0 3px #ff950033}.btn--secondary,.cancel-button{background-color:#f3f4f6;color:#292929;border-color:#d1d5db}.btn--secondary:hover:not(:disabled),.cancel-button:hover:not(:disabled){background-color:#f9fafb;border-color:#e5e7eb}.btn--outline{background-color:transparent;color:#ff9500;border-color:#ff9500}.btn--outline:hover:not(:disabled){background-color:#ff95000d}.btn--danger{background-color:#dc2626;color:#fff}.btn--danger:hover:not(:disabled){background-color:#bb1e1e}.btn--danger:focus{box-shadow:0 0 0 3px #dc262633}.btn--ghost{background-color:transparent;color:#6b7280}.btn--ghost:hover:not(:disabled){background-color:#f3f4f6;color:#292929}.alert,.error-message,.success-message{display:flex;align-items:center;gap:.5rem;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;font-weight:500;border:1px solid transparent}.alert--success,.success-message{background-color:#dcfce7;color:#166534;border-color:#bbf7d0}.alert--error,.error-message{background-color:#fef2f2;color:#dc2626;border-color:#fecaca}.alert--warning{background-color:#fef3c7;color:#92400e;border-color:#fde68a}.alert--info{background-color:#dbeafe;color:#1e40af;border-color:#bfdbfe}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column}.form-group--full-width{grid-column:1/-1}.form-group label{font-weight:500;color:#374151;margin-bottom:.5rem;font-size:.875rem}.form-control{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:border-color .2s all,box-shadow .2s all}.form-control:focus{outline:none;border-color:#ff9500;box-shadow:0 0 0 3px #ff95001a}.form-control.error,.form-control--error{border-color:#dc2626}.form-control.error:focus,.form-control--error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-control:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.field-error{color:#dc2626;font-size:.75rem;margin-top:.25rem}.field-help{color:#6b7280;font-size:.75rem;margin-top:.25rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end}@media (max-width: 768px){.form-actions{flex-direction:column}.form-actions .btn,.form-actions .save-button,.form-actions .retry-button,.form-actions .edit-button,.form-actions .add-button,.form-actions .cancel-button{justify-content:center}}.loading-container,.error-container,.state-empty,.state-error,.state-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.loading-container p,.error-container p,.state-empty p,.state-error p,.state-loading p{color:#6b7280;margin:1rem 0}.state-error .state-error__icon{font-size:3rem;color:#dc2626;margin-bottom:1rem}.state-error h3{font-size:1.25rem;font-weight:600;color:#292929;margin-bottom:.5rem}.state-empty{background:#f9fafb;border-radius:.75rem;border:1px dashed #e5e7eb}.state-empty .state-empty__icon{font-size:4rem;color:#6b7280;margin-bottom:1.5rem}.state-empty h3{font-size:1.5rem;font-weight:600;color:#292929;margin-bottom:.5rem}.badge,.unverified-badge,.verified-badge,.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:.25rem;white-space:nowrap}.badge--pending{background-color:#fef3c7;color:#92400e}.badge--confirmed,.badge--processing{background-color:#dbeafe;color:#1e40af}.badge--shipped{background-color:#e0f2fe;color:#0369a1}.badge--delivered,.badge--completed,.verified-badge,.status-badge.verified{background-color:#dcfce7;color:#166534}.badge--cancelled,.unverified-badge,.status-badge.unverified{background-color:#fef2f2;color:#dc2626}.badge--active{background-color:#e8f5e9;color:#2e7d32}.badge--inactive{background-color:#f3f4f6;color:#6b7280}