.Sidebar{background:var(--bg-sidebar,#08392e);color:#fff;z-index:1000;width:280px;height:100vh;transition:all .35s;position:fixed;top:0;left:0;box-shadow:2px 0 10px #0000001a}.Sidebar_Collapsed{width:85px}.Sidebar_Header{border-bottom:1px solid #fff3;align-items:center;gap:12px;height:80px;padding:0 20px;display:flex;overflow:hidden}.Sidebar_Header img{object-fit:contain;border-radius:8px;width:42px;height:42px}.Sidebar_Header h2{letter-spacing:.5px;white-space:nowrap;font-size:22px;font-weight:700}.Sidebar_Menu{max-height:calc(100vh - 80px);padding:20px 10px;overflow-y:auto}.Sidebar_Link{color:#fff;border-radius:12px;align-items:center;gap:15px;height:52px;margin-bottom:8px;padding:0 18px;text-decoration:none;transition:background .25s,transform .15s;display:flex;position:relative}.Sidebar_Link:hover{background:#ffffff2e}.Sidebar_LinkActive{background:#ffffff40;font-weight:600;box-shadow:0 2px 8px #0000001a}.Sidebar_Icon{justify-content:center;align-items:center;min-width:24px;font-size:24px;display:flex}.Sidebar_Title{white-space:nowrap;flex:1;font-size:15px}.Sidebar_Badge{color:#71b258;background:#fff;border-radius:20px;margin-left:auto;padding:2px 8px;font-size:12px;font-weight:700}.Sidebar_Close{display:none}.Sidebar_Backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;background:#00000073;position:fixed;inset:0}@media (width<=768px){.Sidebar{transform:translate(-100%)}.Sidebar_MobileOpen{transform:translate(0)}.Sidebar_Close{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-left:auto;padding:4px;font-size:26px;transition:background .2s;display:flex}.Sidebar_Close:hover{background:#fff3}}.Topbar{z-index:900;background:#fff;border-bottom:1px solid #e9edf3;justify-content:space-between;align-items:center;height:80px;padding:0 25px;display:flex;position:sticky;top:0}.Topbar_Left{align-items:center;display:flex}.Topbar_Menu,.Topbar_MobileMenu{cursor:pointer;color:#4d7c54;background:0 0;border:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:28px;transition:all .3s;display:flex}.Topbar_Menu:hover,.Topbar_MobileMenu:hover{background:#f3f6f4;border-radius:10px}.Topbar_MobileMenu{display:none}.Topbar_Right{align-items:center;gap:18px;display:flex}.Topbar_NotificationWrapper{position:relative}.Topbar_Notification{cursor:pointer;background:#f5f8f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;transition:all .3s;display:flex;position:relative}.Topbar_Notification:hover{background:#edf5ee}.Topbar_Notification svg{color:#4d7c54;font-size:22px}.Topbar_Notification span{color:#fff;background:#ff5b57;border-radius:50%;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:11px;font-weight:600;display:flex;position:absolute;top:-2px;right:-2px}.Topbar_NotificationCard{opacity:0;visibility:hidden;z-index:999;background:#fff;border-radius:18px;width:350px;transition:all .3s;position:absolute;top:65px;right:0;overflow:hidden;transform:translateY(15px);box-shadow:0 15px 45px #0000001f}.Topbar_NotificationCardActive{opacity:1;visibility:visible;transform:translateY(0)}.Topbar_NotificationCard:before{content:"";background:#71b258;width:16px;height:16px;position:absolute;top:-8px;right:18px;transform:rotate(45deg)}.Topbar_NotificationHeader{color:#fff;background:linear-gradient(135deg,#71b258,#4d7c54);padding:18px 22px}.Topbar_NotificationHeader h3{font-size:18px;font-weight:600}.Topbar_NotificationList{max-height:350px;overflow-y:auto}.Topbar_NotificationItem{border-bottom:1px solid #f0f0f0;padding:16px 20px;transition:all .3s}.Topbar_NotificationItem:hover{background:#f8faf8}.Topbar_NotificationItem h4{color:#222;margin-bottom:5px;font-size:15px}.Topbar_NotificationItem p{color:#888;font-size:13px}.Topbar_NotificationList::-webkit-scrollbar{width:6px}.Topbar_NotificationList::-webkit-scrollbar-track{background:#f1f1f1}.Topbar_NotificationList::-webkit-scrollbar-thumb{background:#71b258;border-radius:20px}.Topbar_ProfileWrapper{position:relative}.Topbar_Profile{cursor:pointer;align-items:center;gap:12px;display:flex}.Topbar_Profile img{object-fit:cover;border:2px solid #71b258;border-radius:50%;width:46px;height:46px}.Topbar_ProfileInfo h4{color:#2f3640;margin-bottom:3px;font-size:15px;font-weight:600}.Topbar_ProfileInfo p{color:#8a8a8a;font-size:13px}.Topbar_ProfileCard{opacity:0;visibility:hidden;z-index:999;background:#fff;border-radius:18px;width:320px;transition:all .3s;position:absolute;top:70px;right:0;overflow:hidden;transform:translateY(15px);box-shadow:0 18px 45px #00000026}.Topbar_ProfileCardActive{opacity:1;visibility:visible;transform:translateY(0)}.Topbar_ProfileCard:before{content:"";background:#71b258;width:20px;height:20px;position:absolute;top:-10px;right:40px;transform:rotate(45deg)}.Topbar_ProfileCardHeader{text-align:center;color:#fff;background:linear-gradient(135deg,#71b258,#4d7c54);padding:28px 20px}.Topbar_ProfileCardHeader img{object-fit:cover;border:4px solid #ffffff4d;border-radius:50%;width:90px;height:90px;margin-bottom:15px}.Topbar_ProfileCardHeader h3{margin-bottom:5px;font-size:28px}.Topbar_ProfileCardHeader p{opacity:.9;font-size:15px}.Topbar_ProfileCardMenu{background:#fff}.Topbar_ProfileCardMenu button{cursor:pointer;color:#444;background:#fff;border:none;border-bottom:1px solid #f0f0f0;align-items:center;gap:14px;width:100%;height:58px;padding:0 20px;font-size:15px;transition:all .3s;display:flex}.Topbar_ProfileCardMenu button:hover{background:#f8faf8;padding-left:28px}.Topbar_ProfileCardMenu svg{font-size:20px}.Topbar_ProfileLogout{color:#e74c3c!important}@media (width<=768px){.Topbar{padding:0 15px}.Topbar_Menu{display:none}.Topbar_MobileMenu{display:flex}.Topbar_ProfileInfo{display:none}.Topbar_NotificationCard{width:300px;right:-10px}.Topbar_ProfileCard{width:290px;right:-10px}}@media (width<=480px){.Topbar_NotificationCard,.Topbar_ProfileCard{width:270px}}.MainLayout{background:#f5f6fa;min-height:100vh}.MainLayout_Content{margin-left:280px;transition:all .35s}.MainLayout_ContentCollapsed{margin-left:85px}.MainLayout_Page{padding:25px}@media (width<=768px){.MainLayout_Content,.MainLayout_ContentCollapsed{margin-left:0}}:root{--color-primary:#16a34a;--color-primary-hover:#15803d;--color-accent-orange:#ff8a00;--color-accent-purple:#7c3aed;--color-text-main:#1f2937;--color-text-sub:#6b7280;--color-bg-main:#f9fafb;--color-white:#fff;--font-family:"Inter", sans-serif}.wb-container{font-family:var(--font-family);background-color:var(--color-bg-main);max-width:1440px;margin:0 auto;padding:24px}.wb-header{margin-bottom:24px}.wb-title{color:var(--color-text-main);align-items:center;margin:0 0 8px;font-size:28px;font-weight:700;display:flex}.wb-wave{margin-left:8px;font-size:24px}.wb-subtitle{color:var(--color-text-sub);margin:0;font-size:16px}.wb-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.wb-stat-card{background-color:var(--color-white);border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;padding:16px;transition:transform .2s,box-shadow .2s;display:flex}.wb-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000000d}.wb-icon-container{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-right:16px;display:flex}.wb-total-orders{background-color:#16a34a08;border-color:#16a34a1a}.wb-total-orders .wb-icon-container{background-color:#16a34a1a}.wb-wallet-balance{background-color:#16a34a08;border-color:#16a34a1a}.wb-wallet-balance .wb-icon-container{background-color:#16a34a1a}.wb-available-coupons{background-color:#ff8a0008;border-color:#ff8a001a}.wb-available-coupons .wb-icon-container{background-color:#ff8a001a}.wb-wishlist-items{background-color:#7c3aed08;border-color:#7c3aed1a}.wb-wishlist-items .wb-icon-container{background-color:#7c3aed1a}.wb-stat-info{flex-direction:column;display:flex}.wb-stat-label{color:var(--color-text-sub);margin-bottom:4px;font-size:14px}.wb-stat-value{color:var(--color-text-main);margin-bottom:8px;font-size:24px;font-weight:700}.wb-stat-link{color:var(--color-primary);align-items:center;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.wb-stat-link span{margin-left:4px;transition:transform .2s}.wb-stat-link:hover{color:var(--color-primary-hover)}.wb-stat-link:hover span{transform:translate(2px)}.wb-content-grid{grid-template-columns:2fr 1fr;align-items:stretch;gap:24px;display:grid}.wb-banner-section{border-radius:16px;min-height:380px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000000d}.wb-banner-image{object-fit:cover;width:100%;height:100%;display:block}.wb-banner-overlay{width:100%;height:100%;color:var(--color-white);box-sizing:border-box;background:linear-gradient(90deg,#16a34ad9 0%,#16a34a33 70%);flex-direction:column;justify-content:center;align-items:flex-start;padding:40px;display:flex;position:absolute;top:0;left:0}.wb-banner-title{margin:0 0 16px;font-size:32px;font-weight:800;line-height:1.2}.wb-banner-text{max-width:70%;margin:0 0 24px;font-size:16px}.wb-banner-button{background-color:var(--color-white);color:var(--color-primary);cursor:pointer;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;padding:12px 28px;font-size:16px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #00000026}.wb-banner-button:hover{background-color:#f8fafc;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.wb-banner-button:active{transform:translateY(0)scale(.97);box-shadow:0 2px 8px #00000026}.wb-recent-orders-section{background-color:var(--color-white);box-sizing:border-box;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;justify-content:space-between;padding:20px;display:flex;box-shadow:0 4px 6px #00000008}.wb-recent-orders-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.wb-recent-orders-title{color:var(--color-text-main);margin:0;font-size:18px;font-weight:700}.wb-view-all-button{color:var(--color-primary);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:14px;font-weight:600;transition:color .2s;display:flex}.wb-view-all-button:hover{color:var(--color-primary-hover)}.wb-view-all-button span{margin-left:4px}.wb-recent-orders-list{height:290px;margin:0;padding:0 8px 0 0;list-style:none;transition:all .3s;overflow-y:hidden}.wb-recent-orders-list.scrollable{overflow-y:auto}.wb-recent-orders-list::-webkit-scrollbar{width:6px}.wb-recent-orders-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:8px}.wb-recent-orders-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:8px}.wb-recent-orders-list::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.wb-order-item{border-bottom:1px solid #f3f4f6;align-items:center;padding:14px 0;display:flex}.wb-order-item:last-child{border-bottom:none}.wb-order-image-container{border:1px solid #e5e7eb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;margin-right:14px;padding:4px;display:flex}.wb-order-image-container img{object-fit:contain;max-width:100%;max-height:100%}.wb-order-details{flex-direction:column;flex-grow:1;display:flex}.wb-order-name{color:var(--color-text-main);margin-bottom:4px;font-size:14px;font-weight:600}.wb-order-meta{color:var(--color-text-sub);font-size:12px}.wb-order-status{text-align:right;flex-direction:column;display:flex}.wb-status-text{color:var(--color-primary);margin-bottom:4px;font-size:12px;font-weight:600}.wb-date-text{color:var(--color-text-sub);font-size:12px}@media (width<=1100px){.wb-content-grid{grid-template-columns:1fr}.wb-banner-section{min-height:300px}.wb-banner-title{font-size:28px}}@media (width<=900px){.wb-stats-grid{grid-template-columns:repeat(2,1fr)}.wb-banner-overlay{padding:30px}}@media (width<=600px){.wb-container{padding:16px}.wb-title{font-size:24px}.wb-stats-grid{grid-template-columns:1fr}.wb-banner-overlay{background:linear-gradient(#16a34ab3 0%,#16a34ae6 100%);justify-content:flex-end;padding:20px}.wb-banner-title{margin-bottom:8px;font-size:22px}.wb-banner-text{max-width:100%;margin-bottom:16px;font-size:14px}.wb-order-item{flex-wrap:wrap}.wb-order-details{width:calc(100% - 72px);margin-bottom:8px}.wb-order-status{text-align:left;flex-direction:row;gap:8px;width:100%;margin-left:72px}}:root{--bg-main:#f8fafc;--card-bg:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--primary-green:#16a34a;--light-green:#22c55e;--border-color:#f1f5f9;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 10px 25px #0000001a;--radius-lg:16px;--radius-md:12px;--radius-sm:8px}body{background-color:var(--bg-main);color:var(--text-primary);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.dashboard-container{box-sizing:border-box;flex-direction:column;gap:24px;max-width:1280px;margin:0 auto;padding:24px;display:flex}.dashboard-card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);flex-direction:column;padding:20px;display:flex}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-header h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.view-all-btn{color:var(--primary-green);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:.875rem;font-weight:600;transition:opacity .2s;display:flex}.view-all-btn:hover{opacity:.8}.top-grid{grid-template-columns:1fr 1.2fr 1fr;gap:20px;display:grid}.categories-list{flex-direction:column;gap:16px;display:flex}.category-item{grid-template-columns:36px 1fr 40px;align-items:center;gap:12px;display:grid}.category-img-wrapper{background:#f0fdf4;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.category-img-wrapper img{object-fit:cover;width:100%;height:100%}.category-details{flex-direction:column;gap:6px;display:flex}.category-name{font-size:.875rem;font-weight:500}.progress-bar-container{background-color:#f1f5f9;border-radius:10px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background-color:var(--primary-green);border-radius:10px;height:100%;transition:width .4s}.category-percentage{color:var(--text-secondary);text-align:right;font-size:.8rem;font-weight:500}.timeframe-select{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;outline:none;padding:6px 12px;font-size:.8rem}.spending-summary{flex-direction:column;gap:4px;margin-bottom:15px;display:flex}.spending-summary .amount{margin:0;font-size:1.6rem;font-weight:700}.spending-badge{color:var(--primary-green);align-items:center;gap:4px;font-size:.8rem;font-weight:500;display:flex}.chart-wrapper{gap:8px;margin-top:auto;display:flex}.y-axis{color:#94a3b8;flex-direction:column;justify-content:space-between;padding-bottom:20px;font-size:.7rem;display:flex}.chart-container{flex-direction:column;flex:1;display:flex}.chart-svg{width:100%;height:140px;overflow:visible}.smooth-path{transition:d .4s ease-in-out}.grid-line{stroke:#f1f5f9;stroke-width:1px;stroke-dasharray:4}.chart-circle{fill:#22c55e;cursor:pointer;transition:all .2s}.chart-circle.hovered{fill:#15803d;stroke:#fff;stroke-width:2px;r:6}.x-axis{color:#94a3b8;justify-content:space-between;margin-top:6px;font-size:.7rem;display:flex}.x-axis span{cursor:pointer;transition:color .2s}.x-axis span.active-label{color:var(--primary-green);font-weight:700}.offers-container{flex-direction:column;gap:16px;display:flex}.offer-banner{border-radius:var(--radius-md);align-items:flex-start;gap:14px;padding:16px;display:flex}.green-banner{background-color:#f0fdf4}.yellow-banner{background-color:#fefce8}.offer-icon{background-color:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.yellow-icon{color:#ca8a04;background-color:#fef08a;font-size:1.2rem;font-weight:700}.offer-info h4{color:#14532d;margin:0 0 4px;font-size:.95rem}.yellow-banner h4{color:#713f12}.offer-info p{color:var(--text-secondary);margin:0 0 10px;font-size:.78rem}.offer-action-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:6px 14px;font-size:.75rem;font-weight:600;transition:all .2s}.offer-action-btn:hover{background:#f8fafc;transform:translateY(-1px)}.recommended-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.product-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;flex-direction:column;justify-content:space-between;padding:12px;transition:transform .2s,box-shadow .2s;display:flex}.product-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.product-image-container{justify-content:center;align-items:center;width:100%;height:90px;margin-bottom:8px;display:flex}.product-image-container img{object-fit:contain;max-width:100%;max-height:100%}.product-title{margin:0;font-size:.85rem;font-weight:600}.product-unit{color:var(--text-secondary);font-size:.75rem}.product-footer{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.product-price{font-size:.9rem;font-weight:700}.add-btn{background-color:var(--primary-green);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;font-weight:700;transition:background-color .2s;display:flex}.add-btn.added{background-color:#15803d;font-size:.75rem}.add-btn:hover{background-color:#15803d}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box;background-color:#0f172a80;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;display:flex;position:fixed;top:0;left:0}.modal-content{border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:85vh;box-shadow:var(--shadow-md);background:#fff;padding:24px;position:relative;overflow-y:auto}.close-modal-btn{cursor:pointer;width:32px;height:32px;color:var(--text-secondary);background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;top:16px;right:16px}.modal-body h2{margin-top:0;margin-bottom:20px;font-size:1.3rem}.modal-list{flex-direction:column;gap:12px;display:flex}.modal-item{border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:16px;padding:12px;display:flex}.modal-item-img{object-fit:cover;border-radius:50%;width:48px;height:48px}.modal-item-info{flex:1}.modal-item-info h4{margin:0 0 4px}.modal-item-info p{color:var(--text-secondary);margin:0;font-size:.8rem}.modal-badge{color:var(--primary-green);background-color:#dcfce7;border-radius:12px;padding:4px 10px;font-size:.8rem;font-weight:600}.offers-modal-grid{gap:12px;display:grid}.coupon-card{border:2px dashed var(--primary-green);border-radius:var(--radius-md);background-color:#f0fdf4;flex-direction:column;gap:8px;padding:16px;display:flex}.coupon-card h3{color:var(--primary-green);margin:0}.coupon-card p{color:var(--text-secondary);margin:0;font-size:.85rem}.apply-coupon-btn{background-color:var(--primary-green);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-self:flex-start;margin-top:6px;padding:6px 16px;font-size:.8rem}.modal-primary-btn{background-color:var(--primary-green);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;padding:12px;font-weight:600}.deals-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.deal-card{border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:center;padding:12px;position:relative}.discount-tag{color:#fff;background:#ef4444;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700;position:absolute;top:8px;left:8px}.deal-card img{object-fit:contain;width:70px;height:70px}.deal-card h4{margin:8px 0 4px;font-size:.85rem}.deal-price{color:var(--primary-green);margin:2px 0 10px;font-weight:700}.modal-grid{grid-template-columns:repeat(3,1fr)}@media (width<=1024px){.top-grid{grid-template-columns:1fr}.recommended-grid{grid-template-columns:repeat(3,1fr)}.modal-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.dashboard-container{padding:12px}.recommended-grid{grid-template-columns:repeat(2,1fr)}.deals-grid,.modal-grid{grid-template-columns:1fr}}.orders-container{color:#334155;background-color:#f8fafc;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.orders-cards-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.orders-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .25s ease-in-out;display:flex}.orders-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #00000014}.orders-card.active-card{border-color:#10b981;box-shadow:0 0 0 2px #10b98126}.orders-card-icon{border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.orders-card-info{flex-direction:column;display:flex}.orders-card-title{color:#64748b;margin:0;font-size:13px;font-weight:500}.orders-card-value{color:#0f172a;margin:4px 0;font-size:22px;font-weight:700}.orders-card-link{font-size:12px;font-weight:500}.orders-table-wrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000d}.orders-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.orders-title{color:#0f172a;margin:0;font-size:20px;font-weight:700}.orders-controls{align-items:center;gap:12px;display:flex}.orders-search-box{position:relative}.orders-search-box input{border:1px solid #cbd5e1;border-radius:8px;outline:none;width:200px;padding:8px 36px 8px 12px;font-size:14px;transition:border-color .2s}.orders-search-box input:focus{border-color:#10b981}.orders-search-icon{color:#94a3b8;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.orders-filter-wrapper{position:relative}.orders-filter-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;display:flex}.orders-filter-btn:hover{background-color:#f8fafc}.orders-filter-menu{z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;min-width:140px;margin-top:6px;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.orders-filter-item{text-align:left;color:#334155;cursor:pointer;background:0 0;border:none;padding:10px 14px;font-size:13px}.orders-filter-item:hover{background-color:#f1f5f9}.orders-filter-item.active{color:#10b981;background-color:#f0fdf4;font-weight:600}.orders-add-btn{color:#fff;cursor:pointer;background-color:#15803d;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:background-color .2s;display:flex}.orders-add-btn:hover{background-color:#166534}.orders-table-container{overflow-x:auto}.orders-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.orders-table th{color:#64748b;background-color:#fafafa;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-weight:600}.orders-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px}.orders-id{color:#16a34a;font-weight:600}.orders-items-cell{align-items:center;gap:12px;display:flex}.orders-thumbs{gap:6px;display:flex}.orders-thumb-wrapper{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;width:40px;height:40px;overflow:hidden}.orders-thumb-wrapper img{object-fit:cover;width:100%;height:100%}.orders-item-names{color:#1e293b;margin:0;font-weight:500}.orders-item-count,.orders-subtext{color:#94a3b8;font-size:12px}.orders-amount{color:#0f172a;font-weight:600}.orders-status-badge{text-align:center;border-radius:12px;flex-direction:column;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.orders-status-date{margin-top:1px;font-size:10px;font-weight:400}.orders-actions-cell{justify-content:center;align-items:center;gap:8px;display:flex}.orders-action-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;padding:7px;transition:all .2s;display:inline-flex}.orders-action-btn:hover{color:#0f172a;background-color:#f8fafc;border-color:#cbd5e1}.orders-action-btn.delete-btn:hover{color:#dc2626;background-color:#fee2e2;border-color:#fca5a5}.orders-action-btn.menu-btn.active{color:#0f172a;background-color:#f1f5f9;border-color:#94a3b8}.orders-view-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.orders-view-btn:hover{color:#0f172a;background-color:#f8fafc;border-color:#cbd5e1}.orders-menu-wrapper{position:relative}.orders-dropdown-menu{z-index:30;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;width:140px;margin-top:6px;padding:4px 0;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.orders-dropdown-header{color:#94a3b8;text-transform:uppercase;border-bottom:1px solid #f1f5f9;padding:6px 12px;font-size:10px;font-weight:700}.orders-dropdown-item{text-align:left;color:#334155;cursor:pointer;background:0 0;border:none;width:100%;padding:8px 12px;font-size:13px}.orders-dropdown-item:hover{background-color:#f8fafc}.orders-dropdown-item.selected{color:#10b981;background-color:#f0fdf4;font-weight:600}.orders-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.orders-footer-text{color:#64748b;font-size:13px}.orders-pagination{align-items:center;gap:6px;display:flex}.orders-page-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 6px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.orders-page-btn:hover:not(:disabled){background-color:#f1f5f9;border-color:#94a3b8}.orders-page-btn.active{color:#fff;background-color:#10b981;border-color:#10b981;font-weight:600}.orders-page-btn:disabled{opacity:.4;cursor:not-allowed;background-color:#f8fafc}.orders-page-btn.arrow-btn{font-weight:700}.orders-empty-state{text-align:center;color:#94a3b8;padding:32px!important}.orders-modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0}.orders-modal-content{background:#fff;border-radius:12px;width:90%;max-width:450px;padding:24px;transition:transform .2s;transform:scale(1);box-shadow:0 20px 25px -5px #00000026}.orders-modal-content.add-order-modal{max-width:680px;max-height:90vh;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.orders-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.add-modal-title{color:#1e293b;margin:0;font-size:18px;font-weight:700}.orders-modal-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:22px;line-height:1}.orders-modal-close:hover{color:#0f172a}.add-order-form{flex-direction:column;gap:16px;display:flex}.form-section-title{color:#334155;margin-top:4px;font-size:14px;font-weight:700}.form-grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group.relative{position:relative}.form-group label{color:#475569;font-size:12px;font-weight:600}.form-input{color:#1e293b;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:8px 10px;font-size:13px}.form-input:focus{border-color:#10b981}.add-order-items-grid{grid-template-columns:1fr 1.3fr;align-items:flex-start;gap:16px;display:grid}.product-search-input-wrap{position:relative}.product-search-input{border-color:#86efac;padding-right:28px}.dropdown-arrow{color:#64748b;pointer-events:none;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.product-search-dropdown{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:220px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.product-search-item{cursor:pointer;border-bottom:1px solid #f8fafc;align-items:center;gap:8px;padding:8px;display:flex}.product-search-item:hover{background-color:#f1f5f9}.product-item-img{object-fit:cover;border-radius:6px;width:32px;height:32px}.product-item-info{flex-direction:column;flex:1;display:flex}.product-name{color:#1e293b;font-size:12px;font-weight:600}.product-meta{color:#64748b;font-size:11px}.product-price{color:#0f172a;font-size:12px;font-weight:700}.selected-items-panel{flex-direction:column;gap:8px;display:flex}.selected-items-header{color:#475569;border-bottom:1px solid #f1f5f9;justify-content:space-between;padding-bottom:4px;font-size:12px;font-weight:600;display:flex}.selected-items-list{flex-direction:column;gap:10px;display:flex}.selected-item-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.selected-item-name{flex-direction:column;flex:1;display:flex}.selected-item-name small{color:#64748b;font-size:11px}.qty-counter{border:1px solid #cbd5e1;border-radius:6px;align-items:center;margin:0 12px;display:flex;overflow:hidden}.qty-counter button{cursor:pointer;color:#475569;background:#fff;border:none;padding:3px 8px;font-size:14px}.qty-counter button:hover{background-color:#f1f5f9}.qty-counter span{padding:2px 8px;font-size:12px;font-weight:600}.selected-item-price{color:#0f172a;text-align:right;min-width:60px;font-weight:600}.add-product-btn-wrap{justify-content:flex-end;margin-top:4px;display:flex}.btn-add-product{color:#fff;cursor:pointer;background-color:#15803d;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600}.btn-add-product:hover{background-color:#166534}.pricing-grid{background-color:#f8fafc;border-radius:8px;grid-template-columns:repeat(4,1fr);align-items:flex-end;gap:12px;padding:12px;display:grid}.read-only-box{color:#475569;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:8px 10px;font-size:13px;font-weight:600}.total-amount-display{color:#0f172a;padding:5px 0;font-size:18px;font-weight:700}.modal-actions-footer{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 18px;font-size:13px;font-weight:600}.btn-cancel:hover{background-color:#f8fafc}.btn-place-order{color:#fff;cursor:pointer;background-color:#15803d;border:none;border-radius:6px;padding:8px 18px;font-size:13px;font-weight:600}.btn-place-order:hover{background-color:#166534}.orders-modal-subtitle{margin-top:16px;margin-bottom:10px;font-size:14px}.orders-modal-items-list{flex-direction:column;gap:10px;display:flex}.orders-modal-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;display:flex}.orders-modal-img{object-fit:cover;border-radius:6px;width:40px;height:40px}@media (width<=640px){.form-grid-3,.pricing-grid,.add-order-items-grid{grid-template-columns:1fr}}.orders-modal-address{color:#4b6b66;background:#f8fbfa;border:1px solid #e4ecea;border-radius:10px;margin:6px 0 16px;padding:12px 14px;font-size:.85rem;line-height:1.5}.orders-modal-address strong{color:#0f2e2a}.orders-modal-item{align-items:center;gap:12px;display:flex}.orders-modal-item-name{color:#0f2e2a;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:600;overflow:hidden}.orders-loading,.orders-error{text-align:center;color:#4b6b66;padding:60px 24px;font-size:.95rem}.orders-error button{color:#fff;cursor:pointer;background:#0f2e2a;border:none;border-radius:10px;margin-top:16px;padding:10px 20px;font-weight:700;transition:background .15s}.orders-error button:hover{background:#1b4c45}.orders-modal-item-info{flex-direction:column;gap:2px;min-width:0;display:flex}.orders-modal-item-name{color:#0f2e2a;font-size:.88rem;font-weight:600}.orders-modal-item-qty{color:#7d948f;font-size:.72rem}.badge-pending{color:#b45309;background:#fef3c7}.badge-confirmed{color:#6d28d9;background:#ede9fe}.badge-processing{color:#c2410c;background:#ffedd5}.badge-shipped{color:#1d4ed8;background:#dbeafe}.badge-out_for_delivery{color:#0e7490;background:#cffafe}.badge-delivered{color:#15803d;background:#dcfce7}.badge-cancelled{color:#b91c1c;background:#fee2e2}.badge-refunded{color:#7e22ce;background:#f3e8ff}.oh-container{color:#334155;background-color:#f8fafc;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.oh-cards-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.oh-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .25s ease-in-out;display:flex}.oh-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #00000014}.oh-card.active-card{border-color:#10b981;box-shadow:0 0 0 2px #10b98126}.oh-card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.icon-emerald{color:#059669;background-color:#e6f7f0}.oh-card-info{flex-direction:column;display:flex}.oh-card-title{color:#64748b;margin:0;font-size:13px;font-weight:500}.oh-card-value{color:#0f172a;margin:4px 0;font-size:22px;font-weight:700}.oh-card-link{font-size:12px;font-weight:500}.text-green{color:#16a34a}.text-emerald{color:#059669}.text-orange{color:#ea580c}.text-purple{color:#9333ea}.oh-table-wrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000d}.oh-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.oh-title-group{flex-direction:column;display:flex}.oh-title{color:#0f172a;margin:0;font-size:20px;font-weight:700}.oh-subtitle{color:#64748b;margin:4px 0 0;font-size:13px}.oh-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.oh-search-box{position:relative}.oh-search-box input{border:1px solid #cbd5e1;border-radius:8px;outline:none;width:210px;padding:8px 36px 8px 12px;font-size:13px;transition:border-color .2s}.oh-search-box input:focus{border-color:#10b981}.oh-search-icon{color:#94a3b8;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.oh-filter-wrapper{position:relative}.oh-filter-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:flex}.oh-filter-btn:hover{background-color:#f8fafc}.oh-filter-menu{z-index:20;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;min-width:140px;margin-top:6px;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.oh-filter-item{text-align:left;color:#334155;cursor:pointer;background:0 0;border:none;padding:10px 14px;font-size:13px}.oh-filter-item:hover{background-color:#f1f5f9}.oh-filter-item.active{color:#10b981;background-color:#f0fdf4;font-weight:600}.oh-datepicker-wrapper{position:relative}.oh-datepicker-box{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:all .2s;display:flex}.oh-datepicker-box:hover,.oh-datepicker-box.active-date{color:#0f172a;background-color:#f0fdf4;border-color:#10b981}.oh-datepicker-modal{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:12px;width:280px;margin-top:8px;padding:16px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 25px -5px #0000001f}.oh-datepicker-header{justify-content:space-between;align-items:center;display:flex}.oh-datepicker-header h4{color:#0f172a;margin:0;font-size:13px;font-weight:600}.oh-date-clear-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:500}.oh-datepicker-inputs{flex-direction:column;gap:8px;display:flex}.oh-date-field{flex-direction:column;gap:4px;display:flex}.oh-date-field label{color:#64748b;font-size:11px;font-weight:500}.oh-date-field input{border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:6px 10px;font-size:12px}.oh-date-field input:focus{border-color:#10b981}.oh-datepicker-presets{border-top:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:6px;padding-top:10px;display:flex}.oh-datepicker-presets span{color:#94a3b8;width:100%;font-size:11px}.oh-datepicker-presets button{color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:4px;padding:4px 8px;font-size:11px;transition:background-color .15s}.oh-datepicker-presets button:hover{background:#e2e8f0}.oh-table-container{overflow-x:auto}.oh-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.oh-table th{color:#64748b;background-color:#fafafa;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:13px;font-weight:600}.oh-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px}.oh-id{color:#16a34a;font-weight:600}.oh-items-cell{align-items:center;gap:12px;display:flex}.oh-thumbs{gap:6px;display:flex}.oh-thumb-wrapper{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;width:40px;height:40px;overflow:hidden}.oh-thumb-wrapper img{object-fit:cover;width:100%;height:100%}.oh-item-names{color:#1e293b;margin:0;font-size:13px;font-weight:500}.oh-item-count,.oh-subtext{color:#94a3b8;font-size:12px}.oh-amount{color:#0f172a;font-weight:600}.oh-status-badge{text-align:center;border-radius:12px;flex-direction:column;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-delivered{color:#15803d;background-color:#dcfce7}.badge-processing{color:#c2410c;background-color:#ffedd5}.badge-cancelled{color:#b91c1c;background-color:#fee2e2}.oh-status-subtext{margin-top:1px;font-size:10px;font-weight:400}.oh-actions-cell{justify-content:center;align-items:center;gap:8px;display:flex}.oh-view-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.oh-view-btn:hover{color:#0f172a;background-color:#f8fafc;border-color:#cbd5e1}.oh-download-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;padding:6px 8px;transition:all .2s;display:inline-flex}.oh-download-btn:hover{color:#0f172a;background-color:#f8fafc;border-color:#cbd5e1}.oh-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.oh-footer-text{color:#64748b;font-size:13px}.oh-pagination{align-items:center;gap:6px;display:flex}.oh-page-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 6px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.oh-page-btn:hover:not(:disabled){background-color:#f1f5f9;border-color:#94a3b8}.oh-page-btn.active{color:#fff;background-color:#10b981;border-color:#10b981;font-weight:600}.oh-page-btn:disabled{opacity:.4;cursor:not-allowed;background-color:#f8fafc}.oh-empty-state{text-align:center;color:#94a3b8;padding:32px!important}.oh-modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.oh-modal-content{background:#fff;border-radius:12px;width:90%;max-width:450px;padding:24px;box-shadow:0 20px 25px -5px #0000001a}.oh-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.oh-modal-header h3{margin:0;font-size:18px}.oh-modal-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:20px}.oh-modal-close:hover{color:#0f172a}.oh-modal-subtitle{margin-top:16px;margin-bottom:10px;font-size:14px}.oh-modal-items-list{flex-direction:column;gap:10px;display:flex}.oh-modal-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;display:flex}.oh-modal-img{object-fit:cover;border-radius:6px;width:40px;height:40px}@media (width<=768px){.oh-header{flex-direction:column}.oh-controls{justify-content:space-between;width:100%}.oh-search-box input{width:100%}.oh-datepicker-modal{left:0;right:auto}}.oh-loading,.oh-error{text-align:center;color:#4b6b66;padding:60px 24px;font-size:.95rem}.oh-error button{color:#fff;cursor:pointer;background:#0f2e2a;border:none;border-radius:10px;margin-top:16px;padding:10px 20px;font-weight:700;transition:background .15s}.oh-error button:hover{background:#1b4c45}.oh-modal-item-info{flex-direction:column;gap:2px;min-width:0;display:flex}.oh-modal-item-name{color:#0f2e2a;font-size:.88rem;font-weight:600}.oh-modal-item-qty{color:#7d948f;font-size:.72rem}.oh-modal-receipt-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f2e2a,#1b4c45);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:20px;padding:12px 20px;font-family:inherit;font-size:.85rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.oh-modal-receipt-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0f2e2a40}.oh-modal-receipt-btn:active{transform:translateY(0)scale(.98)}.th-container{color:#334155;box-sizing:border-box;background-color:#f8fafc;min-height:100vh;padding:30px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.th-cards-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}.th-card{cursor:pointer;background:#fff;border:1px solid #edf2f7;border-radius:12px;align-items:center;gap:16px;padding:24px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s;display:flex;box-shadow:0 1px 3px #00000005}.th-card:hover{border-color:#cbd5e1;transform:translateY(-5px);box-shadow:0 12px 24px -6px #00000014}.th-card-icon-wrapper{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .2s;display:flex}.th-card:hover .th-card-icon-wrapper{transform:scale(1.08)}.icon-green-solid{color:#10b981;background-color:#e6f7ef}.icon-blue-soft{color:#2563eb;background-color:#eff6ff}.th-card-body{flex-direction:column;display:flex}.th-card-label{color:#64748b;margin-bottom:4px;font-size:13px;font-weight:500}.th-card-value{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:24px;font-weight:700}.th-card-subtext{color:#94a3b8;margin-top:4px;font-size:12px;font-weight:400}.th-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 1px 3px #00000008}.th-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.th-title{color:#0f172a;margin:0;font-size:18px;font-weight:700}.th-controls{align-items:center;gap:12px;display:flex}.th-search-box{align-items:center;display:flex;position:relative}.th-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.th-search-box input{color:#1e293b;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:240px;padding:9px 12px 9px 36px;font-size:13px;transition:border-color .2s,box-shadow .2s}.th-search-box input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b9811a}.th-search-box input::placeholder{color:#94a3b8}.th-filter-wrapper{position:relative}.th-filter-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.th-filter-btn:hover,.th-filter-btn.active{color:#0f172a;background-color:#f8fafc;border-color:#cbd5e1}.th-filter-menu{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:170px;padding:4px 0;animation:.15s ease-out fadeIn;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 10px 15px -3px #00000014}.th-filter-item{text-align:left;color:#334155;cursor:pointer;background:0 0;border:none;width:100%;padding:8px 14px;font-size:13px;transition:background .15s}.th-filter-item:hover{background-color:#f1f5f9}.th-filter-item.selected{color:#059669;background-color:#ecfdf5;font-weight:600}.th-table-container{overflow-x:auto}.th-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.th-table th{color:#64748b;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-weight:600}.th-table td{vertical-align:middle;color:#1e293b;border-bottom:1px solid #f8fafc;padding:16px}.th-table tbody tr{transition:background-color .15s}.th-table tbody tr:hover{background-color:#fafbfd}.th-cell-datetime{flex-direction:column;display:flex}.th-date{color:#1e293b;font-weight:600}.th-time{color:#94a3b8;margin-top:2px;font-size:11px}.th-tx-id{color:#334155;font-weight:500}.th-type-cell{align-items:center;gap:8px;display:flex}.th-type-badge-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.type-debit,.type-credit{color:#16a34a;background-color:#dcfce7}.type-topup{color:#ea580c;background-color:#ffedd5}.th-type-text{color:#334155;white-space:nowrap;font-weight:500}.th-desc-cell{flex-direction:column;display:flex}.th-desc-title{color:#1e293b;font-weight:600}.th-desc-sub{color:#94a3b8;margin-top:2px;font-size:11px}.th-amount{white-space:nowrap;font-weight:600}.amount-debit{color:#ef4444}.amount-credit{color:#16a34a}.th-status-pill{border-radius:12px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.th-status-dot{border-radius:50%;width:6px;height:6px}.status-success{color:#059669;background-color:#ecfdf5}.status-success .th-status-dot{background-color:#10b981}.status-failed{color:#dc2626;background-color:#fef2f2}.status-failed .th-status-dot{background-color:#ef4444}.th-method-cell{color:#334155;white-space:nowrap;align-items:center;gap:8px;font-weight:500;display:flex}.th-pay-icon{justify-content:center;align-items:center;display:inline-flex}.th-empty-row{text-align:center;color:#94a3b8;padding:36px 16px!important}.th-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.th-footer-count{color:#64748b;font-size:13px}.th-pagination{align-items:center;gap:6px;display:flex}.th-page-nav,.th-page-number{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 6px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.th-page-nav:hover:not(:disabled),.th-page-number:hover:not(.active){background-color:#f1f5f9;border-color:#cbd5e1}.th-page-number.active{color:#fff;background-color:#15803d;border-color:#15803d;font-weight:600}.th-page-nav:disabled{opacity:.4;cursor:not-allowed;background-color:#f8fafc}@media (width<=1024px){.th-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.th-container{padding:16px}.th-cards-grid{grid-template-columns:1fr}.th-header{flex-direction:column;align-items:stretch}.th-controls{flex-direction:column;width:100%}.th-search-box,.th-search-box input{width:100%}.th-filter-btn{justify-content:center;width:100%}.th-footer{flex-direction:column;align-items:center}}.th-loading,.th-error{text-align:center;color:#4b6b66;padding:60px 24px;font-size:.95rem}.th-error button{color:#fff;cursor:pointer;background:#0f2e2a;border:none;border-radius:10px;margin-top:16px;padding:10px 20px;font-weight:700;transition:background .15s}.th-error button:hover{background:#1b4c45}.re-container{color:#334155;box-sizing:border-box;background-color:#f8fafc;min-height:100vh;padding:30px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.re-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex;position:relative}.re-title{color:#1e293b;margin:0;font-size:26px;font-weight:700}.re-subtitle{color:#64748b;margin:6px 0 0;font-size:14px}.re-header-illustration{align-items:center;display:flex}.re-cards-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}.re-card{cursor:pointer;background:#fff;border:1px solid #edf2f7;border-radius:12px;align-items:center;gap:16px;padding:22px 20px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s;display:flex;box-shadow:0 1px 3px #00000005}.re-card:hover{border-color:#cbd5e1;transform:translateY(-5px);box-shadow:0 12px 24px -6px #00000014}.re-card-icon-wrap{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .2s;display:flex}.re-card:hover .re-card-icon-wrap{transform:scale(1.08)}.icon-green{color:#10b981;background-color:#eafaf1}.icon-blue{color:#3b82f6;background-color:#eff6ff}.icon-orange{color:#f97316;background-color:#fff7ed}.icon-purple{color:#8b5cf6;background-color:#f5f3ff}.re-card-info{flex-direction:column;display:flex}.re-card-label{color:#64748b;font-size:13px;font-weight:500}.re-card-value{color:#0f172a;letter-spacing:-.5px;margin:4px 0;font-size:24px;font-weight:700}.re-card-sub{color:#94a3b8;font-size:12px}.re-share-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:24px;display:flex;box-shadow:0 1px 3px #00000005}.re-share-left{flex:1}.re-share-title{color:#0f172a;margin:0;font-size:16px;font-weight:700}.re-share-desc{color:#64748b;margin:4px 0 16px;font-size:13px}.re-link-wrapper{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.re-link-input-group{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1;align-items:center;min-width:280px;max-width:440px;padding:5px 6px 5px 12px;display:flex}.re-link-input{color:#15803d;background:0 0;border:none;outline:none;width:100%;margin:0 8px;font-size:13px;font-weight:600}.re-copy-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#15803d;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:background-color .2s;display:inline-flex}.re-copy-btn:hover{background-color:#166534}.re-copy-btn.copied{background-color:#0f172a}.re-share-divider{color:#94a3b8;font-size:13px;font-weight:500}.re-social-group{align-items:center;gap:12px;display:flex}.re-social-label{color:#64748b;font-size:13px;font-weight:500}.re-social-icons{align-items:center;gap:8px;display:flex}.re-social-btn{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .2s,opacity .2s;display:flex}.re-social-btn:hover{opacity:.9;transform:translateY(-2px)}.re-social-btn.whatsapp{background-color:#22c55e}.re-social-btn.facebook{background-color:#1877f2}.re-social-btn.instagram{background-color:#e1306c}.re-social-btn.share{color:#16a34a;background-color:#f1f5f9;border:1px solid #e2e8f0}.re-reward-badge-card{background-color:#f0fdf4;border:1px solid #dcfce7;border-radius:12px;align-items:center;gap:16px;min-width:280px;padding:14px 20px;display:flex}.re-reward-title{color:#1e293b;margin:0;font-size:15px;font-weight:700}.re-reward-text{color:#64748b;max-width:170px;margin:3px 0 0;font-size:12px}.re-content-layout{grid-template-columns:320px 1fr;align-items:flex-start;gap:24px;display:grid}.re-how-it-works-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 1px 3px #00000005}.re-section-title{color:#0f172a;margin:0 0 24px;font-size:16px;font-weight:700}.re-steps-timeline{flex-direction:column;display:flex}.re-step-item{gap:14px;display:flex}.re-step-node{flex-direction:column;align-items:center;display:flex}.re-step-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.icon-green-soft{color:#16a34a;background-color:#dcfce7}.icon-orange-soft{color:#ea580c;background-color:#ffedd5}.icon-purple-soft{color:#9333ea;background-color:#f3e8ff}.re-step-line{background-color:#f1f5f9;width:2px;height:48px;margin:4px 0}.re-step-details{padding-bottom:24px}.re-step-title{color:#1e293b;margin:0 0 4px;font-size:14px;font-weight:700}.re-step-desc{color:#64748b;margin:0;font-size:12px;line-height:1.4}.re-right-column{flex-direction:column;gap:20px;display:flex}.re-promo-banner{background:#fffbeb;border:1px solid #fef3c7;border-radius:12px;align-items:center;gap:24px;padding:20px 24px;display:flex}.re-promo-trophy{flex-shrink:0}.re-promo-title{color:#0f172a;margin:0;font-size:16px;font-weight:700}.re-promo-desc{color:#64748b;margin:4px 0 12px;font-size:13px}.re-promo-cta{color:#fff;cursor:pointer;background-color:#15803d;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:background-color .2s;display:inline-flex}.re-promo-cta:hover{background-color:#166534}.re-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 1px 3px #00000005}.re-table-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.re-table-title{color:#0f172a;margin:0;font-size:16px;font-weight:700}.re-view-all-btn{color:#16a34a;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.re-view-all-btn:hover{text-decoration:underline}.re-table-container{overflow-x:auto}.re-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.re-table th{color:#64748b;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:12px 14px;font-weight:600}.re-table td{vertical-align:middle;border-bottom:1px solid #f8fafc;padding:14px}.re-user-cell{align-items:center;gap:10px;display:flex}.re-user-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.re-user-name{color:#1e293b;white-space:nowrap;font-weight:600}.re-cell-phone{color:#475569}.re-cell-date{color:#64748b}.re-status-badge{text-align:center;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.re-status-badge.completed{color:#059669;background-color:#ecfdf5}.re-status-badge.pending{color:#ea580c;background-color:#fff7ed}.re-earned-amount{font-weight:600}.re-earned-amount.earned-active{color:#16a34a}.re-earned-amount.earned-zero{color:#ea580c}.text-right{text-align:right}.re-pagination-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.re-footer-text{color:#64748b;font-size:13px}.re-pagination-controls{align-items:center;gap:6px;display:flex}.re-page-arrow,.re-page-num{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 6px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.re-page-arrow:hover:not(:disabled),.re-page-num:hover:not(.active){background-color:#f1f5f9;border-color:#cbd5e1}.re-page-num.active{color:#fff;background-color:#15803d;border-color:#15803d;font-weight:600}.re-page-arrow:disabled{opacity:.4;cursor:not-allowed;background-color:#f8fafc}@media (width<=1100px){.re-cards-grid{grid-template-columns:repeat(2,1fr)}.re-content-layout{grid-template-columns:1fr}}@media (width<=768px){.re-container{padding:16px}.re-cards-grid{grid-template-columns:1fr}.re-share-box{flex-direction:column;align-items:stretch}.re-reward-badge-card{min-width:unset}.re-promo-banner{text-align:center;flex-direction:column}.re-promo-cta{margin:0 auto}.re-pagination-footer{flex-direction:column;align-items:center}}.re-code-display{background:linear-gradient(135deg,#0f2e2a,#1b4c45);border:1px solid #ffc22047;border-radius:14px;flex-direction:column;gap:8px;margin:14px 0 20px;padding:16px 20px;display:flex;box-shadow:0 12px 30px #0f2e2a40}.re-code-label{letter-spacing:.1em;text-transform:uppercase;color:#ffc220;font-size:.72rem;font-weight:800}.re-code-value-wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.re-code-value{letter-spacing:.15em;color:#fff;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:JetBrains Mono,Courier New,monospace;font-size:1.5rem;font-weight:900;overflow:hidden}.re-code-copy-btn{color:#102a27;cursor:pointer;background:#ffc220;border:none;border-radius:999px;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:.82rem;font-weight:800;transition:background-color .18s,transform .18s,box-shadow .18s;display:inline-flex}.re-code-copy-btn:hover:not(:disabled){background:#ffd04a;transform:translateY(-1px);box-shadow:0 6px 16px #ffc22052}.re-code-copy-btn:active{transform:translateY(0)scale(.97)}.re-code-copy-btn:disabled{opacity:.6;cursor:not-allowed}.re-code-copy-btn.copied{color:#fff;background:#16a34a}@media (width<=575px){.re-code-value{letter-spacing:.1em;font-size:1.15rem}.re-code-copy-btn{justify-content:center;width:100%}.re-code-value-wrap{flex-direction:column;align-items:stretch}}:root{--primary-green:#0a5d36;--primary-green-hover:#074628;--light-green:#eaf5ef;--bg-main:#f8faf9;--border-color:#f0f0f0;--text-dark:#1d2939;--text-muted:#667085;--orange-accent:#f79009;--orange-light:#fef0c7;--blue-accent:#1570ef;--blue-light:#eff8ff;--purple-accent:#7a5af8;--purple-light:#f4f3ff;--pink-accent:#f04438;--pink-light:#fef3f2}.WalletPoints-container{background-color:var(--bg-main);width:100%;color:var(--text-dark);margin:0 auto;padding:24px}.WalletPoints-card{background:#fff;border:1px solid #eaecf0;border-radius:12px;padding:20px;box-shadow:0 1px 2px #1018280d}.green-text{color:var(--primary-green)!important}.orange-text{color:var(--orange-accent)!important}.blue-text{color:var(--blue-accent)!important}.purple-text{color:var(--purple-accent)!important}.pink-text{color:var(--pink-accent)!important}.green-bg{background-color:var(--light-green)}.orange-bg{background-color:var(--orange-light)}.green-bg-light{background-color:#ecfdf3}.blue-bg-light{background-color:var(--blue-light)}.purple-bg-light{background-color:var(--purple-light)}.orange-bg-light{background-color:#fff8f0}.pink-bg-light{background-color:var(--pink-light)}.WalletPoints-top-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.WalletPoints-card-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.WalletPoints-icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex}.WalletPoints-card-label{color:var(--text-muted);font-size:14px;font-weight:500}.WalletPoints-balance-amount,.WalletPoints-points-amount{color:#101828;margin-top:2px;font-size:28px;font-weight:700}.WalletPoints-pts-unit{color:var(--orange-accent);font-size:16px;font-weight:500}.WalletPoints-card-footer{justify-content:space-between;align-items:center;display:flex}.WalletPoints-badge{border-radius:16px;padding:4px 12px;font-size:12px;font-weight:500}.green-badge{color:var(--primary-green);background-color:#ecfdf3}.orange-badge{background-color:var(--orange-light);color:var(--orange-accent)}.WalletPoints-btn-primary,.WalletPoints-btn-secondary{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.WalletPoints-btn-primary{background-color:var(--primary-green);color:#fff}.WalletPoints-btn-primary:hover{background-color:var(--primary-green-hover)}.WalletPoints-btn-secondary{color:#b54708;background-color:#fef0c7;border:1px solid #fedf89}.WalletPoints-btn-secondary:hover{background-color:#fde68a}.WalletPoints-actions-bar{background:#fff;border:1px solid #eaecf0;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;padding:16px 20px;display:grid}.WalletPoints-action-item{cursor:pointer;border-radius:8px;align-items:center;gap:14px;padding:8px;transition:background .2s;display:flex}.WalletPoints-action-item:hover{background-color:#f9fafb}.WalletPoints-action-icon{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.WalletPoints-action-text h4{color:#101828;font-size:14px;font-weight:600}.WalletPoints-action-text p{color:var(--text-muted);margin-top:2px;font-size:12px}.WalletPoints-main-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.WalletPoints-right-column{flex-direction:column;gap:20px;display:flex}.WalletPoints-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.WalletPoints-header-left{align-items:center;gap:8px;display:flex}.WalletPoints-header-left h3{color:#101828;font-size:16px;font-weight:600}.WalletPoints-section-icon{font-size:16px}.WalletPoints-link-btn{color:var(--primary-green);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.WalletPoints-link-btn:hover{text-decoration:underline}.WalletPoints-list{flex-direction:column;gap:14px;display:flex}.WalletPoints-list-item{border-bottom:1px solid #f2f4f7;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.WalletPoints-list-item:last-child{border-bottom:none}.WalletPoints-item-left{align-items:center;gap:12px;display:flex}.WalletPoints-item-icon{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.WalletPoints-item-details h4{color:#344054;font-size:14px;font-weight:600}.WalletPoints-subtext{color:var(--text-muted);margin-top:2px;font-size:12px}.WalletPoints-date{color:#98a2b3;margin-top:2px;font-size:11px;display:block}.WalletPoints-item-right{text-align:right}.WalletPoints-amount{font-size:14px;font-weight:700;display:block}.WalletPoints-amount.credit{color:#12b76a}.WalletPoints-amount.debit{color:#f04438}.WalletPoints-status{color:#98a2b3;font-size:11px}.WalletPoints-center-btn{justify-content:center;margin-top:16px;padding-top:12px;display:flex}.WalletPoints-summary-content{justify-content:space-between;align-items:center;display:flex}.WalletPoints-summary-rows{flex-direction:column;flex-grow:1;gap:12px;display:flex}.WalletPoints-summary-row{max-width:250px;color:var(--text-muted);justify-content:space-between;font-size:13px;display:flex}.WalletPoints-summary-row strong{color:#101828}.WalletPoints-trophy-illustration{padding-right:20px;font-size:64px}.WalletPoints-promo-banner{background-color:var(--light-green);border:1px solid #d0d5dd;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.WalletPoints-promo-left{align-items:center;gap:16px;display:flex}.WalletPoints-promo-icon{font-size:32px}.WalletPoints-promo-text h3{color:var(--primary-green);font-size:15px;font-weight:700}.WalletPoints-promo-text p{color:#344054;margin-top:4px;font-size:12px}.WalletPoints-btn-shop{background-color:var(--primary-green);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:background .2s}.WalletPoints-btn-shop:hover{background-color:var(--primary-green-hover)}@media (width<=1024px){.WalletPoints-actions-bar{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.WalletPoints-top-grid,.WalletPoints-main-grid,.WalletPoints-actions-bar{grid-template-columns:1fr}.WalletPoints-promo-banner{flex-direction:column;align-items:flex-start;gap:16px}.WalletPoints-btn-shop{width:100%}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#10182880;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.25s ease-out forwards fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:440px;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp;transform:translateY(20px);box-shadow:0 12px 32px #10182826}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h3{color:#101828;font-size:18px;font-weight:700}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:18px;transition:color .2s}.modal-close-btn:hover{color:var(--text-dark)}.input-label{color:#344054;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.modal-input,.modal-select{border:1px solid #d0d5dd;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:15px;transition:border-color .2s}.modal-input:focus,.modal-select:focus{border-color:var(--primary-green)}.quick-add-chips{gap:8px;margin-top:10px;display:flex}.quick-add-chips button{color:#344054;cursor:pointer;background:#f2f4f7;border:none;border-radius:16px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .2s}.quick-add-chips button:hover{background:var(--light-green);color:var(--primary-green)}.modal-footer{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.btn-cancel{color:#344054;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .2s}.btn-cancel:hover{background:#f9fafb}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.DeliveryAddresses-container{box-sizing:border-box;background:radial-gradient(circle at 100% 0,#22c55e12,#0000 30%),#f7f9fc;width:100%;min-height:100%;padding:28px}.DeliveryAddresses-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.DeliveryAddresses-header-title{align-items:center;gap:15px;display:flex}.DeliveryAddresses-main-icon{color:#16a34a;box-sizing:border-box;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:15px;width:48px;height:48px;padding:12px}.DeliveryAddresses-header-title h2{color:#172033;letter-spacing:-.4px;margin:0;font-size:25px;font-weight:800}.DeliveryAddresses-header-title p{color:#7a8496;margin:5px 0 0;font-size:14px}.DeliveryAddresses-add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16a34a,#15803d);border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:13px 20px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 22px #16a34a38}.DeliveryAddresses-add-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #16a34a4d}.DeliveryAddresses-add-btn:active{transform:translateY(0)}.DeliveryAddresses-list{flex-direction:column;gap:16px;display:flex}.DeliveryAddresses-card{cursor:pointer;background:#fff;border:1px solid #e7ebf1;border-radius:18px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 4px 18px #0f172a0a}.DeliveryAddresses-card:hover{border-color:#bbf7d0;transform:translateY(-2px);box-shadow:0 12px 30px #0f172a14}.DeliveryAddresses-card.selected{border-color:#4ade80;box-shadow:0 10px 28px #16a34a1c}.DeliveryAddresses-top-pill{color:#166534;background:#dcfce7;border-radius:0 0 0 12px;align-items:center;gap:6px;padding:7px 14px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;top:0;right:0}.DeliveryAddresses-card-body{grid-template-columns:24px 58px minmax(180px,.8fr) minmax(260px,1.5fr) auto;align-items:center;gap:18px;padding:25px;display:grid}.DeliveryAddresses-radio-wrapper{justify-content:center;display:flex}.DeliveryAddresses-radio{border:2px solid #cbd5e1;border-radius:50%;width:18px;height:18px;transition:all .2s;display:block;position:relative}.DeliveryAddresses-radio.checked{border-color:#16a34a}.DeliveryAddresses-radio.checked:after{content:"";background:#16a34a;border-radius:50%;width:8px;height:8px;position:absolute;top:3px;left:3px}.DeliveryAddresses-icon-box{border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.DeliveryAddresses-icon-box.home{background:#ecfdf5}.DeliveryAddresses-icon-box.work{background:#eff6ff}.DeliveryAddresses-icon-box.parents{background:#fff7ed}.DeliveryAddresses-icon-box.friend{background:#fdf2f8}.DeliveryAddresses-icon-box.other{background:#f0fdf4}.DeliveryAddresses-type-icon{width:22px;height:22px}.DeliveryAddresses-type-icon.green{color:#16a34a}.DeliveryAddresses-type-icon.blue{color:#2563eb}.DeliveryAddresses-type-icon.orange{color:#ea580c}.DeliveryAddresses-type-icon.pink{color:#db2777}.DeliveryAddresses-info{min-width:0}.DeliveryAddresses-type-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.DeliveryAddresses-type-title{color:#172033;margin:0;font-size:16px;font-weight:800}.DeliveryAddresses-badge-default{color:#15803d;background:#f0fdf4;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:800}.DeliveryAddresses-person-name{color:#39445a;margin:8px 0 3px;font-size:14px;font-weight:700}.DeliveryAddresses-person-phone{color:#7b8495;margin:0;font-size:13px}.DeliveryAddresses-deliver-here-btn{color:#15803d;cursor:pointer;background:#f0fdf4;border:0;border-radius:8px;align-items:center;gap:7px;margin-top:10px;padding:7px 11px;font-size:11px;font-weight:800;display:inline-flex}.DeliveryAddresses-deliver-here-btn:hover{background:#dcfce7}.DeliveryAddresses-details{min-width:0}.DeliveryAddresses-address-line-wrapper{align-items:flex-start;gap:10px;display:flex}.DeliveryAddresses-pin-icon{color:#ef4444;flex-shrink:0;margin-top:3px;font-size:15px}.DeliveryAddresses-address-text{min-width:0}.DeliveryAddresses-address-text p{color:#4b5563;overflow-wrap:anywhere;margin:0 0 4px;font-size:13px;line-height:1.5}.DeliveryAddresses-address-text p:first-child{color:#253047;font-weight:600}.DeliveryAddresses-landmark{color:#8a94a6!important;font-size:12px!important}.DeliveryAddresses-location-coordinates{color:#16a34a;align-items:center;gap:5px;margin-top:7px;font-size:11px;font-weight:700;display:inline-flex}.DeliveryAddresses-actions{flex-direction:column;gap:8px;display:flex}.DeliveryAddresses-action-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-width:85px;padding:9px 11px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.DeliveryAddresses-action-btn.edit{color:#2563eb;background:#eff6ff}.DeliveryAddresses-action-btn.edit:hover{background:#dbeafe}.DeliveryAddresses-action-btn.delete{color:#dc2626;background:#fef2f2}.DeliveryAddresses-action-btn.delete:hover{background:#fee2e2}.DeliveryAddresses-action-btn:disabled{opacity:.6;cursor:not-allowed}.DeliveryAddresses-empty{text-align:center;background:#fff;border:1px dashed #d6dde8;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:70px 25px;display:flex}.DeliveryAddresses-empty-icon{color:#16a34a;background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:18px;font-size:28px;display:flex}.DeliveryAddresses-empty h3{color:#1f2937;margin:0 0 8px;font-size:18px}.DeliveryAddresses-empty p{color:#8a94a6;margin:0 0 20px;font-size:13px}.DeliveryAddresses-loading{background:#fff;border:1px solid #e8edf3;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:350px;display:flex}.DeliveryAddresses-loading-spinner{color:#16a34a;background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;margin-bottom:18px;font-size:23px;display:flex}.DeliveryAddresses-loading-spinner svg,.DeliveryAddresses-button-spinner{animation:.8s linear infinite DeliveryAddressesSpin}.DeliveryAddresses-loading h3{color:#1f2937;margin:0 0 6px}.DeliveryAddresses-loading p{color:#8993a5;margin:0;font-size:13px}@keyframes DeliveryAddressesSpin{to{transform:rotate(360deg)}}.DeliveryAddresses-banner{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1px solid #d1fae5;border-radius:18px;justify-content:space-between;align-items:center;gap:25px;margin-top:22px;padding:22px 25px;display:flex;overflow:hidden}.DeliveryAddresses-banner-left{align-items:center;gap:15px;display:flex}.DeliveryAddresses-shield-icon{color:#15803d;background:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 5px 15px #16a34a14}.DeliveryAddresses-banner-text h4{color:#14532d;margin:0 0 5px;font-size:14px}.DeliveryAddresses-banner-text p{color:#568066;max-width:650px;margin:0;font-size:12px;line-height:1.5}.DeliveryAddresses-banner-illustration{align-items:center;gap:12px;font-size:35px;display:flex}.DeliveryAddresses-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0f172a9e;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.DeliveryAddresses-modal{background:#fff;border-radius:22px;width:min(650px,100%);max-height:92vh;animation:.25s DeliveryAddressesModalIn;overflow-y:auto;box-shadow:0 30px 80px #0f172a40}@keyframes DeliveryAddressesModalIn{0%{opacity:0;transform:translateY(15px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.DeliveryAddresses-modal-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;gap:15px;padding:22px 25px;display:flex}.DeliveryAddresses-modal-header h3{color:#172033;margin:0;font-size:19px}.DeliveryAddresses-modal-header p{color:#8a94a6;margin:5px 0 0;font-size:12px}.DeliveryAddresses-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.DeliveryAddresses-close-btn:hover{color:#ef4444;background:#fef2f2}.DeliveryAddresses-form{grid-template-columns:1fr 1fr;gap:16px;padding:25px;display:grid}.DeliveryAddresses-form-group{flex-direction:column;gap:7px;display:flex}.DeliveryAddresses-form-group:first-child,.DeliveryAddresses-form-group-full{grid-column:1/-1}.DeliveryAddresses-form-group label{color:#374151;font-size:12px;font-weight:800}.DeliveryAddresses-form-group label span{color:#9ca3af;font-weight:500}.DeliveryAddresses-form-group input,.DeliveryAddresses-form-group select{box-sizing:border-box;color:#1f2937;background:#fff;border:1px solid #dce2ea;border-radius:10px;outline:none;width:100%;height:44px;padding:0 13px;font-size:13px;transition:all .2s}.DeliveryAddresses-form-group input:focus,.DeliveryAddresses-form-group select:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.DeliveryAddresses-location-box{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #bbf7d0;border-radius:13px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:15px;padding:15px;display:flex}.DeliveryAddresses-location-content{align-items:center;gap:12px;min-width:0;display:flex}.DeliveryAddresses-location-icon{color:#16a34a;background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.DeliveryAddresses-location-content h4{color:#166534;margin:0 0 3px;font-size:13px}.DeliveryAddresses-location-content p{color:#65816e;margin:0;font-size:11px}.DeliveryAddresses-location-btn{color:#fff;cursor:pointer;background:#16a34a;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-width:100px;height:38px;padding:0 13px;font-size:11px;font-weight:800;display:inline-flex}.DeliveryAddresses-location-btn:hover{background:#15803d}.DeliveryAddresses-location-btn:disabled{opacity:.65;cursor:not-allowed}.DeliveryAddresses-location-success{color:#15803d;background:#f0fdf4;border:1px solid #dcfce7;border-radius:10px;grid-column:1/-1;align-items:center;gap:10px;padding:12px 14px;display:flex}.DeliveryAddresses-location-success>svg{flex-shrink:0}.DeliveryAddresses-location-success div{flex-direction:column;gap:2px;display:flex}.DeliveryAddresses-location-success strong{font-size:12px}.DeliveryAddresses-location-success span{color:#6b8b73;font-size:10px}.DeliveryAddresses-checkbox-group{grid-column:1/-1}.DeliveryAddresses-checkbox-group label{color:#4b5563;cursor:pointer;align-items:center;gap:9px;font-size:12px;display:flex}.DeliveryAddresses-checkbox-group input{accent-color:#16a34a;cursor:pointer;width:17px;height:17px}.DeliveryAddresses-modal-footer{grid-column:1/-1;justify-content:flex-end;gap:10px;padding-top:8px;display:flex}.DeliveryAddresses-cancel-btn,.DeliveryAddresses-save-btn{cursor:pointer;border-radius:10px;min-height:43px;padding:0 17px;font-size:12px;font-weight:800;transition:all .2s}.DeliveryAddresses-cancel-btn{color:#64748b;background:#fff;border:1px solid #dce2ea}.DeliveryAddresses-cancel-btn:hover{background:#f8fafc}.DeliveryAddresses-save-btn{color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);border:0;justify-content:center;align-items:center;gap:8px;display:inline-flex;box-shadow:0 7px 18px #16a34a33}.DeliveryAddresses-save-btn:hover{transform:translateY(-1px)}.DeliveryAddresses-save-btn:disabled,.DeliveryAddresses-cancel-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=1100px){.DeliveryAddresses-card-body{grid-template-columns:24px 55px 1fr 1fr}.DeliveryAddresses-actions{flex-direction:row;grid-column:3/-1;justify-content:flex-end}}@media (width<=768px){.DeliveryAddresses-container{padding:18px}.DeliveryAddresses-header{flex-direction:column;align-items:flex-start}.DeliveryAddresses-add-btn{width:100%}.DeliveryAddresses-card-body{grid-template-columns:22px 52px 1fr;gap:14px;padding:20px}.DeliveryAddresses-info{grid-column:3}.DeliveryAddresses-details{grid-column:2/-1}.DeliveryAddresses-actions{grid-column:2/-1;justify-content:flex-start}.DeliveryAddresses-banner{align-items:flex-start}.DeliveryAddresses-banner-illustration{display:none}.DeliveryAddresses-form{grid-template-columns:1fr}.DeliveryAddresses-form-group:first-child,.DeliveryAddresses-form-group-full,.DeliveryAddresses-location-box,.DeliveryAddresses-location-success,.DeliveryAddresses-checkbox-group,.DeliveryAddresses-modal-footer{grid-column:auto}}@media (width<=520px){.DeliveryAddresses-container{padding:13px}.DeliveryAddresses-header-title{align-items:flex-start}.DeliveryAddresses-main-icon{width:42px;height:42px;padding:10px}.DeliveryAddresses-header-title h2{font-size:20px}.DeliveryAddresses-header-title p{font-size:12px}.DeliveryAddresses-card-body{grid-template-columns:20px 48px 1fr;gap:10px;padding:17px}.DeliveryAddresses-icon-box{width:48px;height:48px}.DeliveryAddresses-details{grid-column:2/-1}.DeliveryAddresses-actions{flex-direction:column;grid-column:2/-1}.DeliveryAddresses-action-btn{width:100%}.DeliveryAddresses-top-pill{padding:6px 9px;font-size:9px}.DeliveryAddresses-banner{padding:17px}.DeliveryAddresses-banner-text p{font-size:11px}.DeliveryAddresses-modal-overlay{align-items:flex-end;padding:0}.DeliveryAddresses-modal{border-radius:22px 22px 0 0;max-height:94vh}.DeliveryAddresses-modal-header,.DeliveryAddresses-form{padding:18px}.DeliveryAddresses-location-box{flex-direction:column;align-items:flex-start}.DeliveryAddresses-location-btn{width:100%}.DeliveryAddresses-modal-footer{flex-direction:column-reverse}.DeliveryAddresses-cancel-btn,.DeliveryAddresses-save-btn{width:100%}}:root{--mw-green-primary:#0a5d36;--mw-green-hover:#074628;--mw-green-light:#e6f4ed;--mw-border:#eaecf0;--mw-text-main:#101828;--mw-text-sub:#667085;--mw-red-text:#d92d20;--mw-bg-light:#f8faf9}*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.MyWishlist-container{background-color:#fff;width:100%;margin:0 auto;padding:24px}.MyWishlist-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.MyWishlist-header-left{align-items:center;gap:12px;display:flex}.MyWishlist-heart-icon{color:var(--mw-text-main);font-size:24px}.MyWishlist-title-group h2{color:var(--mw-text-main);font-size:22px;font-weight:700}.MyWishlist-title-group p{color:var(--mw-text-sub);margin-top:2px;font-size:13px}.MyWishlist-sort-wrapper{color:var(--mw-text-sub);align-items:center;gap:10px;font-size:13px;display:flex}.MyWishlist-select-box{align-items:center;display:flex;position:relative}.MyWishlist-select-box select{appearance:none;border:1px solid var(--mw-border);color:var(--mw-text-main);cursor:pointer;background-color:#fff;border-radius:8px;outline:none;padding:8px 32px 8px 12px;font-size:13px;font-weight:500}.MyWishlist-select-box select:focus{border-color:var(--mw-green-primary)}.MyWishlist-dropdown-icon{pointer-events:none;color:var(--mw-text-sub);font-size:10px;position:absolute;right:12px}.MyWishlist-toolbar{justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;display:flex}.MyWishlist-checkbox-label{cursor:pointer;align-items:center;gap:10px;display:flex}.MyWishlist-checkbox-label input[type=checkbox],.MyWishlist-item-checkbox{width:18px;height:18px;accent-color:var(--mw-green-primary);cursor:pointer;border-radius:4px}.MyWishlist-select-text{color:var(--mw-green-primary);font-size:14px;font-weight:600}.MyWishlist-action-btns{align-items:center;gap:12px;display:flex}.MyWishlist-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.MyWishlist-btn.move-cart{border-color:var(--mw-border);color:var(--mw-green-primary);background-color:#fff}.MyWishlist-btn.move-cart:hover{background-color:#f0fdf4}.MyWishlist-btn.share-wishlist{border-color:var(--mw-border);color:var(--mw-green-primary);background-color:#fff}.MyWishlist-btn.share-wishlist:hover{background-color:#f0fdf4}.MyWishlist-btn.clear-all{color:var(--mw-red-text);background-color:#fff;border-color:#fee4e2}.MyWishlist-btn.clear-all:hover{background-color:#fef3f2}.MyWishlist-list{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.MyWishlist-card{border:1px solid var(--mw-border);background-color:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;transition:border-color .2s,box-shadow .2s;display:flex}.MyWishlist-card:hover{box-shadow:0 2px 8px #0000000a}.MyWishlist-card.selected{border-color:var(--mw-green-primary);background-color:#fafdfc}.MyWishlist-card-left{align-items:center;gap:16px;display:flex}.MyWishlist-image-container{background-color:#fff;border:1px solid #f2f4f7;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;padding:6px;display:flex}.MyWishlist-item-img{object-fit:contain;max-width:100%;max-height:100%}.MyWishlist-item-info{flex-direction:column;gap:4px;display:flex}.MyWishlist-item-name{color:var(--mw-text-main);font-size:15px;font-weight:700}.MyWishlist-weight-badge{background-color:var(--mw-green-light);color:var(--mw-green-primary);border-radius:4px;width:fit-content;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.MyWishlist-item-desc{color:var(--mw-text-sub);font-size:12px}.MyWishlist-added-date{color:#98a2b3;font-size:11px}.MyWishlist-card-right{flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:relative}.MyWishlist-delete-btn{width:34px;height:34px;color:var(--mw-text-sub);cursor:pointer;background:0 0;border:1px solid #f2f4f7;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.MyWishlist-delete-btn:hover{color:var(--mw-red-text);background-color:#fef3f2;border-color:#fee4e2}.MyWishlist-price-group{text-align:right}.MyWishlist-price{color:var(--mw-green-primary);font-size:18px;font-weight:700;display:block}.MyWishlist-unit-price{color:var(--mw-text-sub);font-size:11px}.MyWishlist-add-cart-btn{background-color:var(--mw-green-light);color:var(--mw-green-primary);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 24px;font-size:13px;font-weight:600;transition:background-color .2s;display:flex}.MyWishlist-add-cart-btn:hover{background-color:#d1f4e2}.MyWishlist-empty{text-align:center;color:var(--mw-text-sub);padding:40px;font-size:15px}.MyWishlist-promo-banner{background-color:var(--mw-bg-light);border:1px solid var(--mw-border);border-radius:12px;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.MyWishlist-promo-content{align-items:center;gap:16px;display:flex}.MyWishlist-promo-icon-bg{background-color:#d1f4e2;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.MyWishlist-promo-icon{color:var(--mw-green-primary);font-size:20px}.MyWishlist-promo-text h3{color:var(--mw-text-main);font-size:15px;font-weight:700}.MyWishlist-promo-text p{color:var(--mw-text-sub);margin-top:2px;font-size:12px}.MyWishlist-shop-now-btn{background-color:var(--mw-green-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:background-color .2s}.MyWishlist-shop-now-btn:hover{background-color:var(--mw-green-hover)}@media (width<=850px){.MyWishlist-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.MyWishlist-action-btns{justify-content:space-between;width:100%}.MyWishlist-card{flex-direction:column;align-items:flex-start;gap:16px}.MyWishlist-card-right{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.MyWishlist-delete-btn{order:3}.MyWishlist-price-group{text-align:left;order:1}.MyWishlist-add-cart-btn{order:2}}@media (width<=600px){.MyWishlist-header{flex-direction:column;align-items:flex-start;gap:16px}.MyWishlist-action-btns{flex-wrap:wrap}.MyWishlist-promo-banner{flex-direction:column;align-items:flex-start;gap:16px}.MyWishlist-shop-now-btn{width:100%}}.Profile{background:#f7f8fa;width:100%;min-height:100%;padding:30px}.Profile-container{max-width:1100px;margin:0 auto}.Profile-header{margin-bottom:25px}.Profile-header-content h1{color:#1f2937;margin:0;font-size:28px;font-weight:700}.Profile-header-content p{color:#6b7280;margin:7px 0 0;font-size:14px}.Profile-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #0000000f}.Profile-avatar-section{border-bottom:1px solid #eee;align-items:center;gap:20px;padding:30px;display:flex}.Profile-avatar{color:#fff;background:#22c55e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:90px;font-size:36px;font-weight:700;display:flex;overflow:hidden}.Profile-avatar img{object-fit:cover;width:100%;height:100%}.Profile-user-summary h2{color:#111827;margin:0 0 6px;font-size:22px}.Profile-user-summary p{color:#6b7280;margin:0 0 10px;font-size:14px}.Profile-role{color:#16a34a;text-transform:capitalize;background:#ecfdf5;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-block}.Profile-details{padding:30px}.Profile-section-title{margin-bottom:20px}.Profile-section-title h3{color:#1f2937;margin:0;font-size:18px;font-weight:600}.Profile-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.Profile-field{flex-direction:column;gap:7px;display:flex}.Profile-field-full{grid-column:1/-1}.Profile-field label{color:#6b7280;font-size:13px;font-weight:500}.Profile-value{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;min-height:44px;padding:0 14px;font-size:14px;display:flex}.Profile-address-title,.Profile-account-title{margin-top:35px}.Profile-status{border-radius:20px;align-items:center;width:fit-content;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.Profile-status.active{color:#15803d;background:#dcfce7}.Profile-status.inactive{color:#dc2626;background:#fee2e2}.Profile-loading,.Profile-error{text-align:center;background:#fff;border-radius:12px;padding:50px}.Profile-error{color:#dc2626}@media (width<=768px){.Profile{padding:20px 15px}.Profile-avatar-section,.Profile-details{padding:20px}.Profile-grid{grid-template-columns:1fr}.Profile-field-full{grid-column:auto}}@media (width<=480px){.Profile-avatar-section{flex-direction:column;align-items:flex-start}.Profile-header-content h1{font-size:24px}}.Profile-success{color:#1b7a42;background:#e8f7ee;border-radius:8px;margin-bottom:20px;padding:12px 16px}.Profile-section-title{justify-content:space-between;align-items:center;gap:15px;display:flex}.Profile-section-title button{cursor:pointer;border:none;border-radius:6px;padding:10px 18px}.Profile-field input,.Profile-field select{box-sizing:border-box;border:1px solid #ddd;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:14px}.Profile-field input:focus,.Profile-field select:focus{border-color:#999}.Profile-actions{gap:12px;margin-top:30px;display:flex}.Profile-actions button{cursor:pointer;border:none;border-radius:6px;padding:11px 22px}.Profile-actions button:disabled{opacity:.6;cursor:not-allowed}.SSO{background:radial-gradient(circle at 20% 20%,#6366f12e,#0000 35%),radial-gradient(circle at 80% 80%,#a855f72e,#0000 35%),#080b14;justify-content:center;align-items:center;width:100%;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.SSO-background{pointer-events:none;position:absolute;inset:0;overflow:hidden}.SSO-glow{filter:blur(100px);opacity:.25;border-radius:50%;width:400px;height:400px;animation:7s ease-in-out infinite SSOGlow;position:absolute}.SSO-glow-one{background:#6366f1;top:-180px;left:-150px}.SSO-glow-two{background:#a855f7;animation-delay:2s;bottom:-180px;right:-180px}@keyframes SSOGlow{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.SSO-card{z-index:2;text-align:center;-webkit-backdrop-filter:blur(25px);background:#111827b8;border:1px solid #ffffff17;border-radius:28px;width:min(430px,100% - 40px);padding:48px 40px;animation:.6s SSOCardIn;position:relative;box-shadow:0 30px 80px #00000073,inset 0 1px #ffffff0d}@keyframes SSOCardIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.SSO-logo{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 30px;display:flex;box-shadow:0 12px 30px #6366f159}.SSO-logo span{color:#fff;font-size:25px;font-weight:800}.SSO-loader{justify-content:center;align-items:center;width:88px;height:88px;margin:0 auto 28px;display:flex;position:relative}.SSO-loader-ring{border:4px solid #6366f1;border-color:#6366f1 #8b5cf6 #ffffff14 #ffffff14;border-radius:50%;animation:1.1s linear infinite SSORotate;position:absolute;inset:0}.SSO-loader-check{color:#a5b4fc;background:#6366f11f;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:21px;font-weight:700;display:flex}@keyframes SSORotate{to{transform:rotate(360deg)}}.SSO-card h1{color:#fff;letter-spacing:-.5px;margin:0;font-size:26px;font-weight:700;line-height:1.3}.SSO-description{color:#9ca3af;margin:10px 0 28px;font-size:14px;line-height:1.6}.SSO-progress{background:#ffffff14;border-radius:10px;width:100%;height:5px;margin-bottom:22px;overflow:hidden}.SSO-progress-bar{border-radius:inherit;background:linear-gradient(90deg,#6366f1,#a855f7);width:45%;height:100%;animation:1.7s ease-in-out infinite SSOProgress}@keyframes SSOProgress{0%{transform:translate(-110%)}50%{transform:translate(100%)}to{transform:translate(220%)}}.SSO-status{color:#9ca3af;justify-content:center;align-items:center;gap:9px;font-size:13px;display:flex}.SSO-status-dot{background:#6366f1;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite SSOPulse;box-shadow:0 0 12px #6366f1cc}@keyframes SSOPulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.SSO-secure{color:#6b7280;border-top:1px solid #ffffff12;justify-content:center;align-items:center;gap:7px;margin-top:30px;padding-top:20px;font-size:12px;display:flex}.SSO-error-card{animation:.5s SSOCardIn}.SSO-error-icon{color:#f87171;background:#ef44441f;border:1px solid #ef444440;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 25px;font-size:30px;font-weight:700;display:flex}.SSO-error-loader{background:#ffffff14;border-radius:10px;width:100%;height:4px;margin:25px 0;overflow:hidden}.SSO-error-progress{transform-origin:0;background:#ef4444;width:100%;height:100%;animation:1.5s linear forwards SSOErrorProgress}@keyframes SSOErrorProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.SSO-error-dot{background:#ef4444;border-radius:50%;width:8px;height:8px}@media (width<=600px){.SSO-card{border-radius:24px;width:calc(100% - 28px);padding:40px 24px}.SSO-card h1{font-size:23px}.SSO-description{font-size:13px}.SSO-logo{border-radius:16px;width:52px;height:52px}.SSO-loader{width:78px;height:78px}}.Cart{--cart-bg:#f5f8f7;--cart-surface:#fff;--cart-ink:#0f2e2a;--cart-ink-soft:#4b6b66;--cart-muted:#7d948f;--cart-line:#e4ecea;--cart-line-soft:#eef4f2;--cart-accent:#0f2e2a;--cart-accent-hover:#1b4c45;--cart-green:#16a34a;--cart-green-soft:#dcfce7;--cart-danger:#ef4444;--cart-danger-soft:#fff0f3;--cart-radius:16px;--cart-radius-sm:12px;--cart-shadow-sm:0 2px 8px #0f2e2a0d;--cart-shadow-md:0 10px 30px #0f2e2a14;--cart-shadow-lg:0 30px 80px #0f2e2a40;--cart-transition:.18s cubic-bezier(.22, 1, .36, 1);background:radial-gradient(1200px 600px at -10% -10%, #e8f5ef 0%, transparent 60%), radial-gradient(900px 500px at 110% 10%, #eef6f2 0%, transparent 55%), var(--cart-bg);min-height:100vh;color:var(--cart-ink);padding:40px 24px 60px;font-family:inherit}.Cart-loading,.Cart-empty,.Cart-error{border-radius:var(--cart-radius);background:var(--cart-surface);max-width:520px;box-shadow:var(--cart-shadow-md);text-align:center;border:1px solid var(--cart-line-soft);margin:80px auto;padding:48px 32px}.Cart-loader{border:3px solid var(--cart-line);border-top-color:var(--cart-accent);border-radius:50%;width:48px;height:48px;margin:0 auto 20px;animation:.8s linear infinite cartSpin}@keyframes cartSpin{to{transform:rotate(360deg)}}.Cart-empty-icon,.Cart-error svg{color:var(--cart-accent);margin-bottom:16px;font-size:3rem;display:inline-block}.Cart-empty h2,.Cart-error h3{letter-spacing:-.3px;margin:0 0 8px;font-size:1.35rem;font-weight:800}.Cart-empty p,.Cart-error p{color:var(--cart-ink-soft);margin:0 0 20px;font-size:.95rem;line-height:1.5}.Cart-empty button,.Cart-error button{background:var(--cart-accent);color:#fff;cursor:pointer;transition:background var(--cart-transition), transform var(--cart-transition);border:none;border-radius:999px;padding:12px 22px;font-size:.9rem;font-weight:700}.Cart-empty button:hover,.Cart-error button:hover{background:var(--cart-accent-hover);transform:translateY(-1px)}.Cart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:0 auto 28px;display:flex}.Cart-header h1{letter-spacing:-.5px;color:var(--cart-ink);margin:0 0 4px;font-size:1.75rem;font-weight:800}.Cart-header p{color:var(--cart-muted);margin:0;font-size:.9rem;font-weight:500}.Cart-clear{border:1.5px solid var(--cart-line);color:var(--cart-ink);cursor:pointer;transition:all var(--cart-transition);background:#fff;border-radius:999px;padding:10px 18px;font-size:.85rem;font-weight:700}.Cart-clear:hover{border-color:var(--cart-danger);color:var(--cart-danger);background:var(--cart-danger-soft)}.Cart-content{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;max-width:1180px;margin:0 auto;display:grid}.Cart-items{flex-direction:column;gap:14px;display:flex}.Cart-item{border-radius:var(--cart-radius);background:var(--cart-surface);border:1px solid var(--cart-line-soft);box-shadow:var(--cart-shadow-sm);transition:box-shadow var(--cart-transition), transform var(--cart-transition), border-color var(--cart-transition);grid-template-columns:96px minmax(0,1fr) auto auto auto;align-items:center;gap:18px;padding:18px;display:grid}.Cart-item:hover{box-shadow:var(--cart-shadow-md);border-color:var(--cart-line);transform:translateY(-2px)}.Cart-item-image{border-radius:var(--cart-radius-sm);width:96px;height:96px;color:var(--cart-muted);background:linear-gradient(135deg,#f0f6f3,#e6efeb);flex-shrink:0;justify-content:center;align-items:center;font-size:1.6rem;display:flex;overflow:hidden}.Cart-item-image img{object-fit:cover;width:100%;height:100%;display:block}.Cart-item-info{min-width:0}.Cart-item-info h3{color:var(--cart-ink);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:1rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.Cart-item-sku{color:var(--cart-muted);text-transform:uppercase;letter-spacing:.4px;margin:0 0 6px;font-size:.72rem;font-weight:600}.Cart-item-price{color:var(--cart-ink);margin:0;font-size:.95rem;font-weight:800}.Cart-item-quantity{background:var(--cart-line-soft);border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex}.Cart-item-quantity button{width:32px;height:32px;color:var(--cart-ink);cursor:pointer;transition:all var(--cart-transition);background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;box-shadow:0 1px 3px #0f2e2a14}.Cart-item-quantity button:hover:not(:disabled){background:var(--cart-accent);color:#fff}.Cart-item-quantity button:disabled{opacity:.4;cursor:not-allowed}.Cart-item-quantity span{text-align:center;min-width:26px;color:var(--cart-ink);font-size:.95rem;font-weight:800}.Cart-item-total{color:var(--cart-ink);white-space:nowrap;text-align:right;font-size:1.05rem;font-weight:800}.Cart-item-remove{border-radius:var(--cart-radius-sm);background:var(--cart-danger-soft);width:36px;height:36px;color:var(--cart-danger);cursor:pointer;transition:all var(--cart-transition);border:none;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.Cart-item-remove:hover:not(:disabled){background:var(--cart-danger);color:#fff;transform:scale(1.05)}.Cart-item-remove:disabled{opacity:.5;cursor:not-allowed}.Cart-summary{border-radius:var(--cart-radius);background:var(--cart-surface);border:1px solid var(--cart-line-soft);box-shadow:var(--cart-shadow-md);padding:24px;position:sticky;top:24px}.Cart-summary h2{color:var(--cart-ink);letter-spacing:-.2px;margin:0 0 18px;font-size:1.15rem;font-weight:800}.Cart-summary-row{color:var(--cart-ink-soft);justify-content:space-between;align-items:center;padding:8px 0;font-size:.9rem;display:flex}.Cart-summary-row span:last-child{color:var(--cart-ink);font-weight:700}.Cart-summary-divider{background:linear-gradient(90deg, transparent, var(--cart-line), transparent);height:1px;margin:12px 0}.Cart-summary-total{color:var(--cart-ink);justify-content:space-between;align-items:center;padding:8px 0 18px;font-size:1.05rem;font-weight:700;display:flex}.Cart-summary-total strong{color:var(--cart-ink);font-size:1.35rem;font-weight:800}.Cart-checkout{color:#fff;letter-spacing:.2px;cursor:pointer;width:100%;transition:transform var(--cart-transition), box-shadow var(--cart-transition);background:linear-gradient(135deg,#0f2e2a 0%,#1b4c45 100%);border:none;border-radius:14px;padding:14px 20px;font-size:.95rem;font-weight:800;box-shadow:0 10px 24px #0f2e2a38}.Cart-checkout:hover{transform:translateY(-2px);box-shadow:0 14px 32px #0f2e2a52}.Cart-checkout:active{transform:translateY(0)}.Checkout-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;background:#0a18168c;justify-content:center;align-items:center;padding:20px;animation:.2s checkoutFade;display:flex;position:fixed;inset:0}@keyframes checkoutFade{0%{opacity:0}to{opacity:1}}.Checkout-modal{background:var(--cart-surface);width:100%;max-width:720px;max-height:92vh;box-shadow:var(--cart-shadow-lg);border-radius:22px;flex-direction:column;animation:.28s cubic-bezier(.22,1,.36,1) checkoutRise;display:flex;overflow:hidden}@keyframes checkoutRise{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.Checkout-modal-header{border-bottom:1px solid var(--cart-line-soft);background:linear-gradient(#fff,#f8fbfa);justify-content:space-between;align-items:center;padding:20px 26px;display:flex}.Checkout-modal-header h2{color:var(--cart-ink);letter-spacing:-.3px;margin:0;font-size:1.2rem;font-weight:800}.Checkout-close{background:var(--cart-line-soft);width:36px;height:36px;color:var(--cart-ink);cursor:pointer;transition:all var(--cart-transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.Checkout-close:hover{background:var(--cart-line);transform:rotate(90deg)}.Checkout-modal-body{scrollbar-width:thin;flex:1;padding:20px 26px 4px;overflow-y:auto}.Checkout-modal-body::-webkit-scrollbar{width:6px}.Checkout-modal-body::-webkit-scrollbar-thumb{background:var(--cart-line);border-radius:999px}.Checkout-address-section{border-bottom:1px dashed var(--cart-line);margin-bottom:20px;padding-bottom:18px}.Checkout-address-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.Checkout-address-header h3{color:var(--cart-ink);align-items:center;gap:8px;margin:0;font-size:.98rem;font-weight:800;display:flex}.Checkout-address-header h3 svg{color:var(--cart-accent);font-size:1.15rem}.Checkout-address-add-btn{border:1.5px solid var(--cart-accent);color:var(--cart-accent);cursor:pointer;transition:all var(--cart-transition);background:#fff;border-radius:999px;align-items:center;gap:4px;padding:8px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.Checkout-address-add-btn:hover{background:var(--cart-accent);color:#fff;transform:translateY(-1px)}.Checkout-address-empty{border-radius:var(--cart-radius-sm);border:1px dashed var(--cart-line);color:var(--cart-muted);text-align:center;background:#f8fbfa;margin:0;padding:18px;font-size:.85rem}.Checkout-address-list{flex-direction:column;gap:10px;display:flex}.Checkout-address-card{border-radius:var(--cart-radius-sm);border:1.5px solid var(--cart-line);cursor:pointer;transition:all var(--cart-transition);background:#fff;align-items:flex-start;gap:12px;padding:14px;display:flex}.Checkout-address-card:hover{box-shadow:var(--cart-shadow-sm);border-color:#c9d9d3}.Checkout-address-card.selected{border-color:var(--cart-accent);background:linear-gradient(135deg,#f4faf7,#eaf5ef);box-shadow:0 0 0 3px #0f2e2a14}.Checkout-address-radio{flex-shrink:0;margin-top:3px}.Checkout-radio-dot{width:18px;height:18px;transition:border-color var(--cart-transition);background:#fff;border:2px solid #cfdad6;border-radius:50%;display:inline-block;position:relative}.Checkout-radio-dot.on{border-color:var(--cart-accent)}.Checkout-radio-dot.on:after{content:"";background:var(--cart-accent);border-radius:50%;position:absolute;inset:3px}.Checkout-address-info{min-width:0;color:var(--cart-ink-soft);flex:1;font-size:.85rem}.Checkout-address-name-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;display:flex}.Checkout-address-name-row strong{color:var(--cart-ink);font-size:.92rem;font-weight:800}.Checkout-address-type,.Checkout-address-default{text-transform:uppercase;letter-spacing:.4px;border-radius:999px;padding:3px 8px;font-size:.62rem;font-weight:800}.Checkout-address-type{background:var(--cart-line-soft);color:var(--cart-ink-soft)}.Checkout-address-default{background:var(--cart-green-soft);color:var(--cart-green)}.Checkout-address-line{color:var(--cart-ink-soft);margin:2px 0;line-height:1.45}.Checkout-address-phone{color:var(--cart-muted);margin:6px 0 0;font-size:.76rem;font-weight:600}.Checkout-address-actions{flex-direction:column;gap:4px;margin-left:4px;display:flex}.Checkout-address-icon-btn{background:var(--cart-line-soft);width:30px;height:30px;color:var(--cart-ink);cursor:pointer;transition:all var(--cart-transition);border:none;border-radius:10px;justify-content:center;align-items:center;display:flex}.Checkout-address-icon-btn:hover{background:var(--cart-line);transform:translateY(-1px)}.Checkout-address-icon-btn.danger{background:var(--cart-danger-soft);color:var(--cart-danger)}.Checkout-address-icon-btn.danger:hover{background:var(--cart-danger);color:#fff}.Checkout-address-form{border-radius:var(--cart-radius-sm);border:1px dashed var(--cart-line);background:linear-gradient(135deg,#f8fbfa,#eef6f2);margin-top:14px;padding:18px}.Checkout-address-form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.Checkout-address-form-grid input,.Checkout-address-form-grid select{border:1.5px solid var(--cart-line);width:100%;color:var(--cart-ink);transition:all var(--cart-transition);background:#fff;border-radius:10px;outline:none;padding:11px 14px;font-family:inherit;font-size:.85rem}.Checkout-address-form-grid input::placeholder{color:var(--cart-muted)}.Checkout-address-form-grid input:focus,.Checkout-address-form-grid select:focus{border-color:var(--cart-accent);box-shadow:0 0 0 3px #0f2e2a14}.Checkout-address-form-grid .full-width{grid-column:1/-1}.Checkout-address-default-toggle{color:var(--cart-ink-soft);cursor:pointer;grid-column:1/-1;align-items:center;gap:8px;padding:4px 2px;font-size:.82rem;font-weight:600;display:flex}.Checkout-address-default-toggle input{width:16px;height:16px;accent-color:var(--cart-accent);cursor:pointer}.Checkout-address-form-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.Checkout-address-cancel,.Checkout-address-save{cursor:pointer;transition:all var(--cart-transition);border-radius:12px;align-items:center;gap:6px;padding:10px 18px;font-size:.85rem;font-weight:800;display:inline-flex}.Checkout-address-cancel{color:var(--cart-ink);border:1.5px solid var(--cart-line);background:#fff}.Checkout-address-cancel:hover:not(:disabled){background:var(--cart-line-soft)}.Checkout-address-save{color:#fff;background:linear-gradient(135deg,#0f2e2a 0%,#1b4c45 100%);border:none;box-shadow:0 8px 20px #0f2e2a38}.Checkout-address-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px #0f2e2a4d}.Checkout-address-cancel:disabled,.Checkout-address-save:disabled{opacity:.55;cursor:not-allowed}.Checkout-items-section h3{color:var(--cart-ink);margin:6px 0 12px;font-size:.98rem;font-weight:800}.Checkout-item{border-radius:var(--cart-radius-sm);border:1px solid var(--cart-line-soft);transition:all var(--cart-transition);background:#fbfdfc;align-items:center;gap:14px;margin-bottom:8px;padding:12px;display:flex}.Checkout-item:hover{border-color:var(--cart-line);background:#f6faf8}.Checkout-item-image{width:56px;height:56px;color:var(--cart-muted);background:linear-gradient(135deg,#f0f6f3,#e6efeb);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex;overflow:hidden}.Checkout-item-image img{object-fit:cover;width:100%;height:100%}.Checkout-item-details{flex:1;min-width:0}.Checkout-item-details h4{color:var(--cart-ink);text-overflow:ellipsis;white-space:nowrap;margin:0 0 3px;font-size:.88rem;font-weight:700;overflow:hidden}.Checkout-item-details p{color:var(--cart-muted);margin:0;font-size:.72rem}.Checkout-item-price{font-weight:600;color:var(--cart-ink-soft)!important;margin-top:3px!important}.Checkout-item-total{color:var(--cart-ink);white-space:nowrap;font-size:.95rem;font-weight:800}.Checkout-modal-footer{border-top:1px solid var(--cart-line-soft);background:linear-gradient(#fff,#f8fbfa);padding:18px 26px 22px}.Checkout-summary-row{color:var(--cart-ink-soft);justify-content:space-between;align-items:center;padding:6px 0;font-size:.87rem;display:flex}.Checkout-summary-row span:last-child{color:var(--cart-ink);font-weight:700}.Checkout-summary-divider{background:linear-gradient(90deg, transparent, var(--cart-line), transparent);height:1px;margin:10px 0}.Checkout-summary-total{color:var(--cart-ink);justify-content:space-between;align-items:center;padding:6px 0 16px;font-size:1rem;font-weight:700;display:flex}.Checkout-summary-total strong{color:var(--cart-ink);font-size:1.35rem;font-weight:800}.Checkout-confirm{color:#fff;letter-spacing:.2px;cursor:pointer;width:100%;transition:all var(--cart-transition);background:linear-gradient(135deg,#0f2e2a 0%,#1b4c45 100%);border:none;border-radius:14px;padding:14px 20px;font-size:.98rem;font-weight:800;box-shadow:0 10px 26px #0f2e2a40}.Checkout-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 34px #0f2e2a59}.Checkout-confirm:disabled{cursor:not-allowed;box-shadow:none;background:#c9d6d1}@media (width<=1024px){.Cart-content{grid-template-columns:1fr}.Cart-summary{position:static}}@media (width<=720px){.Cart{padding:24px 16px 48px}.Cart-header h1{font-size:1.45rem}.Cart-item{grid-template-columns:80px minmax(0,1fr);grid-template-areas:"image info""image qty""total total""remove remove";gap:10px 14px;padding:16px}.Cart-item-image{grid-area:image;width:80px;height:80px}.Cart-item-info{grid-area:info}.Cart-item-quantity{grid-area:qty;justify-self:start}.Cart-item-total{text-align:left;border-top:1px dashed var(--cart-line-soft);grid-area:total;width:100%;padding-top:10px;font-size:1.1rem}.Cart-item-remove{border-radius:10px;grid-area:remove;width:100%;height:38px}}@media (width<=560px){.Cart-header{flex-direction:column;align-items:flex-start;gap:12px}.Cart-clear{align-self:flex-end}.Cart-summary{padding:20px}.Checkout-modal{border-radius:18px;max-height:96vh}.Checkout-modal-header{padding:16px 18px}.Checkout-modal-body{padding:16px 18px 4px}.Checkout-modal-footer{padding:16px 18px 20px}.Checkout-address-form-grid{grid-template-columns:1fr}.Checkout-address-form-actions{flex-direction:column-reverse}.Checkout-address-cancel,.Checkout-address-save{justify-content:center;width:100%}.Checkout-item{gap:10px;padding:10px}.Checkout-item-image{width:48px;height:48px}.Checkout-item-total{font-size:.85rem}}@media (width<=380px){.Cart-item-image{width:64px;height:64px}.Cart-item-total{font-size:1rem}}.Cart-item-today-badge,.Checkout-item-today-badge{color:#c2410c;letter-spacing:.4px;text-transform:uppercase;background:linear-gradient(135deg,#fff7ed,#ffedd5);border-radius:999px;align-items:center;padding:3px 8px;font-size:.6rem;font-weight:800;line-height:1;display:inline-flex}.Checkout-toggle-row{cursor:pointer;background:#f8fbfa;border:1px solid #e2ece8;border-radius:10px;align-items:center;gap:10px;margin:8px 0;padding:10px 12px;transition:background .15s;display:flex}.Checkout-toggle-row:hover{background:#f0f7f4}.Checkout-toggle-row input[type=checkbox]{accent-color:#0f2e2a;cursor:pointer;width:16px;height:16px}.Checkout-toggle-label{color:#102a27;flex-direction:column;flex:1;gap:2px;font-size:.85rem;font-weight:700;display:flex}.Checkout-toggle-label small{color:#7d948f;font-size:.7rem;font-weight:500}.Checkout-toggle-value{color:#16a34a;white-space:nowrap;font-size:.85rem;font-weight:800}.Checkout-preview-loading{text-align:center;color:#7d948f;margin:6px 0 0;font-size:.72rem}.Checkout-payment-section{border-top:1px dashed var(--cart-line,#e4ecea);margin-top:18px;padding-top:18px}.Checkout-payment-section h3{color:var(--cart-ink,#102a27);margin:0 0 12px;font-size:.95rem;font-weight:800}.Checkout-payment-options{gap:10px;display:grid}.Checkout-payment-option{cursor:pointer;background:#fff;border:1.5px solid #e4ecea;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:all .15s;display:flex}.Checkout-payment-option:hover{border-color:#c9d6d1}.Checkout-payment-option.selected{background:linear-gradient(135deg,#f4faf7,#eaf5ef);border-color:#102a27;box-shadow:0 0 0 3px #102a2714}.Checkout-payment-option input[type=radio]{accent-color:#102a27;cursor:pointer;flex-shrink:0;width:18px;height:18px}.Checkout-payment-info{flex-direction:column;flex:1;gap:3px;display:flex}.Checkout-payment-info strong{color:#102a27;font-size:.88rem;font-weight:800}.Checkout-payment-info small{color:#7d948f;font-size:.72rem;font-weight:500}