@import"https://fonts.googleapis.com/css2?family=SF+Pro+Display:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.app-header-container{position:fixed;top:0;left:0;right:0;z-index:1000;padding:clamp(16px,4vw,24px);padding-bottom:0;transition:left .3s cubic-bezier(.4,0,.2,1);pointer-events:none;overflow:visible;background-color:transparent;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.app-header-container>*{pointer-events:auto}.app-header-container.sidebar-collapsed:not(.mobile){left:100px}.app-header-container.sidebar-expanded:not(.mobile){left:290px}.app-header-container.mobile{left:0!important;right:0!important;padding:0!important;margin:0!important}@media (min-width: 1024px){.app-header-container.mobile.sidebar-collapsed{left:100px}.app-header-container.mobile.sidebar-expanded{left:290px}}@media (min-width: 769px) and (max-width: 1023px){.app-header-container.sidebar-collapsed{left:80px}.app-header-container.sidebar-expanded{left:240px}}.app-header-card{background:#fff!important;border-radius:10px!important;height:clamp(100px,20vw,125px)!important;box-shadow:0 4px 12px #0000001a!important;border:none!important;display:flex!important;align-items:center!important;padding:0 clamp(16px,4vw,32px)!important;overflow:hidden!important;width:100%!important}.app-header-container.mobile .app-header-card{height:70px!important;padding:0!important;border-radius:0!important;margin:0!important;width:100vw!important}.app-header-card .ant-card-body{padding:0!important;height:100%!important;width:100%!important;display:flex!important;align-items:center!important}.header-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;overflow:visible}.header-center{flex:1;display:flex;justify-content:flex-end;margin-left:32px;margin-right:104px;transition:all .3s ease}.header-center.transitioning-out{opacity:0;transform:translateY(10px)}.header-center-empty{flex:1;display:flex;justify-content:flex-end;margin-left:32px;margin-right:104px}.order-queue-container{display:flex;align-items:center;gap:0px}.dish-stack{position:relative;height:84px;display:flex;align-items:center;flex-shrink:0;min-width:84px}.dish-image{position:absolute;width:84px;height:84px;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat;border:1.3px solid white;box-shadow:0 2px 8px #00000026;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;animation:dishSlideIn .6s cubic-bezier(.4,0,.2,1) forwards;transform:translateY(20px) scale(.8);opacity:0}.dish-image.dish-1{animation-delay:.1s}.dish-image.dish-2{animation-delay:.2s}.dish-image.dish-3{animation-delay:.3s}.dish-image.dish-4{animation-delay:.4s}.dish-image.dish-5{animation-delay:.5s}.dish-image.dish-6{animation-delay:.6s}.dish-image.dish-7{animation-delay:.7s}.dish-image.dish-8{animation-delay:.8s}.dish-image.dish-9{animation-delay:.9s}.dish-image.dish-10{animation-delay:1s}@keyframes dishSlideIn{to{transform:translateY(0) scale(1);opacity:1}}@keyframes dishSlideDown{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(200px) scale(.8);opacity:0}}.dish-image.slide-down,.more-orders-indicator.slide-down{animation:dishSlideDown .4s cubic-bezier(.4,0,.2,1) forwards}.order-text-card.slide-down{animation:cardSlideDown .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes cardSlideDown{0%{transform:scale(1);opacity:1}to{transform:translateY(180px) scale(.9);opacity:0}}.dish-image:hover{transform:translateY(-3px) scale(1.08);z-index:100!important;box-shadow:0 6px 20px #0000004d}.dish-image:hover:after{content:attr(data-tooltip);position:absolute;bottom:50%;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;z-index:1000;pointer-events:none;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.more-orders-indicator{position:absolute;width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,#2196f3,#1976d2);border:1.3px solid white;box-shadow:0 2px 8px #00000026;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:0;animation:indicatorPulse 2s ease-in-out infinite}@keyframes indicatorPulse{0%,to{box-shadow:0 2px 8px #00000026,0 0 #2196f366}50%{box-shadow:0 2px 8px #00000026,0 0 0 8px #2196f300}}.more-orders-indicator:hover{transform:translateY(-3px) scale(1.08);background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 6px 20px #0000004d;animation:none}.more-orders-indicator:active{transform:translateY(-1px) scale(1.05)}.more-orders-indicator:hover:after{content:attr(data-tooltip);position:absolute;bottom:50%;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;z-index:1000;pointer-events:none;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.plus-icon{color:#fff;font-size:18px;font-weight:700;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.order-text-card{height:29px;width:160px;border:1px solid #2196F3;background-color:#e1f2ff;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:0 12px;margin-left:24px;transition:all .2s ease;animation:cardBounceIn .8s cubic-bezier(.4,0,.2,1) forwards;animation-delay:1.2s;transform:scale(.9);opacity:0}@keyframes cardBounceIn{0%{transform:scale(.9);opacity:0}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}.order-text-card.clickable{cursor:pointer}.order-text-card.clickable:hover{background-color:#cce7ff;border-color:#1976d2;transform:translateY(-1px) scale(1.02);box-shadow:0 2px 8px #2196f333}.order-text-card.clickable:active{transform:translateY(0) scale(.98);background-color:#b3d9ff}.order-text{font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:300;font-style:normal;font-size:12px;color:#2e363c;text-align:center;white-space:nowrap}.header-right{display:flex;align-items:center;overflow:visible}.mobile-order-indicator{display:flex;align-items:center;justify-content:center;margin-right:auto;cursor:pointer;transition:all .2s ease}.mobile-order-indicator:hover{transform:scale(1.05)}.mobile-order-count{background:linear-gradient(135deg,#8cccff,#2196f3);color:#fff;padding:8px 16px;border-radius:10px;text-align:center;box-shadow:0 2px 8px #667eea4d;min-width:80px}.mobile-order-count .order-number{display:block;font-size:18px;font-weight:700;line-height:1}.mobile-order-count .order-label{display:block;font-size:11px;font-weight:500;opacity:.9;margin-top:2px}.notification-container{position:relative}.notification-button{width:55px;height:51px;border-radius:10px;background-color:#2196f3;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.notification-button:hover{background-color:#1976d2}.notification-button .anticon{color:#fff;font-size:18px}.user-profile-container{position:relative;cursor:pointer}.app-header-container .user-avatar{width:57px!important;height:57px!important;border-radius:50%;border:2px solid #ffffff;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 2px 8px #0000001a}.app-header-container .user-avatar .ant-avatar{width:51px!important;height:51px!important;border:none!important}.user-initials-card{position:absolute;bottom:-8px;right:-8px;width:40px;height:21px;border-radius:5px;background-color:#2e363c82;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.initials-text{font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;font-style:normal;color:#fff;font-size:12px;letter-spacing:.5px}@media (max-width: 768px){.app-header-container{padding:12px 12px 0 20px}.app-header-container{left:8px!important}.app-header-card{padding:0 16px!important;height:80px!important}.header-content{justify-content:space-between}.header-center{display:none}.mobile-order-indicator{display:flex}.user-profile-container{gap:0!important}.app-header-container .user-avatar{width:48px!important;height:48px!important}.app-header-container .user-avatar .ant-avatar{width:42px!important;height:42px!important}.notification-button{width:36px!important;height:36px!important}.notification-button .anticon{font-size:16px!important}}@media (min-width: 481px) and (max-width: 768px){.app-header-container:not(.mobile){left:60px}.app-header-container.sidebar-expanded:not(.mobile){left:200px}}@media (max-width: 576px){.app-header-container{padding:8px 8px 0 16px;left:6px!important}.app-header-card{padding:0 12px!important;height:70px!important}.mobile-order-count{padding:6px 12px;min-width:70px}.mobile-order-count .order-number{font-size:16px}.mobile-order-count .order-label{font-size:10px}.notification-button{width:32px!important;height:32px!important}.notification-button .anticon{font-size:14px!important}}@media (min-width: 769px){.mobile-order-indicator{display:none}}.app-header-container.tablet{transition:left .3s cubic-bezier(.4,0,.2,1)}.app-header-container.tablet.sidebar-collapsed{left:80px}.app-header-container.tablet.sidebar-expanded{left:240px}.order-queue-modal .ant-modal-content{border-radius:12px!important;overflow:hidden;background:#fff;box-shadow:0 8px 24px #00000026;animation:modalSlideFromHeader .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes modalSlideFromHeader{0%{transform:translateY(-150px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.order-queue-modal.modal-exit .ant-modal-content{animation:modalSlideToHeader .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes modalSlideToHeader{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-150px) scale(.9);opacity:0}}.order-queue-modal-wrap .ant-modal-content{background:#f1f9ff!important;border-radius:12px!important}.order-queue-modal-wrap .ant-modal-header,.order-queue-modal-wrap .ant-modal-body,.order-queue-modal-wrap .ant-modal-footer{background:transparent!important}.order-dropdown-container{padding:0;background:#f1f9ff;border-radius:12px;height:100%;display:flex;flex-direction:column}.order-dropdown-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:10px}.order-dropdown-content::-webkit-scrollbar{width:6px}.order-dropdown-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.order-dropdown-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.order-dropdown-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.order-item{display:flex;align-items:center;padding:18px 24px;background:#f1f9ff;animation:orderItemSlideUp .5s cubic-bezier(.4,0,.2,1) forwards;transform:translateY(30px);opacity:0;gap:18px;min-height:120px}.order-item:nth-child(1){animation-delay:.3s}.order-item:nth-child(2){animation-delay:.35s}.order-item:nth-child(3){animation-delay:.4s}.order-item:nth-child(4){animation-delay:.45s}.order-item:nth-child(5){animation-delay:.5s}.order-item:nth-child(6){animation-delay:.55s}.order-item:nth-child(7){animation-delay:.6s}.order-item:nth-child(8){animation-delay:.65s}.order-item:nth-child(9){animation-delay:.7s}.order-item:nth-child(10){animation-delay:.75s}.order-item:nth-child(11){animation-delay:.8s}@keyframes orderItemSlideUp{to{transform:translateY(0);opacity:1}}.order-item:hover{background:#e8f4ff;transition:all .3s cubic-bezier(.4,0,.2,1)}.order-item:hover .order-content-card{border-color:#b3d9ff;box-shadow:0 2px 8px #0000001a}.order-item:last-child{border-bottom:none}.order-main-image{width:100px;height:100px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1.3px solid white;box-shadow:0 2px 8px #00000026;animation:imageRotateIn .6s cubic-bezier(.4,0,.2,1) forwards;transform:rotate(-15deg) scale(.8);opacity:0}.order-main-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s cubic-bezier(.4,0,.2,1)}@keyframes imageRotateIn{to{transform:rotate(0) scale(1);opacity:1}}.order-item:hover .order-main-image img{transform:scale(1.1)}.order-item-content{flex:1;display:flex;flex-direction:column}.order-content-card{flex:1;background:#fff;border:1.2px solid #D5EDFF;border-radius:12px;padding:14px 18px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100px;min-width:360px}.order-item-header{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:0;position:relative}.order-small-image{width:60px;height:60px;border-radius:8px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.order-details{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:60px;padding-right:80px}.order-name{font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;font-size:14px;color:#2e363c;margin:0;line-height:1.1}.order-description{font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:300;font-size:11px;color:#8b9197;margin:0;line-height:1.1}.order-quantity{font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;font-size:11px;color:#2e363c;margin:0}.order-price{font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;font-size:14px;color:#2e363c;white-space:nowrap;position:absolute;bottom:0;right:0}.modal-footer{padding:16px 20px;text-align:center;flex-shrink:0}.cancel-button{background:#fff;border:1.5px solid #E5E5E5;border-radius:8px;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;font-size:16px;color:#666;cursor:pointer;padding:12px 24px;transition:all .2s ease;height:44px;min-width:120px;box-shadow:0 1px 2px #0000000d}.cancel-button:hover{background:#f8f9fa;border-color:#b3d9ff;color:#333;box-shadow:0 2px 4px #00000014}@media (max-width: 576px){.app-header-card{height:70px!important;padding:0 12px!important}.header-center{margin-left:8px;margin-right:40px}.order-queue-modal .ant-modal-content{margin:10px;max-height:85vh}.order-dropdown-container{padding:16px}.order-item{padding:12px;margin-bottom:12px}.order-main-image{width:60px!important;height:60px!important}.order-small-image{width:40px!important;height:40px!important}.order-name{font-size:14px!important}.order-description{font-size:12px!important}.order-price{font-size:14px!important}}@media (min-width: 577px) and (max-width: 1023px){.app-header-card{height:90px!important;padding:0 24px!important}.header-center{margin-left:20px;margin-right:80px}.dish-stack{width:300px;height:70px}.dish-image{width:70px!important;height:70px!important}.order-text-card{padding:8px 16px;min-width:140px}.order-text{font-size:13px!important}.more-orders-indicator{width:70px!important;height:70px!important;font-size:12px}.plus-icon{font-size:16px!important}.order-queue-modal .ant-modal-content{margin:16px}.app-header-container .user-avatar{width:52px!important;height:52px!important}.app-header-container .user-avatar .ant-avatar{width:46px!important;height:46px!important}.user-initials-card{width:32px!important;height:32px!important;font-size:11px!important}.notification-button{width:40px!important;height:40px!important}.notification-button .anticon{font-size:18px!important}}@media (min-width: 768px) and (max-width: 1023px){.app-header-card{height:95px!important}.dish-stack{width:350px;height:75px}.dish-image{width:75px!important;height:75px!important}.order-text-card{min-width:160px}.more-orders-indicator{width:75px!important;height:75px!important}}@media (max-width: 768px){.order-queue-modal{padding:0!important}.order-queue-modal .ant-modal-content{border-radius:12px 12px 0 0!important;margin:0!important;max-height:85vh!important}.order-dropdown-container{height:100%;overflow:hidden}.order-dropdown-content{flex:1;overflow-y:auto}.modal-footer{flex-shrink:0}.cancel-button{width:100%;height:48px;font-size:16px}}@media (max-width: 768px){.header-center{margin-right:0}.user-initials-card{display:none}.notification-badge .ant-badge-count{font-size:10px;min-width:16px;height:16px;line-height:16px}.header-right{gap:16px}}.mobile-header-layout{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 12px 0 4px;margin:0!important;box-sizing:border-box}.mobile-header-left{display:flex;align-items:center;gap:8px}.menu-icon{width:32px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.menu-icon:hover{background-color:#f5f5f5}.menu-icon-svg{width:32px;height:24px;color:#333}.app-logo-section{display:flex;align-items:flex-end!important;gap:4px;height:24.33px}.p-logo{width:24.46px;height:24.33px;border-radius:6px;flex-shrink:0}.app-name{font-size:10.29px!important;font-weight:600;color:#2e363c;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1!important;margin:0!important;padding:0!important;align-self:flex-end!important;vertical-align:bottom!important}.mobile-header-right{display:flex;align-items:center;gap:16px}.mobile-header-right .notification-wrapper{display:flex;align-items:center}.mobile-header-right .notification-bell{width:40px;height:40px;border-radius:8px;background:#2196f3;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;border:1px solid #2196F3}.mobile-header-right .notification-bell:hover{background:#1976d2;border-color:#1976d2;transform:translateY(-1px)}.mobile-header-right .bell-icon{font-size:18px;color:#fff}.mobile-header-right .notification-badge .ant-badge-count{font-size:10px;min-width:16px;height:16px;line-height:16px;padding:0 4px;border-radius:8px}.mobile-header-right .profile-section{position:relative}.mobile-header-right .user-avatar-wrapper{cursor:pointer}.mobile-header-right .user-avatar{border:2px solid #f8f9fa;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.mobile-header-right .user-avatar:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.mobile-header-right .user-avatar-wrapper{position:relative;display:flex;align-items:center;cursor:pointer}.mobile-header-right .avatar-container{position:relative;flex-shrink:0}.user-initials-card-mobile{position:absolute;bottom:-6px;right:-6px;width:32px;height:18px;border-radius:4px;background-color:#2e363c82;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.initials-text-mobile{font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;font-style:normal;color:#fff;font-size:10px;letter-spacing:.4px;line-height:1}@media (max-width: 768px) and (orientation: landscape){.app-header-card{height:60px!important}.mobile-order-count{padding:4px 12px}.mobile-order-count .order-number{font-size:14px}.mobile-order-count .order-label{font-size:9px}.mobile-header-layout{padding:0 12px}.menu-icon,.menu-icon-svg{width:28px;height:22px}.mobile-header-left,.mobile-header-right{gap:12px}.app-name{font-size:16px}.p-logo{width:28px;height:28px}}.sidebar-menu-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.header-mobile-mode{transition:padding-top .3s cubic-bezier(.4,0,.2,1)!important}@media (max-width: 768px){.header-mobile-mode{padding-top:120px!important}.header-mobile-mode .sidebar-menu-card{height:calc(100vh - 144px)!important}}@media (min-width: 481px) and (max-width: 768px){.header-mobile-mode{padding-top:110px!important}.header-mobile-mode .sidebar-menu-card{height:calc(100vh - 134px)!important}}.ant-menu-inline .ant-menu-item:after,.ant-menu-inline .ant-menu-submenu:after,.ant-menu-inline .ant-menu-item-selected:after{border-right:none!important;display:none!important}.ant-menu-inline .ant-menu-item,.ant-menu-inline .ant-menu-item-selected,.ant-menu-inline .ant-menu-item:hover,.ant-menu-inline .ant-menu-item:focus,.ant-menu-inline .ant-menu-item:active,.ant-menu-inline-collapsed .ant-menu-item,.ant-menu-inline-collapsed .ant-menu-item-selected,.ant-menu-inline-collapsed .ant-menu-item:hover,.ant-menu-inline-collapsed .ant-menu-item:focus,.ant-menu-inline-collapsed .ant-menu-item:active{border:none!important;border-right:none!important;border-left:none!important;border-top:none!important;border-bottom:none!important}.ant-menu-inline,.ant-menu-inline-collapsed{border-right:none!important}.ant-menu-item{margin:8px 8px 24px!important;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);height:44px;line-height:44px;border:none!important;border-right:none!important;transform:translate(0)}.ant-menu.ant-menu-inline .ant-menu-item{margin-bottom:24px!important;margin-top:8px!important}.sidebar-menu-card .ant-menu-item{margin:8px 8px 24px!important}.ant-menu-item:hover{background-color:#f5fbff!important;color:#000!important;border:1px solid #2196F3!important;border-radius:10px!important;transform:translate(2px) scale(1.01);box-shadow:0 2px 8px #2196f31a!important;border-right:1px solid #2196F3!important}.ant-menu-item-selected{background-color:#f5fbff!important;color:#000!important;border:1px solid #2196F3!important;border-radius:10px!important;transform:none!important;box-shadow:none!important}.ant-menu-item-selected{border-top:1px solid #2196F3!important;border-right:1px solid #2196F3!important;border-bottom:1px solid #2196F3!important;border-left:1px solid #2196F3!important}.sidebar-menu-card .ant-menu-item-selected,.ant-menu.ant-menu-inline .ant-menu-item-selected,.ant-menu-inline .ant-menu-item-selected{background-color:#f5fbff!important;color:#000!important;border:1px solid #2196F3!important;border-radius:10px!important;transform:none!important;box-shadow:none!important}.ant-menu-item-selected:hover{background-color:#f5fbff!important;color:#000!important;border:1px solid #2196F3!important;border-radius:10px!important;transform:translate(2px) scale(1.01)!important;box-shadow:0 2px 8px #2196f31a!important}.ant-menu-item-selected .anticon{color:#000!important}.ant-menu-item .anticon{margin-right:12px;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-menu-card .ant-menu-inline-collapsed .ant-menu-item,.sidebar-menu-card .ant-menu-inline-collapsed .ant-menu-item-only-child{margin:8px auto 24px!important;height:44px!important;line-height:44px!important;padding:0!important;width:60px!important}.ant-menu-inline-collapsed .ant-menu-item{margin:8px auto 24px!important;height:44px!important;line-height:44px!important;width:60px!important}.ant-menu-inline-collapsed>.ant-menu-item{margin:8px auto 24px!important;height:44px!important;width:60px!important}.pos-menu-item.ant-menu-item{background:linear-gradient(to right,#10b981,#059669);color:#fff;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.pos-menu-item.ant-menu-item:hover{background:linear-gradient(to right,#059669,#047857);color:#fff;transform:translate(2px) scale(1.02);box-shadow:0 6px 20px #10b9814d}.pos-menu-item.ant-menu-item .anticon{color:#fff}.ant-layout-sider::-webkit-scrollbar{width:4px}.ant-layout-sider::-webkit-scrollbar-track{background-color:#f5f5f5}.ant-layout-sider::-webkit-scrollbar-thumb{background-color:#d9d9d9;border-radius:2px}.ant-layout-sider::-webkit-scrollbar-thumb:hover{background-color:#bfbfbf}.ant-layout-header{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.ant-layout-sider-collapsed .ant-menu-item,.ant-menu-inline-collapsed .ant-menu-item{margin:8px auto 24px!important;border-radius:10px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;height:44px!important;line-height:44px!important;border:none!important;border-right:none!important;transform:translate(0)!important;padding:0!important;text-align:center!important;display:flex!important;justify-content:center!important;align-items:center!important;width:60px!important;background-color:transparent!important;color:inherit!important;position:relative!important}.ant-menu-inline-collapsed .ant-menu-item .ant-menu-item-icon{margin:0!important;position:static!important;left:auto!important;top:auto!important;transform:none!important}.ant-layout-sider-collapsed .ant-menu-item .ant-menu-title-content,.ant-menu-inline-collapsed .ant-menu-item .ant-menu-title-content{display:none!important}.ant-menu-inline-collapsed .ant-menu-item .anticon{margin:0!important;font-size:16px!important;display:flex!important;justify-content:center!important;align-items:center!important;color:inherit!important;position:static!important;left:auto!important;top:auto!important;transform:none!important}.ant-menu-inline-collapsed .ant-menu-item-selected{background-color:#f5fbff!important;color:#000!important;border:1px solid #2196F3!important;border-radius:10px!important;transform:none!important;box-shadow:none!important;width:60px!important;margin:8px auto 24px!important}.ant-menu-inline-collapsed .ant-menu-item-selected{border-top:1px solid #2196F3!important;border-right:1px solid #2196F3!important;border-bottom:1px solid #2196F3!important;border-left:1px solid #2196F3!important}.ant-menu-inline-collapsed .ant-menu-item:hover{background-color:#f5fbff!important;color:#000!important;border:1px solid #2196F3!important;border-radius:10px!important;transform:translateY(-2px) scale(1.05)!important;box-shadow:0 4px 16px #2196f333!important;width:60px!important;margin:8px auto 24px!important}.ant-menu-inline-collapsed .ant-menu-item-selected .anticon{color:#000!important}.ant-menu-item-selected:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:#fff;border-radius:2px 0 0 2px}.ant-menu-inline .ant-menu-item{width:calc(100% - 16px)}.logo-container:hover{transform:scale(1.05);transition:transform .2s ease-in-out}.support-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;transition:all .2s ease-in-out}.ant-badge-count{background-color:#ff4d4f;border-color:#ff4d4f}.ant-menu-item .ant-menu-title-content{display:inline-block;vertical-align:middle;font-weight:400;font-style:normal;font-size:16px;color:#2e363c}.ant-layout-sider{transition:all .2s ease}.ant-menu-item:focus{background-color:#e6f7ff;color:#1890ff}.pos-menu-item.ant-menu-item-selected{background:linear-gradient(to right,#059669,#047857)}.app-integrations-menu-item{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important}.app-integrations-suffix-icons{display:flex;align-items:center;gap:6px;margin-left:auto}.suffix-icon-container,.whatsapp-icon-container{position:relative;display:inline-block}.cancel-dot-badge{position:absolute;top:-2px;right:-2px;z-index:1}.ant-menu-item .ant-menu-title-content{flex:1;display:flex;align-items:center;justify-content:space-between}.sidebar-menu-scroll-container{height:100%;max-height:calc(100vh - 240px)}.sidebar-menu-scrollable{scrollbar-width:none;-ms-overflow-style:none}.sidebar-menu-scrollable::-webkit-scrollbar{width:0;height:0;background:transparent}.sidebar-menu-scrollable{scroll-behavior:smooth}.sidebar-menu-scrollable .ant-menu{padding-bottom:20px}@media (max-height: 800px){.sidebar-menu-scroll-container{max-height:calc(100vh - 200px)}}@media (max-height: 600px){.sidebar-menu-scroll-container{max-height:calc(100vh - 180px)}}@media (max-width: 768px){.sidebar-menu-scroll-container{max-height:calc(100vh - 280px)}}@media (min-width: 481px) and (max-width: 768px){.sidebar-menu-scroll-container{max-height:calc(100vh - 260px)}}.order-tile{display:flex;align-items:center;width:100%;background:transparent;padding:12px 0;border-radius:0;box-shadow:none;min-height:80px;border-bottom:1px solid #f0f0f0}.order-tile:hover{box-shadow:none;background:transparent}.order-tile:last-child{border-bottom:none;margin-bottom:0}.order-tile-image{width:41px;height:41px;border-radius:10px;overflow:hidden;flex-shrink:0;margin-right:16px}.order-tile-image-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px}.order-tile-content{flex:1;display:flex;align-items:center;margin-right:16px}.order-tile-product-name{font-size:16px;font-weight:500;color:#333;line-height:1.4;text-align:left}.order-tile-status{flex-shrink:0}@media (max-width: 768px){.order-tile{padding:10px 12px;min-height:70px}.order-tile-image{width:56px;height:56px;margin-right:12px}.order-tile-product-name{font-size:14px}.order-tile-status-badge{font-size:12px;padding:6px 10px;min-width:85px}.order-tile-status-dot{width:6px;height:6px}}@media (max-width: 480px){.order-tile{padding:8px 10px}.order-tile-image{width:48px;height:48px;margin-right:10px}.order-tile-content{margin-right:10px}.order-tile-product-name{font-size:13px}}.popular-product-tile{display:flex;align-items:center;width:100%;background:transparent;padding:12px 0;border-radius:0;box-shadow:none;margin-bottom:8px;min-height:80px;border-bottom:1px solid #f0f0f0}.popular-product-tile:hover{box-shadow:none;background:transparent}.popular-product-tile:last-child{border-bottom:none;margin-bottom:0}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.popular-product-image{width:41px;height:41px;border-radius:10px;overflow:hidden;flex-shrink:0;margin-right:16px}.popular-product-image-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px}.popular-product-content{flex:1;display:flex;align-items:center;margin-right:16px}.popular-product-name{font-size:16px;font-weight:500;color:#333;line-height:1.4;text-align:left}.popular-product-sales{flex-shrink:0}.popular-product-sales-badge{display:flex;align-items:center;justify-content:center;padding:8px 16px;background-color:#f0f9ff;color:#2e363c;border:.38px solid #2196F3;border-radius:7.52px;width:120px;min-width:120px;font-size:12px;font-weight:400;white-space:nowrap;transition:all .3s ease;cursor:pointer;text-align:center}.popular-product-sales-badge.hovered{background:linear-gradient(135deg,#2196f3 0% 100%);border-radius:7.52px;width:120px;min-width:120px;padding:8px 16px;border:1px solid transparent;position:relative;color:#fff;text-align:center}@media (max-width: 768px){.popular-product-tile{padding:10px 0;min-height:70px}.popular-product-image{width:56px;height:56px;margin-right:12px}.popular-product-name{font-size:14px}.popular-product-sales-badge{font-size:12px;padding:6px 12px}}@media (max-width: 480px){.popular-product-tile{padding:8px 0}.popular-product-image{width:48px;height:48px;margin-right:10px}.popular-product-content{margin-right:10px}.popular-product-name{font-size:13px}}.shimmer-container{display:flex;align-items:center;padding:16px 0;border-bottom:1px solid #f0f0f0;gap:12px;opacity:.7}.shimmer-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.shimmer-image{width:48px;height:48px;border-radius:8px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.shimmer-content{flex:1;display:flex;flex-direction:column;gap:8px}.shimmer-line{height:16px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.shimmer-title{width:70%}.shimmer-subtitle{width:50%;height:12px}.shimmer-status{width:60px;height:20px;border-radius:10px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.shimmer-price{width:80px;height:20px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-mobile{padding:8px 0!important;gap:8px!important}.shimmer-mobile .shimmer-avatar{width:24px!important;height:24px!important}.shimmer-mobile .shimmer-image{width:28px!important;height:28px!important;border-radius:4px!important}.shimmer-mobile .shimmer-content{gap:4px!important}.shimmer-mobile .shimmer-line{height:10px!important}.shimmer-mobile .shimmer-title{width:60%!important}.shimmer-mobile .shimmer-subtitle{width:40%!important;height:8px!important}.shimmer-metric{display:flex;flex-direction:column;width:100%;height:100%;padding:16px;background:#fff;border-radius:8px;border:1px solid #f0f0f0;box-shadow:0 2px 8px #0000000f;gap:12px;min-height:124px;opacity:.8;box-sizing:border-box}.shimmer-metric-mobile{padding:8px!important;gap:6px!important;min-height:72px!important;border-radius:6px!important}.shimmer-metric-header{display:flex;align-items:center;gap:8px;width:100%}.shimmer-icon{width:31px;height:31px;border-radius:8px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.shimmer-metric-mobile .shimmer-icon{width:18px!important;height:18px!important;border-radius:3px!important}.shimmer-metric-label{width:85%;height:16px}.shimmer-metric-mobile .shimmer-metric-label{width:80%!important;height:10px!important}.shimmer-metric-content{display:flex;flex-direction:column;gap:8px;width:100%;flex:1}.shimmer-metric-mobile .shimmer-metric-content{gap:4px!important}.shimmer-metric-value{width:90%;height:24px}.shimmer-metric-mobile .shimmer-metric-value{width:85%!important;height:14px!important}.shimmer-metric-change{width:75%;height:14px}.shimmer-metric-mobile .shimmer-metric-change{width:70%!important;height:8px!important}.hero-search-container{width:100%;max-width:100%}.hero-search-input{border-radius:8px;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;transition:all .2s ease}.hero-search-input .ant-input{font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:14px;border:1px solid #d9d9d9}.hero-search-input .ant-input::-moz-placeholder{font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:#8c8c8c}.hero-search-input .ant-input::placeholder{font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:#8c8c8c}.hero-search-input .ant-input:focus,.hero-search-input .ant-input:hover{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}@media (max-width: 768px){.hero-search-input .ant-input-affix-wrapper{height:31px!important;border-radius:5px!important}.hero-search-input .ant-input{font-size:12px!important;padding-top:4px!important;padding-bottom:4px!important}.hero-search-input .anticon{font-size:12px!important}.hero-search-input .ant-input::-moz-placeholder{font-size:12px!important}.hero-search-input .ant-input::placeholder{font-size:12px!important}}@media (max-width: 768px){.hero-search-container{max-width:100%}.hero-search-input,.hero-search-input .ant-input-affix-wrapper,.hero-search-input .ant-input,.hero-search-input .ant-input-affix-wrapper .ant-input{height:31px!important;min-height:31px!important;max-height:31px!important;text-align:left!important}.hero-search-input .ant-input-affix-wrapper{padding:0 8px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;border-radius:5px!important;box-sizing:border-box!important}.hero-search-input .ant-input-prefix{margin-right:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;height:100%!important}.hero-search-input .ant-input{font-size:12px!important;line-height:31px!important;padding:0!important;margin:0!important;border:none!important;box-shadow:none!important;background:transparent!important;text-align:left!important;flex:1!important;display:flex!important;align-items:center!important}.hero-search-input .ant-input::-moz-placeholder{line-height:31px!important;font-size:12px!important;color:#8c8c8c!important}.hero-search-input .ant-input::placeholder{line-height:31px!important;font-size:12px!important;color:#8c8c8c!important}.hero-search-input .ant-input::-moz-placeholder{font-size:12px!important;line-height:31px!important;text-align:left!important;text-indent:0!important;padding-left:0!important;margin-left:0!important;color:#8c8c8c!important}.hero-search-input .ant-input::placeholder{font-size:12px!important;line-height:31px!important;text-align:left!important;text-indent:0!important;padding-left:0!important;margin-left:0!important;color:#8c8c8c!important}.hero-search-input .anticon{font-size:12px!important}.hero-search-input *{text-align:left!important;justify-content:flex-start!important}}@media (max-width: 576px){.hero-search-input .ant-input{font-size:12px!important;height:31px!important}.hero-search-input .ant-input::-moz-placeholder{font-size:12px!important}.hero-search-input .ant-input::placeholder{font-size:12px!important}}@media (max-width: 480px){.hero-search-input .ant-input{font-size:12px!important;height:31px!important}.hero-search-input .ant-input::-moz-placeholder{font-size:12px!important}.hero-search-input .ant-input::placeholder{font-size:12px!important}}Dashboard.css .dashboard{min-height:100vh}.dashboard-header-new{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px}.dashboard-header-left{display:flex;flex-direction:column;gap:8px}.dashboard-welcome{display:flex;align-items:baseline;gap:4px}.dashboard-hello{font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:24px;font-weight:700;color:#2e363c;margin:0}.dashboard-name{font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:24px;font-weight:700;color:#2196f3;margin:0}.dashboard-subtitle{font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;color:#2e363c;margin:0}.dashboard-header-right{display:flex;align-items:center;width:70%}.dashboard-search-element{width:70%;border-radius:8px;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.dashboard-search-element .ant-input{font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:14px}.dashboard-search-element .ant-input::-moz-placeholder{font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.dashboard-search-element .ant-input::placeholder{font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.dashboard-header{margin-bottom:32px}.dashboard-header h2{margin-bottom:8px!important;color:#262626;font-weight:600}.metrics-row{margin-bottom:32px}.metric-card{border-radius:12px;border:none;box-shadow:0 2px 8px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1)}.metric-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.metric-content{display:flex;align-items:center;gap:16px}.metric-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.metric-icon.revenue{background:linear-gradient(135deg,#52c41a,#73d13d)}.metric-icon.orders{background:linear-gradient(135deg,#1890ff,#40a9ff)}.metric-icon.customers{background:linear-gradient(135deg,#722ed1,#9254de)}.metric-icon.growth{background:linear-gradient(135deg,#fa8c16,#ffa940)}.metric-info{flex:1}.metric-label{display:block;font-size:12px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:24px;font-weight:700;color:#262626;margin-bottom:4px}.metric-change{font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px}.metric-change.positive{color:#52c41a}.metric-change.negative{color:#f5222d}.chart-row{margin-bottom:32px}.chart-card{border-radius:12px;border:none;box-shadow:0 2px 8px #0000000f}.chart-card .ant-card-head{border-bottom:1px solid #f0f0f0;padding:16px 24px}.chart-card .ant-card-head-title{font-size:16px;font-weight:600;color:#262626}.chart-container{padding:16px 0}.sales-overview-card{border-radius:12px;border:none;box-shadow:0 2px 8px #0000000f;background:#fff;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.sales-overview-card .ant-card-body{padding:24px}.sales-overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.sales-overview-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sales-overview-title{margin:0!important;font-size:18px;font-weight:600;color:#262626;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.sales-metric-container{display:flex;align-items:center}.sales-metric-card{display:flex;align-items:center;gap:8px;background:#f5f7fa;padding:8px 12px;border-radius:8px;border:1px solid #e8ecf0}.sales-metric-icon{font-size:14px;color:#4a90e2}.sales-metric-text{font-size:13px;font-weight:500;color:#262626;white-space:nowrap;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.sales-growth{display:flex;align-items:center;gap:4px}.growth-arrow{font-size:12px;color:#52c41a}.growth-text{font-size:13px;color:#8c8c8c;white-space:nowrap;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.sales-overview-right{display:flex;align-items:center}.period-selector{min-width:100px}.period-selector .ant-select-selector{border:1px solid #d9d9d9;border-radius:6px;padding:4px 8px;height:32px;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.period-selector .ant-select-selection-item{font-size:13px;font-weight:500;color:#262626;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.sales-chart-container{width:100%;height:400px}.sales-chart-container text{font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif!important}.sales-chart-container .recharts-tooltip-wrapper,.sales-chart-container .recharts-tooltip-item-list{font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif!important}.sales-chart-container .recharts-cartesian-grid-horizontal line{stroke:#f0f0f0;stroke-width:1}.sales-chart-container .recharts-bar-rectangle{transition:opacity .2s ease}.sales-chart-container .recharts-bar-rectangle:hover{opacity:.8}.tables-row{margin-bottom:32px}.table-card{border-radius:12px;border:none;box-shadow:0 2px 8px #0000000f}.table-card .ant-card-head{border-bottom:1px solid #f0f0f0;padding:16px 24px}.table-card .ant-card-head-title{font-size:16px;font-weight:600;color:#262626}.table-card .ant-card-body{padding:0}.dashboard-table{border:none}.dashboard-table .ant-table-thead>tr>th{background-color:#fafafa;border-bottom:1px solid #f0f0f0;color:#8c8c8c;font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px}.dashboard-table .ant-table-tbody>tr>td{padding:12px 16px;border-bottom:1px solid #f5f5f5}.dashboard-table .ant-table-tbody>tr:hover>td{background-color:#fafafa}.dashboard-table .ant-table-tbody>tr:last-child>td{border-bottom:none}@media (max-width: 768px){.dashboard{padding:16px}.dashboard-header{margin-bottom:24px}.dashboard-header-new{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}.dashboard-header-right{width:100%}.dashboard-search-element{width:100%;max-width:100%}.dashboard-search,.hero-search-container{width:100%!important;max-width:100%!important}.dashboard-hello,.dashboard-name{font-size:20px}.dashboard-subtitle{font-size:14px}.metrics-row,.chart-row,.tables-row{margin-bottom:24px}.metric-content{gap:12px}.metric-icon{width:40px;height:40px;font-size:18px}.metric-value{font-size:20px}.chart-container{padding:12px 0}.sales-overview-header{flex-direction:column;align-items:flex-start;gap:12px}.sales-overview-left{flex-direction:column;align-items:flex-start;gap:12px;width:100%}.sales-overview-right{width:100%;justify-content:flex-end}.sales-chart-container{height:300px;overflow:hidden;padding:0;margin:0 -16px}.sales-chart-container .recharts-wrapper{overflow:hidden!important}.sales-chart-container .recharts-surface{overflow:hidden}}@media (max-width: 576px){.dashboard{padding:12px}.dashboard-header-new{gap:12px;margin-bottom:20px}.dashboard-hello,.dashboard-name{font-size:18px}.dashboard-subtitle{font-size:13px}.metric-content{flex-direction:column;text-align:center;gap:8px}.metric-value{font-size:18px}.dashboard-table .ant-table-thead>tr>th,.dashboard-table .ant-table-tbody>tr>td{padding:8px 12px;font-size:12px}@media (max-width: 768px){.sales-overview-card .ant-card-body{padding:16px!important}}@media (max-width: 640px){.sales-overview-header-mobile{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.sales-overview-content-mobile{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;width:100%}.sales-overview-dropdown-mobile{align-self:flex-end!important}}.sales-overview-left{gap:8px}.sales-metric-card{padding:6px 10px}.sales-metric-text,.growth-text{font-size:12px}.sales-chart-container{height:250px}}@media (max-width: 480px){.dashboard{padding:8px}.dashboard-header-new{gap:8px;margin-bottom:16px}.dashboard-hello,.dashboard-name{font-size:16px}.dashboard-subtitle{font-size:12px}.dashboard-header h2{font-size:20px}.chart-card .ant-card-head,.table-card .ant-card-head{padding:12px 16px}.chart-card .ant-card-head-title,.table-card .ant-card-head-title{font-size:14px}.sales-overview-card .ant-card-body{padding:12px}.sales-overview-title{font-size:16px!important}.sales-overview-left{flex-direction:column;width:100%}.sales-metric-container,.sales-growth{width:100%;justify-content:flex-start}.period-selector{min-width:80px}.sales-chart-container{height:200px}}.metric-card,.chart-card,.table-card{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1)}.metrics-row .ant-col:nth-child(1) .metric-card{animation-delay:.1s}.metrics-row .ant-col:nth-child(2) .metric-card{animation-delay:.2s}.metrics-row .ant-col:nth-child(3) .metric-card{animation-delay:.3s}.metrics-row .ant-col:nth-child(4) .metric-card{animation-delay:.4s}.chart-card{animation-delay:.5s}.table-card{animation-delay:.6s}.dashboard-table .ant-table-body{scrollbar-width:thin;scrollbar-color:#d9d9d9 transparent}.dashboard-table .ant-table-body::-webkit-scrollbar{width:6px;height:6px}.dashboard-table .ant-table-body::-webkit-scrollbar-track{background:transparent}.dashboard-table .ant-table-body::-webkit-scrollbar-thumb{background-color:#d9d9d9;border-radius:3px}.dashboard-table .ant-table-body::-webkit-scrollbar-thumb:hover{background-color:#bfbfbf}.add-customer-modal .ant-modal{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;padding:0;max-width:480px;width:calc(100% - 40px)}.add-customer-modal .ant-modal-content{border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #00000026;transition:transform .3s cubic-bezier(.34,1.56,.64,1);will-change:transform;max-height:90vh;display:flex;flex-direction:column}.add-customer-modal .ant-modal-content{transform:translate(100%)}.add-customer-modal.slide-in .ant-modal-content{transform:translate(0)}.add-customer-modal.slide-out .ant-modal-content{transform:translate(100%);transition:transform .3s cubic-bezier(.55,.055,.675,.19)}.responsive-header{border-bottom:1px solid #f0f0f0;background-color:#fff;position:sticky;top:0;z-index:10}.modal-title{margin:0!important;font-weight:600!important;color:#262626!important;font-size:18px!important}.responsive-close-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;border:none;cursor:pointer;transition:all .2s ease}.responsive-close-btn:hover{background-color:#e8e8e8}.responsive-form{padding:0 0 24px;overflow-y:auto;flex:1;scrollbar-width:none;-ms-overflow-style:none}.form-field,.form-field.checkbox-field{margin-bottom:20px}.form-field.textarea-field{margin-bottom:32px}.field-label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#262626}.responsive-input,.responsive-datepicker,.responsive-textarea{height:44px;border-radius:8px;border:1px solid #d9d9d9;transition:border-color .2s ease,box-shadow .2s ease}.responsive-datepicker{width:100%}.responsive-textarea{height:auto!important;resize:vertical;min-height:88px}.responsive-input:focus,.responsive-datepicker:focus,.responsive-datepicker.ant-picker-focused,.responsive-textarea:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.responsive-checkbox{font-size:14px;color:#262626}.responsive-submit-btn{height:48px;border-radius:8px;background:linear-gradient(135deg,#8cccff,#2196f3)!important;border:none!important;font-size:16px;font-weight:500;margin-bottom:24px;transition:all .2s ease}.responsive-submit-btn:hover{background:linear-gradient(135deg,#7ab8ff,#1976d2)!important;border:none!important;transform:translateY(-1px);box-shadow:0 4px 12px #2196f34d}.responsive-submit-btn:disabled{background:#f5f5f5!important;color:#bfbfbf!important;cursor:not-allowed;transform:none;box-shadow:none}.close-button{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;border:none;cursor:pointer;transition:all .2s ease}.close-button:hover{background-color:#e8e8e8}.add-customer-modal .ant-input{transition:border-color .2s ease,box-shadow .2s ease}.add-customer-modal .ant-input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.add-customer-modal .ant-picker{transition:border-color .2s ease,box-shadow .2s ease}.add-customer-modal .ant-picker:focus,.add-customer-modal .ant-picker.ant-picker-focused{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.add-customer-modal .ant-checkbox-wrapper{font-size:14px;align-items:center}.add-customer-modal .ant-btn-primary{transition:all .2s ease}.add-customer-modal .ant-btn-primary:hover{background:linear-gradient(135deg,#7ab8ff,#1976d2)!important;border:none!important;transform:translateY(-1px);box-shadow:0 4px 12px #2196f34d}.add-customer-modal .ant-btn-primary:disabled{background-color:#f5f5f5;border-color:#d9d9d9;color:#bfbfbf;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.add-customer-modal .ant-modal{width:calc(100% - 20px)!important;max-width:none!important;margin:10px}.add-customer-modal .ant-modal-content{border-radius:8px;max-height:95vh}.modal-title{font-size:16px!important}.responsive-close-btn{width:32px;height:32px}.form-field{margin-bottom:16px}.form-field.textarea-field{margin-bottom:24px}.responsive-input,.responsive-datepicker{height:40px}.responsive-submit-btn{height:44px;font-size:15px;margin-bottom:16px}}@media (max-width: 576px){.add-customer-modal .ant-modal{width:100%!important;height:100vh!important;top:0!important;left:0!important;transform:none!important;margin:0}.add-customer-modal .ant-modal-content{border-radius:0;max-height:100vh;height:100vh}.responsive-modal{max-height:100vh;height:100vh}.responsive-header{padding:12px 16px;position:sticky;top:0}.modal-title{font-size:16px!important}.responsive-close-btn{width:30px;height:30px}.responsive-form{padding-bottom:32px}.form-field{margin-bottom:14px}.form-field.textarea-field{margin-bottom:20px}.field-label{font-size:13px;margin-bottom:6px}.responsive-input,.responsive-datepicker{height:38px;font-size:14px}.responsive-textarea{min-height:76px;font-size:14px}.responsive-checkbox{font-size:13px}.responsive-submit-btn{height:42px;font-size:14px;margin-bottom:16px}}@media (max-width: 480px){.modal-title{font-size:15px!important}.responsive-close-btn{width:28px;height:28px}.responsive-form{padding-bottom:24px}.form-field{margin-bottom:12px}.form-field.textarea-field{margin-bottom:16px}.field-label{font-size:12px;margin-bottom:4px}.responsive-input,.responsive-datepicker{height:36px;font-size:13px}.responsive-textarea{min-height:68px;font-size:13px}.responsive-checkbox{font-size:12px}.responsive-submit-btn{height:40px;font-size:13px;margin-bottom:12px}}.responsive-modal::-webkit-scrollbar{display:none}.add-customer-modal .ant-input-focused,.add-customer-modal .ant-picker-focused{border-color:#1890ff!important;box-shadow:0 0 0 2px #1890ff33!important}.add-customer-modal .ant-checkbox-wrapper{align-items:center}.add-customer-modal .ant-checkbox{margin-right:8px}@media (max-width: 576px){.add-customer-modal .ant-picker-dropdown{font-size:14px}.add-customer-modal .ant-picker-cell{padding:4px 0}}@media (max-width: 480px){.responsive-close-btn{min-width:44px;min-height:44px}.add-customer-modal .ant-checkbox{transform:scale(1.1)}.responsive-form{-webkit-overflow-scrolling:touch}.add-customer-modal .ant-modal-content{max-height:95vh}}.add-customer-modal .ant-modal-mask{transition:opacity .3s ease}.add-customer-modal.slide-in .ant-modal-mask{opacity:1}.add-customer-modal.slide-out .ant-modal-mask{opacity:0;transition:opacity .3s ease}.modal-content::-webkit-scrollbar{display:none}.responsive-form::-webkit-scrollbar{display:none}.customer-select-modal .ant-modal-content{border-radius:10px!important;box-shadow:0 4px 12px #00000026!important}.customer-select-modal .ant-modal-header{display:none!important}.customer-select-modal .ant-modal-body{padding:24px!important}.customer-select-modal .ant-modal-close{display:none!important}.sf-ui-display{font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}.order-details-col{width:100%}@media (min-width: 1024px){.order-details-col{min-width:500px;max-width:500px;flex:0 0 auto}}.order-details-card{width:100%!important;height:100%!important}.order-details-body{width:100%!important;padding:24px!important}.order-details-pinned{scrollbar-width:thin!important;scrollbar-color:#8CCCFF transparent!important;scroll-behavior:smooth!important;position:fixed!important;top:clamp(140px,24vw,165px)!important;right:0!important;height:calc(100vh - clamp(140px,24vw,165px))!important;z-index:10!important;background-color:#fff!important;box-shadow:-2px 0 8px #0000001a!important;overflow-y:auto!important;padding-top:0!important;margin-right:24px}.order-details-pinned::-webkit-scrollbar{width:8px!important}.order-details-pinned::-webkit-scrollbar-track{background:#f1f1f1!important;border-radius:4px!important}.order-details-pinned::-webkit-scrollbar-thumb{background:#8cccff!important;border-radius:4px!important;-webkit-transition:background .3s ease!important;transition:background .3s ease!important}.order-details-pinned::-webkit-scrollbar-thumb:hover{background:#2196f3!important}.order-details-pinned .order-details-scroll{max-height:100%!important;overflow-y:auto!important}@media (max-width: 768px){.order-details-pinned{top:clamp(132px,22vw,140px)!important;height:calc(100vh - clamp(132px,22vw,140px))!important}}.order-details-pinned .ant-card{height:100%!important;border-radius:0!important;box-shadow:none!important;border:none!important;overflow:hidden!important}.order-details-pinned .ant-card .ant-card-body{height:100%!important;padding:24px!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important}.orders-main-content-adjusted{margin-right:400px!important}@media (min-width: 1280px){.orders-main-content-adjusted{margin-right:500px!important}}@media (max-width: 1024px){.order-details-pinned{position:relative!important;top:auto!important;height:auto!important;box-shadow:none!important;overflow-y:visible!important}.order-details-pinned .ant-card{box-shadow:0 4px 12px #0000001a!important;border-radius:16px!important}.order-details-pinned .ant-card .ant-card-body{overflow-y:visible!important}.orders-main-content-adjusted{margin-right:0!important}}.order-details-modal .ant-modal{top:0!important;padding:0}.order-details-modal .ant-modal-content{border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #00000026;transition:transform .3s cubic-bezier(.34,1.56,.64,1);will-change:transform}.order-details-modal .ant-modal-content{transform:translateY(-100vh)}.order-details-modal.slide-in .ant-modal-content{transform:translateY(0)}.order-details-modal.slide-out .ant-modal-content{transform:translateY(-100vh);transition:transform .3s cubic-bezier(.55,.055,.675,.19)}.modal-content{background:#fff;border-radius:12px;overflow:hidden}.modal-header{padding:20px 0}.close-button{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#8c8c8c;transition:all .2s ease}.close-button:hover{background-color:#0000000a;color:#262626}.modal-body{padding:24px;height:calc(90vh - 140px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d9d9d9 transparent}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.initiated-by-section{margin-bottom:16px}.initiated-by-card{min-height:46px;border:1px solid #2196F3;border-radius:10px;background-color:#f5fbff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.initiated-by-text{font-weight:400;font-size:16px;color:#2196f3}.initiated-by-user{display:flex;align-items:center;gap:8px}.profile-icon{width:20px;height:20px;border-radius:50%}.user-name{font-weight:400;font-size:16px;color:#2e363c}.field-section{margin-bottom:16px}.field-title{font-weight:700;font-size:16px;color:#2e363c;margin-bottom:8px}.field-card{min-height:51px;border:1px solid #9E9E9E;border-radius:10px;background:transparent;padding:15px 16px;display:flex;align-items:center}.field-value{font-weight:400;font-size:16px;color:#2e363c}.items-card{background-color:#f3faff;border-radius:10px;padding:16px}.order-item-tile{min-height:78px;border:1px solid #D5EDFF;border-radius:10px;padding:14px;margin-bottom:8px;display:flex;align-items:center;gap:16px;background:#fff}.product-image-container{width:50px;height:50px;border-radius:5px;overflow:hidden;flex-shrink:0}.product-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.product-details{flex:1;display:flex;flex-direction:column;gap:4px}.product-name{font-weight:700;font-size:16px;color:#2e363c}.product-quantity{font-weight:400;font-size:14px;color:#9e9e9e}.product-price{font-weight:700;font-size:16px;color:#2e363c}.rider-section{display:flex;gap:12px;align-items:flex-start;position:relative}.rider-card{flex:1}.rider-dropdown-container{position:relative}.rider-dropdown-button{min-height:51px;border:1px solid #2196F3;border-radius:10px;background:transparent;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;transition:all .2s ease;min-width:120px}.rider-dropdown-button:hover{background-color:#2196f30a}.rider-dropdown-button span{font-weight:400;font-size:16px;color:#2196f3}.rider-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000026;border:1px solid #e8e8e8;z-index:1000;min-width:280px;max-height:300px;overflow-y:auto}.rider-dropdown-header{padding:16px 20px 12px;border-bottom:1px solid #f0f0f0}.rider-dropdown-header h4{margin:0;font-size:16px;font-weight:600;color:#2e363c}.rider-list{padding:8px 0}.rider-item{padding:12px 20px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f5f5f5}.rider-item:hover{background-color:#f8f9fa}.rider-item:last-child{border-bottom:none}.rider-info{display:flex;flex-direction:column;gap:4px}.rider-name{font-weight:500;font-size:14px;color:#2e363c}.rider-phone{font-weight:400;font-size:12px;color:#9e9e9e}.payment-status-container-wrapper{min-height:51px;border:1px solid #9E9E9E;border-radius:10px;background:transparent;padding:8px}.payment-status-container{background-color:#c0e3ff42;height:35px;border-radius:8px;padding:0;display:flex;gap:4px}.payment-status-card{min-width:99px;height:35px;border-radius:8px;background:transparent;border:1px solid #2E363C;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex:1}.payment-status-card.selected{background:#fff;border:1px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#2196f3,#c1e4ff);background-origin:border-box;background-clip:content-box,border-box}.payment-status-text{font-size:16px;font-weight:500;color:#2e363c}.payment-status-card.selected .payment-status-text{font-weight:600;color:#2196f3}.payment-status-card.read-only{cursor:default;opacity:.8}.payment-status-card.read-only:hover{background:transparent;border:1px solid #2E363C}.payment-status-card.read-only.selected:hover{background:#fff;border:1px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#2196f3,#c1e4ff);background-origin:border-box;background-clip:content-box,border-box}.notes-card{border:1px solid #9E9E9E;border-radius:10px;background:transparent;padding:16px}.notes-input{width:100%;border:none;outline:none;background:transparent;font-weight:400;font-size:16px;color:#2e363c;resize:vertical;min-height:60px}.notes-input::-moz-placeholder{color:#9e9e9e}.notes-input::placeholder{color:#9e9e9e}.modal-footer{background:#fff;padding:16px 0;display:flex;justify-content:flex-end}.order-details-modal .ant-form-item-label>label{font-weight:600;color:#262626}.order-details-modal .ant-input,.order-details-modal .ant-select-selector,.order-details-modal .ant-input-number{border-radius:6px;border:1px solid #d9d9d9;transition:all .2s ease}.order-details-modal .ant-input:focus,.order-details-modal .ant-select-focused .ant-select-selector,.order-details-modal .ant-input-number:focus,.order-details-modal .ant-input-number-focused{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.order-details-modal .ant-input:disabled,.order-details-modal .ant-select-disabled .ant-select-selector,.order-details-modal .ant-input-number:disabled{background-color:#f5f5f5;color:#8c8c8c;cursor:not-allowed}.order-details-modal .ant-btn{border-radius:6px;font-weight:500;height:36px;padding:0 16px;transition:all .2s ease}.order-details-modal .ant-btn-primary{background:#1890ff;border-color:#1890ff;box-shadow:0 2px 4px #1890ff33}.order-details-modal .ant-btn-primary:hover{background:#40a9ff;border-color:#40a9ff;transform:translateY(-1px);box-shadow:0 4px 8px #1890ff4d}.order-details-modal .ant-btn:not(.ant-btn-primary){color:#595959;border-color:#d9d9d9}.order-details-modal .ant-btn:not(.ant-btn-primary):hover{color:#1890ff;border-color:#1890ff;background-color:#1890ff0a}@media (max-width: 768px){.order-details-modal .ant-modal{width:95%!important;margin:10px auto}.order-details-modal .ant-modal-content{height:95vh!important;max-height:95vh!important}.modal-body{padding:16px;height:calc(95vh - 120px)}.modal-header{padding:16px}.modal-footer{padding:12px 16px}.field-title{font-size:14px;margin-bottom:6px}.field-value{font-size:14px}.field-card{min-height:45px;padding:12px 14px}.initiated-by-card{min-height:40px;padding:10px 14px}.initiated-by-text,.user-name{font-size:14px}.order-item-tile{min-height:70px;padding:12px;gap:12px;margin-bottom:8px}.product-image-container{width:45px;height:45px}.product-name,.product-price{font-size:14px}.rider-section{flex-direction:column;gap:8px;align-items:stretch}.rider-dropdown-button{min-height:45px;min-width:100%;font-size:14px}.rider-dropdown-menu{right:auto;left:0;width:100%;min-width:auto}.payment-status-container{height:32px}.payment-status-card{height:32px;min-width:80px}.payment-status-text{font-size:14px}.notes-input{font-size:14px;min-height:50px}}@media (max-width: 480px){.order-details-modal .ant-modal{width:98%!important;margin:5px auto}.modal-body{padding:12px}.field-section{margin-bottom:12px}.field-title{font-size:13px;margin-bottom:4px}.field-value,.initiated-by-text,.user-name,.product-name,.product-price,.rider-dropdown-button span,.payment-status-text{font-size:13px}}.order-details-modal .ant-modal-mask{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.order-details-modal .ant-select-selection-item{display:flex;align-items:center}.order-details-modal .ant-divider{margin:16px 0;border-color:#e8e8e8}.rider-list::-webkit-scrollbar{display:none}.rider-item::-webkit-scrollbar{display:none}.rider-list,.rider-item{-ms-overflow-style:none;scrollbar-width:none}.print-modal .ant-modal-body{padding:24px}.print-modal .ant-modal-header{border-bottom:1px solid #f0f0f0;padding:16px 24px}.print-modal .ant-modal-title{font-size:16px;font-weight:600;color:#2e363c}#print-content{max-height:600px;overflow-y:auto;padding:20px;background:#fff;border:1px solid #f0f0f0;border-radius:8px}.print-header{text-align:center;border-bottom:2px solid #2196F3;padding-bottom:20px;margin-bottom:30px}.print-logo{font-size:24px;font-weight:700;color:#2196f3;margin-bottom:10px}.print-title{font-size:20px;font-weight:600;margin-bottom:5px;color:#2e363c}.print-section{margin-bottom:25px}.print-section-title{font-size:16px;font-weight:600;color:#2196f3;margin-bottom:15px;border-bottom:1px solid #e8e8e8;padding-bottom:5px}.print-row{display:flex;justify-content:space-between;margin-bottom:8px;align-items:center}.print-label{font-weight:500;color:#666;min-width:120px}.print-value{color:#333;font-weight:400}.print-items{background:#f9f9f9;padding:15px;border-radius:8px;margin-bottom:20px}.print-item{display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e8e8e8}.print-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.print-item-name{font-weight:500;color:#2e363c}.print-item-details{text-align:right;color:#666}.print-total{background:#2196f3;color:#fff;padding:15px;border-radius:8px;text-align:center;font-size:18px;font-weight:600;margin-top:20px}.print-footer{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #e8e8e8;color:#666;font-size:14px}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.status-completed{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-pending{background:#fffbe6;color:#faad14;border:1px solid #ffe58f}.status-cancelled{background:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7}@media (max-width: 768px){.print-row{flex-direction:column;align-items:flex-start;gap:4px}.print-label{min-width:auto}}.category-selection-modal .ant-modal-content{border-radius:12px!important;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important}.category-selection-modal .ant-modal-body{padding:0!important}.category-modal-content{background:#fff;border-radius:12px;overflow:hidden}.category-modal-header{padding:24px 24px 16px;border-bottom:1px solid #f0f0f0;background:#fff}.category-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#262626;line-height:1.4}.category-list{padding:8px 0;max-height:400px;overflow-y:auto}.category-item{display:flex;align-items:center;padding:16px 24px;cursor:pointer;transition:all .2s ease;position:relative;border:none;background:#fff;margin:0}.category-item:hover{background:#f8f9fb}.category-item.selected{background:#e6f4ff;border-left:4px solid #1890ff;padding-left:20px}.category-item.create-category{border-top:1px solid #f0f0f0;margin-top:8px;color:#1890ff}.category-item.create-category:hover{background:#f0f8ff}.category-item.newly-created{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:3px solid #0ea5e9;animation:slideInFromRight .5s ease-out}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.category-icon{width:40px;height:40px;border-radius:8px;background:#f5f5f7;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0}.category-icon img{width:24px;height:24px;-o-object-fit:contain;object-fit:contain}.category-icon.create-icon{background:#e6f4ff;color:#1890ff;font-size:16px}.category-name{font-size:16px;font-weight:500;color:#262626;flex:1;line-height:1.4}.category-item.create-category .category-name{color:#1890ff;font-weight:600}.category-checkmark{width:20px;height:20px;border-radius:50%;background:#1890ff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-left:12px}.new-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:9px;font-weight:600;padding:2px 6px;border-radius:10px;margin-left:8px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 1px 3px #10b98166;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.create-category-form{padding:24px;background:#fff;min-height:200px;display:block;visibility:visible}.form-group{margin-bottom:24px;display:block;visibility:visible}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#262626}.category-input{width:100%;height:44px;border-radius:8px;border:1px solid #d9d9d9;font-size:14px;padding:0 16px;transition:all .2s ease}.category-input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.category-input:hover{border-color:#40a9ff}.form-helper-text{font-size:12px;color:#52c41a;margin-top:4px;font-weight:500}.form-error-text{font-size:12px;color:#ff4d4f;margin-top:8px;font-weight:500}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.cancel-btn,.create-btn{height:40px;border-radius:8px;font-weight:500;font-size:14px;padding:0 24px;transition:all .2s ease}.cancel-btn{background:#fff;border:1px solid #d9d9d9;color:#262626}.cancel-btn:hover{border-color:#40a9ff;color:#40a9ff}.create-btn{background:linear-gradient(90deg,#8cccff,#2196f3);border:1px solid #1890ff;color:#fff}.create-btn:hover:not(:disabled){background:#40a9ff;border-color:#40a9ff}.create-btn:disabled{background:#f5f5f5;border-color:#d9d9d9;color:#bfbfbf;cursor:not-allowed}.icon-selection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px;padding:4px}.icon-option{aspect-ratio:1;border:2px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;position:relative;min-height:90px;gap:8px}.icon-option:hover{border-color:#1890ff;box-shadow:0 4px 12px #1890ff26;transform:translateY(-2px)}.icon-option.selected{border-color:#1890ff;background:#e6f4ff;box-shadow:0 4px 12px #1890ff40;transform:translateY(-1px)}.icon-option.selected:after{content:"✓";position:absolute;top:8px;right:8px;width:20px;height:20px;background:#1890ff;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;box-shadow:0 2px 4px #1890ff4d}.icon-wrapper{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:8px;transition:all .2s ease}.icon-wrapper img{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;opacity:.7;transition:all .2s ease}.icon-option:hover .icon-wrapper{background:#f0f8ff;transform:scale(1.05)}.icon-option.selected .icon-wrapper{background:#1890ff1a;transform:scale(1.05)}.icon-option:hover .icon-wrapper img,.icon-option.selected .icon-wrapper img{opacity:1;transform:scale(1.1)}.icon-label{font-size:11px;font-weight:500;color:#666;text-align:center;line-height:1.2;transition:color .2s ease;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-option:hover .icon-label,.icon-option.selected .icon-label{color:#1890ff}.category-list::-webkit-scrollbar{width:6px}.category-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.category-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.category-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.category-selection-modal .ant-modal{animation:categoryModalSlideIn .3s ease-out}@keyframes categoryModalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 480px){.category-selection-modal .ant-modal{width:90%!important;margin:0 auto}.category-modal-header{padding:20px 20px 12px}.category-item{padding:14px 20px}.create-category-form{padding:20px}.icon-selection-grid{grid-template-columns:repeat(2,1fr);gap:10px}.icon-option{min-height:80px;padding:10px 6px;gap:6px}.icon-wrapper{width:28px;height:28px}.icon-wrapper img{width:18px;height:18px}.icon-label{font-size:10px}.icon-option.selected:after{width:16px;height:16px;top:4px;right:4px;font-size:9px}.form-actions{flex-direction:column;gap:8px;margin-top:24px}.cancel-btn,.create-btn{width:100%;order:2}.create-btn{order:1}}@media (max-width: 768px) and (min-width: 481px){.category-selection-modal .ant-modal{width:85%!important;max-width:500px}}.category-delete-confirmation-modal.ant-modal{z-index:10100!important}.category-delete-confirmation-modal .ant-modal-mask{z-index:10100!important;background:#000000a6!important}.category-delete-confirmation-modal .ant-modal-wrap{z-index:10100!important}@media (max-width: 768px){.category-delete-confirmation-modal.ant-modal,.category-delete-confirmation-modal .ant-modal-mask,.category-delete-confirmation-modal .ant-modal-wrap{z-index:10200!important}}.add-product-modal{position:fixed!important;top:0!important;right:0!important;margin:0!important;height:100vh!important;z-index:1000!important}.add-product-modal .ant-modal{position:fixed!important;top:0!important;right:0!important;margin:0!important;height:100vh!important;max-width:900px!important;width:900px!important;transform:translate(0)!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important}.add-product-modal .ant-modal-content{height:100vh!important;border-radius:16px 0 0 16px!important;overflow:hidden!important;box-shadow:-4px 0 24px #00000026!important}.add-product-modal .ant-modal-body{padding:0!important;height:100vh!important;display:flex!important;flex-direction:column!important}.add-product-content{height:100vh;display:flex;flex-direction:column;background:#fff}.modal-header{padding:24px 32px 16px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.modal-header h2{font-size:24px;font-weight:600;color:#1a1a1a;margin:0;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.modal-body{flex:1;overflow-y:auto;padding:24px 32px;scrollbar-width:none;-ms-overflow-style:none}.modal-body::-webkit-scrollbar{display:none}.form-section{display:flex;gap:32px;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid #f0f0f0}.form-section:last-child{border-bottom:none;margin-bottom:0}.section-left{flex:0 0 30%;padding-right:16px}.section-left h3{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 8px;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.section-left p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.section-right{flex:1}.form-input,.form-textarea,.form-select{width:100%!important;margin-bottom:16px!important}.form-input .ant-input,.form-textarea .ant-input,.form-select .ant-select-selector{border:1px solid #3B82F6!important;border-radius:8px!important;padding:12px 16px!important;font-size:14px!important;transition:all .2s ease!important;box-shadow:none!important;outline:none!important}.form-input .ant-input:focus,.form-textarea .ant-input:focus,.form-select.ant-select-focused .ant-select-selector{border-color:#2563eb!important;box-shadow:0 0 0 3px #3b82f61a!important;outline:none!important}.form-input .ant-input::-moz-placeholder,.form-textarea .ant-input::-moz-placeholder{color:#9ca3af}.form-input .ant-input::placeholder,.form-textarea .ant-input::placeholder{color:#9ca3af}.form-input.ant-input-affix-wrapper{border:1px solid #3B82F6!important;border-radius:8px!important;padding:0!important;box-shadow:none!important}.form-input.ant-input-affix-wrapper:focus,.form-input.ant-input-affix-wrapper-focused{border-color:#2563eb!important;box-shadow:0 0 0 3px #3b82f61a!important;outline:none!important}.form-input.ant-input-affix-wrapper .ant-input{border:none!important;box-shadow:none!important;outline:none!important;padding:12px 16px!important}.form-input.ant-input-affix-wrapper .ant-input:focus{border:none!important;box-shadow:none!important;outline:none!important}.form-textarea .ant-input{min-height:100px!important;resize:vertical!important}.form-select .ant-select-selector{height:48px!important;display:flex!important;align-items:center!important}.form-select .ant-select-selection-placeholder{color:#9ca3af!important}.checkbox-group{display:flex;flex-direction:column;gap:12px;margin-top:16px}.checkbox-group .ant-checkbox-wrapper{font-size:14px;color:#374151}.checkbox-group .ant-checkbox-checked .ant-checkbox-inner{background-color:#3b82f6;border-color:#3b82f6}.upload-area{border:2px dashed #3B82F6;border-radius:8px;background:#f8faff;padding:32px;text-align:center;min-height:120px;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center}.upload-area:hover{border-color:#2563eb;background:#f1f8ff}.upload-content{display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none}.upload-icon{font-size:32px;color:#3b82f6}.upload-text{font-size:16px;color:#374151;margin:0;font-weight:500}.upload-hint{font-size:14px;color:#6b7280;margin:0}.image-preview-container{display:flex;flex-direction:column;gap:16px}.image-preview{position:relative;border:2px solid #3B82F6;border-radius:8px;overflow:hidden;background:#fff;min-height:200px}.preview-image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;display:block}.image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:16px;display:flex;justify-content:space-between;align-items:flex-end}.image-info{display:flex;flex-direction:column;gap:4px}.image-name{color:#fff;font-size:14px;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-size{color:#fffc;font-size:12px}.remove-image-btn{color:#fff!important;border:1px solid rgba(255,255,255,.3)!important;background:#ffffff1a!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;border-radius:6px!important;height:32px!important;padding:0 12px!important;display:flex!important;align-items:center!important;gap:6px!important}.remove-image-btn:hover{background:#dc2626cc!important;border-color:#dc2626cc!important;color:#fff!important}.change-image-btn{display:flex;justify-content:center}.change-btn{border:1px solid #3B82F6!important;color:#3b82f6!important;background:#fff!important;border-radius:6px!important;height:40px!important;padding:0 20px!important;display:flex!important;align-items:center!important;gap:8px!important;font-weight:500!important}.change-btn:hover{background:#f8faff!important;border-color:#2563eb!important;color:#2563eb!important}.schedule-buttons{display:flex;gap:16px}.schedule-button{flex:1;height:48px!important;border:1px solid #3B82F6!important;border-radius:8px!important;color:#3b82f6!important;background:#fff!important;font-size:14px!important;font-weight:500!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.schedule-button:hover{background:#f8faff!important;border-color:#2563eb!important;color:#2563eb!important}.modal-footer{padding:24px 32px;border-top:1px solid #f0f0f0;flex-shrink:0}.create-button{width:100%!important;height:48px!important;background:#2196f3!important;border:none!important;border-radius:8px!important;font-size:16px!important;font-weight:600!important;display:flex!important;align-items:center!important;justify-content:center!important}.create-button:hover{background:#2196f3!important;border-color:#1a1a1a!important}.add-product-modal .ant-modal-close{top:16px!important;right:16px!important;width:32px!important;height:32px!important;border-radius:6px!important;background:#f3f4f6!important;border:none!important}.add-product-modal .ant-modal-close:hover{background:#e5e7eb!important}.add-product-modal .ant-modal-close-x{font-size:16px!important;color:#6b7280!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important}.add-product-modal.mobile-view .ant-modal{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:100vw!important;margin:0!important;transform:none!important;transition:none!important}.add-product-modal.mobile-view .ant-modal-content{height:100vh!important;border-radius:0!important;box-shadow:none!important}.add-product-modal.mobile-view .ant-modal-body{height:100vh!important;padding:0!important;overflow:hidden!important}.add-product-modal.desktop-view .ant-modal{position:fixed!important;top:0!important;right:0!important;margin:0!important;height:100vh!important;max-width:900px!important;width:900px!important;transform:translate(0)!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important}.add-product-modal.desktop-view .ant-modal-content{height:100vh!important;border-radius:16px 0 0 16px!important;overflow:hidden!important;box-shadow:-4px 0 24px #00000026!important}@media (max-width: 1199px){.add-product-modal .ant-modal{max-width:800px!important;width:800px!important}}@media (max-width: 991px){.add-product-modal .ant-modal{max-width:100vw!important;width:100vw!important;right:0!important;transform:translate(0)!important}.add-product-modal .ant-modal-content{border-radius:0!important;box-shadow:none!important}.form-section{flex-direction:column;gap:20px;margin-bottom:28px;padding-bottom:28px}.section-left{flex:none;padding-right:0}.modal-header,.modal-body,.modal-footer{padding-left:24px;padding-right:24px}.schedule-buttons{flex-direction:column;gap:12px}}@media (max-width: 767px){.modal-header{padding:20px 20px 16px}.modal-header h2{font-size:20px}.modal-body,.modal-footer{padding:20px}.form-section{gap:16px;margin-bottom:24px;padding-bottom:24px}.section-left h3{font-size:15px}.section-left p{font-size:13px}.form-input .ant-input,.form-textarea .ant-input,.form-select .ant-select-selector,.category-selector{padding:10px 14px!important;height:44px!important;font-size:14px!important}.form-select .ant-select-selector{height:44px!important}.form-textarea .ant-input{min-height:80px!important;padding:10px 14px!important}.upload-area{padding:24px 16px;min-height:100px}.upload-icon{font-size:28px}.upload-text{font-size:14px}.upload-hint{font-size:12px}.preview-image{height:160px}.image-preview{min-height:160px}.schedule-button{height:44px!important;font-size:13px!important}.create-button{height:44px!important;font-size:15px!important}}@media (max-width: 575px){.modal-header{padding:16px 16px 12px;position:sticky;top:0;background:#fff;z-index:10;border-bottom:1px solid #f0f0f0}.modal-header h2{font-size:18px}.modal-body{padding:16px 16px 100px}.modal-footer{padding:16px;position:sticky;bottom:0;background:#fff;z-index:10;border-top:1px solid #f0f0f0;box-shadow:0 -2px 8px #0000000d}.form-section{gap:12px;margin-bottom:20px;padding-bottom:20px}.section-left h3{font-size:14px;margin-bottom:4px}.section-left p{font-size:12px;line-height:1.4}.form-input .ant-input,.form-textarea .ant-input,.form-select .ant-select-selector,.category-selector{padding:8px 12px!important;height:40px!important;font-size:13px!important;border-radius:6px!important}.form-select .ant-select-selector{height:40px!important}.form-textarea .ant-input{min-height:70px!important;padding:8px 12px!important}.checkbox-group{gap:8px;margin-top:12px}.checkbox-group .ant-checkbox-wrapper{font-size:13px}.upload-area{padding:20px 12px;min-height:80px}.upload-content{gap:8px}.upload-icon{font-size:24px}.upload-text{font-size:13px}.upload-hint{font-size:11px}.preview-image{height:140px}.image-preview{min-height:140px}.image-overlay{padding:12px}.image-name{font-size:12px;max-width:150px}.image-size{font-size:11px}.remove-image-btn{height:28px!important;padding:0 8px!important;font-size:11px!important}.change-btn{height:36px!important;padding:0 16px!important;font-size:12px!important}.schedule-buttons{gap:8px}.schedule-button{height:40px!important;font-size:12px!important;gap:6px!important}.create-button{height:42px!important;font-size:14px!important;font-weight:600!important}.add-product-modal .ant-modal-close{top:12px!important;right:12px!important;width:28px!important;height:28px!important}.add-product-modal .ant-modal-close-x{font-size:14px!important}}@media (max-width: 479px){.modal-header,.modal-body,.modal-footer{padding-left:12px;padding-right:12px}.modal-header{padding-top:12px;padding-bottom:8px}.modal-header h2{font-size:16px}.form-section{gap:8px;margin-bottom:16px;padding-bottom:16px}.section-left h3{font-size:13px}.section-left p{font-size:11px}.form-input .ant-input,.form-textarea .ant-input,.form-select .ant-select-selector,.category-selector{height:36px!important;font-size:12px!important;padding:6px 10px!important}.form-select .ant-select-selector{height:36px!important}.form-textarea .ant-input{min-height:60px!important}.upload-area{padding:16px 8px;min-height:70px}.upload-icon{font-size:20px}.upload-text{font-size:12px}.upload-hint{font-size:10px}.preview-image{height:120px}.image-preview{min-height:120px}.schedule-button{height:36px!important;font-size:11px!important}.create-button{height:40px!important;font-size:13px!important}}@media (max-width: 767px){.form-input .ant-input,.form-textarea .ant-input,.form-select .ant-select-selector,.category-selector,.schedule-button,.create-button,.upload-area,.change-btn,.remove-image-btn{min-height:44px!important;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.schedule-button:active,.create-button:active,.change-btn:active,.remove-image-btn:active{transform:scale(.98);transition:transform .1s ease}.form-input .ant-input:focus,.form-textarea .ant-input:focus,.form-select .ant-select-focused .ant-select-selector,.category-selector:focus{outline:2px solid #1890ff;outline-offset:2px}.form-input .ant-input,.form-textarea .ant-input{font-size:max(14px,1rem)!important}}.add-product-modal .ant-modal{transition:all .3s cubic-bezier(.4,0,.2,1)}.form-section,.modal-header,.modal-body,.modal-footer{transition:padding .3s ease}.create-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px #1890ff4d}.schedule-button:not(.selected):hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}@media (max-height: 500px) and (orientation: landscape){.modal-header{padding:8px 16px 6px}.modal-header h2{font-size:16px}.modal-body{padding:12px 16px 80px}.modal-footer{padding:8px 16px}.form-section{margin-bottom:12px;padding-bottom:12px;gap:8px}.section-left h3{font-size:13px;margin-bottom:2px}.section-left p{font-size:11px}.upload-area{min-height:60px;padding:12px}.preview-image,.image-preview{height:100px;min-height:100px}.create-button{height:36px!important;font-size:13px!important}}.category-selector{width:100%;height:48px;border:1px solid #3B82F6;border-radius:8px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease;background:#fff;margin-bottom:16px}.category-selector:hover{border-color:#2563eb;box-shadow:0 0 0 3px #3b82f61a}.category-selector.has-value{color:#1f2937}.category-value{font-size:14px;color:#9ca3af;flex:1}.category-selector.has-value .category-value{color:#1f2937}.category-arrow{color:#6b7280;font-size:12px;transition:transform .2s ease}.category-selector:hover .category-arrow{color:#2563eb}.schedule-buttons{display:flex;gap:12px;margin-bottom:16px}.schedule-button{flex:1;height:48px;border:1px solid #e5e7eb;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#6b7280;font-size:14px;transition:all .2s ease}.schedule-button:hover,.schedule-button:focus{border-color:#2563eb!important;color:#2563eb!important;box-shadow:0 0 0 3px #3b82f61a!important}.schedule-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;margin-top:12px}.selected-days,.selected-time{display:flex;align-items:center;margin-bottom:4px}.selected-days:last-child,.selected-time:last-child{margin-bottom:0}.summary-label{font-size:12px;color:#64748b;font-weight:500;min-width:45px}.summary-value{font-size:14px;color:#1e293b;font-weight:500}.days-selection-modal .ant-modal-body{padding:24px}.days-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:20px}.day-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.day-item:hover{border-color:#2563eb;background:#f8fafc}.day-item.selected{border-color:#2563eb;background:#eff6ff;color:#2563eb}.day-label{font-size:14px;font-weight:500}.day-checkmark{font-size:16px;font-weight:700;color:#2563eb}.days-actions{display:flex;justify-content:space-between;padding-top:16px;border-top:1px solid #e5e7eb}.days-actions .ant-btn-link{padding:0;height:auto;font-size:13px;color:#2563eb}.days-actions .ant-btn-link:hover{color:#1d4ed8}.time-selection-modal .ant-modal-body{padding:24px}.time-picker-container{text-align:center}.time-picker-container .ant-picker{margin-bottom:16px}.time-hint{font-size:13px;color:#64748b;margin:0;font-style:italic}.input-wrapper{position:relative;margin-bottom:16px}.input-wrapper:last-child{margin-bottom:0}.error-message{color:#ff4d4f;font-size:12px;margin-top:4px;padding-left:4px;display:flex;align-items:center;gap:4px}.form-input.error,.form-textarea.error{border-color:#ff4d4f!important;box-shadow:0 0 0 2px #ff4d4f1a!important}.form-input.error:focus,.form-textarea.error:focus{border-color:#ff4d4f!important;box-shadow:0 0 0 2px #ff4d4f33!important}.category-selector.error{border-color:#ff4d4f!important;box-shadow:0 0 0 2px #ff4d4f1a!important}.category-selector.error:hover{border-color:#ff4d4f!important}.form-input::-webkit-input-placeholder,.form-textarea::-webkit-input-placeholder{color:#a3a3a3}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:#a3a3a3}.input-wrapper .error-message{animation:slideInError .3s ease-out}.category-selector.error .category-value{color:#ff4d4f}.section-left h3:after{content:""}.form-section:has(.input-wrapper .form-input[placeholder*="*"]) .section-left h3:after,.form-section:has(.category-selector[onclick]) .section-left h3:after{content:" *";color:#ff4d4f;font-weight:400}.products-page{background:transparent;min-height:100vh}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.header-left .page-title{font-size:32px;font-weight:700;color:#1a1a1a;margin:0;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.header-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.search-container{min-width:280px}.header-search{width:100%}.add-product-button{background:#4a90e2;border:none;border-radius:8px;height:40px;padding:0 20px;font-weight:600;box-shadow:0 2px 4px #4a90e233;display:flex;align-items:center;gap:8px}.add-product-button:hover{background:#357abd;box-shadow:0 4px 8px #4a90e24d}.stats-cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:48px;margin-bottom:32px}@media (max-width: 768px){.ant-row{margin-left:0!important;margin-right:0!important;width:100%!important}.ant-col{padding-left:4px!important;padding-right:4px!important}.ant-card{width:100%!important;min-width:unset!important;max-width:100%!important;margin:0!important}}.stat-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;border:none;overflow:hidden;min-height:124px}.stat-card .ant-card-body{padding:20px;height:100%;display:flex;align-items:center}.stat-content{display:flex;align-items:center;gap:12px;width:100%}.stat-icon{width:31px;height:31px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;flex-shrink:0}.stat-icon.blue{background:linear-gradient(135deg,#4a90e2,#357abd)}.stat-icon.orange{background:linear-gradient(135deg,#faad14,#d48806)}.stat-icon.gray{background:linear-gradient(135deg,#8c8c8c,#595959)}.stat-info{flex:1;display:flex;flex-direction:column;justify-content:center}.stat-label{font-size:12px;color:#8c8c8c;margin-bottom:4px;font-weight:400}.stat-value{font-size:24px;font-weight:700;color:#1a1a1a;line-height:1}.category-tabs-container{margin-bottom:32px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;width:100%;max-width:100%;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.category-tabs-container::-webkit-scrollbar{display:none}.category-tabs-wrapper{display:flex;gap:12px;width:-moz-max-content;width:max-content;padding:4px 0;transform:translateZ(0)}.category-tabs-container .category-card{width:197px!important;height:56.2px!important;min-width:197px!important;min-height:56.2px!important;max-width:197px!important;max-height:56.2px!important;flex-shrink:0;box-sizing:border-box}.product-list-section{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #00000014}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.section-title{font-size:14px;font-weight:600;font-style:normal;color:#2e363c;margin:0;flex-shrink:0;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.section-search{min-width:280px;flex:1;max-width:400px}.section-search-input{width:100%}.products-table-card{border:none;box-shadow:none}.products-table-card .ant-card-body{padding:0}.products-table{border-radius:8px;overflow:hidden}.products-table .ant-table{border-radius:8px}.products-table .ant-table-thead>tr>th{background:#fafafa;border-bottom:1px solid #f0f0f0;font-weight:600;color:#262626;padding:16px}.products-table .ant-table-tbody>tr>td{padding:16px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.products-table .ant-table-tbody>tr:hover>td{background:#f9f9f9}.product-name-cell{display:flex;align-items:center;gap:12px}.product-thumbnail{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #f0f0f0}.product-name{font-weight:600;color:#1a1a1a}.quantity-column{text-align:center}.description-column{color:#8c8c8c;max-width:250px}.price-column{font-weight:600;color:#1a1a1a;text-align:left}.price-cell{display:flex;align-items:center;gap:8px;justify-content:flex-start}.main-price{font-weight:500;font-style:normal;font-size:14px;color:#2e363c;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.total-price{font-weight:500;font-style:normal;font-size:14px;color:#d9d9d9;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.status-indicator{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.actions-cell{display:flex;gap:8px}.action-button{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid transparent;transition:all .2s ease}.edit-button{color:#4a90e2;background:#4a90e21a}.edit-button:hover{background:#4a90e233;border-color:#4a90e2}.delete-button{color:#ff4d4f;background:#ff4d4f1a}.delete-button:hover{background:#ff4d4f33;border-color:#ff4d4f}@media (max-width: 768px){.products-page{padding:16px}.products-header{flex-direction:column;align-items:stretch}.header-right{flex-direction:column;gap:12px}.search-container{min-width:auto}.section-search{min-width:auto;max-width:none}.stats-cards-row{grid-template-columns:repeat(2,1fr);gap:8px}.ant-row .ant-col{padding:0 4px!important;margin-bottom:8px}.ant-row .ant-col .ant-card{width:100%!important;min-width:unset!important;max-width:100%!important;height:80px!important;margin:0!important}.section-header{flex-direction:column;align-items:stretch;gap:16px}.category-tabs-container{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.products-table{font-size:14px}.products-table .ant-table-thead>tr>th,.products-table .ant-table-tbody>tr>td{padding:12px 8px}.product-name-cell{gap:8px}.product-thumbnail{width:32px;height:32px}.description-column{max-width:150px}}@media (max-width: 576px){.stats-cards-row{grid-template-columns:1fr}.stat-content{gap:12px}.stat-icon{width:40px;height:40px;font-size:18px}.stat-value{font-size:24px}.category-tab{padding:10px 16px}.header-left .page-title{font-size:28px}}@media (max-width: 480px){.description-column{display:none}.products-table .ant-table-thead>tr>th:nth-child(2),.products-table .ant-table-tbody>tr>td:nth-child(2){display:none}}@media (max-width: 768px){.ant-row{margin-left:0!important;margin-right:0!important;width:100%!important}.ant-row .ant-col{padding-left:4px!important;padding-right:4px!important;flex:1 1 50%!important;max-width:50%!important}.ant-row .ant-col .ant-card{width:100%!important;min-width:unset!important;max-width:100%!important;height:80px!important;margin:0!important;box-sizing:border-box!important}.ant-card-body{padding:6px 8px!important;overflow:hidden!important}.ant-card-body>div{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}}.add-user-modal-wrap{position:fixed!important;top:0!important;right:0!important;left:0!important;width:100vw!important;height:100vh!important;margin:0!important;z-index:1000;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.add-user-modal-wrap .ant-modal{position:absolute!important;right:0!important;top:0!important;margin:0!important;max-width:none!important;width:626px!important;height:100vh!important;padding:0!important}.add-user-modal{padding:0!important;margin:0!important}.add-user-modal .ant-modal-content{border-radius:0!important;height:100vh!important;padding:0!important;display:flex!important;flex-direction:column!important;box-shadow:-4px 0 15px #0000001a!important}.add-user-modal .ant-modal-body{padding:0!important;height:100vh!important;overflow:hidden!important;flex:1!important}.add-user-modal .ant-modal-close{display:none!important}.add-user-modal-wrap.ant-zoom-enter,.add-user-modal-wrap.ant-zoom-appear{transform:translate(100%)!important;animation:slideInRight .3s ease-out forwards!important}.add-user-modal-wrap.ant-zoom-leave{animation:slideOutRight .3s ease-in forwards!important}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}.add-user-modal-content{display:flex;flex-direction:column;height:100vh;background:#fff}.modal-body{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column}.user-avatar{border:4.77px solid #2E363C}.update-image-btn{color:#2196f3;font-weight:700;padding:0;height:auto;font-size:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:16px;font-weight:400;color:#2e363c;margin:0}.form-input{height:61px;min-height:61px;border-radius:8px;border:1px solid #d9d9d9;font-size:14px}.user-form-field{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;visibility:visible!important}.user-form-label{font-size:16px!important;font-weight:400!important;color:#2e363c!important;margin:0!important;display:block!important;visibility:visible!important}.user-form-input{height:61px!important;min-height:61px!important;border-radius:8px!important;border:1px solid #d9d9d9!important;font-size:14px!important;display:block!important;visibility:visible!important;width:100%!important}.form-input:focus,.form-input:hover{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.user-form-input:focus,.user-form-input:hover{border-color:#2196f3!important;box-shadow:0 0 0 2px #2196f31a!important}.role-options{display:flex;flex-direction:column;gap:16px}.role-radio-group-horizontal{width:100%}.role-radio-group{display:flex;gap:16px;flex-wrap:wrap;width:100%;padding-right:16px}.role-radio-container{position:relative;flex:1;min-width:120px}.role-radio{margin:0;font-size:14px;width:100%;white-space:nowrap}.role-radio .ant-radio{transform:scale(1.2)}.role-radio .ant-radio-checked .ant-radio-inner{background-color:#2196f3;border-color:#2196f3}.role-close-icon{position:absolute;top:-8px;right:-8px;font-size:12px;color:#999;border:1px solid #9E9E9E;cursor:pointer;padding:3px;border-radius:50%;transition:all .2s ease;background:#fffc;z-index:10}.role-close-icon:hover{color:#ff4757;background:#fff;transform:scale(1.1)}.custom-role-section{position:relative;margin-top:8px}.custom-role-input{height:61px;min-height:61px;border-radius:8px;background-color:#f8f9fa;border:1px solid #e9ecef}.add-role-icon{height:36px;width:40px;display:flex;align-items:center;justify-content:center;color:#2196f3;background:#e3f2fd;padding:4px;border-radius:4px;cursor:pointer;transition:all .2s ease}.add-role-icon:hover{background:#bbdefb;transform:scale(1.1)}.add-role-icon[style*="background-color: rgb(33, 150, 243)"]:hover{background-color:#1976d2!important;transform:scale(1.1)}.date-picker{width:100%}.date-picker .ant-picker-suffix{color:#666}.reminder-checkbox{font-size:16px;font-weight:400;color:#2e363c}.reminder-checkbox .ant-checkbox-checked .ant-checkbox-inner{background-color:#2196f3;border-color:#2196f3}.permissions-section{margin-top:32px}.permissions-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.permissions-title{font-size:16px;font-weight:700;margin:0;color:#263238}.permissions-table{border:none;border-radius:8px;overflow:hidden}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.toggle-slider{position:absolute;inset:0;background-color:#ccc;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch.disabled{cursor:not-allowed;opacity:.5}.toggle-switch.disabled input:disabled+.toggle-slider{background-color:#f0f0f0;cursor:not-allowed}.toggle-switch.disabled input:disabled+.toggle-slider:before{background-color:#d9d9d9}.toggle-switch.disabled input:checked:disabled+.toggle-slider{background-color:#e6e6e6}.toggle-switch.disabled input:checked:disabled+.toggle-slider:before{background-color:#bfbfbf}.add-to-list-btn{width:100%;height:48px;background:linear-gradient(90deg,#8cccff,#2196f3);border:none;border-radius:8px;font-size:16px;font-weight:600;box-shadow:0 4px 12px #2196f34d}.add-to-list-btn:hover{background:linear-gradient(90deg,#7bbfff,#1976d2);box-shadow:0 6px 16px #2196f366}.add-to-list-btn:disabled{background:#f5f5f5;color:#bbb;box-shadow:none}@media (max-width: 768px){.add-user-modal-wrap .ant-modal{width:100vw!important;left:0!important;right:0!important}.role-radio-group{flex-direction:column;gap:12px}.role-radio-container{min-width:auto}.form-input,.custom-role-input{height:56px;min-height:56px;font-size:16px}.add-to-list-btn{height:44px;font-size:15px}}@media (max-width: 480px){.add-user-modal-wrap,.form-label,.permissions-title{font-size:14px}.role-radio{font-size:12px}.user-avatar{width:60px!important;height:60px!important}}@media (min-width: 1200px){.add-user-modal-wrap .ant-modal{width:700px!important}}.bottom-sheet-overlay{position:fixed;inset:0;background-color:#00000080;z-index:9999;display:flex;align-items:flex-end}.add-user-bottom-sheet{width:100%;height:85vh;max-width:100vw;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -4px 20px #0000001a;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.user-form-field{display:flex;flex-direction:column;gap:8px;width:100%}.user-form-label{font-size:16px;font-weight:400;color:#2e363c;margin:0;display:block}.user-form-input{height:61px!important;min-height:61px;border-radius:8px;border:1px solid #d9d9d9;font-size:14px;display:block;width:100%}.user-form-input:focus,.user-form-input:focus-within{border-color:#2196f3!important;box-shadow:0 0 0 2px #2196f31a!important}.role-options{display:block;width:100%}.role-radio-group-horizontal{display:flex;flex-direction:column;gap:16px;width:100%}.role-radio-group{display:flex;flex-direction:row;gap:16px;width:100%;flex-wrap:wrap}.role-radio-container{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.role-radio{display:flex;align-items:center;overflow:hidden;white-space:nowrap}.role-close-icon{cursor:pointer;opacity:.7;transition:opacity .2s}.role-close-icon:hover{opacity:1;color:#ff4d4f}.custom-role-input{margin-top:16px;font-size:14px}.add-role-icon{transition:all .2s}.add-role-icon:hover{transform:scale(1.05)}.user-avatar{margin:0 auto;border:4.77px solid #2E363C}.update-image-btn{padding:0;height:auto;color:#2196f3;font-size:14px;margin-top:8px}.update-image-btn:hover{color:#1976d2}.permissions-section{border:none;width:100%;margin-top:32px}.permissions-header{border:none;border-radius:10px;height:56px;display:flex;align-items:center;gap:12px}.permissions-title{font-size:18px;font-weight:600;color:#2e363c;margin:0}.permissions-table{margin-top:16px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#8cccff}input:focus+.toggle-slider{box-shadow:0 0 1px #2196f3}input:checked+.toggle-slider:before{transform:translate(20px);background-color:#2196f3}.toggle-switch.disabled{opacity:.5;pointer-events:none}.toggle-switch.disabled .toggle-slider{cursor:not-allowed}.user-form-input.ant-input-status-error{border-color:#ff4d4f!important}.reminder-checkbox{display:flex;align-items:center;gap:8px}.add-to-list-btn{width:100%;height:44px;border-radius:6px;font-size:14px;font-weight:500;background:linear-gradient(90deg,#8cccff,#2196f3);border:none}.add-to-list-btn:hover{background:linear-gradient(90deg,#7bb9ff,#1976d2)!important}.add-to-list-btn:disabled{background:#f5f5f5!important;color:#bbb!important;cursor:not-allowed}.add-user-bottom-sheet::-webkit-scrollbar{width:4px}.add-user-bottom-sheet::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.add-user-bottom-sheet::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.add-user-bottom-sheet::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.bottom-sheet-handle{width:40px;height:4px;background-color:#d1d5db;border-radius:2px;margin:0 auto 16px}.bottom-sheet-enter{transform:translateY(100%)}.bottom-sheet-enter-active{transform:translateY(0);transition:transform .3s ease-out}.bottom-sheet-exit{transform:translateY(0)}.bottom-sheet-exit-active{transform:translateY(100%);transition:transform .3s ease-in}.settings-page{min-height:100vh;background:#fff;padding:24px;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.settings-container{margin:0 24px;background:#fff;border-radius:12px}.settings-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.settings-title{font-size:28px;font-weight:700;color:#2e363c;margin:0}.add-user-button{height:40px;background:#64b5f6;border-color:#64b5f6;border-radius:8px;font-weight:500;font-size:14px;padding:0 20px}.add-user-button:hover{background:#42a5f5;border-color:#42a5f5}.settings-tabs,.custom-tabs{width:100%}.custom-tabs .ant-tabs-tab{padding:12px 24px;font-size:16px;font-weight:500;color:#666;border-bottom:2px solid transparent}.custom-tabs .ant-tabs-tab-active{color:#2196f3;border-bottom-color:#2196f3}.custom-tabs .ant-tabs-content-holder{padding-top:24px}.tab-content{width:100%}.search-section{margin-bottom:24px;display:flex;justify-content:flex-start}.settings-search-bar{transition:all .3s ease}.settings-search-bar .hero-search-input{height:40px;border-radius:8px;border:1px solid #d9d9d9;box-shadow:0 2px 4px #00000005;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-search-bar .hero-search-input:hover{border-color:#2196f3;box-shadow:0 4px 8px #2196f31a;transform:translateY(-1px)}.settings-search-bar .hero-search-input:focus-within{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a,0 4px 12px #2196f326;transform:translateY(-1px)}.settings-search-bar .hero-search-input .ant-input{font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:14px;border:none;outline:none;box-shadow:none}.settings-search-bar .hero-search-input .ant-input::-moz-placeholder{color:#8c8c8c;font-weight:400}.settings-search-bar .hero-search-input .ant-input::placeholder{color:#8c8c8c;font-weight:400}.settings-search-bar .hero-search-input .ant-input-prefix{color:#8c8c8c;margin-right:8px}@media (max-width: 768px){.search-section{justify-content:stretch}.settings-search-bar{max-width:100%!important;width:100%!important}}@media (max-width: 576px){.settings-search-bar .hero-search-input .ant-input{font-size:13px}}@media (max-width: 480px){.settings-search-bar .hero-search-input .ant-input{font-size:12px}}.search-input{width:320px;height:40px;border-radius:8px;border:1px solid #d9d9d9}.search-input:focus,.search-input:hover{border-color:#2196f3}.filter-buttons{display:flex;gap:12px;margin-bottom:24px}.filter-button{height:36px;border-radius:10px;border:1px solid #d9d9d9;background:#fff;color:#666;font-size:14px;font-weight:400;padding:0 16px;transition:all .2s ease}.filter-button:hover{border-color:#2196f3;color:#2196f3}.filter-button.active{background:#2196f3;border-color:#2196f3;color:#fff}.filter-button.active:hover{background:#1976d2;border-color:#1976d2}.users-table{margin-bottom:24px}.custom-table{border-radius:8px;overflow:hidden}.custom-table .ant-table-thead>tr>th{background:#fafafa;border-bottom:1px solid #f0f0f0;padding:16px 20px;font-size:14px;font-weight:600;color:#2e363c;height:56px}.custom-table .ant-table-tbody>tr>td{padding:16px 20px;border-bottom:1px solid #f0f0f0;font-size:14px;color:#2e363c;height:64px;vertical-align:middle}.custom-table .ant-table-tbody>tr:hover>td{background:#f8f9fa}.date-cell{display:flex;flex-direction:column;gap:2px}.date{font-weight:500;color:#2e363c;font-size:14px}.time{font-size:12px;color:#666;font-weight:400}.username-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:19.53px;height:19.53px;border-radius:50%;background:#7ac4ff;border:none;display:flex;align-items:center;justify-content:center;color:#000;font-size:14px}.user-avatar .ant-avatar,.username-cell .ant-avatar{border:1px solid rgba(0,0,0,.1)!important}.username{font-weight:500;color:#2e363c;font-size:14px}.role-dropdown{border:none;height:24px;background:#b4deff42;border-radius:5px;color:#2196f3;font-size:14px;font-weight:400;padding:0 8px;height:auto;display:flex;align-items:center;gap:8px}.role-dropdown .anticon-down{color:#000;margin-left:6px}.role-dropdown:hover{background:#b4deff42;transform:scale(1.05)}.role-dropdown-disabled{cursor:default!important;opacity:1!important;background:#b4deff42!important;color:#2196f3!important;border:none!important}.role-dropdown-disabled:hover{background:#b4deff42!important;transform:none!important;color:#2196f3!important}.role-dropdown-disabled .anticon-down{color:#000!important}.custom-dropdown .ant-dropdown-menu{min-width:263px;min-height:319px;border-radius:10px;padding:24px 12px;background:#f6f6f6}.custom-dropdown .ant-dropdown-menu-item:hover{background:#fff;padding:8px}.activities-count{font-weight:500;color:#2e363c;font-size:14px}.last-login-action{display:flex;align-items:center;gap:8px}.last-login{font-size:14px;color:#666;font-weight:400}.action-button{width:32px;height:32px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#666;transition:all .2s ease}.action-button:hover{background:#f5f5f5;color:#2e363c}.action-button .anticon{font-size:20px;color:#000}.ant-dropdown{box-shadow:0 4px 12px #00000026;border-radius:8px;overflow:hidden;border:none}.ant-dropdown-menu{background:#fff;border-radius:8px;padding:0;box-shadow:0 4px 12px #00000026;border:none;min-width:180px}.ant-dropdown-menu-item{padding:0;margin:0;border:none;line-height:normal}.ant-dropdown-menu-item:hover{background:#f8f9fa}.action-menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;color:#2e363c;font-size:14px;font-weight:400;transition:all .2s ease;cursor:pointer;width:100%;border:none;background:#fff}.action-menu-item:hover{background:#fff;color:#2e363c}.action-icon{font-size:16px;color:#666;flex-shrink:0}.action-menu-item span{font-size:14px;color:#2e363c;font-weight:400;white-space:nowrap}.pagination-section{display:flex;justify-content:space-between;align-items:center;padding-top:16px}.pagination-info{display:flex;align-items:center;gap:12px}.page-text{font-size:14px;color:#666;font-weight:400}.custom-pagination{display:flex;align-items:center}.custom-pagination .ant-pagination-item{border:1px solid #d9d9d9;border-radius:6px;margin:0 4px;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:14px}.custom-pagination .ant-pagination-item-active{background:#2196f3;border-color:#2196f3}.custom-pagination .ant-pagination-item-active a{color:#fff}.custom-pagination .ant-pagination-prev,.custom-pagination .ant-pagination-next{border:1px solid #d9d9d9;border-radius:6px;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.profile-content{padding:40px;text-align:center;color:#666}@media (max-width: 1024px){.settings-container{padding:24px}.search-input{width:100%;max-width:320px}.filter-buttons{flex-wrap:wrap}}@media (max-width: 768px){.settings-page{padding:16px}.settings-container{padding:20px}.settings-header{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:16px;width:100%}.search-input{width:100%}.filter-buttons{width:100%;justify-content:flex-start}.custom-table .ant-table-thead>tr>th,.custom-table .ant-table-tbody>tr>td{padding:12px 16px}.pagination-section{flex-direction:column;gap:16px;align-items:flex-start}.mobile-pagination{padding-top:12px;border-top:1px solid #f0f0f0}.mobile-pagination .pagination-info{width:100%;justify-content:space-between}.mobile-page-info{font-size:12px;color:#666;font-weight:400}.mobile-pagination-nav{align-self:center}.mobile-pagination-nav .ant-pagination-item{min-width:28px;height:28px;line-height:26px;font-size:12px;margin-right:4px}.mobile-pagination-nav .ant-pagination-prev,.mobile-pagination-nav .ant-pagination-next,.mobile-pagination-nav .ant-pagination-jump-prev,.mobile-pagination-nav .ant-pagination-jump-next{min-width:28px;height:28px;line-height:26px;margin-right:4px}}@media (max-width: 480px){.settings-title{font-size:24px;flex-shrink:0}.add-rider-btn{font-size:12px;padding:0 16px;height:36px}.custom-tabs .ant-tabs-tab{padding:8px 16px;font-size:14px}.filter-button{font-size:12px;padding:0 12px;height:32px}.custom-table .ant-table-thead>tr>th,.custom-table .ant-table-tbody>tr>td{padding:8px 12px;font-size:12px}.date{font-size:12px}.time{font-size:10px}.username{font-size:12px}.mobile-pagination{padding-top:8px}.mobile-pagination .pagination-info{gap:8px}.mobile-page-info{font-size:11px}.mobile-pagination-nav .ant-pagination-item{min-width:24px;height:24px;line-height:22px;font-size:11px;margin-right:2px}.mobile-pagination-nav .ant-pagination-prev,.mobile-pagination-nav .ant-pagination-next,.mobile-pagination-nav .ant-pagination-jump-prev,.mobile-pagination-nav .ant-pagination-jump-next{min-width:24px;height:24px;line-height:22px;margin-right:2px}.user-avatar{width:28px;height:28px;font-size:12px}}.view-activities-modal .ant-modal-content{border-radius:10px;overflow:hidden;padding:0}.view-activities-modal .ant-modal-body{padding:0}.activities-modal-content{background:#fff;border-radius:10px;padding:24px}.activities-header{margin-bottom:24px}.user-profile-section{display:flex;align-items:center;gap:16px;margin-bottom:20px}.user-avatar-large{width:81px!important;height:81px!important;border:4.77px solid #2E363C;border-radius:50%}.user-info{flex:1}.user-info.user-name{font-size:20px!important;font-weight:700!important;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;color:#2e363c!important;margin:0 0 4px!important}.timestamp{display:flex;gap:4px}.timestamp .date{font-size:10px;font-weight:500;color:#2e363c}.timestamp .time{font-size:10px;font-weight:500;color:#b6b6b6}.metric-cards{display:flex;gap:16px;padding-bottom:32px}.metric-card{flex:1;height:40px;width:228px;border:1px solid #2196F3;background:#fdfeff;border-radius:10px;padding:0 12px;display:flex;align-items:center;flex-direction:row;justify-content:space-between}.metric-label{font-size:14px;font-weight:300;color:#2196f3;margin-bottom:4px}.metric-value{font-size:14px;font-weight:600;color:#2196f3}.filter-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.filter-btn{height:28px;border:1px solid #B6B6B6;border-radius:5px;background:#fff;color:#2e363c;display:flex;align-items:center;gap:8px;padding:0 12px}.order-summary{height:26px;border:1px solid #D9D9D9;border-radius:5px;background:#fff;padding:6px 12px;display:flex;align-items:center;gap:8px}.order-count{font-size:12px;font-weight:300;color:#b6b6b6}.order-total{font-size:12px;font-weight:600;color:#b6b6b6}.share-btn{height:28px;border:1px solid #B6B6B6;border-radius:5px;background:#fff;color:#2e363c;padding:0 12px}.share-btn .anticon{color:#000}.orders-section{background:#fff}.orders-header{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;height:40px;width:100%;padding:5px 8px;border:1px solid #CCCCCC;border-radius:10px;margin-bottom:16px}.col-orders{font-size:16px;font-weight:700;color:#2e363c;text-align:left}.col-price{font-size:16px;font-weight:700;color:#2e363c;display:flex;text-align:center}.col-status{font-size:16px;font-weight:700;color:#2e363c;text-align:right}.orders-list{display:flex;flex-direction:column}.order-item{min-height:65px!important;height:65px;background-color:#fff;display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;align-items:center;padding:12px 0}.order-info{display:flex;align-items:center;gap:12px}.food-image{width:29px!important;height:29px!important;border-radius:10px;-o-object-fit:cover;object-fit:cover}.order-name{font-size:14px;font-weight:500;color:#2e363c;margin-bottom:4px!important}.order-timestamp{font-size:10px;font-weight:400;color:#b6b6b6}.order-status{display:flex;justify-content:flex-end}.status-badge{min-height:21px;border:1px solid rgba(112,192,255,.26);background:#f8fcff;border-radius:5px;padding:4px 8px;font-size:10px;font-weight:300;color:#2e363c;display:inline-flex;align-items:center;justify-content:center}.status-completed{border-color:#4caf5042;background:#f1f8e9;color:#388e3c}.status-pending{border-color:#ff980042;background:#fff3e0;color:#f57c00}.status-cancelled{border-color:#9e9e9e42;background:#f5f5f5;color:#757575}.order-divider{height:1px;background:#d9d9d9;margin:0}@media (max-width: 768px){.view-activities-modal{margin:0;max-width:100vw;width:100%!important;top:0}.view-activities-modal .ant-modal-content{margin:8px;border-radius:12px}.activities-modal-content{padding:16px}.activities-header{flex-direction:column;gap:16px}.user-profile-section{flex-direction:column;text-align:center;gap:12px}.metric-cards{flex-direction:column;gap:12px}.metric-card{min-width:auto;width:100%}.filter-section{flex-direction:column;gap:12px;align-items:stretch}.filter-section>div:first-child{flex-direction:column;gap:8px}.orders-header{font-size:14px}.order-item{flex-direction:column;gap:8px;align-items:flex-start}.order-info{width:100%}.order-name{font-size:14px}.order-timestamp{font-size:12px}}@media (max-width: 480px){.view-activities-modal .ant-modal-content{margin:4px}.activities-modal-content{padding:12px}.user-avatar-large{width:60px!important;height:60px!important}.user-name{font-size:18px!important}.metric-value{font-size:18px}.metric-label{font-size:12px}.filter-btn,.share-btn{width:100%;justify-content:center}.order-summary{justify-content:space-between;width:100%}}.profile-content{max-width:600px;margin:0 auto;padding:32px 24px}.profile-picture-section{display:flex;flex-direction:column;align-items:center;margin-bottom:48px;padding-bottom:32px}.profile-avatar-container{margin-bottom:24px}.profile-avatar{border:4px solid #f0f0f0;box-shadow:0 4px 12px #0000001a}.update-profile-pic-btn{display:flex;align-items:center;gap:8px;height:40px;border:1px solid #64B5F6;color:#64b5f6;background:#fff;border-radius:8px;font-weight:500;font-size:14px;padding:0 20px;transition:all .3s ease}.update-profile-pic-btn:hover{background:#64b5f6;color:#fff;border-color:#64b5f6}.business-info-section,.password-section{margin-bottom:40px}.section-title{font-size:22px;font-weight:600;color:#2e363c;margin:0 0 32px}.form-label{display:block;font-size:16px;font-weight:500;color:#2e363c;margin-bottom:8px;text-align:left}.input-with-icon{position:relative}.profile-input{height:48px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;padding:12px 48px 12px 16px;transition:all .3s ease}.profile-input:hover{border-color:#64b5f6}.profile-input:focus,.profile-input.ant-input-focused{border-color:#64b5f6;box-shadow:0 0 0 2px #64b5f633}.input-edit-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#64b5f6;font-size:16px;cursor:pointer;transition:color .3s ease;z-index:10;pointer-events:auto}.input-edit-icon:hover{color:#42a5f5}.input-save-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);height:28px;border:none;background:#64b5f6;color:#fff;border-radius:4px;font-size:12px;font-weight:500;padding:0 12px;cursor:pointer;transition:all .3s ease;z-index:10}.input-save-button:hover{background:#42a5f5;color:#fff}.profile-input:disabled{background-color:#f5f5f5;border-color:#d9d9d9;color:#333;cursor:not-allowed}.profile-input:disabled:hover{background-color:#f5f5f5;border-color:#d9d9d9}.input-with-icon .input-edit-icon{display:block!important;visibility:visible!important;opacity:1!important}.profile-input.ant-input-password,.profile-input.ant-input-password .ant-input{padding-right:48px}.profile-input .ant-input-password-icon{color:#64b5f6!important;right:16px!important;z-index:5!important;font-size:16px!important}.profile-input .ant-input-password-icon:hover{color:#42a5f5!important}.update-button-section{display:flex;justify-content:center;margin-top:48px}.update-profile-btn{width:200px;height:48px;background:linear-gradient(90deg,#64b5f6,#42a5f5);border:none;border-radius:8px;font-weight:600;font-size:16px;box-shadow:0 4px 12px #64b5f64d;transition:all .3s ease}.update-profile-btn:hover{background:linear-gradient(90deg,#42a5f5,#2196f3);box-shadow:0 6px 16px #64b5f666;transform:translateY(-2px)}@media (max-width: 768px){.profile-content{padding:24px 16px}.profile-picture-section{margin-bottom:32px}.profile-avatar{width:100px!important;height:100px!important}.section-title{font-size:20px;margin-bottom:24px}.form-group{margin-bottom:20px}.profile-input{height:44px;font-size:16px}.update-profile-btn{width:100%;max-width:300px}}.slide-modal-wrapper{position:fixed!important;right:0!important;top:0!important;height:100vh!important;width:520px!important;z-index:1050!important;box-shadow:-4px 0 15px #0000001a}.slide-modal-wrapper.slide-in{animation:slideInFromRight .3s cubic-bezier(.4,0,.2,1)}.slide-modal-wrapper.slide-out{animation:slideOutToRight .3s cubic-bezier(.4,0,.2,1)}.add-user-modal .ant-modal{margin:0!important;max-width:none!important;height:100vh!important;border-radius:0!important;box-shadow:none!important}.add-user-modal .ant-modal-content{height:100vh!important;border-radius:0!important;box-shadow:none!important;display:flex;flex-direction:column}.add-user-modal .ant-modal-header{border-bottom:1px solid #f0f0f0;padding:24px 32px;flex-shrink:0}.add-user-modal .ant-modal-body{padding:0!important;flex:1;overflow-y:auto;background:#fff}.add-user-modal .ant-modal-close{top:24px;right:32px}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutToRight{0%{transform:translate(0)}to{transform:translate(100%)}}.add-user-modal-content{padding:32px}.modal-header{margin-bottom:32px}.modal-title{font-size:24px;font-weight:600;color:#2e363c;margin:0}.add-user-modal .profile-picture-section{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.add-user-modal .user-avatar{margin-bottom:12px;border:3px solid #f0f0f0}.update-image-btn{font-size:14px!important;color:#2196f3!important;padding:0!important}.update-image-btn:hover{color:#1976d2!important}.form-section{margin-bottom:32px}.form-group{margin-bottom:24px}.form-label{display:block;font-size:14px;font-weight:500;color:#2e363c;margin-bottom:8px}.form-input{height:44px;border-radius:8px;border:1px solid #E0E0E0;font-size:14px}.form-input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.role-selection,.role-radio-group{display:flex;flex-direction:column;gap:16px}.role-radio{display:flex;align-items:center;padding:12px 16px;border:1px solid #E0E0E0;border-radius:8px;margin:0;transition:all .2s}.role-radio:hover{border-color:#2196f3;background-color:#f8f9fa}.role-radio.ant-radio-wrapper-checked{border-color:#2196f3;background-color:#2196f30d}.role-text{font-size:14px;color:#2e363c;margin-left:8px}.custom-role-section{margin-top:16px}.custom-role-input{height:44px}.add-role-btn{background:#2196f3;border:none;border-radius:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.add-role-btn:hover{background:#1976d2}.birthday-picker{height:44px}.birthday-reminder{margin-top:12px}.reminder-checkbox .ant-checkbox+span{font-size:14px;color:#666}.permissions-section{margin-bottom:32px;border:1px solid #E0E0E0;border-radius:12px;overflow:hidden}.permissions-header{display:flex;align-items:center;padding:16px 20px;background-color:#f8f9fa;border-bottom:1px solid #E0E0E0}.permissions-title{font-size:16px;font-weight:500;color:#2e363c}.permissions-table{background:#fff}.permissions-table-header{display:grid;grid-template-columns:1fr auto auto;gap:20px;padding:16px 20px;background-color:#f8f9fa;border-bottom:1px solid #E0E0E0;font-size:14px;font-weight:500;color:#666}.col-access{text-align:left}.col-view,.col-edit{text-align:center;width:120px}.permission-row{display:grid;grid-template-columns:1fr auto auto;gap:20px;padding:16px 20px;border-bottom:1px solid #f0f0f0;align-items:center}.permission-row:last-child{border-bottom:none}.permission-info{display:flex;flex-direction:column}.permission-name{font-size:14px;font-weight:500;color:#2e363c;margin-bottom:4px}.permission-desc{font-size:12px;color:#666;line-height:1.4}.permission-switch{display:flex;justify-content:center;width:120px}.modal-footer{margin-top:32px;padding-top:24px;border-top:1px solid #f0f0f0}.submit-btn{width:100%;height:48px;border-radius:8px;font-size:16px;font-weight:500}.profile-content{padding:40px 60px;max-width:900px;margin:0 auto;background:#fff}.profile-avatar-container{display:flex;flex-direction:column;align-items:center;margin-bottom:60px}.profile-avatar-wrapper{margin-bottom:20px}.profile-avatar{border:3px solid #64B5F6!important;background:#f0f0f0!important}.update-pic-btn{border:2px solid #64B5F6!important;color:#64b5f6!important;background:transparent!important;border-radius:8px;height:40px;padding:0 24px;font-weight:500;font-size:14px}.update-pic-btn:hover{border-color:#42a5f5!important;color:#42a5f5!important;background:#64b5f60d!important}.section-heading{font-size:32px;font-weight:700;color:#2e363c;margin:0 0 40px;text-align:center}.business-info-section,.password-section{margin-bottom:60px}.input-group{margin-bottom:32px}.input-label{display:flex;font-size:16px;font-weight:400;color:#2e363c;margin-bottom:12px}.input-wrapper{position:relative;display:flex;align-items:center}.profile-field-input{height:52px!important;border:2px solid #64B5F6!important;border-radius:12px!important;font-size:16px!important;padding:12px 50px 12px 16px!important;background:#fff!important;width:100%!important}.profile-field-input:focus{border-color:#42a5f5!important;box-shadow:0 0 0 3px #64b5f61a!important}.input-edit-icon{position:absolute;right:16px;color:#666;font-size:16px;cursor:pointer;transition:all .2s ease;padding:4px;border-radius:4px}.input-edit-icon:hover{color:#1890ff;background:#1890ff1a;transform:scale(1.1)}.profile-field-input:disabled{background:#f5f5f5!important;border-color:#d9d9d9!important;color:#666!important;cursor:not-allowed}.profile-field-input:not(:disabled){border-color:#1890ff!important;box-shadow:0 0 0 2px #1890ff1a}.profile-field-input-mobile{height:31px!important;border:2px solid #64B5F6!important;border-radius:6px!important;font-size:10px!important;padding:8px 40px 8px 12px!important;background:#fff!important;width:100%!important}.profile-field-input-mobile:focus{border-color:#42a5f5!important;box-shadow:0 0 0 2px #64b5f61a!important}.profile-field-input-mobile:disabled{background:#f5f5f5!important;border-color:#d9d9d9!important;color:#666!important;cursor:not-allowed}.profile-field-input-mobile:not(:disabled){border-color:#1890ff!important;box-shadow:0 0 0 2px #1890ff1a}.profile-update-btn-mobile{height:36px!important;font-size:12px!important;width:100%!important;border-radius:6px!important;font-weight:600!important}.profile-update-section{display:flex;justify-content:center;margin-top:40px}.profile-update-btn{background:linear-gradient(90deg,#8cccff,#2196f3)!important;border:none!important;border-radius:12px!important;height:52px!important;padding:0 80px!important;font-size:18px!important;font-weight:600!important;color:#fff!important}.profile-update-btn:hover{background:#42a5f5!important;transform:translateY(-1px);box-shadow:0 4px 12px #64b5f64d}.profile-header,.profile-form-section,.security-section,.preferences-section,.profile-actions,.form-row,.form-group,.form-label,.profile-input,.edit-profile-btn,.section-title,.preference-items,.preference-item,.preference-info,.save-profile-btn,.cancel-profile-btn{display:none!important}@media (max-width: 768px){.profile-content{padding:24px 20px}.section-heading{font-size:20px;margin-bottom:24px}.input-group{margin-bottom:24px}.business-info-section,.password-section{margin-bottom:40px}.profile-update-btn{padding:0 60px!important;font-size:16px!important}}@media (max-width: 768px){.slide-modal-wrapper{width:100%!important}.profile-content{padding:16px}.profile-header{flex-direction:column;text-align:center;gap:16px}.form-row{grid-template-columns:1fr;gap:16px}.profile-actions{flex-direction:column}.save-profile-btn,.cancel-profile-btn{width:100%}.permissions-table-header,.permission-row{grid-template-columns:1fr 80px 80px;gap:12px}.col-view,.col-edit{width:80px;font-size:12px}.permission-switch{width:80px}.add-user-modal-content{padding:24px 20px}}.notification-preferences-section{margin-top:32px;padding:24px;border:1px solid #f0f0f0;border-radius:12px;background:#fafafa}.notification-preferences-section .section-heading{font-size:18px;font-weight:600;color:#2e363c;margin:0 0 8px}.notification-preferences-section .section-description{font-size:14px;color:#666;margin:0 0 24px;line-height:1.5}.notification-checkboxes{display:flex;flex-direction:column;gap:12px}.notification-checkbox-group{background:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:18px;transition:all .2s ease}.notification-checkbox-group:hover{border-color:#64b5f6;box-shadow:0 2px 8px #64b5f61a}.notification-checkbox-group .ant-checkbox-wrapper{width:100%;display:flex;align-items:flex-start;gap:12px;margin:0}.notification-checkbox-group .ant-checkbox{margin-top:4px;flex-shrink:0}.checkbox-content{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.checkbox-label{font-size:16px;font-weight:500;color:#2e363c;line-height:1.4;display:flex;align-items:center;gap:8px}.checkbox-description{font-size:14px;color:#666;line-height:1.4;margin-left:0;padding-left:0}.notification-checkbox-group .ant-checkbox-wrapper-disabled{cursor:not-allowed}.notification-checkbox-group .ant-checkbox-wrapper-disabled .checkbox-content .checkbox-label{color:#52c41a!important;font-weight:600}.notification-checkbox-group .ant-checkbox-wrapper-disabled .checkbox-content .checkbox-description{color:#52c41a!important;font-style:italic}.notification-checkbox-group .ant-checkbox-wrapper-disabled .ant-checkbox-disabled+span{color:inherit!important}@media (max-width: 768px){.notification-preferences-section{margin-top:24px;padding:20px}.notification-checkboxes{gap:10px}.notification-checkbox-group{padding:16px}.checkbox-label{font-size:15px;gap:6px}.checkbox-description{font-size:13px}.notification-checkbox-group .ant-checkbox{margin-top:3px}}@media (max-width: 480px){.notification-preferences-section{padding:16px}.notification-checkbox-group{padding:14px}.checkbox-label{font-size:14px}.checkbox-description{font-size:12px;line-height:1.3}}@media (max-width: 768px){.mobile-table .ant-table-thead>tr>th{font-size:10px!important;padding:8px 4px!important}.mobile-table .ant-table-tbody>tr>td{font-size:10px!important;padding:8px 4px!important}.mobile-table .ant-table-thead>tr>th .ant-table-column-title{font-size:10px!important}.mobile-table .role-dropdown{font-size:10px!important;height:20px!important;padding:0 6px!important;min-width:80px!important;border-radius:3px!important}.mobile-table .role-dropdown span{font-size:10px!important;line-height:1.2!important}.mobile-role-dropdown{height:20px!important;font-size:10px!important;padding:0 6px!important;min-width:80px!important;border-radius:3px!important;background:#b4deff42!important;border:none!important;gap:4px!important}.mobile-role-dropdown span{font-size:10px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:60px!important}.mobile-role-dropdown .anticon-down{font-size:8px!important;margin-left:2px!important;color:#000!important}.mobile-role-dropdown:hover{background:#b4deff66!important;transform:none!important}.mobile-role-dropdown-menu .ant-dropdown-menu{min-width:120px!important;max-width:150px!important;font-size:11px!important;border-radius:4px!important;box-shadow:0 2px 8px #00000026!important}.mobile-role-dropdown-menu .ant-dropdown-menu-item{padding:8px 12px!important;font-size:11px!important;line-height:1.3!important;min-height:28px!important}.mobile-role-dropdown-menu .ant-dropdown-menu-item:hover{background-color:#f5f5f5!important}.mobile-table .ant-btn{font-size:10px!important}.mobile-table .ant-avatar{width:16px!important;height:16px!important;font-size:8px!important}.mobile-checkbox .ant-checkbox{transform:scale(1)!important;margin-right:6px!important}.mobile-checkbox .ant-checkbox-inner{width:16px!important;height:16px!important;border-radius:3px!important;display:flex!important;align-items:center!important;justify-content:center!important}.mobile-checkbox .ant-checkbox-checked .ant-checkbox-inner:after{width:5px!important;height:8px!important;left:50%!important;top:50%!important;transform:translate(-50%,-60%) rotate(45deg)!important;border-width:0 1.5px 1.5px 0!important}.mobile-checkbox+span{font-size:12px!important;padding-left:2px!important}.notification-checkbox-group .mobile-checkbox{margin-bottom:12px!important;display:flex!important;align-items:flex-start!important}.notification-checkbox-group .mobile-checkbox .checkbox-content{padding-left:4px!important;display:flex!important;flex-direction:column!important}.notification-checkbox-group .mobile-checkbox .checkbox-label{font-size:13px!important}.notification-checkbox-group .mobile-checkbox .checkbox-description{font-size:11px!important;line-height:1.3!important}.pagination-info .mobile-checkbox{margin-right:6px!important}.pagination-info .page-text{font-size:12px!important}.bottom-sheet-overlay{position:fixed!important;inset:0!important;background:#00000080!important;z-index:999!important;display:flex!important;align-items:flex-end!important}.action-bottom-sheet{animation:slideUp .3s ease-in-out!important}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-sheet-action-btn{box-shadow:0 1px 3px #0000001a!important;transition:all .2s ease!important}.bottom-sheet-action-btn:hover{background-color:#f8f9fa!important;transform:translateY(-1px)!important;box-shadow:0 2px 6px #00000026!important}.bottom-sheet-action-btn:active{transform:translateY(0)!important;box-shadow:0 1px 3px #0000001a!important}.add-user-bottom-sheet{animation:slideUpAddUser .3s ease-in-out!important}@keyframes slideUpAddUser{0%{transform:translateY(100%)}to{transform:translateY(0)}}.add-user-bottom-sheet .ant-input{transition:border-color .2s ease!important}.add-user-bottom-sheet .ant-input:focus{border-color:#1890ff!important;box-shadow:0 0 0 2px #1890ff33!important}.add-user-bottom-sheet .ant-select{transition:border-color .2s ease!important}.add-user-bottom-sheet .ant-select:hover .ant-select-selector,.add-user-bottom-sheet .ant-select-focused .ant-select-selector{border-color:#1890ff!important}.add-user-bottom-sheet .ant-picker{transition:border-color .2s ease!important}.add-user-bottom-sheet .ant-picker:hover,.add-user-bottom-sheet .ant-picker-focused{border-color:#1890ff!important}.add-user-bottom-sheet>div:nth-child(3){scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.add-user-bottom-sheet>div:nth-child(3)::-webkit-scrollbar{width:4px}.add-user-bottom-sheet>div:nth-child(3)::-webkit-scrollbar-track{background:transparent}.add-user-bottom-sheet>div:nth-child(3)::-webkit-scrollbar-thumb{background-color:#0003;border-radius:2px}.add-user-bottom-sheet>div:nth-child(3)::-webkit-scrollbar-thumb:hover{background-color:#0000004d}}.customer-order-modal,.customer-order-modal *,.order-modal-container,.order-modal-container *{font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}.customer-order-modal .ant-modal-content{border-radius:12px;padding:0;box-shadow:0 10px 25px #00000026}.customer-order-modal .ant-modal-header{display:none}.customer-order-modal .ant-modal-body{padding:20px}.customer-order-modal .ant-modal-close{display:none}.order-modal-container{background:#fff;border-radius:12px}.customer-info-header{padding:0 0 16px;border-bottom:1px solid #f0f0f0;margin-bottom:20px}.customer-name{font-weight:600;font-size:18px;color:#2e363c;margin:0 0 4px;line-height:1.3}.customer-details{font-weight:400;font-size:12px;color:#b6b6b6;margin:0;line-height:1.2}.total-purchase-container{background:#edf7ff;border:1px solid #2196F3;border-radius:10px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;height:40px;width:100%}.total-purchase-label{font-weight:700;font-size:16px;color:#2196f3}.total-purchase-amount{font-weight:500;font-size:14px;color:#2196f3;text-align:right}.order-items-table{background:#fff}.table-header-row{display:grid;grid-template-columns:1fr 60px 80px;gap:16px;padding:12px 16px;border-bottom:1px solid #CCCCCC;background:#fff}.header-item{font-weight:700;font-size:16px;color:#2e363c;text-align:left}.header-qty{font-weight:700;font-size:16px;color:#2e363c;text-align:center}.header-price{font-weight:700;font-size:16px;color:#2e363c;text-align:right}.order-items-body{background:#fff}.order-item-row{display:grid;grid-template-columns:1fr 60px 80px;gap:16px;padding:16px;border-bottom:1px solid #D9D9D9;align-items:center;background:#fff}.order-item-row:last-child{border-bottom:none}.item-column{display:flex;align-items:center;gap:12px;min-width:0}.item-image-wrapper{width:29px;height:29px;border-radius:10px;overflow:hidden;flex-shrink:0}.item-food-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px}.item-text-details{flex:1;min-width:0}.item-name-text{font-weight:500;font-size:14px;color:#2e363c;line-height:1.2;margin-bottom:2px}.item-timestamp-text{font-weight:400;font-size:10px;color:#b6b6b6;line-height:1.2}.qty-column{font-weight:700;font-size:14px;color:#2e363c;text-align:center}.price-column{font-weight:500;font-size:14px;color:#2e363c;text-align:right}@media (max-width: 480px){.customer-order-modal{margin:0;max-width:none}.customer-order-modal .ant-modal-content{margin:0;border-radius:0}.customer-order-modal .ant-modal-body{padding:16px}.total-purchase-container{padding:12px 16px;margin-bottom:16px}.table-header-row,.order-item-row{grid-template-columns:1fr 50px 70px;gap:12px;padding:12px}.item-column{gap:8px}.item-image-wrapper{width:24px;height:24px}.total-purchase-label{font-size:14px}.total-purchase-amount{font-size:12px}.header-item,.header-qty,.header-price{font-size:14px}.item-name-text,.qty-column,.price-column{font-size:12px}.item-timestamp-text{font-size:9px}}.date-group{margin:0}.date-header{padding:16px 12px 8px;font-weight:600;font-size:14px;color:#2e363c;border-bottom:1px solid #f0f0f0;background-color:#fafafa;position:sticky;top:0;z-index:2;margin:0}.date-label{font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600}.loading-more-orders{display:flex;align-items:center;justify-content:center;padding:16px;gap:8px;color:#666;font-size:13px}.loading-spinner{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #1890ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.date-header{padding:12px 16px 8px;font-size:13px;position:sticky;top:0;z-index:1}}.customers-container,.customers-container *,.customers-table,.customers-table *,.ant-table,.ant-table *,.ant-btn,.ant-btn *,.ant-input,.ant-input *,.ant-pagination,.ant-pagination *{font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}.customers-pagination{margin-top:16px!important;text-align:right!important}.customers-pagination .ant-pagination-total-text{font-size:14px!important;color:#666!important;margin-right:16px!important}.customers-pagination .ant-pagination-item{border-radius:6px!important;border:1px solid #d9d9d9!important}.customers-pagination .ant-pagination-item-active{background-color:#4a90e2!important;border-color:#4a90e2!important}.customers-pagination .ant-pagination-item-active a{color:#fff!important}.customers-pagination .ant-select-selector{border-radius:6px!important}.customers-pagination .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,.customers-pagination .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon{color:#4a90e2!important}.customers-container{padding:24px;min-height:100vh;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.customers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.customers-table{flex:1}.customers-table .ant-table-wrapper{height:100%;display:flex;flex-direction:column}.customers-table .ant-table-container{flex:1}.add-customer-btn{background-color:#4a90e2;border-color:#4a90e2;height:36px;padding:0 16px;font-weight:500;border-radius:6px;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.add-customer-btn:hover{background-color:#357abd;border-color:#357abd}.customers-table{border-radius:8px}.customers-table .ant-table-thead>tr>th{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;font-weight:600;color:#2e363c;padding:12px 16px;font-size:16px;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.customers-table .ant-table-tbody>tr>td{padding:12px 16px;border-bottom:1px solid #f0f0f0;font-size:14px;font-weight:500;color:#2e363c;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.customers-table .ant-table-tbody>tr:hover>td{background-color:#f8faff}.date-added-cell{display:flex;align-items:center;gap:8px}.time-part{color:#999;font-size:12px;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.last-order-cell{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.time-ago{color:#666;font-size:14px;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.order-count-btn{background:none;border:none;color:#4a90e2;font-size:12px;cursor:pointer;padding:2px 4px;border-radius:3px;transition:all .2s ease;text-decoration:underline;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.customers-table .ant-table-container,.customers-table .ant-table-content{border:none}.customers-table .ant-pagination{margin:16px 0;text-align:center;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.customers-table .ant-pagination-item-active{border-color:#4a90e2;background-color:#4a90e2}.customers-table .ant-pagination-item-active a{color:#fff;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.customers-table .ant-pagination-item:hover{border-color:#4a90e2}.customers-table .ant-pagination-item:hover a{color:#4a90e2;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.customers-table .ant-pagination-item a{font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.customers-pagination{margin-top:24px!important;text-align:center}.customers-pagination .ant-pagination-total-text{font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;color:#666;font-size:14px}.customers-pagination .ant-pagination-item{font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;border:1px solid #d9d9d9}.customers-pagination .ant-pagination-item-active{background-color:#4a90e2;border-color:#4a90e2}.customers-pagination .ant-pagination-item-active a{color:#fff}.customers-pagination .ant-pagination-options{margin-left:16px}.customers-pagination .ant-select-selector{font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}.customers-pagination .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,.customers-pagination .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon{color:#4a90e2}@media (max-width: 768px){.customers-container{padding:16px}.customers-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:24px;width:100%}.header-left{flex:0 0 auto}.add-customer-btn{height:25px!important;min-width:auto!important}.customers-table .ant-table-thead>tr>th,.customers-table .ant-table-tbody>tr>td{padding:8px 12px}.customers-pagination{margin-top:16px!important}.customers-pagination .ant-pagination-options{margin-left:8px}}.mobile-popconfirm .ant-popover-inner{padding:12px!important}.mobile-popconfirm .ant-popover-title{font-size:14px!important;font-weight:600!important;padding-bottom:8px!important}.mobile-popconfirm .ant-popover-inner-content{padding:0!important}.mobile-popconfirm .ant-popconfirm-description{font-size:12px!important;margin:8px 0 12px!important;line-height:1.4!important}.mobile-popconfirm .ant-popconfirm-buttons{margin-top:12px!important;text-align:right!important}.mobile-popconfirm .ant-btn{height:32px!important;font-size:12px!important;padding:0 12px!important;margin-left:8px!important}.mobile-popconfirm .ant-btn-sm{height:28px!important;font-size:11px!important;padding:0 10px!important}@media (max-width: 768px){.ant-popover.mobile-popconfirm{max-width:90vw!important}.mobile-popconfirm .ant-popover-arrow{display:block!important}}.add-rider-modal .ant-modal{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;padding:0;max-width:480px;width:calc(100% - 40px)}.add-rider-modal .ant-modal-content{border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #00000026;transition:transform .3s cubic-bezier(.34,1.56,.64,1);will-change:transform;max-height:90vh;display:flex;flex-direction:column}.add-rider-modal .ant-modal-content{transform:translate(100%)}.add-rider-modal.slide-in .ant-modal-content{transform:translate(0)}.add-rider-modal.slide-out .ant-modal-content{transform:translate(100%);transition:transform .3s cubic-bezier(.55,.055,.675,.19)}.responsive-modal{background:#fff;border-radius:12px;overflow:hidden;max-height:90vh;display:flex;flex-direction:column}.responsive-header{border-bottom:1px solid #f0f0f0;background-color:#fff;position:sticky;top:0;z-index:1000;flex-shrink:0}.header-content{display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:24px!important;font-weight:600!important;margin:0!important;color:#262626!important;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.close-button{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.close-button:hover{background-color:#f5f5f5}.close-button svg{width:20px;height:20px;color:#8c8c8c}.responsive-form{padding:24px 8px;overflow-y:auto;flex:1;background-color:#fff}.form-field{margin-bottom:20px}.field-label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#262626;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.responsive-input,.responsive-select,.responsive-datepicker,.responsive-textarea{width:100%;border-radius:8px;border:1.5px solid #d9d9d9;font-size:14px;transition:all .2s ease;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.responsive-input,.responsive-textarea{padding:12px 16px}.responsive-input:focus,.responsive-select:focus,.responsive-datepicker:focus,.responsive-textarea:focus{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff1a;outline:none}.responsive-select .ant-select-selector{border:none!important;padding:8px 12px!important;height:auto!important;min-height:44px;display:flex;align-items:center}.responsive-select:focus-within{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff1a}.responsive-datepicker .ant-picker{border:none!important;padding:12px 16px;width:100%;height:auto;min-height:44px}.responsive-datepicker:focus-within{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff1a}.checkbox-field{margin-bottom:24px}.responsive-checkbox{font-size:14px;color:#595959;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.responsive-checkbox .ant-checkbox{margin-right:12px}.textarea-field{margin-bottom:32px}.responsive-textarea{resize:vertical;min-height:100px;line-height:1.5}.responsive-submit-btn{height:48px;border-radius:8px;font-size:16px;font-weight:600;background:linear-gradient(90deg,#8cccff,#2196f3);border:none;margin-top:8px;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.responsive-submit-btn:hover:not(:disabled){background:linear-gradient(90deg,#7bb8ff,#1976d2);transform:translateY(-1px);box-shadow:0 4px 12px #2196f34d}.responsive-submit-btn:disabled{background:#f5f5f5;color:#bfbfbf;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.add-rider-modal .ant-modal{width:calc(100% - 20px)!important;max-width:none!important;margin:10px!important}.header-content{padding:16px 20px}.modal-title{font-size:18px!important}.responsive-form{padding:20px}.form-field{margin-bottom:16px}.field-label{font-size:13px;margin-bottom:6px}.responsive-input,.responsive-textarea{padding:10px 14px;font-size:13px}.responsive-select .ant-select-selector{padding:6px 10px!important;min-height:40px}.responsive-datepicker .ant-picker{padding:10px 14px;min-height:40px}.responsive-submit-btn{height:44px;font-size:15px}}@media (max-width: 480px){.add-rider-modal .ant-modal{width:calc(100% - 16px)!important;margin:8px!important}.header-content{padding:14px 16px}.modal-title{font-size:16px!important}.responsive-form{padding:16px}.form-field{margin-bottom:14px}.responsive-input,.responsive-textarea{padding:8px 12px;font-size:12px}.responsive-select .ant-select-selector{padding:4px 8px!important;min-height:36px}.responsive-datepicker .ant-picker{padding:8px 12px;min-height:36px}.responsive-submit-btn{height:40px;font-size:14px}.field-label{font-size:12px}}.add-rider-modal .ant-modal-mask{transition:opacity .3s ease}.add-rider-modal.slide-in .ant-modal-mask{opacity:1}.add-rider-modal.slide-out .ant-modal-mask{opacity:0}.responsive-form::-webkit-scrollbar{width:6px}.responsive-form::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.responsive-form::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.responsive-form::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.responsive-input:focus-visible,.responsive-textarea:focus-visible{outline:2px solid #4096ff;outline-offset:2px}.responsive-submit-btn:focus-visible{outline:2px solid #4096ff;outline-offset:2px}.input-wrapper{position:relative;width:100%}.error-message{color:#ff4d4f;font-size:12px;margin-top:4px;padding-left:4px;display:flex;align-items:center;gap:4px;animation:slideInError .3s ease-out}.error-message:before{content:"⚠";font-size:10px}.success-hint{color:#52c41a;font-size:12px;margin-top:4px;padding-left:4px;display:flex;align-items:center;gap:4px;animation:slideInSuccess .3s ease-out}.responsive-input.error,.responsive-textarea.error{border-color:#ff4d4f!important;box-shadow:0 0 0 2px #ff4d4f1a!important}.responsive-input.error:focus,.responsive-textarea.error:focus,.responsive-input.error:hover,.responsive-textarea.error:hover{border-color:#ff4d4f!important;box-shadow:0 0 0 2px #ff4d4f33!important}.responsive-input:not(.error):focus,.responsive-textarea:not(.error):focus{border-color:#4096ff!important;box-shadow:0 0 0 2px #4096ff1a!important}.field-label{font-weight:500;color:#262626;margin-bottom:4px;display:block}@keyframes slideInError{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInSuccess{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-field .input-wrapper{margin-bottom:8px}.form-field:has(.error-message){margin-bottom:20px}.form-field:has(.success-hint){margin-bottom:20px}.responsive-submit-btn:disabled{background-color:#f5f5f5!important;border-color:#d9d9d9!important;color:#00000040!important;cursor:not-allowed}.form-field:has(input[placeholder*=phone]) .success-hint,.form-field:has(input[type=email]) .success-hint{font-style:italic;font-weight:500}.riders-container,.riders-container *,.riders-table,.riders-table *,.ant-table,.ant-table *,.ant-btn,.ant-btn *,.ant-input,.ant-input *,.ant-pagination,.ant-pagination *,.ant-modal,.ant-modal *,.ant-checkbox,.ant-checkbox *,.ant-date-picker,.ant-date-picker *,.ant-popconfirm,.ant-popconfirm *,.view-activities-modal,.view-activities-modal *,.filter-modal,.filter-modal *,.activities-modal-content,.activities-modal-content *,.riders-metric-cards,.riders-metric-cards *,.riders-orders-section,.riders-orders-section *,.riders-orders-header,.riders-orders-header *,.riders-orders-list,.riders-orders-list *,h1,h2,h3,h4,h5,h6,p,span,div,button,input,select,textarea,.ant-typography,.ant-typography *{font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}.riders-container{padding:24px;min-height:100vh;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.riders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-left{margin:0;font-size:32px;font-weight:700;color:#2e363c;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.table-container{background:#fff;border-radius:8px;overflow:hidden;min-height:400px;display:flex;flex-direction:column}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 24px;height:100%;min-height:400px;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.header-left h1{margin:0;font-size:24px;font-weight:600;color:#333;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.header-left p{margin:4px 0 0;color:#666;font-size:14px;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.add-rider-btn{background-color:#4a90e2;border-color:#4a90e2;height:36px;padding:0 16px;font-weight:500;border-radius:6px;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.add-rider-btn:hover{background-color:#357abd;border-color:#357abd}.search-section{margin-bottom:16px}.search-section .hero-search-container{max-width:300px}.search-section .hero-search-input{border-radius:6px;border:1px solid #e0e0e0}.search-section .hero-search-input .ant-input{border:none;font-size:14px;padding:8px 12px;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.search-section .hero-search-input .ant-input:focus{background:#fff;box-shadow:0 0 0 2px #4a90e233}.table-container{background:#fff;border-radius:8px;overflow:hidden}.riders-table{border-radius:8px}.riders-table .ant-table-thead>tr>th{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;font-weight:600;color:#2e363c;padding:12px 16px;font-size:14px;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.riders-table .ant-table-tbody>tr>td{padding:12px 16px;border-bottom:1px solid #f0f0f0;font-size:14px;font-weight:500;color:#2e363c;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.riders-table .ant-table-tbody>tr:hover>td{background-color:#f8faff}.last-order-info{color:#666;font-size:14px;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.riders-table .ant-table-tbody>tr>td:nth-child(5),.riders-table .ant-table-tbody>tr>td:nth-child(6){font-weight:500;font-style:normal;font-size:14px;color:#2e363c;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.date-added-cell{display:flex;align-items:center;gap:8px;white-space:nowrap}.date-part{font-weight:500;color:#333;font-size:14px;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.time-part{font-weight:400;font-style:normal;font-size:14px;color:#d9d9d9;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.last-order-cell{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;white-space:nowrap}.time-ago{font-weight:500;font-style:normal;font-size:14px;color:#2e363c;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.order-count-btn{background:none;border:none;font-weight:500;font-style:normal;font-size:14px;color:#2196f3;cursor:pointer;padding:2px 4px;border-radius:3px;transition:all .2s ease;text-decoration:underline;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.order-count-btn:hover{background-color:#f0f7ff;color:#357abd;text-decoration:none}.name-cell{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:8px}.rider-name{font-weight:500;color:#333;font-size:14px;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.availability-status{display:flex;align-items:center;flex-shrink:0}.availability-tag{display:inline-flex;align-items:center;background-color:#f8fcff;gap:4px;height:21px;border-radius:100px;font-size:10px;font-weight:300;padding:2px 6px;color:#2e363c;border:1px solid rgba(112,192,255,.26);font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}.action-buttons{display:flex;gap:4px}.action-buttons .ant-btn{border:none;box-shadow:none;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0}.action-buttons .edit-btn{color:#666}.action-buttons .edit-btn:hover{color:#4a90e2;background-color:#f0f7ff}.action-buttons .delete-btn{color:#666}.action-buttons .delete-btn:hover{color:#ff4d4f;background-color:#fff1f0}.riders-table .ant-table-container,.riders-table .ant-table-content{border:none}.riders-table .ant-pagination{margin:16px 0;text-align:center;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.riders-table .ant-pagination-item-active{border-color:#4a90e2;background-color:#4a90e2}.riders-table .ant-pagination-item-active a{color:#fff;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.riders-table .ant-pagination-item:hover{border-color:#4a90e2}.riders-table .ant-pagination-item:hover a{color:#4a90e2;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.riders-table .ant-pagination-item a{font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (max-width: 768px){.riders-container{padding:16px}.riders-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:24px;width:100%}.header-left{flex:0 0 auto}.add-rider-btn{height:25px!important;min-width:auto!important}.mobile-bottom-sheet-overlay{position:fixed;inset:0;background-color:#00000080;z-index:999;animation:fadeIn .3s ease-out}.mobile-bottom-sheet{animation:slideUp .3s ease-out!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.riders-table .ant-table-thead>tr>th,.riders-table .ant-table-tbody>tr>td{padding:8px 12px}.name-cell{flex-direction:column;align-items:flex-start;gap:4px;min-width:auto}.availability-tag{font-size:10px;padding:1px 4px}}.riders-metric-cards{display:flex;gap:16px;padding-bottom:32px}.riders-orders-section{background:#fff}.riders-orders-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;padding:5px 8px;border:1px solid #CCCCCC;border-radius:10px;margin-bottom:16px}.col-action{font-size:16px;font-weight:700;color:#2e363c;text-align:center}.riders-order-item{min-height:65px!important;height:65px;background-color:#fff;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;align-items:center;padding:12px 0}.riders-order-info{display:flex;align-items:center;gap:12px}.riders-col-orders{font-size:16px;font-weight:700;color:#2e363c;text-align:left;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.riders-col-price{font-size:16px;font-weight:700;color:#2e363c;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.riders-col-status,.riders-col-action{font-size:16px;font-weight:700;color:#2e363c;text-align:right;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.riders-action-btn{border-radius:5px;width:88px;font-size:12px;font-weight:500;min-width:60px;height:28px;text-align:right;transition:transform .2s ease}.rider-pay-btn{background:#fff;border:1px solid #E0E0E0;color:#666}.rider-pay-btn:hover{transform:scale(1.05)!important;background:#fff!important;border:1px solid #E0E0E0!important;color:#666!important}.rider-paid-btn{background:#fff;border:1px solid #2196F3;color:#2196f3}.rider-paid-btn:hover{transform:scale(1.05)!important;background:#fff!important;border:1px solid #2196F3!important;color:#2196f3!important}.riders-order-info{display:flex;align-items:flex-start;gap:12px}.riders-food-image{width:29px!important;height:29px!important;border-radius:10px;-o-object-fit:cover;object-fit:cover}.riders-order-name{font-size:14px;font-weight:500;color:#2e363c;margin-bottom:4px!important;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.riders-order-timestamp{font-size:10px;font-weight:400;color:#b6b6b6;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.riders-order-status{display:flex;justify-content:flex-end}.riders-status-badge{min-height:21px;border:1px solid rgba(112,192,255,.26);background:#f8fcff;border-radius:100px;padding:4px 8px;font-size:10px;font-weight:300;color:#2e363c;display:inline-flex;align-items:center;justify-content:center;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.riders-status-completed{border-color:#4caf5042;background:#f1f8e9;color:#388e3c}.riders-status-pending{border-color:#ff980042;background:#fff3e0;color:#f57c00}.riders-status-cancelled{border-color:#9e9e9e42;background:#f5f5f5;color:#757575}.riders-order-divider{height:1px;background:#d9d9d9;margin:0}@media (max-width: 768px){.view-activities-modal{margin:0!important;max-width:100vw!important;width:100%!important;top:0!important}.view-activities-modal .ant-modal-content{margin:8px;border-radius:12px}.activities-modal-content{padding:16px}.activities-header{flex-direction:column;gap:16px;margin-bottom:20px}.user-profile-section{flex-direction:column;text-align:center;gap:12px;align-items:center}.user-avatar-large{width:60px!important;height:60px!important}.user-info{text-align:center}.user-name{font-size:18px!important}.metric-cards{flex-direction:column;gap:12px}.metric-card{min-width:auto;width:100%;height:auto;padding:12px;flex-direction:column;justify-content:center;text-align:center}.metric-label{font-size:10px;margin-bottom:6px}.metric-value{font-size:16px}.filter-section{flex-direction:column;gap:12px;align-items:stretch;padding:12px}.filter-section>div:first-child{flex-direction:column;gap:8px;align-items:stretch}.filter-btn,.share-btn{width:100%;justify-content:center;height:40px;font-size:14px}.order-summary{justify-content:space-between;width:100%;padding:8px 0}.order-count,.order-total{font-size:14px}.orders-section{margin-top:16px}.orders-header{grid-template-columns:1.8fr 1fr 1fr .8fr;gap:8px;padding:8px;font-size:12px}.col-orders,.col-price,.col-status,.col-action{font-size:12px}.order-item{grid-template-columns:1.8fr 1fr 1fr .8fr;gap:8px;padding:12px 0;min-height:auto}.order-info{flex-direction:column;align-items:flex-start;gap:6px}.food-image{width:24px!important;height:24px!important}.order-name{font-size:12px;line-height:1.2}.order-timestamp{font-size:10px}.riders-action-btn{width:50px;height:24px;font-size:10px;min-width:50px;border-radius:4px}.order-item>div:nth-child(2){font-size:14px}.riders-status-badge{font-size:9px;padding:2px 6px;min-height:18px}}@media (max-width: 480px){.view-activities-modal .ant-modal-content{margin:4px}.activities-modal-content{padding:12px}.user-avatar-large{width:50px!important;height:50px!important}.user-name{font-size:16px!important}.metric-value{font-size:14px}.metric-label{font-size:9px}.orders-header{grid-template-columns:1.5fr 1fr 1fr .7fr;gap:4px;padding:6px;font-size:11px}.order-item{grid-template-columns:1.5fr 1fr 1fr .7fr;gap:4px;padding:10px 0}.col-orders,.col-price,.col-status,.col-action,.order-name{font-size:11px}.order-timestamp{font-size:9px}.order-item>div:nth-child(2){font-size:12px}.riders-action-btn{width:45px;height:22px;font-size:9px;min-width:45px}.riders-status-badge{font-size:8px;padding:1px 4px;min-height:16px}.food-image{width:20px!important;height:20px!important}}.filter-modal .ant-modal-content{border-radius:12px;overflow:hidden}.filter-modal .ant-modal-header{border-bottom:none}.filter-modal .ant-modal-body{padding:24px 8px}.filter-modal .ant-modal-close-x{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.filter-modal .ant-checkbox-wrapper{display:flex;align-items:center;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.filter-modal .ant-checkbox{margin-right:12px}.filter-modal .ant-checkbox-wrapper span{color:#2e363c}.filter-modal .ant-date-picker{font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.filter-modal .ant-btn{font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:all .2s ease}.filter-modal .ant-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.reviews-page{padding:0;background-color:#fff;border-radius:10px;min-height:100vh;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.reviews-header{margin-bottom:40px;padding:32px 32px 0}.page-title{font-size:32px!important;font-weight:700!important;color:#2e363c!important;margin:0!important;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;line-height:1.2}.reviews-search{margin-bottom:48px;display:flex;justify-content:center;padding:0 32px}.reviews-grid{max-width:100%;width:100%;padding:0 32px}.reviews-grid .ant-row{display:flex;flex-wrap:wrap;margin-left:-16px;margin-right:-16px}.reviews-grid .ant-col{display:flex;min-width:0;padding-left:16px;padding-right:16px}.reviews-grid .ant-col>.review-card{flex:1;width:100%}.review-card{background:#fff;border-radius:16px;padding:16px;border:1px solid #e2e8f0;transition:all .3s ease;height:200px;width:100%;min-width:400px;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.review-card:hover{box-shadow:0 4px 20px #00000014;transform:translateY(-2px)}.review-user{display:flex;align-items:flex-start;justify-content:flex-start;gap:12px}.user-avatar{flex-shrink:0}.user-details{display:flex;flex-direction:column;gap:4px}.user-name{font-size:14px!important;font-weight:700!important;color:#2e363c!important;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;line-height:1.4}.review-date{font-size:14px!important;font-weight:400!important;color:#d9d9d9!important;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;line-height:1.4}.review-product{margin:8px 0}.product-name{font-size:12px!important;font-weight:700!important;color:#2196f3!important;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;line-height:1.4}.review-rating{margin-left:auto}.review-rating .ant-rate{font-size:16px}.review-rating .ant-rate-star{margin-right:4px}.review-rating .ant-rate-star-full .ant-rate-star-first,.review-rating .ant-rate-star-full .ant-rate-star-second{color:#fbbf24}.review-comment{flex:1;display:flex;flex-direction:column;align-items:flex-start}.comment-text{font-size:12px!important;font-weight:400!important;color:#2e363c!important;line-height:1.6!important;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;width:100%}.see-more-btn-below{padding:0!important;height:auto!important;font-size:12px!important;color:#2196f3!important;font-weight:500!important;margin-top:4px!important;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;align-self:flex-start}.see-more-btn-below:hover{color:#1976d2!important}@media (max-width: 895px){.reviews-header{padding:20px 16px 0}.page-title{font-size:32px!important;text-align:center}.reviews-search{margin-bottom:32px;padding:0 16px}.reviews-grid{padding:0 16px}.review-card{padding:16px;border-radius:12px;height:200px;min-width:400px;width:100%}.user-name{font-size:15px!important}.review-date,.comment-text{font-size:13px!important}}@media (max-width: 576px){.reviews-header{padding:16px 12px 0}.page-title{font-size:28px!important}.reviews-search,.reviews-grid{padding:0 12px}.review-card{padding:16px;gap:12px;height:200px;min-width:320px;width:100%}.review-user{gap:10px}.user-avatar{width:36px!important;height:36px!important}.user-name{font-size:14px!important}.review-date,.comment-text{font-size:12px!important}}.reviews-page .ant-empty{margin:60px 0}.reviews-page .ant-empty-description{font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;color:#64748b!important}.reviews-page .ant-typography{font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.reviews-page .ant-row{margin:0!important}.reviews-page .ant-col{margin-bottom:0!important}.review-card{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.review-card:nth-child(1){animation-delay:.1s}.review-card:nth-child(2){animation-delay:.2s}.review-card:nth-child(3){animation-delay:.3s}.review-card:nth-child(4){animation-delay:.4s}.review-card:nth-child(5){animation-delay:.5s}.review-card:nth-child(6){animation-delay:.6s}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;min-height:400px}.empty-state-container img{opacity:.8}.empty-state-container h3{font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;margin:0!important}.empty-state-container p{font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;max-width:400px;line-height:1.5;margin:0!important}.full-review-modal .ant-modal-content{border-radius:16px;overflow:hidden}.full-review-modal .ant-modal-body{padding:24px}.full-review-content{display:flex;flex-direction:column;gap:20px}.modal-review-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.modal-user-info{display:flex;align-items:flex-start;gap:16px}.modal-user-details{display:flex;flex-direction:column;gap:4px}.modal-user-name{font-size:16px!important;font-weight:700!important;color:#2e363c!important;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;line-height:1.4}.modal-review-date{font-size:14px!important;font-weight:400!important;color:#d9d9d9!important;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;line-height:1.4}.modal-rating .ant-rate{font-size:18px}.modal-rating .ant-rate-star{margin-right:4px}.modal-rating .ant-rate-star-full .ant-rate-star-first,.modal-rating .ant-rate-star-full .ant-rate-star-second{color:#fbbf24}.modal-product-info{padding:12px 0;border-bottom:1px solid #f0f0f0}.modal-product-name{font-size:14px!important;font-weight:700!important;color:#2196f3!important;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;line-height:1.4}.modal-comment{flex:1}.modal-comment-text{font-size:14px!important;font-weight:400!important;color:#2e363c!important;line-height:1.6!important;font-family:SF UI Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;display:block;white-space:pre-wrap;word-wrap:break-word}@media (max-width: 768px){.full-review-modal{width:90%!important;margin:0 auto}.full-review-modal .ant-modal-body{padding:20px}.modal-user-info{gap:12px}.modal-user-name{font-size:15px!important}.modal-review-date,.modal-comment-text{font-size:13px!important}}.app-integrations{min-height:100vh;background:#fff;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative}.coming-soon-overlay{position:absolute;inset:0;background:#ffffffbf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:8px}.coming-soon-content{text-align:center;padding:32px;background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #00000026;border:1px solid rgba(33,150,243,.3);max-width:450px;width:90%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.coming-soon-icon{margin-bottom:16px}.coming-soon-content .ant-typography{margin-bottom:0}.app-integrations-container{max-width:auto}.hero-banner{position:relative;background:#fff;border-radius:16px;padding:32px;margin-bottom:48px;box-shadow:0 2px 8px #0000000f;z-index:1}.hero-banner:before{content:"";position:absolute;inset:0;padding:3px;border-radius:inherit;background:linear-gradient(270deg,#2196f3,#13578d,#2196f3);background-size:300% 300%;animation:borderShift 6s linear infinite;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none}@keyframes borderShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-content{display:flex;justify-content:space-between;align-items:center;gap:48px}.hero-text{flex:1;max-width:600px}.hero-title{font-size:32px;font-weight:700;color:#2e363c;line-height:1.3;margin:0 0 16px}.hero-description{font-size:14px;font-weight:500;color:#2e363c;line-height:1.6;margin:0}.hero-illustration{flex:0 0 300px;display:flex;justify-content:center;align-items:center;position:relative}.phone-container{position:relative;width:200px;height:200px;display:flex;justify-content:center;align-items:center}.phone{width:80px;height:140px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;position:relative;box-shadow:0 8px 25px #00000026;z-index:2}.phone-screen{width:68px;height:100px;background:#fff;border-radius:8px;position:absolute;top:20px;left:6px;box-shadow:inset 0 2px 4px #0000001a}.floating-apps{position:absolute;width:100%;height:100%}.app-icon{position:absolute;width:32px;height:32px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 4px 12px #00000026;animation:float 3s ease-in-out infinite}.app-icon-1{top:10px;left:20px;animation-delay:0s}.app-icon-2{top:30px;right:10px;animation-delay:.5s}.app-icon-3{bottom:60px;left:5px;animation-delay:1s}.app-icon-4{bottom:30px;right:25px;animation-delay:1.5s}.app-icon-5{top:60px;left:-10px;animation-delay:2s}.app-icon-6{bottom:10px;left:50%;transform:translate(-50%);animation-delay:2.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.section{margin-bottom:48px;width:100%;display:block;visibility:visible}.section-title{font-size:32px!important;font-weight:700!important;color:#2e363c!important;margin:0 0 24px!important;display:block!important;visibility:visible!important;opacity:1!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}.apps-grid{display:grid;gap:24px;width:100%}.four-column,.two-column{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));align-items:start;justify-items:stretch}.app-card{width:100%;min-width:310px;background:#fafafa;border:1px solid #e8e8e8;border-radius:8px;padding:16px;transition:all .2s ease;box-shadow:0 2px 4px #0000000a;position:relative;box-sizing:border-box;height:-moz-fit-content;height:fit-content}.app-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.app-card-header{margin-bottom:8px;display:flex;align-items:center;gap:8px;position:relative;height:41px}.app-icon-circle{width:41px;height:41px;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.emoji-icon{font-size:24px}.peregrine-icon{font-size:20px;font-weight:700}.cancel-button{position:absolute;top:0;right:0;min-width:18px;width:18px;height:18px;border:1px solid #9E9E9E;background:#fff;color:#9e9e9e;border-radius:2px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;transition:all .2s ease}.cancel-button:hover{background:#f5f5f5;border-color:#757575;color:#757575}.disconnect-button{position:absolute;top:0;right:0;width:24px;height:24px;border:none;background:#ff4d4f;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:all .2s ease}.disconnect-button:hover{background:#d32f2f;transform:scale(1.1)}.app-card-body{margin-bottom:16px}.app-name{font-size:16px;font-weight:600;color:#2e363c;margin:0 0 8px;display:flex;align-items:center;height:100%}.app-description{font-size:14px;font-weight:400;color:#2e363c;line-height:1.4;margin:0}.app-card-footer{display:flex;gap:12px}.connected-footer{justify-content:space-between}.connect-button{height:19px;min-width:76px;border:1px solid #BCBEC0;border-radius:6px;padding:6px 12px;font-size:10px;font-weight:300;background:#fff;color:#2e363c;transition:all .2s ease}.connect-button:hover{border-color:#2196f3;color:#2196f3;background:#f0f8ff}.connect-button span{transition:color .2s ease}.connect-button:hover span{color:#2196f3!important}.connected-button{height:19px;min-width:76px;border:1px solid #2196F3;border-radius:6px;padding:6px 12px;font-size:10px;font-weight:300;background:#fff;color:#2196f3;transition:all .2s ease}.connected-button:hover{border-color:#1976d2;color:#1976d2;background:#f0f8ff}.connected-button span{transition:color .2s ease}.connected-button:hover span{color:#1976d2!important}.open-button{border:1px solid #d9d9d9;border-radius:6px;padding:6px 12px;font-size:14px;height:auto;background:#fff;color:#666;transition:all .2s ease}.open-button:hover{border-color:#2196f3;color:#2196f3;background:#f0f8ff}.app-card.connected-card{border-color:#2196f3!important;background:#fafafa}.app-card.connected-card .app-name{color:#2196f3!important;font-weight:600}@media (min-width: 769px){.app-name{font-size:16px!important;font-weight:600;margin:0 0 8px}.app-card-header{height:41px}.app-description{font-size:14px!important}.app-icon-circle[style*=transparent]{background-color:transparent!important;border:1px solid #e8e8e8}.app-icon-circle[style*=transparent] img{width:24px;height:24px;-o-object-fit:contain;object-fit:contain}}@media (max-width: 1024px){.four-column{grid-template-columns:repeat(2,1fr)}.hero-content{flex-direction:column;gap:32px;text-align:center}.hero-illustration{flex:none}.app-card{max-width:none}}@media (max-width: 768px){.app-integrations{padding:16px}.hero-banner{padding:16px;height:179px;border-radius:10px;margin-bottom:24px}.hero-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:100%;gap:16px}.hero-text{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;padding-right:16px}.hero-title{font-size:16px;margin:0 0 8px;line-height:1.2}.hero-description{font-size:10px;margin:0;line-height:1.3}.hero-illustration{flex:0 0 120px;display:flex;justify-content:flex-end;align-items:center;position:relative}.phone-container{width:100px;height:100px;display:flex;justify-content:center;align-items:center}.phone{width:40px;height:70px}.phone-screen{width:30px;height:50px;top:10px;left:5px}.app-icon{width:16px;height:16px;font-size:8px}.four-column,.two-column{grid-template-columns:repeat(2,1fr)}.apps-grid{gap:16px;justify-items:stretch}.app-card{padding:12px;width:100%;min-width:auto;max-width:none;height:89px;border-radius:6px;display:flex;flex-direction:column;justify-content:space-between}.app-card-header{display:flex;align-items:center;gap:8px;margin-bottom:4px;height:24.52px}.app-icon-circle{width:24.52px;height:24.52px;min-width:24.52px;min-height:24.52px;border-radius:6px;display:flex;align-items:center;justify-content:center}.app-icon-circle svg{width:12px;height:12px}.peregrine-icon{font-size:12px}.app-name{font-size:10px!important;margin:0;line-height:1.2;display:flex;align-items:center;height:100%}.app-description{font-size:8px!important;margin:0;line-height:1.2}.app-card-body{margin-bottom:4px;flex:1}.app-card-footer{display:flex;gap:6px;align-items:center}.connect-button,.connected-button{height:12px!important;border-radius:3px!important;font-size:6px!important;padding:0 6px!important;min-width:auto!important;width:auto!important;line-height:1!important;display:flex;align-items:center;gap:2px}.connect-button span,.connected-button span{font-size:6px!important}.cancel-button,.disconnect-button{width:12px!important;height:12px!important;min-width:12px!important;border-radius:50%!important;font-size:6px!important;display:flex;align-items:center;justify-content:center;padding:0!important}.section-title{font-size:20px!important}.app-icon-circle[style*=transparent]{background-color:transparent!important;border:1px solid #e8e8e8}.app-icon-circle[style*=transparent] img{width:12px;height:12px;-o-object-fit:contain;object-fit:contain}}@media (max-width: 480px){.hero-banner{padding:12px;height:179px;border-radius:10px}.hero-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.hero-text{text-align:left;align-items:flex-start;padding-right:12px}.hero-title{font-size:16px;margin:0 0 6px}.hero-description{font-size:10px}.hero-illustration{flex:0 0 100px;display:flex;justify-content:flex-end;align-items:center}.phone-container{width:80px;height:80px}.phone{width:35px;height:60px}.phone-screen{width:25px;height:40px;top:8px;left:5px}.app-icon{width:14px;height:14px;font-size:7px}.section-title{font-size:20px!important}.app-card{padding:10px;min-width:auto;width:100%;height:89px;border-radius:6px}.four-column,.two-column{grid-template-columns:repeat(2,1fr);gap:12px}.app-icon-circle{width:24.52px;height:24.52px}.app-name{font-size:10px!important}.app-description{font-size:8px!important}.connect-button,.connected-button{height:12px!important;font-size:6px!important;border-radius:3px!important}.cancel-button,.disconnect-button{width:10px!important;height:10px!important;font-size:5px!important}.app-icon-circle[style*=transparent] img{width:10px;height:10px;-o-object-fit:contain;object-fit:contain}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;padding:20px}.auth-content{display:flex;width:100%;max-width:1200px;min-height:600px;background:#fff;border-radius:0;overflow:hidden;box-shadow:none}.auth-left-section{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 40px;background:#fff}.auth-text-content{max-width:400px;width:100%}.auth-main-title{font-size:32px;font-weight:700;color:#2e363c;line-height:1.3;margin-bottom:40px;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.auth-image-container{display:flex;justify-content:center;align-items:center}.auth-main-image{width:100%;max-width:350px;height:auto;-o-object-fit:contain;object-fit:contain}.auth-right-section{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 40px}.auth-form-container{width:100%;max-width:400px}.auth-form-header{text-align:left;margin-bottom:40px}.auth-form-title{font-size:32px;font-weight:700;color:#2e363c;margin:0 0 8px;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.auth-form-subtitle{font-size:16px;font-weight:400;color:#9e9e9e;margin:0;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.auth-form{display:flex;flex-direction:column;gap:24px}.auth-field{display:flex;flex-direction:column;gap:8px}.auth-field-label{font-size:16px;font-weight:400;color:#9e9e9e;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.auth-input{height:48px!important;border-radius:8px!important;border:1px solid #D1D5DB!important;background:#fff!important;font-size:14px!important;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif!important;padding:12px 16px!important}.auth-input:hover{border-color:#9ca3af!important}.auth-input:focus,.auth-input.ant-input-focused{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.auth-input input{font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif!important}.auth-input .ant-input{border:none!important;box-shadow:none!important;padding:0!important;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif!important}.auth-input .ant-input:focus{box-shadow:none!important}.auth-input.ant-input-password{padding:0!important}.auth-input.ant-input-password .ant-input{padding:12px 16px!important}.auth-input.ant-input-password .ant-input-suffix{margin-right:16px}.auth-submit-btn{height:48px!important;border-radius:8px!important;background:linear-gradient(90deg,#8cccff,#2196f3)!important;border:none!important;font-size:16px!important;font-weight:600!important;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif!important;margin-top:8px}.auth-submit-btn:hover{background:linear-gradient(90deg,#8cccff,#2196f3)!important}.auth-submit-btn:focus{background:#2563eb!important}.auth-link-container{text-align:center;margin-top:8px}.auth-link-text{font-size:14px;color:#666;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.auth-link{font-size:14px;color:#3b82f6;text-decoration:none;font-weight:500;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.auth-link:hover{color:#2563eb;text-decoration:none}.auth-forgot-password{text-align:center;margin-top:-8px}.forgot-password-options{display:flex;flex-direction:column;gap:8px;align-items:center}.forgot-password-divider{color:#9e9e9e;font-size:14px;font-weight:400}@media (max-width: 1024px){.auth-content{flex-direction:column;max-width:500px}.auth-left-section{order:2;padding:40px 30px}.auth-right-section{order:1;padding:40px 30px;background:#fff}.auth-main-title{font-size:40px;font-weight:700;color:#2e363c;text-align:center;margin-bottom:30px}.auth-main-image{max-width:280px}}@media (max-width: 768px){.auth-container{padding:16px}.auth-left-section,.auth-right-section{padding:30px 20px}.auth-main-title{font-size:24px}.auth-form-container{max-width:100%}.auth-main-image{max-width:240px}}@media (max-width: 480px){.auth-container{padding:12px}.auth-left-section,.auth-right-section{padding:24px 16px}.auth-main-title{font-size:20px;margin-bottom:20px}.auth-form{gap:20px}.auth-main-image{max-width:200px}}.verify-email-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;padding:20px}.verify-email-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px;width:100%}.verify-email-icon-wrapper{margin-bottom:40px}.verify-email-icon-container{display:flex;align-items:center;justify-content:center}.verify-email-icon{width:194px;height:194px}.verify-email-text-content{margin-bottom:40px}.verify-email-title{font-size:40px;font-weight:700;color:#2e363c;margin:0 0 16px;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.verify-email-description{font-size:16px;font-weight:400;color:#000;line-height:1.5;margin:0;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.verify-email-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:81px;gap:4px}.verify-email-resend-text{font-size:16px;color:#000;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.verify-email-resend-link{font-size:14px;color:#3b82f6;text-decoration:none;font-weight:500;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background:none;border:none;cursor:pointer;padding:0}.verify-email-resend-link:hover{color:#2563eb;text-decoration:underline}.verify-email-resend-link:disabled{color:#9ca3af;cursor:not-allowed}@media (max-width: 768px){.verify-email-content{max-width:320px}.verify-email-icon{width:150px;height:150px}.verify-email-title{font-size:22px}.verify-email-description{font-size:16px}}@media (max-width: 480px){.verify-email-container{padding:16px}.verify-email-content{max-width:280px}.verify-email-icon{width:120px;height:120px}.verify-email-title{font-size:20px}}.forgot-password-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;padding:20px}.forgot-password-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px;width:100%}.forgot-password-icon-wrapper{margin-bottom:32px}.forgot-password-icon-container{width:169px;height:169px;border-radius:50%;background:#2196f3;display:flex;align-items:center;justify-content:center}.forgot-password-icon{width:89px;height:71px}.forgot-password-text-content{margin-bottom:32px}.forgot-password-title{font-size:40px;font-weight:700;color:#2e363c;margin:0 0 8px;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.forgot-password-description{font-size:16px;font-weight:400;color:#2e363c;line-height:1.5;margin:0;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.forgot-password-form{width:100%;display:flex;flex-direction:column;gap:24px}.forgot-password-field{display:flex;flex-direction:column;gap:8px;text-align:left}.forgot-password-field-label{font-size:16px;font-weight:400;color:#2e363c;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.forgot-password-input{height:48px!important;border-radius:8px!important;border:1px solid #D1D5DB!important;background:#fff!important;font-size:14px!important;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif!important;padding:12px 16px!important}.forgot-password-input:hover{border-color:#9ca3af!important}.forgot-password-input:focus,.forgot-password-input.ant-input-focused{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.forgot-password-submit-btn{height:48px!important;border-radius:8px!important;background:linear-gradient(90deg,#8cccff,#2196f3)!important;border:none!important;font-size:16px!important;font-weight:600!important;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif!important}.forgot-password-submit-btn:hover{background:linear-gradient(90deg,#8cccff,#2196f3)!important}.forgot-password-submit-btn:focus{background:#2563eb!important}.forgot-password-back-link{text-align:center}.forgot-password-link{font-size:14px;color:#3b82f6;text-decoration:none;font-weight:500;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.forgot-password-link:hover{color:#2563eb;text-decoration:none}@media (max-width: 768px){.forgot-password-content{max-width:320px}.forgot-password-icon-container{width:140px;height:140px}.forgot-password-icon{width:74px;height:59px}.forgot-password-title{font-size:22px}.forgot-password-description{font-size:13px}}@media (max-width: 480px){.forgot-password-container{padding:16px}.forgot-password-content{max-width:280px}.forgot-password-icon-container{width:120px;height:120px}.forgot-password-icon{width:63px;height:50px}.forgot-password-title{font-size:20px}.forgot-password-form{gap:20px}}.email-sent-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;padding:20px}.email-sent-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:500px;width:100%}.email-sent-icon-wrapper{margin-bottom:32px}.email-sent-icon-container{width:169px;height:169px;border-radius:50%;background:#2196f3;display:flex;align-items:center;justify-content:center}.email-sent-icon{width:auto;height:auto;max-width:80px;max-height:80px}.email-sent-text-content{margin-bottom:40px}.email-sent-title{font-size:32px;font-weight:600;color:#2e363c;margin:0 0 24px;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.email-sent-description{display:flex;flex-direction:column;gap:8px}.email-sent-text{font-size:16px;font-weight:400;color:#666;margin:0;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.email-sent-email{color:#2e363c;font-weight:600}.email-sent-instructions{font-size:16px;font-weight:400;color:#666;line-height:1.5;margin:0;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.email-sent-actions{display:flex;flex-direction:column;gap:16px;align-items:center}.email-sent-action-item{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px}.email-sent-action-text{font-size:16px;color:#666;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.email-sent-action-link{font-size:16px;color:#3b82f6;text-decoration:none;font-weight:500;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background:none;border:none;cursor:pointer;padding:0}.email-sent-action-link:hover{color:#2563eb;text-decoration:underline}.email-sent-action-link:disabled{color:#9ca3af;cursor:not-allowed}@media (max-width: 768px){.email-sent-content{max-width:400px}.email-sent-icon-container{width:140px;height:140px}.email-sent-icon{max-width:65px;max-height:65px}.email-sent-title{font-size:28px}.email-sent-text,.email-sent-instructions,.email-sent-action-text,.email-sent-action-link{font-size:14px}}@media (max-width: 480px){.email-sent-container{padding:16px}.email-sent-content{max-width:320px}.email-sent-icon-container{width:120px;height:120px}.email-sent-icon{max-width:55px;max-height:55px}.email-sent-title{font-size:24px}.email-sent-text,.email-sent-instructions,.email-sent-action-text,.email-sent-action-link{font-size:13px}.email-sent-actions{gap:12px}}.create-new-password-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;padding:20px}.create-new-password-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px;width:100%}.create-new-password-icon-wrapper{margin-bottom:32px}.create-new-password-icon-container{width:169px;height:169px;border-radius:50%;background:#2196f3;display:flex;align-items:center;justify-content:center}.create-new-password-icon{width:89px;height:71px}.create-new-password-text-content{margin-bottom:32px}.create-new-password-title{font-size:32px;font-weight:700;color:#2e363c;margin:0 0 8px;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.create-new-password-description{font-size:16px;font-weight:400;color:#2e363c;line-height:1.5;margin:0;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.create-new-password-form{width:100%;display:flex;flex-direction:column;gap:24px}.create-new-password-field{display:flex;flex-direction:column;gap:8px;text-align:left}.create-new-password-field-label{font-size:16px;font-weight:400;color:#2e363c;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.create-new-password-input{height:48px!important;border-radius:8px!important;border:1px solid #D1D5DB!important;background:#fff!important;font-size:14px!important;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif!important;padding:12px 16px!important}.create-new-password-input:hover{border-color:#9ca3af!important}.create-new-password-input:focus,.create-new-password-input.ant-input-focused{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.create-new-password-input input{font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif!important}.create-new-password-input .ant-input{border:none!important;box-shadow:none!important;padding:0!important;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif!important}.create-new-password-input .ant-input:focus{box-shadow:none!important}.create-new-password-input.ant-input-password{padding:0!important}.create-new-password-input.ant-input-password .ant-input{padding:12px 16px!important}.create-new-password-input.ant-input-password .ant-input-suffix{margin-right:16px}.create-new-password-submit-btn{height:48px!important;border-radius:8px!important;background:linear-gradient(90deg,#8cccff,#2196f3)!important;border:none!important;font-size:16px!important;font-weight:600!important;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif!important}.create-new-password-submit-btn:hover{background:linear-gradient(90deg,#8cccff,#2196f3)!important}.create-new-password-submit-btn:focus{background:#2563eb!important}.create-new-password-back-link{text-align:center}.create-new-password-link{font-size:14px;color:#3b82f6;text-decoration:none;font-weight:500;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.create-new-password-link:hover{color:#2563eb;text-decoration:none}@media (max-width: 768px){.create-new-password-content{max-width:320px}.create-new-password-icon-container{width:140px;height:140px}.create-new-password-icon{width:74px;height:59px}.create-new-password-title{font-size:22px}.create-new-password-description{font-size:13px}}@media (max-width: 480px){.create-new-password-container{padding:16px}.create-new-password-content{max-width:280px}.create-new-password-icon-container{width:120px;height:120px}.create-new-password-icon{width:63px;height:50px}.create-new-password-title{font-size:20px}.create-new-password-form{gap:20px}}/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties,theme,base,components,utilities;@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-orange-50:oklch(98% .016 73.684);--color-orange-500:oklch(70.5% .213 47.604);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-600:oklch(55.8% .288 302.321);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-\[78px\]{top:78px}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-2{left:calc(var(--spacing)*2)}.z-0{z-index:0}.z-10{z-index:10}.z-\[1000\]{z-index:1000}.z-\[9998\]{z-index:9998}.z-\[9999\]{z-index:9999}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.\!m-0{margin:calc(var(--spacing)*0)!important}.m-0{margin:calc(var(--spacing)*0)}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.\!mb-4{margin-bottom:calc(var(--spacing)*4)!important}.\!mb-6{margin-bottom:calc(var(--spacing)*6)!important}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-32{height:calc(var(--spacing)*32)}.h-80{height:calc(var(--spacing)*80)}.h-96{height:calc(var(--spacing)*96)}.h-\[5px\]{height:5px}.h-\[7px\]{height:7px}.h-\[10px\]{height:10px}.h-\[14px\]{height:14px}.h-\[34\.46px\]{height:34.46px}.h-\[40px\]{height:40px}.h-\[49px\]{height:49px}.h-\[50px\]{height:50px}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[60vh\]{max-height:60vh}.min-h-96{min-height:calc(var(--spacing)*96)}.min-h-\[138px\]{min-height:138px}.min-h-auto{min-height:auto}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing)*2)}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing)*3)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-4\/5{width:80%}.w-5{width:calc(var(--spacing)*5)}.w-5\/6{width:83.3333%}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-32{width:calc(var(--spacing)*32)}.w-80{width:calc(var(--spacing)*80)}.w-\[5px\]{width:5px}.w-\[7px\]{width:7px}.w-\[10px\]{width:10px}.w-\[14px\]{width:14px}.w-\[40px\]{width:40px}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[16px\]{min-width:16px}.min-w-\[990px\]{min-width:990px}.min-w-\[1652px\]{min-width:1652px}.min-w-\[1740px\]{min-width:1740px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[100px_180px_80px_80px_160px_180px_100px_100px_180px_120px_120px_120px_40px\]{grid-template-columns:100px 180px 80px 80px 160px 180px 100px 100px 180px 120px 120px 120px 40px}.grid-cols-\[130px_120px_150px_150px_80px_120px_160px\]{grid-template-columns:130px 120px 150px 150px 80px 120px 160px}.grid-cols-\[160px_180px_180px_180px_120px_200px_220px\]{grid-template-columns:160px 180px 180px 180px 120px 200px 220px}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-items-center{justify-items:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-visible{overflow-y:visible}.\!rounded-lg{border-radius:var(--radius-lg)!important}.rounded{border-radius:.25rem}.rounded-\[6\.63px\]{border-radius:6.63px}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-\[\#2196F3\]{border-color:#2196f3}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-200{border-color:var(--color-blue-200)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-200{border-color:var(--color-green-200)}.border-purple-200{border-color:var(--color-purple-200)}.border-red-200{border-color:var(--color-red-200)}.border-t-blue-500{border-top-color:var(--color-blue-500)}.bg-\[\#4AD6D6\]{background-color:#4ad6d6}.bg-\[\#9C88FF\]{background-color:#9c88ff}.bg-\[\#2196F3\]{background-color:#2196f3}.bg-\[\#ADDBFF\]{background-color:#addbff}.bg-\[\#E4F3FF\]{background-color:#e4f3ff}.bg-\[\#E87658\]{background-color:#e87658}.bg-\[\#F3A23A\]{background-color:#f3a23a}.bg-\[\#F3F3F3\]{background-color:#f3f3f3}.bg-\[\#ffffff\]{background-color:#fff}.bg-\[rgba\(112\,192\,255\,0\.14\)\]{background-color:#70c0ff24}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-200\/20{background-color:#bedbff33}@supports (color:color-mix(in lab,red,red)){.bg-blue-200\/20{background-color:color-mix(in oklab,var(--color-blue-200)20%,transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-300{--tw-gradient-from:var(--color-blue-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-blue-500{--tw-gradient-to:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-50{--tw-gradient-to:var(--color-purple-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-10{padding-inline:calc(var(--spacing)*10)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-8{padding-top:calc(var(--spacing)*8)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-16{padding-bottom:calc(var(--spacing)*16)}.text-center{text-align:center}.text-left{text-align:left}.font-\[\'SF_UI_Display\'\]{font-family:SF UI Display}.\!text-xl{font-size:var(--text-xl)!important;line-height:var(--tw-leading,var(--text-xl--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\!text-\[20px\]{font-size:20px!important}.text-\[8px\]{font-size:8px}.text-\[10px\]{font-size:10px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.\!leading-tight{--tw-leading:var(--leading-tight)!important;line-height:var(--leading-tight)!important}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.\!font-bold{--tw-font-weight:var(--font-weight-bold)!important;font-weight:var(--font-weight-bold)!important}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.break-all{word-break:break-all}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.\!text-\[\#2E363C\]{color:#2e363c!important}.\!text-gray-900{color:var(--color-gray-900)!important}.text-\[\#2E363C\]{color:#2e363c}.text-\[\#9E9E9E\]{color:#9e9e9e}.text-\[\#2196F3\]{color:#2196f3}.text-black{color:var(--color-black)}.text-blue-100{color:var(--color-blue-100)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-800{color:var(--color-blue-800)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-orange-500{color:var(--color-orange-500)}.text-purple-600{color:var(--color-purple-600)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-white{color:var(--color-white)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-700{color:var(--color-yellow-700)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-100{opacity:1}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-blue-500\/30{--tw-shadow-color:#3080ff4d}@supports (color:color-mix(in lab,red,red)){.shadow-blue-500\/30{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-blue-500)30%,transparent)var(--tw-shadow-alpha),transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-400{--tw-duration:.4s;transition-duration:.4s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.placeholder\:text-\[10px\]::-moz-placeholder{font-size:10px}.placeholder\:text-\[10px\]::placeholder{font-size:10px}.placeholder\:text-gray-400::-moz-placeholder{color:var(--color-gray-400)}.placeholder\:text-gray-400::placeholder{color:var(--color-gray-400)}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-\[\#2196F3\]:hover{border-color:#2196f3}.hover\:border-blue-300:hover{border-color:var(--color-blue-300)}.hover\:bg-\[\#D4ECFF\]:hover{background-color:#d4ecff}.hover\:bg-\[\#E3F2FD\]:hover{background-color:#e3f2fd}.hover\:bg-\[\#E8E8E8\]:hover{background-color:#e8e8e8}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:text-\[\#2196F3\]:hover{color:#2196f3}.hover\:text-blue-800:hover{color:var(--color-blue-800)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:outline-2:focus{outline-style:var(--tw-outline-style);outline-width:2px}.focus\:outline-offset-2:focus{outline-offset:2px}.focus\:outline-blue-500:focus{outline-color:var(--color-blue-500)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-300:disabled{background-color:var(--color-gray-300)}.disabled\:text-gray-500:disabled{color:var(--color-gray-500)}.disabled\:opacity-50:disabled{opacity:.5}@media (hover:hover){.disabled\:hover\:scale-100:disabled:hover{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}}@media (min-width:40rem){.sm\:right-3{right:calc(var(--spacing)*3)}.sm\:left-3{left:calc(var(--spacing)*3)}.sm\:mr-4{margin-right:calc(var(--spacing)*4)}.sm\:mb-6{margin-bottom:calc(var(--spacing)*6)}.sm\:h-3{height:calc(var(--spacing)*3)}.sm\:h-5{height:calc(var(--spacing)*5)}.sm\:h-7{height:calc(var(--spacing)*7)}.sm\:h-\[45px\]{height:45px}.sm\:h-\[51px\]{height:51px}.sm\:h-\[56px\]{height:56px}.sm\:w-3{width:calc(var(--spacing)*3)}.sm\:w-7{width:calc(var(--spacing)*7)}.sm\:w-\[45px\]{width:45px}.sm\:max-w-md{max-width:var(--container-md)}.sm\:min-w-\[18px\]{min-width:18px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-0{gap:calc(var(--spacing)*0)}.sm\:gap-3{gap:calc(var(--spacing)*3)}:where(.sm\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}.sm\:rounded-none{border-radius:0}.sm\:p-4{padding:calc(var(--spacing)*4)}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:whitespace-nowrap{white-space:nowrap}}@media (min-width:48rem){.md\:block{display:block}.md\:h-8{height:calc(var(--spacing)*8)}.md\:h-\[14px\]{height:14px}.md\:w-8{width:calc(var(--spacing)*8)}.md\:w-\[14px\]{width:14px}.md\:min-w-\[20px\]{min-width:20px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:64rem){.lg\:right-4{right:calc(var(--spacing)*4)}.lg\:left-4{left:calc(var(--spacing)*4)}.lg\:mb-6{margin-bottom:calc(var(--spacing)*6)}.lg\:h-6{height:calc(var(--spacing)*6)}.lg\:h-\[50px\]{height:50px}.lg\:w-\[50px\]{width:50px}.lg\:w-\[450px\]{width:450px}.lg\:min-w-\[450px\]{min-width:450px}.lg\:flex-\[2\]{flex:2}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:gap-4{gap:calc(var(--spacing)*4)}.lg\:\!text-2xl{font-size:var(--text-2xl)!important;line-height:var(--tw-leading,var(--text-2xl--line-height))!important}.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}@media (min-width:80rem){.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:96rem){.\32xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}}@font-face{font-family:SF UI Display;src:url(/fonts/sf-ui-display.otf)format("opentype");font-weight:400;font-style:normal}@font-face{font-family:SF UI Display;src:url(/fonts/sf-ui-display-light.otf)format("opentype");font-weight:300;font-style:normal}@font-face{font-family:SF UI Display;src:url(/fonts/sf-ui-display-semibold.otf)format("opentype");font-weight:600;font-style:normal}@font-face{font-family:SF UI Display;src:url(/fonts/sf-ui-display-bold.otf)format("opentype");font-weight:700;font-style:normal}@font-face{font-family:SF UI Display;src:url(/fonts/sf-ui-display-heavy.otf)format("opentype");font-weight:800;font-style:normal}@font-face{font-family:SF UI Display;src:url(/fonts/sf-ui-display-black.otf)format("opentype");font-weight:900;font-style:normal}:root{--breakpoint-xs:480px;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--breakpoint-xxl:1600px;--font-size-xs:clamp(10px,2vw,12px);--font-size-sm:clamp(12px,2.5vw,14px);--font-size-base:clamp(14px,3vw,16px);--font-size-lg:clamp(16px,3.5vw,18px);--font-size-xl:clamp(18px,4vw,20px);--font-size-2xl:clamp(20px,4.5vw,24px);--font-size-3xl:clamp(24px,5vw,30px);--spacing-xs:clamp(4px,1vw,8px);--spacing-sm:clamp(8px,2vw,12px);--spacing-md:clamp(12px,3vw,16px);--spacing-lg:clamp(16px,4vw,24px);--spacing-xl:clamp(24px,5vw,32px);--spacing-2xl:clamp(32px,6vw,48px);font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{background-color:#ecf5fc;min-height:100vh;margin:0;font-family:SF UI Display,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}#root{min-height:100vh}.container-fluid{width:100%;padding:0 var(--spacing-md);max-width:none}.container{width:100%;padding:0 var(--spacing-md);max-width:1200px;margin:0 auto}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}@media (max-width:576px){.hidden-xs{display:none!important}.visible-xs{display:block!important}}@media (min-width:576px) and (max-width:768px){.hidden-sm{display:none!important}.visible-sm{display:block!important}}@media (min-width:768px) and (max-width:992px){.hidden-md{display:none!important}.visible-md{display:block!important}}@media (min-width:992px) and (max-width:1200px){.hidden-lg{display:none!important}.visible-lg{display:block!important}}@media (min-width:1200px){.hidden-xl{display:none!important}.visible-xl{display:block!important}}@keyframes pulse-orange{0%{background-color:#fff7ed;transform:scale(1)}50%{background-color:#fed7aa;transform:scale(1.01)}to{background-color:#fff7ed;transform:scale(1)}}.highlighted-product-row{transition:all .3s;animation:2s ease-in-out 3 pulse-orange;background-color:#fff7ed!important;border:2px solid #fb923c!important}.highlighted-product-row:hover{background-color:#fed7aa!important;border-color:#f97316!important}.ant-table-tbody>tr.highlighted-product-row>td{background-color:#fff7ed!important;border-color:#fb923c!important}.ant-table-tbody>tr.highlighted-product-row:hover>td{background-color:#fed7aa!important;border-color:#f97316!important}.clickable-notification{transition:transform .2s,box-shadow .2s;cursor:pointer!important}.clickable-notification:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.shake{animation:.5s ease-in-out shake}@keyframes pulse{50%{opacity:.5}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}