.profile-overlay{z-index:2000;visibility:hidden;transition:visibility .3s;position:fixed;inset:0}.profile-overlay--open{visibility:visible}.profile-overlay__backdrop{opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;background:lab(0% 0 0/.4);transition:opacity .3s;position:absolute;inset:0}.profile-overlay--open .profile-overlay__backdrop{opacity:1}.profile-panel{background:var(--background);width:100%;max-width:440px;height:100%;box-shadow:var(--shadow-2xl);flex-direction:column;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;right:0;overflow:hidden;transform:translate(100%)}.profile-overlay--open .profile-panel{transform:translate(0)}.profile-panel__header{padding:calc(var(--spacing) * 5) calc(var(--spacing) * 6);background:var(--card);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:flex-start;align-items:center;gap:12px;min-height:64px;display:flex;position:relative}.profile-panel__title{color:var(--foreground);letter-spacing:-.02em;margin:0;font-size:1rem;font-weight:700;line-height:1.2}.profile-panel__close,.profile-panel__back{border-radius:var(--radius);width:32px;height:32px;color:var(--foreground);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.profile-panel__back{margin-right:-4px}.profile-panel__close{margin-left:auto}.profile-panel__close:hover,.profile-panel__back:hover{background:var(--muted);color:var(--primary)}.profile-panel__content{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.profile-panel__scroll-content{-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--spacing) * 8);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.profile-panel__switcher-section{background:0 0;flex-shrink:0}.profile-panel__main-section{padding-bottom:calc(var(--spacing) * 4);flex-direction:column;flex:1;display:flex}.profile-user{padding:0}.profile-user__card{align-items:center;gap:calc(var(--spacing) * 4);padding:calc(var(--spacing) * 5) calc(var(--spacing) * 6);background:var(--card);border-bottom:1px solid var(--border);cursor:pointer;transition:all .2s;display:flex}.profile-user__card:hover{background:var(--muted)}.profile-user__role-card{padding:calc(var(--spacing) * 4) calc(var(--spacing) * 6);cursor:pointer;text-align:left;border:none;border-bottom:1px solid var(--border);background:0 0;align-items:center;gap:16px;width:100%;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.profile-user__role-card:hover,.profile-user__role-card--active{background:var(--muted)}.profile-user__role-avatar{border:2px solid var(--background);width:52px;height:52px;box-shadow:var(--shadow-sm);border-radius:16px;flex-shrink:0;overflow:hidden}.profile-user__role-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.profile-user__role-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.profile-user__role-label{color:var(--muted-foreground);text-transform:uppercase;font-size:.6875rem;font-weight:600}.profile-user__role-name{color:var(--foreground);font-size:.9375rem;font-weight:700}.profile-user__role-email{color:var(--muted-foreground);font-size:.8125rem;font-weight:500}.profile-user__role-check{background:var(--primary);width:24px;height:24px;color:var(--primary-foreground);box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-user__avatar{border:3px solid var(--background);width:64px;height:64px;box-shadow:var(--shadow-sm);border-radius:20px;flex-shrink:0;overflow:hidden}.profile-user__avatar-placeholder{background:var(--primary);width:100%;height:100%;color:var(--primary-foreground);justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.profile-user__details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.profile-user__role-badge{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;padding:calc(var(--spacing) * 5) calc(var(--spacing) * 6) 0;font-size:.6875rem;font-weight:600}.profile-user__name{color:var(--foreground);letter-spacing:-.01em;padding:2px calc(var(--spacing) * 6) 0;font-size:1.125rem;font-weight:700}.profile-user__email{color:var(--muted-foreground);padding:0 calc(var(--spacing) * 6) calc(var(--spacing) * 5);font-size:.8125rem;font-weight:500}.profile-quick-actions-container{padding:calc(var(--spacing) * 4) calc(var(--spacing) * 6)}.profile-quick-actions{background:0 0;grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.profile-quick-actions--three{grid-template-columns:repeat(3,1fr)}.profile-quick-action{padding:calc(var(--spacing) * 4);background:var(--card);border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:8px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.profile-quick-action:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.profile-quick-action__icon{justify-content:center;align-items:center;width:48px;height:48px;display:flex}.profile-quick-action__icon img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.profile-quick-action__icon-placeholder{background:var(--secondary);width:100%;height:100%;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;display:flex}.profile-quick-action__label{color:var(--foreground);text-align:center;white-space:nowrap;font-size:.75rem;font-weight:600}.profile-provider-cta{padding:calc(var(--spacing) * 4);margin:calc(var(--spacing) * 4) calc(var(--spacing) * 6);background:var(--primary);border-radius:var(--radius);color:var(--primary-foreground);cursor:pointer;text-align:left;box-shadow:var(--shadow-sm);border:none;align-items:center;gap:16px;transition:all .2s;display:flex}.profile-provider-cta:hover{box-shadow:var(--shadow-md);filter:brightness(1.05);transform:translateY(-1px)}.profile-provider-cta__icon-placeholder{color:#fff;background:#fff3;background:lab(87.4331% 307.821 17.1143/.2);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.profile-provider-cta__content{flex:1}.profile-provider-cta__title{margin:0 0 2px;font-size:.9375rem;font-weight:700}.profile-provider-cta__subtitle{opacity:.9;font-size:.75rem;font-weight:500}.profile-menu-container{flex-direction:column;display:flex}.profile-menu-section{padding:calc(var(--spacing) * 2) calc(var(--spacing) * 6) calc(var(--spacing) * 4)}.profile-menu-section__title{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;margin-bottom:calc(var(--spacing) * 3);font-size:.75rem;font-weight:700}.profile-menu-section__items{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.profile-menu-item{padding:calc(var(--spacing) * 4);cursor:pointer;text-align:left;width:100%;color:var(--foreground);border:none;border-bottom:1px solid var(--border);background:0 0;align-items:center;gap:14px;transition:all .2s;display:flex}.profile-menu-item:last-child{border-bottom:none}.profile-menu-item:hover{background:var(--muted)}.profile-menu-item__icon{width:24px;height:24px;color:var(--primary);justify-content:center;align-items:center;display:flex}.profile-menu-item__label{flex:1;font-size:.9375rem;font-weight:500}.profile-menu-item__arrow{color:var(--muted-foreground);opacity:.5;align-items:center;display:flex}.profile-menu-item:hover .profile-menu-item__arrow{opacity:1;color:var(--primary);transition:all .2s;transform:translate(2px)}.profile-logout{padding:calc(var(--spacing) * 6);margin-top:auto}.profile-logout__button{width:100%;padding:calc(var(--spacing) * 4);color:#e63946;color:lab(52.8483% 66.4299 35.8323);border-radius:var(--radius);cursor:pointer;background:#e639461a;background:lab(52.8483% 66.4299 35.8323/.1);border:1px solid #e6394633;border:1px solid lab(52.8483% 66.4299 35.8323/.2);justify-content:center;align-items:center;gap:12px;font-size:.9375rem;font-weight:600;transition:all .2s;display:flex}.profile-logout__button:hover{background:#e6394626;background:lab(52.8483% 66.4299 35.8323/.15);border-color:#e639464d;border-color:lab(52.8483% 66.4299 35.8323/.3);transform:translateY(-1px)}.profile-app-version{text-align:center;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.1em;padding:0 0 calc(var(--spacing) * 10);font-size:.6875rem;font-weight:500}.settings-view{flex-direction:column;flex:1;height:100%;display:flex}.settings-section{padding:calc(var(--spacing) * 6)}.settings-section__title{color:var(--foreground);margin-bottom:4px;font-size:1rem;font-weight:700}.settings-section__subtitle{color:var(--muted-foreground);margin-bottom:calc(var(--spacing) * 5);font-size:.8125rem}.settings-list{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.settings-item{padding:calc(var(--spacing) * 4);cursor:pointer;border:none;border-bottom:1px solid var(--border);background:0 0;justify-content:space-between;align-items:center;width:100%;display:flex}.settings-item:last-child{border-bottom:none}.settings-item__content{align-items:center;gap:12px;display:flex}.settings-item__icon{color:var(--primary)}.settings-item__icon-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.settings-item__label{font-size:.9375rem;font-weight:500}.settings-toggle{background:var(--muted);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-shrink:0;width:44px;height:24px;padding:0;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.settings-toggle--active{background:var(--primary);border-color:var(--primary)}.settings-toggle__handle{width:18px;height:18px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;top:2px;left:2px}.settings-toggle--active .settings-toggle__handle{transform:translate(20px)}.settings-toggle:hover{box-shadow:0 0 0 4px var(--muted)}.settings-toggle--active:hover{box-shadow:0 0 0 4px #ff7e5f1a;box-shadow:0 0 0 4px lab(67.9522% 48.4536 40.778/.1)}.settings-radio{border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.settings-radio__circle--checked{background:var(--primary);border-radius:50%;width:10px;height:10px}.theme-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px;display:grid}.theme-card{background:var(--card);border-radius:calc(var(--radius) * 1.5);border:2px solid var(--border);cursor:pointer;flex-direction:column;gap:12px;padding:12px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.theme-card--active{border-color:var(--primary);background:var(--muted)}.theme-preview{background:var(--background);border-radius:var(--radius);border:1px solid var(--border);justify-content:center;align-items:center;height:100px;display:flex;position:relative;overflow:hidden}.theme-preview--light{background:#fff}.theme-preview--dark{background:#0f172a}.theme-preview--system{background:linear-gradient(135deg,#fff 50%,#0f172a 50%)}.theme-preview__bars{flex-direction:column;gap:6px;width:60%;display:flex}.theme-preview__bar{background:var(--border);opacity:.3;border-radius:3px;height:6px}.theme-card__info{align-items:center;gap:12px;display:flex}.theme-card__text{flex-direction:column;gap:1px;display:flex}.theme-card__icon{color:var(--primary);flex-shrink:0}.theme-card__label{color:var(--foreground);font-size:.8125rem;font-weight:700}.theme-card__desc{color:var(--muted-foreground);font-size:.6875rem;font-weight:500}.theme-card--full{width:100%}.settings-footer{display:none}.settings-save-btn{width:100%;padding:calc(var(--spacing) * 4);background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow-sm);border:none;font-weight:700}.logout-modal-overlay{z-index:3000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:calc(var(--spacing) * 6);background:#0006;background:lab(0% 0 0/.4);justify-content:center;align-items:center;animation:.3s modal-backdrop-fade;display:flex;position:fixed;inset:0}.logout-modal{background:var(--card);border-radius:calc(var(--radius) * 2);width:100%;max-width:400px;padding:calc(var(--spacing) * 8);text-align:center;box-shadow:var(--shadow-2xl);border:1px solid var(--border);flex-direction:column;align-items:center;animation:.3s cubic-bezier(.34,1.56,.64,1) modal-scale-up;display:flex}.logout-modal__icon{color:#e63946;color:lab(52.8483% 66.4299 35.8323);width:64px;height:64px;margin-bottom:calc(var(--spacing) * 6);background:#e639461a;background:lab(52.8483% 66.4299 35.8323/.1);border-radius:50%;justify-content:center;align-items:center;display:flex}.logout-modal__icon-inner{justify-content:center;align-items:center;display:flex}.logout-modal__title{color:var(--foreground);margin:0 0 calc(var(--spacing) * 2);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.logout-modal__message{color:var(--muted-foreground);margin:0 0 calc(var(--spacing) * 8);font-size:.9375rem;line-height:1.5}.logout-modal__actions{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}.logout-modal__btn{padding:calc(var(--spacing) * 4);border-radius:var(--radius);cursor:pointer;border:1px solid #0000;font-size:.9375rem;font-weight:600;transition:all .2s}.logout-modal__btn--cancel{background:var(--muted);color:var(--foreground);border-color:var(--border)}.logout-modal__btn--cancel:hover{background:var(--secondary);border-color:var(--secondary-foreground)}.logout-modal__btn--confirm{color:#fff;background:#e63946;background:lab(52.8483% 66.4299 35.8323)}.logout-modal__btn--confirm:hover{filter:brightness(1.1);box-shadow:var(--shadow-md);transform:translateY(-1px)}.bugs-toggle-container{margin:calc(var(--spacing) * 6) 0 calc(var(--spacing) * 8);padding:0}.bugs-toggle-bg{background:var(--muted);border:1px solid var(--border);border-radius:100px;padding:4px;display:flex}.bugs-toggle-btn{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:100px;flex:1;padding:10px 16px;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1)}.bugs-toggle-btn--active{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-sm)}.form-group{gap:calc(var(--spacing) * 2);margin-bottom:calc(var(--spacing) * 6);flex-direction:column;display:flex}.form-label{color:var(--foreground);margin-left:4px;font-size:.9375rem;font-weight:700}.form-input,.form-textarea{width:100%;padding:calc(var(--spacing) * 4);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);font-family:inherit;font-size:.875rem;transition:all .2s}.form-input::-moz-placeholder{color:var(--muted-foreground)}.form-textarea::-moz-placeholder{color:var(--muted-foreground)}.form-input::placeholder,.form-textarea::placeholder{color:var(--muted-foreground)}.form-input:focus,.form-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #ff7e5f1a;box-shadow:0 0 0 4px lab(67.9522% 48.4536 40.778/.1)}.upload-dropzone{border:1px dashed var(--primary);border-radius:var(--radius);padding:calc(var(--spacing) * 8);background:var(--muted);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.upload-dropzone:hover{background:var(--secondary);border-style:solid}.upload-content{align-items:center;gap:calc(var(--spacing) * 2);flex-direction:column;display:flex}.upload-icon-wrapper{background:var(--card);width:44px;height:44px;box-shadow:var(--shadow-sm);color:var(--primary);border-radius:10px;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.upload-text{color:var(--foreground);font-size:.875rem;font-weight:600}.upload-hint{color:var(--muted-foreground);font-size:.75rem}.attachment-preview{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:calc(var(--spacing) * 4);box-shadow:var(--shadow-sm);margin-top:calc(var(--spacing) * 4)}.attachment-content{align-items:center;gap:12px;display:flex}.attachment-info{flex-direction:column;flex:1;min-width:0;display:flex}.attachment-name{color:var(--foreground);font-size:.875rem;font-weight:600}.attachment-id{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;overflow:hidden}.attachment-remove{background:var(--muted);width:32px;height:32px;color:var(--muted-foreground);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.attachment-remove:hover{background:var(--destructive);color:var(--destructive-foreground)}.notifications-list{gap:calc(var(--spacing) * 3);flex-direction:column;display:flex}.notification-item__icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.notification-item__icon--order{color:var(--primary);background:#ff7e5f1a;background:lab(67.9522% 48.4536 40.778/.1)}.notification-item__content{flex:1;min-width:0}.notification-item__title{color:var(--foreground);letter-spacing:-.01em;margin:0;font-size:.9375rem;font-weight:700}.notification-item__time{color:var(--muted-foreground);white-space:nowrap;font-size:.75rem}.notification-item__message{color:var(--muted-foreground);margin:0;font-size:.875rem;line-height:1.4}.notification-item__unread-dot{background:var(--primary);border-radius:50%;width:6px;height:6px;position:absolute;top:12px;right:12px}.notification-empty-icon{margin-bottom:calc(var(--spacing) * 4);opacity:.5}.notification-empty-text{font-size:.9375rem;font-weight:500}.notifications-container{gap:calc(var(--spacing) * 8);flex-direction:column;display:flex}.notification-group{gap:calc(var(--spacing) * 4);flex-direction:column;display:flex}.notification-group__title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);opacity:.8;margin:0;padding-left:2px;font-size:.725rem;font-weight:600}.notification-group__list{gap:calc(var(--spacing) * 2.5);flex-direction:column;display:flex}.notification-item{gap:calc(var(--spacing) * 4);padding:calc(var(--spacing) * 4.5);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.notification-item:hover{border-color:var(--primary);background:var(--muted);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.notification-item--unread{background:#ff7e5f08;background:lab(67.9522% 48.4536 40.778/.03);border-color:#ff7e5f1a;border-color:lab(67.9522% 48.4536 40.778/.1)}.notification-item__icon{border-radius:calc(var(--radius-sm) - 2px);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s;display:flex}.notification-item:hover .notification-item__icon{transform:scale(1.02)}.notification-item__icon--success{color:#2aa052;color:lab(58.2527% -46.6898 30.8531);background:#2aa05214;background:lab(58.2527% -46.6898 30.8531/.08)}.notification-item__icon--order,.notification-item__icon--message{color:var(--primary);background:#ff7e5f14;background:lab(67.9522% 48.4536 40.778/.08)}.notification-item__icon--alert{color:#e63946;color:lab(52.8483% 66.4299 35.8323);background:#e6394614;background:lab(52.8483% 66.4299 35.8323/.08)}.notification-item__icon--info{background:var(--muted);color:var(--muted-foreground)}.notification-item__content{flex:1;min-width:0;padding-top:2px}.notification-item__header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:2px;display:flex}.notification-item__title{color:var(--foreground);letter-spacing:-.01em;margin:0;font-size:.9375rem;font-weight:700;line-height:1.25}.notification-item__time{color:var(--muted-foreground);white-space:nowrap;opacity:.8;font-size:.725rem}.notification-item__message{color:var(--muted-foreground);margin:0;font-size:.875rem;font-weight:400;line-height:1.45}.notification-item__unread-dot{background:var(--primary);border:1.5px solid var(--card);border-radius:50%;width:7px;height:7px;position:absolute;top:12px;right:12px}.notification-empty-state{padding:calc(var(--spacing) * 16) 0;text-align:center;color:var(--muted-foreground);flex-direction:column;align-items:center;display:flex}.notification-empty-icon{margin-bottom:calc(var(--spacing) * 5);opacity:.4;color:var(--primary)}.notification-empty-text{letter-spacing:-.01em;font-size:.9375rem;font-weight:600}@keyframes modal-backdrop-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-up{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){.profile-panel{max-width:100%}.logout-modal{max-width:calc(100% - 32px);padding:calc(var(--spacing) * 6)}}
.checkout-overlay{z-index:1000;visibility:hidden;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;inset:0}.checkout-overlay--open{visibility:visible;pointer-events:auto}.checkout-overlay__backdrop{opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;background:lab(0% 0 0/.4);transition:opacity .3s;position:absolute;inset:0}.checkout-overlay--open .checkout-overlay__backdrop{opacity:1}.checkout-panel{background:var(--card);width:100%;max-width:480px;box-shadow:var(--shadow-2xl);border-left:1px solid var(--border);flex-direction:column;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.checkout-overlay--open .checkout-panel{transform:translate(0)}.checkout-panel__content{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex:1;padding-bottom:200px;overflow-y:auto}.checkout-header{z-index:10;background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:calc(var(--spacing) * 3) calc(var(--spacing) * 6);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:72px;display:flex;position:sticky;top:0}.checkout-header__back{border:1px solid var(--border);background:var(--card);width:40px;height:40px;color:var(--foreground);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.checkout-header__back:hover{background:var(--muted);border-color:var(--primary);color:var(--primary)}.checkout-header__title{font-size:1.25rem;font-weight:700;font-family:var(--font-serif);color:var(--foreground);position:absolute;left:50%;transform:translate(-50%)}.checkout-header__share{color:var(--muted-foreground);border-radius:var(--radius);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 12px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.checkout-header__share:hover{background:var(--muted);color:var(--primary)}.delivery-alert{margin:calc(var(--spacing) * 4) calc(var(--spacing) * 6);padding:calc(var(--spacing) * 4);background:color-mix(in oklch, var(--destructive), transparent 90%);border:1px solid color-mix(in oklch, var(--destructive), transparent 80%);border-radius:var(--radius);align-items:center;gap:16px;display:flex}.delivery-alert__icon{background:var(--card);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.delivery-alert__title{color:var(--destructive);font-size:.95rem;font-weight:700;font-family:var(--font-serif);margin-bottom:4px}.delivery-alert__text{color:var(--destructive);opacity:.9;font-size:.85rem;font-weight:500}.checkout-section{margin:calc(var(--spacing) * 4) calc(var(--spacing) * 6);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:calc(var(--spacing) * 5);box-shadow:var(--shadow-sm);transition:box-shadow .2s}.checkout-section:hover{box-shadow:var(--shadow-md)}.section-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.section-header__title{color:var(--foreground);text-transform:capitalize;font-size:1.1rem;font-weight:700;font-family:var(--font-serif);align-items:center;gap:10px;display:flex}.section-header__change,.delivery-to__change{color:var(--primary);border-radius:var(--radius);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.9rem;font-weight:700;transition:background .2s}.section-header__change:hover,.delivery-to__change:hover{background:var(--primary);color:var(--primary-foreground)}.cart-item{border-bottom:1px dashed var(--border);gap:16px;margin-bottom:20px;padding-bottom:20px;display:flex;position:relative}.cart-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.cart-item__image{border-radius:var(--radius);background:var(--muted);-o-object-fit:cover;object-fit:cover;border:1px solid var(--border);width:80px;height:80px}.cart-item__details{flex-direction:column;flex:1;justify-content:flex-start;gap:8px;display:flex}.cart-item__header-row{justify-content:space-between;align-items:flex-start;gap:12px;width:100%;display:flex}.cart-item__name{color:var(--foreground);flex:1;font-size:.95rem;font-weight:600;line-height:1.4}.cart-item__meta-row{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.cart-item__unit{color:var(--muted-foreground);background:var(--muted);border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:600}.cart-item__price-group{align-items:center;gap:8px;display:flex}.price-original{color:var(--muted-foreground);font-size:.8rem;text-decoration:line-through;display:block}.price-current{color:var(--foreground);font-size:1rem;font-weight:700;font-family:var(--font-mono)}.cart-item__dates-row{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.cart-item__dates-text{color:var(--accent);font-size:.8rem;font-weight:600}.cart-item__change-date-btn{color:var(--primary);border-radius:var(--radius);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.8rem;font-weight:600;transition:background .2s}.cart-item__change-date-btn:hover{background:var(--muted)}.change-dates{display:none}.cart-item__sidebar{flex-direction:column;align-items:flex-end;gap:12px;display:none}.quantity-control{background:var(--secondary);color:var(--secondary-foreground);border-radius:var(--radius);flex-shrink:0;align-items:center;gap:6px;padding:0;font-weight:600;display:flex}.quantity-control button{background:var(--card);border:1px solid var(--border);color:var(--foreground);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s;display:flex}.quantity-control button:hover{border-color:var(--primary);color:var(--primary)}.pickup-location{margin-top:calc(var(--spacing) * 4);background:var(--muted);padding:calc(var(--spacing) * 4);border-radius:var(--radius);border:1px solid var(--border);position:relative}.pickup-location__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.pickup-location__title{color:var(--foreground);font-size:.95rem;font-weight:600}.pickup-pin-container{background:var(--primary);color:#fff;width:36px;height:36px;box-shadow:var(--shadow-sm);border-radius:10px;justify-content:center;align-items:center;display:flex}.pickup-location__name{color:var(--foreground);font-size:1rem;font-weight:700;font-family:var(--font-serif);margin-bottom:6px}.pickup-location__address{color:var(--muted-foreground);font-size:.85rem;font-weight:500;line-height:1.5}.pickup-only-badge{color:var(--foreground);background:var(--muted);border-radius:var(--radius);border:1px solid var(--border);align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:.85rem;font-weight:600;display:flex}.coupon-container{margin:calc(var(--spacing) * 4) calc(var(--spacing) * 6);background:#f8f9fa;border:1px solid #ededed;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.coupon-section{justify-content:space-between;align-items:center;padding:16px;display:flex}.coupon-info{align-items:center;gap:12px;display:flex}.coupon-icon-wrapper{background:#a42b51;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.coupon-icon-wrapper svg{color:#fff}.coupon-text{flex-direction:column;gap:2px;display:flex}.coupon-text__title{color:var(--primary);font-size:1.1rem;font-weight:800;font-family:var(--font-sans)}.coupon-text__subtitle{color:#2e7d32;font-size:.95rem;font-weight:700;font-family:var(--font-sans)}.coupon-remove{color:#fff;cursor:pointer;font-size:1rem;font-weight:700;font-family:var(--font-sans);background:#ff4d2d;border:none;border-radius:12px;padding:10px 24px;transition:all .2s}.coupon-remove:hover{transform:scale(1.02);box-shadow:0 4px 10px #ff4d2d33}.see-all-coupons{color:#666;cursor:pointer;width:100%;font-size:1.05rem;font-weight:700;font-family:var(--font-sans);background:0 0;border:none;border-top:1px solid #ededed;justify-content:center;align-items:center;gap:6px;padding:14px;transition:all .2s;display:flex}.see-all-coupons:hover{color:var(--foreground);background:#00000005}.bill-details{margin:calc(var(--spacing) * 4) calc(var(--spacing) * 6);background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);overflow:hidden}.bill-details__title{font-size:1.1rem;font-weight:700;font-family:var(--font-serif);color:var(--foreground);margin:24px 24px 20px}.bill-row{justify-content:space-between;align-items:center;margin:0 24px 16px;display:flex}.bill-label{color:var(--foreground);align-items:center;gap:8px;font-size:.9rem;font-weight:500;display:flex}.label-dotted{text-underline-offset:4px;color:var(--foreground);-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.badge-saved{background:color-mix(in oklch, var(--primary), transparent 92%);color:var(--primary);border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:600}.bill-value{color:var(--foreground);font-size:.95rem;font-weight:600;font-family:var(--font-mono);align-items:center;gap:8px;display:flex}.price-struck{color:var(--muted-foreground);font-size:.9rem;text-decoration:line-through}.bill-value--free{color:var(--primary);text-transform:uppercase;font-weight:700}.bill-divider{background:var(--border);height:1px;margin:16px 24px}.bill-grand-total{justify-content:space-between;align-items:center;margin:0 24px 24px;display:flex}.grand-total-label{color:var(--foreground);font-size:1.1rem;font-weight:700}.grand-total-value{color:var(--foreground);font-size:1.2rem;font-weight:800;font-family:var(--font-mono)}.savings-container{background:var(--muted);margin-top:12px;position:relative}.savings-wave{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 40 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 12 V 6 Q 10 0 20 6 T 40 6 V 12 H 0 Z' fill='oklch(0.9656 0.0176 39.4009)'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:20px 6px;width:100%;height:6px;position:absolute;top:-6px;left:0}.savings-content{padding:16px 24px}.savings-row{justify-content:space-between;align-items:flex-end;margin-bottom:4px;display:flex}.savings-label{color:var(--primary);font-size:1rem;font-weight:700}.savings-amount{color:var(--primary);font-size:1rem;font-weight:800;font-family:var(--font-mono)}.savings-note{color:var(--muted-foreground);font-size:.8rem;font-weight:500}.cancellation-policy{margin:calc(var(--spacing) * 4) calc(var(--spacing) * 6);padding:calc(var(--spacing) * 5);background:var(--muted);border-radius:var(--radius-lg);border:1px solid var(--border);margin-bottom:120px}.cancellation-policy__title{color:var(--foreground);font-size:.95rem;font-weight:700;font-family:var(--font-serif);margin-bottom:8px}.cancellation-policy__text{color:var(--muted-foreground);font-size:.85rem;font-weight:500;line-height:1.6}.checkout-footer{background:var(--card);z-index:20;border-top:1px solid var(--border);font-family:var(--font-sans);flex-direction:column;flex-shrink:0;padding:16px 20px 32px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000014}.footer-delivery-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.footer-delivery-left{align-items:center;gap:12px;display:flex}.footer-delivery-icon{border:2px solid var(--primary);border-radius:var(--radius-md);width:36px;height:36px;color:var(--primary);background:color-mix(in oklch, var(--primary), transparent 92%);justify-content:center;align-items:center;display:flex}.footer-delivery-text{flex-direction:column;display:flex}.footer-delivering-label{color:var(--foreground);opacity:.8;font-size:.95rem;font-weight:500}.footer-address-type{color:var(--foreground);font-size:1.05rem;font-weight:800;font-family:var(--font-serif)}.footer-full-address{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:.8rem;overflow:hidden}.footer-change-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.95rem;font-weight:700;transition:opacity .2s}.footer-change-btn:hover{opacity:.8}.footer-payment-action-row{justify-content:space-between;align-items:center;display:flex}.footer-payment-left{flex-direction:column;gap:4px;display:flex}.footer-pay-label{color:var(--muted-foreground);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:6px;font-size:.75rem;font-weight:700;display:flex}.footer-payment-method{color:var(--foreground);font-size:.9rem;font-weight:700}.footer-place-order-btn{background:var(--primary);border-radius:var(--radius-lg);width:220px;color:var(--primary-foreground);cursor:pointer;box-shadow:var(--shadow-md);font-family:var(--font-sans);border:none;justify-content:space-between;align-items:center;padding:12px 20px;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex}.footer-place-order-btn:hover{box-shadow:var(--shadow-lg);opacity:.95;transform:translateY(-2px)}.footer-place-order-btn:active{transform:translateY(0)}.place-order-price-group{flex-direction:column;align-items:flex-start;display:flex}.place-order-total{font-size:1.15rem;font-weight:800;line-height:1.1;font-family:var(--font-mono)}.place-order-label{opacity:.9;font-size:.75rem;font-weight:500}.place-order-text-group{align-items:center;gap:4px;font-size:1.05rem;font-weight:700;display:flex}.select-location-panel{padding:calc(var(--spacing) * 5);background:var(--background);min-height:100%}.select-location__title{color:var(--foreground);font-size:1.25rem;font-weight:700;font-family:var(--font-serif);margin-bottom:20px}.location-search{margin-bottom:24px;position:relative}.location-search__icon{color:var(--muted-foreground);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.location-search__input{background:var(--card);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);color:var(--foreground);border:2px solid #0000;outline:none;padding:16px 16px 16px 52px;font-size:1rem;font-weight:500;transition:all .2s}.location-search__input:focus{border-color:var(--primary);box-shadow:var(--shadow-md)}.location-search__input::placeholder{color:var(--muted-foreground)}.location-actions{flex-direction:column;gap:12px;margin-bottom:30px;display:flex}.location-action-item{background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--border);cursor:pointer;width:100%;box-shadow:var(--shadow-sm);align-items:center;padding:20px;transition:all .2s;display:flex}.location-action-item:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.location-action-item__icon{justify-content:center;align-items:center;width:32px;margin-right:16px;display:flex}.location-action-item__icon--red{color:var(--primary)}.location-action-item__icon--green{color:var(--chart-2)}.location-action-item__text{text-align:left;color:var(--foreground);flex:1;font-size:1rem;font-weight:600}@media (max-width:480px){.checkout-panel{border:none;max-width:100%}}@media (min-width:768px){.checkout-panel{border-left:1px solid var(--border);box-shadow:-4px 0 24px #00000026}}.saved-addresses{margin-top:24px}.saved-addresses__title{color:var(--foreground);font-size:1rem;font-weight:600;font-family:var(--font-serif);margin-bottom:16px}.saved-addresses__list{flex-direction:column;gap:16px;display:flex}.saved-address-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);padding:20px;transition:all .2s;position:relative}.saved-address-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.saved-address-card--selected{border-color:var(--primary);background:color-mix(in oklch, var(--primary), transparent 96%);box-shadow:var(--shadow-md)}.saved-address-card__header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.saved-address-card__icon{color:var(--muted-foreground)}.saved-address-card__icon--selected{color:var(--primary)}.saved-address-card__label{color:var(--foreground);font-size:1rem;font-weight:700}.saved-address-card__text{color:var(--muted-foreground);margin-bottom:12px;font-size:.9rem;line-height:1.5}.saved-address-card__phone{color:var(--muted-foreground);font-size:.85rem}.phone-value{color:var(--foreground);font-weight:600}.saved-address-card__actions{gap:8px;display:flex;position:absolute;top:16px;right:16px}.address-action-btn{color:var(--muted-foreground);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;padding:4px}.address-action-btn:hover{background:var(--muted);color:var(--foreground)}.coupons-view{background:#fafafa;flex-direction:column;gap:24px;min-height:100%;padding:24px 24px 100px;display:flex}.coupons-view__search{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;padding:8px 8px 8px 20px;display:flex;position:relative}.coupons-search__input{color:var(--foreground);background:0 0;border:none;outline:none;flex:1;font-size:1.1rem;font-weight:500}.coupons-search__input::placeholder{color:#999}.coupons-search__apply{color:#fff;cursor:pointer;background:#b4b4b4;border:none;border-radius:12px;padding:12px 28px;font-size:1.1rem;font-weight:700}.coupons-section-group{flex-direction:column;gap:16px;display:flex}.coupons-group__title{color:#111;font-size:1.1rem;font-weight:800;font-family:var(--font-serif)}.coupons-list{flex-direction:column;gap:20px;display:flex}.coupon-card-alt{background:var(--card);border:1px solid var(--border);border-radius:20px;position:relative;overflow:hidden}.coupon-card-alt__header{justify-content:space-between;align-items:flex-start;padding:24px;display:flex}.coupon-card-alt__icon-row{gap:16px;display:flex}.coupon-card-alt__logo{flex-shrink:0;width:56px;height:56px}.coupon-card-alt__logo img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.brand-logo-fallback{color:#fff;background:#a42b51;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;font-weight:800;display:flex}.coupon-card-alt__main-info{flex-direction:column;gap:4px;display:flex}.coupon-card-alt__title{color:#111;font-size:1.15rem;font-weight:800;line-height:1.2}.coupon-card-alt__code{color:#777;font-size:.95rem;font-weight:600}.coupon-card-alt__code span{color:var(--foreground);text-transform:uppercase}.coupon-card-alt__action{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:10px 24px;font-size:1rem;font-weight:700;box-shadow:0 4px 10px #ff7d5233}.coupon-card-alt__action--remove{color:#ff5252;box-shadow:none;background:0 0;padding:10px 0;font-size:1.1rem}.coupon-card-alt__divider{border-top:1px dashed var(--border);margin:0 24px;position:relative}.coupon-card-alt__divider:before,.coupon-card-alt__divider:after{content:"";border:1px solid var(--border);background:#fafafa;border-radius:50%;width:16px;height:16px;position:absolute;top:-8px}.coupon-card-alt__divider:before{clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%);left:-33px}.coupon-card-alt__divider:after{clip-path:polygon(0 0,50% 0,50% 100%,0 100%);right:-33px}.coupon-card-alt__details{flex-direction:column;gap:16px;padding:24px;display:flex}.coupon-card-alt__error{color:#ff7d52;font-size:.95rem;font-weight:700}.coupon-conditions{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.coupon-conditions li{color:#666;padding-left:20px;font-size:.95rem;font-weight:500;line-height:1.4;position:relative}.coupon-conditions li:before{content:"";background:#999;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.coupon-read-more{color:#555;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:1rem;font-weight:800;display:flex}
.messages-overlay{z-index:2000;visibility:hidden;transition:visibility .3s;position:fixed;inset:0}.messages-overlay--open{visibility:visible}.messages-overlay__backdrop{opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;background:lab(0% 0 0/.4);transition:opacity .3s;position:absolute;inset:0}.messages-overlay--open .messages-overlay__backdrop{opacity:1}.messages-panel{background:var(--card);width:100%;max-width:440px;box-shadow:var(--shadow-2xl);flex-direction:column;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.messages-overlay--open .messages-panel{transform:translate(0)}.messages-panel__header{padding:calc(var(--spacing) * 4) calc(var(--spacing) * 6);background:var(--card);border-bottom:1px solid var(--border);z-index:10;justify-content:center;align-items:center;min-height:72px;display:flex;position:relative}.messages-panel__back,.messages-panel__close{border-radius:var(--radius);width:40px;height:40px;color:var(--foreground);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.messages-panel__back{left:16px}.messages-panel__close{right:16px}.messages-panel__back:hover,.messages-panel__close:hover{background:var(--muted)}.messages-panel__title{color:var(--foreground);text-align:center;letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:600}.messages-panel__content{background:var(--background);flex:1;overflow-y:auto}.conversation-list{flex-direction:column;display:flex}.conversation-item{padding:calc(var(--spacing) * 5) calc(var(--spacing) * 6);gap:calc(var(--spacing) * 4);cursor:pointer;border-bottom:1px solid var(--border);transition:all .2s;display:flex}.conversation-item:hover{background:var(--card)}.conversation-item__avatar-wrapper{position:relative}.conversation-item__avatar{-o-object-fit:cover;object-fit:cover;width:56px;height:56px;box-shadow:var(--shadow-sm);border-radius:16px}.conversation-item__status{border:3px solid var(--card);background:#10b981;border-radius:50%;width:14px;height:14px;position:absolute;bottom:-2px;right:-2px}.conversation-item__info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.conversation-item__header{justify-content:space-between;align-items:baseline;display:flex}.conversation-item__name{color:var(--foreground);font-size:.9375rem;font-weight:600}.conversation-item__time{color:var(--muted-foreground);font-size:.75rem;font-weight:400}.conversation-item__last-message{justify-content:space-between;align-items:center;gap:1rem;display:flex}.conversation-item__text{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:400;line-height:1.4;overflow:hidden}.conversation-item__badge{background:var(--primary);color:var(--primary-foreground);text-align:center;border-radius:6px;min-width:18px;padding:2px 6px;font-size:.6875rem;font-weight:700}.chat-view{background:var(--background);flex-direction:column;height:100%;display:flex}.chat-view__messages{padding:calc(var(--spacing) * 6);gap:calc(var(--spacing) * 5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.message-bubble{flex-direction:column;gap:4px;max-width:85%;display:flex}.message-bubble--sent{align-self:flex-end}.message-bubble--received{align-self:flex-start}.message-bubble__content{padding:calc(var(--spacing) * 3) calc(var(--spacing) * 4);box-shadow:var(--shadow-sm);border-radius:16px;font-size:.875rem;font-weight:400;line-height:1.5;position:relative}.message-bubble--sent .message-bubble__content{background:var(--primary);color:var(--primary-foreground);border-bottom-right-radius:4px}.message-bubble--received .message-bubble__content{background:var(--card);color:var(--foreground);border:1px solid var(--border);border-bottom-left-radius:4px}.message-bubble__footer{color:var(--muted-foreground);align-items:center;gap:.5rem;font-size:.6875rem;font-weight:500;display:flex}.message-bubble--sent .message-bubble__footer{justify-content:flex-end}.chat-view__input-area{padding:calc(var(--spacing) * 5) calc(var(--spacing) * 6);background:var(--card);border-top:1px solid var(--border);align-items:center;gap:calc(var(--spacing) * 3);display:flex}.chat-view__input-wrapper{flex:1;position:relative}.chat-view__input{width:100%;padding:calc(var(--spacing) * 3.5) calc(var(--spacing) * 5);background:var(--background);border:1px solid var(--border);color:var(--foreground);border-radius:100px;outline:none;font-size:.875rem;font-weight:400;transition:all .2s}.chat-view__input:focus{background:var(--card);border-color:var(--primary)}.chat-view__send-btn{background:var(--primary);width:44px;height:44px;color:var(--primary-foreground);border-radius:100px;justify-content:center;align-items:center;transition:all .2s;display:flex}.chat-view__send-btn:hover:not(:disabled){transform:scale(1.05)}.chat-view__attach-btn{color:var(--muted-foreground);transition:color .2s}.chat-view__attach-btn:hover{color:var(--foreground)}@media (max-width:480px){.messages-panel{max-width:100%}}
.ui-drawer-overlay{z-index:1000;visibility:hidden;opacity:0;width:100%;height:100%;transition:opacity .3s,visibility .3s;position:fixed;top:0;left:0}.ui-drawer-overlay--open{visibility:visible;opacity:1}.ui-drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;width:100%;height:100%;transition:background-color .3s;position:absolute;top:0;left:0}.ui-drawer-panel{background-color:var(--background);flex-direction:column;max-width:100%;height:100%;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;right:0;transform:translate(100%);box-shadow:-4px 0 24px #00000026}.ui-drawer-overlay--open .ui-drawer-panel{transform:translate(0)}.ui-drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.ui-drawer-title{color:var(--foreground);margin:0;font-size:1.25rem;font-weight:600}.ui-drawer-close{cursor:pointer;color:var(--muted-foreground);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.ui-drawer-close:hover{background-color:var(--muted);color:var(--foreground)}.ui-drawer-content{flex:1;position:relative;overflow-y:auto}