@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Plus+Jakarta+Sans:wght@500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{background:#00a859;box-shadow:0 4px 20px #aaa9b81a;display:flex;flex-direction:column;gap:40px;overflow-y:auto;padding:40px 16px;z-index:1000}.sidebar-logo{align-items:center;display:flex;gap:20px;padding:0 5px}.sidebar-logo img{height:30px;width:auto}.sidebar-logo h2{color:#fff;font-family:Roboto;font-size:24px;font-weight:700}.sidebar-menu{display:flex;flex-direction:column;gap:10px}.menu-item{align-items:center;border-radius:10px;color:#fff;cursor:pointer;display:flex;gap:10px;padding:16px 13px;position:relative;text-decoration:none;transition:all .3s ease}.menu-item:hover{background:#ffffff1a}.menu-item.active{background:#00cf6e}.menu-item-content{align-items:center;display:flex;flex:1 1;gap:10px}.menu-item-icon{color:#fff;height:20px;width:20px}.menu-item-text{color:#fff;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:19px}.menu-item.active .menu-item-text{font-weight:700}.menu-item-arrow{color:#fff;height:20px;transition:transform .3s ease;width:20px}.menu-item.expanded .menu-item-arrow{transform:rotate(180deg)}.submenu{align-items:flex-start;display:flex;flex-direction:row;gap:8px;margin-left:10px;margin-top:8px}.submenu-line{align-self:stretch;background:#00cc6c;min-height:100%;width:1px}.submenu-items{display:flex;flex:1 1;flex-direction:column;gap:12px}.submenu-item{align-items:center;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:10px;padding:8px 13px;text-decoration:none;transition:all .3s ease}.submenu-item:hover{background:#ffffff1a}.submenu-item-icon{color:#fff;height:16px;width:16px}.submenu-item-text{color:#fff;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:19px}.logout-btn{background:#0000;border:none;cursor:pointer;text-align:left;width:100%}.header{background:#fff;box-shadow:0 4px 20px #aaa9b81a;height:80px;justify-content:space-between;padding:20px 40px;right:0;z-index:100}.header,.header-search{align-items:center;display:flex}.header-search{background:#f2f6fa;border-radius:6px;gap:4px;height:40px;padding:10px;width:260px}.header-search-icon{color:#586a84;height:20px;width:20px}.header-search input{background:#0000;border:none;color:#3b4758;flex:1 1;font-family:Roboto;font-size:14px;font-weight:400;outline:none}.header-search input::placeholder{color:#7d8fa9}.header-actions{gap:14px}.header-actions,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:#95f7d9;border-radius:12px;cursor:pointer;height:24px;padding:0 4px;position:relative;width:44px}.toggle-circle{align-items:center;background:#0da678;border-radius:50%;display:flex;height:16px;justify-content:center;left:4px;position:absolute;transition:left .3s ease;width:16px}.theme-toggle.dark .toggle-circle{left:24px}.toggle-icon{color:#fff;height:10px;width:10px}.notification-btn{align-items:center;background:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;width:40px}.notification-icon{color:#586a84;height:24px;width:24px}.notification-badge{background:#f21673;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.user-avatar{cursor:pointer;overflow:hidden}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-avatar-placeholder{align-items:center;background:#00a859;color:#fff;display:flex;font-family:Roboto;font-size:16px;font-weight:700;height:100%;justify-content:center;width:100%}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton-dashboard{animation:skeleton-pulse 1.5s ease-in-out infinite;padding:0}.skeleton-row-1{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr 1.2fr;margin-bottom:24px}.skeleton-stats-col{display:flex;flex-direction:column;gap:16px}.skeleton-stat-card{background:#f0f0f0;border-radius:12px;height:120px;padding:20px}.skeleton-stat-label{background:#e0e0e0;border-radius:4px;height:12px;margin-bottom:12px;width:60%}.skeleton-stat-value{background:#e0e0e0;border-radius:4px;height:32px;margin-bottom:8px;width:40%}.skeleton-stat-change{background:#e0e0e0;border-radius:4px;height:10px;width:50%}.skeleton-activity-card{background:#f0f0f0;border-radius:12px;padding:20px}.skeleton-activity-header{background:#e0e0e0;border-radius:4px;height:16px;margin-bottom:20px;width:50%}.skeleton-activity-item{align-items:center;display:flex;gap:12px;margin-bottom:16px}.skeleton-avatar{background:#e0e0e0;border-radius:50%;flex-shrink:0;height:40px;width:40px}.skeleton-activity-text{background:#e0e0e0;border-radius:4px;flex:1 1;height:14px}.skeleton-row-2{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1.5fr 1fr;margin-bottom:24px}.skeleton-chart-card{background:#f0f0f0;border-radius:12px;height:350px;padding:20px}.skeleton-chart-header{background:#e0e0e0;border-radius:4px;height:16px;margin-bottom:20px;width:40%}.skeleton-chart-content{background:#e0e0e0;border-radius:8px;height:270px;width:100%}.skeleton-row-3{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.skeleton-list-card{background:#f0f0f0;border-radius:12px;padding:20px}.skeleton-list-header{background:#e0e0e0;border-radius:4px;height:16px;margin-bottom:20px;width:50%}.skeleton-list-item{align-items:center;display:flex;gap:12px;margin-bottom:16px}.skeleton-list-avatar{background:#e0e0e0;border-radius:8px;flex-shrink:0;height:50px;width:50px}.skeleton-list-text{background:#e0e0e0;border-radius:4px;flex:1 1;height:14px}.skeleton-row-4{display:flex;justify-content:flex-start}.skeleton-distribution-card{background:#f0f0f0;border-radius:12px;padding:20px;width:400px}.skeleton-distribution-header{background:#e0e0e0;border-radius:4px;height:16px;margin-bottom:20px;width:60%}.skeleton-pie-chart{background:#e0e0e0;border-radius:50%;height:200px;margin:0 auto;width:200px}@media (max-width:1200px){.skeleton-row-1{grid-template-columns:1fr 1fr}.skeleton-row-2,.skeleton-row-3{grid-template-columns:1fr}}.dashboard{box-sizing:border-box;max-width:100vw;overflow-x:hidden;width:100%}.dashboard-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:40px}.dashboard-title-section{display:flex;flex-direction:column;gap:10px}.dashboard-title{color:#3b4758;font-family:Roboto;font-size:36px;font-weight:700;line-height:42px}.dashboard-subtitle{color:#586a84;font-family:Roboto;font-size:20px;font-weight:400;line-height:23px}.time-filter{align-items:center;background:#eceeec;border:1px solid #eef0f4;border-radius:12px;display:flex;gap:4px;padding:4px}.filter-btn{background:#0000;border-radius:12px;color:#0009;font-family:Plus Jakarta Sans;font-size:16px;font-weight:500;line-height:140%;padding:10px 16px;transition:all .3s ease}.filter-btn.active{background:#fff;color:#3b4758;font-weight:700}.dashboard-row-1{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr) minmax(320px,1fr);margin-bottom:40px}.stats-col{grid-gap:20px;display:grid;gap:20px;grid-template-rows:repeat(3,auto)}.activity-card-fixed{height:100%}.dashboard-row-2{grid-gap:20px;grid-template-columns:minmax(520px,2fr) minmax(320px,1fr)}.dashboard-row-2,.dashboard-row-3{align-items:start;display:grid;gap:20px;margin-bottom:40px}.dashboard-row-3{grid-gap:20px;grid-template-columns:repeat(2,minmax(280px,1fr))}.dashboard-row-4,.stats-grid{margin-bottom:40px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.stat-card{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 4px 20px #aaa9b81a;display:flex;justify-content:space-between;padding:24px}.stat-content{display:flex;flex-direction:column;gap:20px}.stat-label{font-family:Roboto;font-size:14px;line-height:16px;text-transform:uppercase}.stat-details{display:flex;flex-direction:column;gap:10px}.stat-value{color:#3b4758;font-family:Roboto;font-size:24px;font-weight:700;line-height:28px}.stat-change{align-items:center;display:flex;gap:4px}.stat-change-value{font-family:Roboto;font-size:16px;font-weight:400;line-height:19px}.stat-change-value.positive{color:#0da678}.stat-change-value.negative{color:#e4003f}.stat-change-period{color:#586a84;font-family:Roboto;font-size:16px;font-weight:400;line-height:19px}.stat-icon-wrapper.revenue{background:#ffe5ec}.stat-icon-wrapper.customers{background:#e5f3ff}.stat-icon-wrapper.riders{background:#00a8591a}.stat-icon-wrapper.vendors{background:#fff2da}.stat-icon-wrapper.orders{background:#caf6f9}.stat-icon-wrapper.top-vendors{background:#ecd0fd}.stat-icon.revenue{color:#ff316a}.stat-icon.customers{color:#319dff}.stat-icon.riders{color:#00a859}.stat-icon.vendors{color:#ffaa04}.stat-icon.orders{color:#17b5bf}.stat-icon.top-vendors{color:#800ac7}.charts-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 664px;margin-bottom:40px}.chart-card{background:#fff;border:1px solid #eef0f4;border-radius:12px;display:flex;flex-direction:column;min-width:0;padding:16px 0}.chart-header{align-items:flex-start;display:flex;justify-content:space-between;padding:16px 24px}.chart-title-section{display:flex;flex-direction:column;gap:4px}.chart-title{color:#3b4758;font-family:Roboto;font-size:18px;font-weight:700;line-height:21px}.chart-subtitle{color:#7d8fa9;font-family:Roboto;font-size:16px;font-weight:400;line-height:19px}.chart-legend{gap:24px}.chart-legend,.legend-item{align-items:center;display:flex}.legend-item{gap:6px}.legend-dot{border-radius:50%;height:12px;width:12px}.legend-dot.orders{background:#00a859}.legend-dot.revenue{background:#ffaa04}.legend-label{color:#586a84;font-family:Roboto;font-size:16px;font-weight:400;line-height:19px}.chart-period-btn{background:#eef0f4;border:1px solid #dde1e8;border-radius:8px;color:#3b4758;cursor:pointer;font-family:Plus Jakarta Sans;font-size:16px;font-weight:600;line-height:140%;padding:8px 24px}.chart-content{flex:1 1;min-width:0;padding:0 24px 26px}.activity-card{background:#fff;border:1px solid #eef0f4;border-radius:12px;display:flex;flex-direction:column;min-width:0;padding:16px 0}.activity-header{align-items:center;display:flex;justify-content:space-between;padding:16px 24px}.activity-title{color:#3b4758;font-weight:700}.activity-title,.view-all-btn{font-family:Roboto;font-size:18px;line-height:21px}.view-all-btn{background:none;border:none;color:#00a859;cursor:pointer;font-weight:600}.activity-list{display:flex;flex-direction:column;gap:4px}.activity-item{align-items:center;border-top:.5px solid #eef0f4;display:flex;gap:32px;padding:16px 24px}.activity-user{align-items:flex-start;display:flex;gap:12px;width:190px}.activity-avatar{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.activity-avatar img{height:100%;object-fit:cover;width:100%}.activity-avatar-placeholder{align-items:center;background:#eef0f4;color:#586a84;display:flex;font-family:Roboto;font-size:16px;font-weight:700;height:100%;justify-content:center;width:100%}.activity-user-info{display:flex;flex-direction:column;gap:6px}.activity-user-name{color:#3b4758;font-family:Roboto;font-size:18px;font-weight:500;line-height:21px}.activity-action{color:#7d8fa9;font-family:Roboto;font-size:14px;font-weight:400;line-height:16px}.activity-meta{align-items:center;display:flex;flex:1 1;gap:20px;justify-content:flex-end;min-width:0}.activity-badge{border-radius:9px;font-family:Roboto;font-size:14px;font-weight:400;line-height:16px;padding:4px 7px}.activity-badge.customer{background:#e5f3ff;color:#319dff}.activity-badge.restaurant{background:#fff2da;color:#ffaa04}.activity-badge.rider{background:#ecd0fd;color:#600896}.activity-time{color:#586a84;font-family:Roboto;font-size:14px;font-weight:400;line-height:16px;text-align:right;width:100px}.lists-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:40px}.list-card{background:#fff;border:1px solid #eef0f4;border-radius:12px;min-width:0;padding:16px 0}.list-header{align-items:center;display:flex;justify-content:space-between;padding:16px 24px}.list-title{color:#3b4758;font-family:Roboto;font-size:18px;font-weight:700;line-height:21px}.list-items{display:flex;flex-direction:column}.list-item{align-items:center;border-top:.5px solid #eef0f4;display:flex;gap:32px;padding:16px 24px}.list-item-info{align-items:flex-start;display:flex;flex:1 1;gap:12px;min-width:0}.list-item-logo{align-items:center;background:#eef0f4;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.list-item-logo img{height:100%;object-fit:cover;width:100%}.list-item-details{display:flex;flex-direction:column;gap:8px;min-width:0}.list-item-name{color:#3b4758;font-family:Roboto;font-size:18px;font-weight:500;line-height:21px}.list-item-meta{align-items:center;display:flex;gap:6px}.list-item-rating{align-items:center;display:flex;gap:4px}.rating-star{color:#ffaa04;height:14px;width:14px}.rating-value{color:#ffaa04;font-family:Roboto;font-size:14px;font-weight:700;line-height:16px}.meta-divider{background:#586a84;border-radius:50%;height:4px;width:4px}.meta-text{color:#586a84;font-family:Roboto;font-size:14px;font-weight:400;line-height:16px}.list-item-change{align-items:center;background:#00a8591a;border-radius:9px;display:flex;gap:4px;padding:4px 7px}.change-icon{color:#00a859;height:10px;width:16px}.change-value{color:#00a859;font-family:Roboto;font-size:14px;font-weight:400;line-height:16px}.revenue-distribution{grid-gap:20px;display:grid;gap:20px;grid-template-columns:526px 1fr;margin-bottom:40px}.distribution-card{background:#fff;border:1px solid #eef0f4;border-radius:12px;min-width:0;padding:16px 0}.distribution-content{height:286px;justify-content:center;padding:16px 24px;position:relative}.distribution-legend{flex-direction:column;gap:20px;position:absolute}.distribution-legend-item{gap:10px}.distribution-legend-item.restaurant{left:44px;position:absolute;top:25px}.distribution-legend-item.rider{bottom:25px;left:65px;position:absolute}.distribution-legend-item.burucart{position:absolute;right:44px;top:148px}.distribution-legend-color{height:2px}.distribution-legend-color.restaurant{background:#ffaa04}.distribution-legend-color.rider{background:#52d5ff}.distribution-legend-color.burucart{background:#00a859}.distribution-legend-label{font-family:Roboto;font-size:18px;line-height:140%}.distribution-legend-label.restaurant{color:#ffaa04}.distribution-legend-label.rider{color:#52d5ff}.distribution-legend-label.burucart{color:#00a859}.stat-icon.naira{align-items:center;color:#ff316a;display:inline-flex;font-family:Roboto,sans-serif;font-size:22px;font-weight:800;height:24px;justify-content:center;line-height:1;width:24px}.distribution-content{align-items:center;display:flex;flex-direction:column;gap:24px;padding:20px 0}.distribution-legend{align-items:center;display:flex;flex-direction:row;gap:32px;justify-content:center;width:100%}.distribution-legend-item{align-items:center;display:flex;gap:8px}.distribution-legend-color{border-radius:4px;flex-shrink:0;height:16px;width:16px}.distribution-legend-color.burucart{background-color:#fff}.distribution-legend-color.restaurant{background-color:#ffaa04}.distribution-legend-color.rider{background-color:#52d5ff}.distribution-legend-label{color:#3b4758;font-size:14px;font-weight:500}@media (max-width:1366px){.dashboard-row-1,.dashboard-row-2,.dashboard-row-3{gap:16px}}@media (max-width:1100px){.dashboard-row-1,.dashboard-row-2,.dashboard-row-3{grid-template-columns:1fr}}.page-header{background:#fff;border-radius:12px;margin-bottom:20px;padding:24px}.page-header-content{display:flex;flex-direction:column;gap:10px}.page-title{font-size:36px;line-height:42px}.page-subtitle{color:#586a84;font-size:20px;line-height:23px;margin:0}.badge,.page-subtitle{font-family:Roboto,sans-serif;font-weight:400}.badge{align-items:center;border-radius:10px;display:inline-flex;font-size:14px;gap:3px;line-height:16px;padding:10px 6px 10px 4px;white-space:nowrap}.badge-icon{align-items:center;display:flex}.badge-icon,.badge-icon svg{height:12px;width:12px}.badge-text{display:inline-block}.badge-active{background:#cafbec66;color:#0da678}.badge-active .badge-icon svg{color:#0da678}.badge-deactivated{background:#ffe5ec;color:#e4003f}.badge-deactivated .badge-icon svg{color:#e4003f}.badge-suspended{background:#fff2da;color:#ffaa04}.badge-suspended .badge-icon svg{color:#ffaa04}.badge-cancelled{background:#ffe5ec;color:#e4003f}.badge-preparing{background:#ecd0fd4d;color:#800ac7}.badge-picked-up{background:#e5f3ff;color:#319dff}.badge-pending{background:#fff2da;color:#ffaa04}.badge-paid{background:#cafbec66;color:#0da678}.badge-refunded{background:#eef0f4;color:#586a84}.badge-online{background:#cafbec99;color:#0da678}.badge-offline{background:#eef0f4;color:#586a84}.badge-verified{background:#ecd0fd;color:#600896}.badge-unverified{background:#ffe5ec;color:#e4003f}.badge-open{background:#cafbec;color:#0da678}.badge-closed{background:#eef0f4;color:#586a84}.badge-pending-approval{background:#fff2da;color:#c28100}.badge-inactive{color:#3b4758}.badge-active{background:#cafbec;color:#0a7d5a}.badge-inactive{background:#eef0f4;color:#586a84}.pagination-container{align-items:center;background:#fff;border-radius:0 0 12px 12px;border-top:.5px solid #eef0f4;display:flex;justify-content:space-between;padding:24px}.pagination-info{color:#3b4758;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:16px}.pagination-controls{align-items:center;display:flex;gap:10px}.pagination-arrow{align-items:center;background:#fff;border:none;border-radius:24px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .2s;width:32px}.pagination-arrow:hover:not(:disabled){background:#f4f9f4}.pagination-arrow:disabled{cursor:not-allowed;opacity:.5}.pagination-arrow svg{color:#586a84;height:20px;width:20px}.page-number{align-items:center;background:#fff;border:none;border-radius:24px;color:#586a84;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:14px;height:32px;justify-content:center;line-height:16px;transition:all .2s;width:32px}.page-number:hover{background:#f4f9f4}.page-number.active{background:#00a859;color:#fff;font-weight:500}.page-dots{color:#586a84;font-family:Roboto,sans-serif;font-size:14px;padding:0 5px}.data-table-container{overflow:visible}.table-search{gap:6px}.export-btn,.filter-btn{align-items:center;background:#eef0f4;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 10px}.filter-dropdown{position:relative}.filter-btn{background:#fff;border:1px solid #e6e8ec;font-weight:400;gap:8px;height:40px;padding:0 14px;transition:all .2s ease}.filter-btn:hover{box-shadow:0 4px 20px #aaa9b840}.filter-dropdown-menu{background:#fff;border-radius:8px;box-shadow:0 4px 30px #aaa9b866;display:flex;flex-direction:column;padding:8px 0;position:absolute;right:0;top:48px;width:164px;z-index:1000}.filter-dropdown-menu div{align-items:center;color:#3b4758;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;height:36px;padding:0 16px;transition:background .2s ease}.filter-dropdown-menu div:hover{background:#f5f6fa}.filter-dropdown-menu .active{background:#f0f2f8;font-weight:500}.location-cell{white-space:wrap!important;word-break:break-word}.add-new-btn{font-size:14px;gap:6px;padding:8px 14px}.table-wrapper{overflow-y:visible}.table-header-row,.table-row{grid-column-gap:24px;column-gap:24px;grid-template-columns:minmax(220px,2fr) minmax(150px,1fr) minmax(150px,1fr) minmax(80px,.5fr) minmax(120px,1fr) minmax(120px,1fr) 80px}.table-header-row{color:#3b4758;font-size:14px;font-weight:600;min-height:48px}.table-header-row,.table-row{border-bottom:1px solid #eef0f4}.table-row{min-height:72px}.customer-cell{align-items:center;display:flex;gap:12px;min-width:0}.avatar,.avatar-placeholder,.customer-avatar{border-radius:50%;flex-shrink:0;height:36px;min-width:36px;width:36px}.avatar img,.customer-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-placeholder{font-size:13px}.customer-cell span{color:#3b4758;font-size:15px;font-weight:500;overflow:hidden}.customer-cell span,.table-row>div{text-overflow:ellipsis;white-space:nowrap}.table-row>div{color:#586a84;font-size:14px;overflow:visible}.table-row>div:nth-child(5){color:#00a859;font-weight:500}.table-row button{background:#0000;border:none;cursor:pointer}.options-dropdown{top:40px;width:280px;z-index:1000}.options-item{align-items:center;color:#586a84;cursor:pointer;display:flex;font-size:14px;gap:20px;height:48px;padding:14px 30px}.options-item:hover{background:#f5f7fa}.options-item.danger{color:#e4003f}.options-cell{display:flex;justify-content:center}.options-btn{padding:6px}.options-wrapper{display:inline-block;position:relative!important}@media (max-width:1200px){.table-header-row,.table-row{column-gap:16px;grid-template-columns:minmax(180px,2fr) minmax(120px,1fr) minmax(120px,1fr) minmax(60px,.5fr) minmax(100px,1fr) minmax(100px,1fr) 60px}}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:0;left:0;right:0;top:0}.modal-header{border-bottom:1px solid #eef0f4}.modal-header h2{color:#3b4758;font-family:Roboto,sans-serif;font-size:20px;font-weight:700;line-height:23px;margin:0}.modal-close-btn svg{color:#586a84;height:20px;width:20px}.modal-form{display:flex;flex-direction:column;gap:20px;padding:24px}.form-group input,.form-group select,.form-group textarea{background:#f2f6fa;border:none;border-radius:6px;color:#3b4758;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:16px;outline:none;padding:12px 20px;transition:background .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#e8eff5}.form-group input::placeholder,.form-group textarea::placeholder{color:#3b4758;opacity:.5}.form-group textarea{min-height:88px;resize:vertical}.btn-cancel,.btn-save{border:none;border-radius:12px;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:16px;padding:8px 14px;transition:all .2s}.btn-cancel{background:#eef0f4;color:#586a84}.btn-cancel:hover{background:#e0e5eb}.btn-save{background:#00a859;color:#fff}.btn-save:hover{background:#008f4d}@media (max-width:768px){.modal-container{max-height:95vh;width:90%}.form-row{flex-direction:column;gap:20px}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rider-stat-card{align-items:center;background:#fff;border:1px solid #eef0f4;border-radius:12px;display:flex;flex:1 1;gap:16px;min-width:200px;padding:24px}.stat-icon-wrapper{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-icon-wrapper.stat-icon-success{background:#cafbec99}.stat-icon-wrapper.stat-icon-primary{background:#e5f3ff}.stat-icon-wrapper.stat-icon-purple{background:#ecd0fd66}.stat-icon-wrapper.stat-icon-warning{background:#fff2da}.stat-icon{height:24px;width:24px}.stat-info{display:flex;flex-direction:column;gap:4px}.stat-count{color:#3b4758;font-size:20px;font-weight:700;line-height:23px}.stat-count,.stat-label{font-family:Roboto,sans-serif}.stat-label{color:#586a84;font-size:16px;font-weight:400;line-height:19px}.data-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #aaa9b81a;overflow:hidden}.table-controls{align-items:flex-start;border-bottom:1px solid #f4f9f4;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:24px}.table-header-info{display:flex;flex-direction:column;gap:4px}.table-title{color:#3b4758;font-size:24px;font-weight:500;line-height:28px}.table-subtitle,.table-title{font-family:Roboto,sans-serif;margin:0}.table-subtitle{color:#7d8fa9;font-size:16px;font-weight:400;line-height:19px}.table-actions{flex-wrap:wrap;gap:16px}.table-actions,.table-search{align-items:center;display:flex}.table-search{background:#f2f6fa;border-radius:6px;gap:4px;padding:10px;width:260px}.table-search .search-icon{color:#586a84;flex-shrink:0;height:20px;width:20px}.table-search input{background:#0000;border:none;color:#3b4758;font-family:Roboto,sans-serif;font-size:14px;outline:none;width:100%}.table-search input::placeholder{color:#7d8fa9}.filter-btn{align-items:center;background:#eef0f4;border:none;border-radius:8px;color:#3b4758;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:14px;gap:3px;padding:8px 10px;transition:background .2s;white-space:nowrap}.filter-btn:hover{background:#dde1e8}.filter-btn .btn-icon{color:#3b4758;height:16px;width:16px}.export-btn{align-items:center;background:#eef0f4;border:none;border-radius:8px;color:#3b4758;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:14px;gap:3px;padding:8px 10px;transition:background .2s;white-space:nowrap}.export-btn:hover{background:#dde1e8}.export-btn .btn-icon{color:#3b4758;height:16px;width:16px}.add-new-btn{align-items:center;background:#00a859;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;gap:4px;padding:8px 12px;transition:background .2s;white-space:nowrap}.add-new-btn:hover{background:#00cf6e}.add-new-btn .btn-icon{height:24px;width:24px}.table-wrapper{width:100%}.table-header-row,.table-row{grid-column-gap:32px;align-items:center;column-gap:32px;display:grid;grid-template-columns:40px -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content 80px;grid-template-columns:40px max-content max-content max-content max-content max-content max-content 80px;padding:0 24px}.table-header-row{background:#f4f9f4;border-top:.5px solid #eef0f4;min-height:44px;padding-bottom:10px;padding-top:10px}.table-header-cell{align-items:center;color:#3b4758;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:16px;font-weight:600;gap:4px;line-height:19px;overflow:visible;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:normal;word-break:break-word}.sort-arrows{display:flex;flex-direction:column;flex-shrink:0;gap:-4px;margin-left:4px}.sort-arrows svg{color:#7d8fa9;height:12px;width:12px}.sort-arrows svg.active{color:#3b4758}.checkbox-cell,.options-cell{cursor:default;justify-self:center}.table-body{display:flex;flex-direction:column}.table-row{background:#fff;border-top:.5px solid #eef0f4;min-height:80px;padding-bottom:20px;padding-top:20px;transition:background .2s}.table-row:hover{background:#f4f9f4}.table-cell{align-items:center;color:#586a84;display:flex;font-family:Roboto,sans-serif;font-size:16px;line-height:19px;overflow:visible}.table-cell input[type=checkbox]{accent-color:#00a859;cursor:pointer;flex-shrink:0;height:18px;width:18px}.product-info{align-items:flex-start;display:flex;gap:12px;min-width:0;width:100%}.customer-avatar{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.customer-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:#eef0f4;border-radius:50%;color:#3b4758;display:flex;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.customer-details{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.customer-name{color:#3b4758;font-family:Roboto,sans-serif;font-size:18px;font-weight:500;line-height:21px}.customer-email{color:#586a84;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:16px;white-space:normal;word-break:break-word}.orders-count{align-items:center;color:#3b4758;display:flex;font-weight:700;gap:6px}.amount-spent{color:#00a859;font-weight:500}.options-btn{background:#0000;transition:background .2s}.options-btn:hover{background:#f4f9f4}.options-btn svg{color:#586a84;height:32px;width:32px}@media (max-width:1600px){.table-header-row,.table-row{gap:12px;grid-template-columns:40px minmax(120px,1fr) minmax(150px,1fr) minmax(150px,1fr) minmax(150px,1fr) minmax(90px,1fr) minmax(100px,1fr) minmax(100px,1fr) minmax(90px,1fr) 70px}}.riders-table-container .table-header-row,.riders-table-container .table-row{gap:16px;grid-template-columns:40px minmax(200px,2fr) minmax(150px,1fr) minmax(150px,1fr) minmax(180px,1.5fr) minmax(120px,1fr) minmax(100px,1fr) minmax(120px,1fr) minmax(140px,1.2fr) 80px}.riders-table-container .rider-info{align-items:flex-start;display:flex;gap:12px;min-width:0;width:100%}.riders-table-container .rider-avatar{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.riders-table-container .rider-avatar img{height:100%;object-fit:cover;width:100%}.riders-table-container .rider-avatar .avatar-placeholder{align-items:center;background:#00a859;border-radius:50%;color:#fff;display:flex;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.riders-table-container .rider-details{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.riders-table-container .rider-name{color:#3b4758;font-size:16px;font-weight:500}.riders-table-container .rider-email,.riders-table-container .rider-name{font-family:Roboto,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.riders-table-container .rider-email{color:#586a84;font-size:14px;font-weight:400}.riders-table-container .vehicle-info{align-items:center;display:flex;gap:12px;min-width:0;width:100%}.riders-table-container .vehicle-icon{flex-shrink:0;height:26px;width:26px}.riders-table-container .vehicle-details{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.riders-table-container .vehicle-type{color:#3b4758;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.riders-table-container .vehicle-number{font-size:14px}.riders-table-container .rider-location,.riders-table-container .rider-phone,.riders-table-container .vehicle-number{color:#586a84;font-family:Roboto,sans-serif;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.riders-table-container .rider-location,.riders-table-container .rider-phone{font-size:16px}.riders-table-container .deliveries-info{align-items:center;display:flex;gap:6px}.riders-table-container .deliveries-icon{flex-shrink:0;height:18px;width:18px}.riders-table-container .deliveries-count{color:#3b4758;font-family:Roboto,sans-serif;font-size:16px;font-weight:700}.riders-table-container .rating-info{align-items:center;display:flex;gap:4px}.riders-table-container .rating-star{color:#ffaa04;flex-shrink:0;height:15px;width:15px}.riders-table-container .rating-value{color:#3b4758;font-family:Roboto,sans-serif;font-size:14px;font-weight:700}.riders-table-container .rider-earnings{color:#00a859;font-family:Roboto,sans-serif;font-size:16px;font-weight:500}.riders-table-container .rider-status{align-items:flex-start;display:flex;flex-direction:column;gap:6px}.riders-table-container .status-badges{display:flex;flex-direction:column;gap:4px}.riders-table-container .row--selected{background:#f0faf5!important}.rider-skeleton-row{align-items:center;border-top:.5px solid #eef0f4;display:flex;flex-direction:row;gap:16px;padding:20px 24px}.rider-skeleton{animation:riderShimmer 1.4s infinite;background:linear-gradient(90deg,#f2f6fa 25%,#e8f0ed 50%,#f2f6fa 75%);background-size:200% 100%;border-radius:6px;height:14px}@keyframes riderShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rider-skeleton--avatar{border-radius:50%;flex-shrink:0;height:40px;width:40px}.rider-skeleton--long{width:160px}.rider-skeleton--medium{width:110px}.rider-skeleton--short{width:80px}.rider-skeleton--badge{border-radius:18px;height:24px;width:60px}.rider-options-wrap{display:flex;justify-content:center;position:relative}.rider-options-dropdown{animation:riderDropFade .12s ease;background:#fff;border-radius:8px;box-shadow:0 4px 30px #aaa9b866;display:flex;flex-direction:column;min-width:160px;padding:8px 0;position:absolute;right:0;top:calc(100% + 4px);z-index:200}@keyframes riderDropFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.rider-options-item{align-items:center;background:none;border:none;color:#586a84;cursor:pointer;display:flex;flex-direction:row;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;gap:12px;padding:12px 20px;text-align:left;transition:background .1s ease;white-space:nowrap}.rider-options-item:hover{background:#f2f6fa}.rider-options-item--danger{color:#e4003f}.rider-options-item--danger:hover{background:#fff0f4}.rider-options-icon{color:#586a84;flex-shrink:0;height:18px;width:18px}.rider-options-icon--verify{color:#00a859}.rider-options-icon--danger{color:#e4003f}.rider-filter-wrap{position:relative}.rider-filter-dropdown{animation:riderDropFade .12s ease;background:#fff;border-radius:8px;box-shadow:0 4px 30px #aaa9b866;display:flex;flex-direction:column;left:0;min-width:164px;padding:8px 0;position:absolute;top:calc(100% + 4px);z-index:200}.rider-filter-item{align-items:center;background:none;border:none;color:#3b4758;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;padding:10px 16px;text-align:left;transition:background .1s ease;white-space:nowrap}.rider-filter-item:hover{background:#f2f6fa}.rider-filter-item--active{background:#f0faf5;color:#00a859;font-weight:600}.rider-modal-backdrop{align-items:center;animation:riderBackdropFade .18s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes riderBackdropFade{0%{opacity:0}to{opacity:1}}.rider-modal{animation:riderModalSlide .2s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #aaa9b81a;max-width:593px;overflow:hidden;width:100%}.rider-modal--sm{max-width:480px}@keyframes riderModalSlide{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.rider-modal__header{align-items:center;background:#fff;box-shadow:0 4px 8px #00000008;display:flex;justify-content:space-between;padding:20px 24px}.rider-modal__title{color:#3b4758;font-family:Roboto,sans-serif;font-size:20px;font-weight:700;margin:0}.rider-modal__close{align-items:center;background:#fff;border:none;border-radius:24px;color:#586a84;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .15s ease;width:32px}.rider-modal__close:hover{background:#f2f6fa}.rider-modal__close svg{height:20px;width:20px}.rider-modal__tab-bar{background:#fff;padding:16px 24px 0}.rider-tab-switcher{align-items:center;background:#eceeec;border:1px solid #eef0f4;border-radius:8px;display:flex;flex-direction:row;gap:4px;height:50px;padding:4px}.rider-tab-btn{background:#0000;border:none;border-radius:8px;color:#0009;cursor:pointer;flex:1 1;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;height:42px;transition:all .15s ease}.rider-tab-btn--active{background:#fff;box-shadow:0 0 6px #00000014;color:#3b4758;font-weight:700}.rider-modal__body{max-height:50vh;overflow-y:auto;padding:0 24px}.rider-form-section{display:flex;flex-direction:column;gap:20px;padding:20px 0}.rider-form-row{display:flex;flex-direction:row;gap:20px}.rider-form-row .rider-form-field{flex:1 1}.rider-form-field{display:flex;flex-direction:column;gap:4px}.rider-form-label{font-weight:500}.rider-form-input,.rider-form-label{color:#3b4758;font-family:Roboto,sans-serif;font-size:14px}.rider-form-input{background:#f2f6fa;border:none;border-radius:6px;box-sizing:border-box;font-weight:400;height:40px;outline:none;padding:12px 10px 12px 20px;width:100%}.rider-form-input::placeholder{color:#7d8fa9}.rider-form-input:focus{outline:1.5px solid #00a859}.rider-form-select-wrap{position:relative}.rider-form-select{-webkit-appearance:none;appearance:none;background:#f2f6fa;border:none;border-radius:6px;box-sizing:border-box;color:#3b4758;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;height:40px;outline:none;padding:10px 40px 10px 20px;width:100%}.rider-form-select:focus{outline:1.5px solid #00a859}.rider-form-select-arrow{color:#3b4758;height:20px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px}.rider-form-error{background:#fff0f4;border-left:3px solid #e4003f;border-radius:6px;color:#e4003f;font-size:13px;padding:8px 12px}.rider-confirm-text,.rider-form-error{font-family:Roboto,sans-serif;margin:0}.rider-confirm-text{color:#586a84;font-size:15px;line-height:22px;padding:20px 0}.rider-confirm-text strong{color:#3b4758}.rider-modal__footer{align-items:center;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.rider-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;height:40px;justify-content:center;padding:8px 20px;transition:all .15s ease;white-space:nowrap}.rider-btn--cancel{background:#eef0f4;color:#586a84}.rider-btn--cancel:hover{background:#e2e5ea}.rider-btn--primary{background:#00a859;color:#fff}.rider-btn--primary:hover:not(:disabled){background:#009148}.rider-btn--primary:disabled{cursor:not-allowed;opacity:.6}.rider-btn--danger{background:#e4003f;color:#fff}.rider-btn--danger:hover:not(:disabled){background:#c5003a}.rider-btn--danger:disabled{cursor:not-allowed;opacity:.6}.riders-page{display:flex;flex-direction:column;gap:24px;min-height:100%;padding:40px}.rider-stats-row{display:flex;flex-wrap:wrap;gap:24px}.order-status-card{align-items:center;background:#fff;border:1px solid #eef0f4;border-radius:8px;display:flex;flex:1 1;gap:16px;min-width:200px;padding:16px 24px}.status-count{color:#3b4758;font-family:Roboto,sans-serif;font-size:20px;font-weight:700;line-height:23px}.status-badge-small{border-radius:10px;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:16px;padding:4px 6px}.status-card-pending{background:#fff2da;color:#ffaa04}.status-card-preparing{background:#e5f3ff;color:#319dff}.status-card-out-for-delivery{background:#ecd0fd;color:#800ac7}.status-card-delivered{background:#caf6f9;color:#129199}.status-card-cancelled{background:#ffe5ec;color:#e4003f}.order-status-card.clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.order-status-card.clickable:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.order-status-card.active{border:2px solid #00a859;box-shadow:0 4px 12px #00a85933}.order-status-card.active .status-count{color:#00a859;font-weight:600}.table-empty,.table-loading{color:#7d8fa9;font-size:16px;padding:60px 20px;text-align:center}.person-avatar img,.restaurant-logo img{border-radius:inherit;height:100%;object-fit:cover;width:100%}.no-rider{color:#999;font-style:italic}.modal-overlay{background:#00000073}.modal-container{box-shadow:0 4px 20px #aaa9b833;overflow-y:auto;width:100%}.modal-header{position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-close-btn{color:#586a84;font-size:16px;transition:background .2s}.modal-empty,.modal-loading{color:#7d8fa9;font-family:Roboto,sans-serif;font-size:16px;padding:48px;text-align:center}.order-modal{max-width:645px}.modal-body{display:flex;flex-direction:column;gap:16px;padding:24px 32px}.order-modal-id-row{align-items:center;display:flex;gap:12px;padding:32px 0 0}.order-modal-id-text{color:#3b4758;font-family:Roboto,sans-serif;font-size:18px;font-weight:700;line-height:25px}.order-modal-status-badge{border-radius:18px;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:16px;padding:4px 10px}.badge-delivered{background:#cafbec66;color:#0da678}.badge-pending{background:#ffec9966;color:#d4a017}.badge-preparing{background:#93c5fd4d;color:#2563eb}.badge-cancelled{background:#fecaca66;color:#dc2626}.order-modal-field-row{display:flex;gap:16px}.order-modal-field{flex:1 1}.order-modal-field,.order-modal-field-full{background:#f2f6fa;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:14px 16px}.order-modal-field-label{color:#586a84;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:16px}.order-modal-field-value{color:#3b4758;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;line-height:19px}.order-modal-items-box{border:1px solid #eef0f4;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:24px}.order-modal-section-title{color:#3b4758;font-family:Roboto,sans-serif;font-size:16px;font-weight:600;line-height:19px;margin-bottom:4px}.order-modal-item-row{align-items:center;background:#f2f6fa;border-radius:8px;display:flex;justify-content:space-between;padding:14px 16px}.order-modal-item-info{display:flex;flex-direction:column;gap:4px}.order-modal-item-qty{color:#586a84;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:16px}.order-modal-item-name,.order-modal-item-price{color:#3b4758;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;line-height:19px}.order-modal-fee-row{align-items:center;display:flex;justify-content:space-between}.order-modal-fee-label{color:#586a84;font-family:Plus Jakarta Sans,Roboto,sans-serif;font-size:16px;font-weight:400;line-height:20px}.order-modal-fee-value{color:#3b4758;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;line-height:19px}.order-modal-divider{border:1px solid #0000001a;margin:4px 0}.order-modal-total-row{margin-top:4px}.order-modal-total-label{color:#000;font-family:Plus Jakarta Sans,Roboto,sans-serif;font-size:16px;font-weight:600;line-height:20px}.order-modal-total-value{color:#00a859;font-family:Roboto,sans-serif;font-size:16px;font-weight:600;line-height:19px}.order-modal-payment-row{align-items:center;display:flex;gap:8px}.order-modal-payment-badge{align-items:center;border:.5px solid #00a8591a;border-radius:18px;display:flex;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;gap:4px;line-height:16px;padding:4px 12px}.payment-paid{background:#fff;color:#0da678}.payment-pending{background:#fff;color:#d4a017}.payment-dot{background:#00a859;border-radius:48px;display:inline-block;height:7px;width:7px}.customer-modal{max-width:657px}.customer-modal-header{align-items:flex-start;display:flex;justify-content:space-between;padding:32px 32px 24px}.customer-modal-header-text{display:flex;flex-direction:column;gap:4px}.customer-modal-subtitle{color:#7d8fa9;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;line-height:19px}.customer-modal-divider{border:none;border-top:1px solid #0000001a;margin:0}.customer-modal-body{display:flex;flex-direction:column;gap:24px;padding:24px 32px 32px}.customer-modal-profile-row{align-items:center;display:flex;gap:16px}.customer-modal-avatar{border-radius:50%;flex-shrink:0;height:50px;object-fit:cover;width:50px}.customer-modal-avatar-placeholder{align-items:center;background:#00a859;border-radius:50%;color:#fff;flex-shrink:0;font-family:Roboto,sans-serif;font-size:18px;font-weight:600;height:50px;justify-content:center;width:50px}.customer-modal-name-group{display:flex;flex-direction:column;gap:6px}.customer-modal-name{color:#3b4758;font-family:Roboto,sans-serif;font-size:20px;font-weight:700;line-height:28px}.customer-modal-status-badge{align-items:center;border-radius:10px;display:inline-flex;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;gap:4px;line-height:16px;padding:3px 10px;width:-webkit-fit-content;width:fit-content}.status-active{background:#cafbec;color:#0da678}.status-inactive{background:#fee2e2;color:#dc2626}.customer-modal-field-row{display:flex;gap:32px}.customer-modal-field{align-items:center;background:#f4f9f4;border-radius:8px;display:flex;flex:1 1;gap:10px;padding:14px 16px}.customer-modal-field-icon-wrap{align-items:center;background:#e6f7ef;border-radius:24px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.customer-modal-field-icon{font-size:14px}.customer-modal-field-content{display:flex;flex-direction:column;gap:4px}.customer-modal-field-label{color:#586a84;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:16px}.customer-modal-field-value{color:#3b4758;font-family:Roboto,sans-serif;font-size:16px;font-weight:600;line-height:19px}.customer-modal-stat-card{align-items:center;border:1px solid #dde1e8;border-radius:8px;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:14px 16px}.customer-modal-stat-amount{color:#00a859;font-family:Roboto,sans-serif;font-size:24px;font-weight:700;line-height:28px}.customer-modal-stat-location{color:#3b4758;font-family:Roboto,sans-serif;font-size:20px;font-weight:600;line-height:23px;text-align:center}.customer-modal-stat-label{color:#586a84;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:16px;text-align:center}.orders-header-row .order-id-cell{width:140px}.orders-header-row .customer-name-cell{width:180px}.orders-header-row .restaurant-cell,.orders-header-row .rider-cell{width:190px}.orders-header-row .items-cell{width:100px}.orders-header-row .order-status-cell,.orders-header-row .total-cell{width:120px}.orders-header-row .payment-cell{width:110px}.order-id-info{display:flex;flex-direction:column;gap:2px}.order-id{color:#00a859;font-size:16px;font-weight:500;line-height:19px}.order-date,.order-id{font-family:Roboto,sans-serif}.order-date{color:#7d8fa9;font-size:14px;font-weight:400;line-height:16px}.person-info{align-items:center;display:flex;gap:12px}.person-avatar{border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.person-avatar .avatar-placeholder{align-items:center;background:#eef0f4;border-radius:50%;color:#3b4758;display:flex;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.person-name{color:#3b4758;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;line-height:19px}.restaurant-info{align-items:center;display:flex;gap:12px}.restaurant-logo{border-radius:24px;flex-shrink:0}.logo-placeholder,.restaurant-logo{align-items:center;background:#f4f9f4;display:flex;height:32px;justify-content:center;width:32px}.logo-placeholder{border-radius:50%;color:#00a859;font-family:Roboto,sans-serif;font-size:12px;font-weight:600}.restaurant-name{font-weight:500;white-space:wrap}.items-count,.restaurant-name{color:#3b4758;font-family:Roboto,sans-serif;font-size:16px;line-height:19px}.items-count{font-weight:400}.order-total{color:#586a84;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;line-height:19px}.options-wrapper{align-items:center}.options-dropdown{min-width:160px}.dropdown-item{align-items:center;background:none;border:none;color:#586a84;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;gap:12px;line-height:16px;padding:14px 24px;text-align:left;transition:background .15s;width:100%}.dropdown-item:hover{background:#f4f9f4;color:#3b4758}.dropdown-item-icon{flex-shrink:0;height:18px;width:18px}.customer-name-link{cursor:pointer;transition:color .15s}.customer-name-link:hover{color:#00a859;text-decoration:underline}.no-rider{color:#7d8fa9;font-size:16px}.orders-page{display:flex;flex-direction:column;gap:24px;padding:40px}.orders-status-cards{display:flex;flex-wrap:wrap;gap:24px}@media (max-width:1400px){.orders-status-cards{gap:16px}}.vendor-stat-card{align-items:center;background:#fff;border:1px solid #eef0f4;border-radius:12px;display:flex;flex:1 1;flex-direction:row;gap:16px;min-width:0;padding:24px}.vendor-stat-icon-wrapper{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.vendor-stat-icon{height:24px;object-fit:contain;width:24px}.vendor-stat-icon-success{background:#cafbec99}.vendor-stat-icon-warning{background:#fff2da}.vendor-stat-icon-primary{background:#e5f3ff}.vendor-stat-content{display:flex;flex-direction:column;gap:4px}.vendor-stat-count{color:#3b4758;font-family:Roboto,sans-serif;font-size:20px;font-weight:700;line-height:23px}.vendor-stat-label{color:#586a84;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;line-height:19px}.vendor-table-header,.vendor-table-row{grid-gap:0;align-items:center;display:grid;gap:0;grid-template-columns:40px 360px 198px 240px 110px 94px 134px 110px 80px}.vendor-table-row{min-height:85px}.vendor-name-cell{width:360px}.vendor-info{align-items:center;display:flex;gap:12px}.vendor-logo{flex-shrink:0;height:40px;width:40px}.vendor-logo img{border-radius:50%;height:100%;object-fit:cover;width:100%}.vendor-logo .avatar-placeholder{align-items:center;background:#00a859;border-radius:50%;color:#fff;display:flex;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.vendor-details{display:flex;flex-direction:column;gap:6px}.vendor-name{color:#3b4758;font-family:Roboto,sans-serif;font-size:18px;font-weight:500;line-height:21px}.vendor-contact-cell{width:198px}.vendor-contact{display:flex;flex-direction:column;gap:6px}.vendor-email,.vendor-phone{color:#586a84;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;line-height:19px}.vendor-email{white-space:wrap!important;word-break:break-word}.vendor-location-cell{width:240px}.vendor-location{color:#586a84;display:flex;flex-direction:column;gap:2px;line-height:1.35;white-space:wrap!important;word-break:break-word}.location-line1,.vendor-location{font-family:Roboto,sans-serif;font-size:16px;font-weight:400}.location-line1{color:#3b4758}.location-country,.location-line2{color:#3b4758;font-family:Roboto,sans-serif;font-size:16px}.vendor-orders-cell{width:110px}.vendor-orders-info{align-items:center;display:flex;gap:6px}.vendor-orders-icon{height:12px;object-fit:contain;width:12px}.vendor-orders-count{color:#3b4758;font-family:Roboto,sans-serif;font-size:16px;font-weight:700;line-height:19px}.vendor-rating-cell{width:94px}.vendor-rating-info{align-items:center;display:flex;gap:4px}.vendor-rating-star{color:#ffaa04;height:14.86px;width:14.77px}.vendor-rating-value{color:#3b4758;font-family:Roboto,sans-serif;font-size:14px;font-weight:700;line-height:16px}.vendor-revenue-cell{width:134px}.vendor-revenue{color:#00a859;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;line-height:19px}.vendor-status-cell{width:110px}.options-cell{position:relative}.options-btn{color:#888;font-size:22px;padding:4px 8px}.options-btn:hover{background:#f5f5f5;color:#333}.options-dropdown{border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:170px;overflow:hidden;z-index:200}.options-dropdown-item{align-items:center;color:#333;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:11px 16px;transition:background .15s}.options-dropdown-item:hover{background:#f5f5f5}.options-item-icon{color:#555;font-size:16px}.options-item-warn{color:#f59e0b}.options-item-success{color:#00a859}.table-loading{align-items:center;color:#888;display:flex;flex-direction:column;gap:14px;justify-content:center;padding:60px 20px}.table-spinner{animation:spin .8s linear infinite;border:3px solid #e0e0e0;border-radius:50%;border-top-color:#00a859;height:36px;width:36px}.table-empty{align-items:center;color:#aaa;display:flex;font-size:14px;justify-content:center;padding:60px 20px}.vendor-logo-img{border-radius:8px;height:100%;object-fit:cover;width:100%}.vt-filter-wrap{position:relative}.vt-filter-btn{align-items:center;background:#fff;border:1px solid #dde1e8;border-radius:8px;color:#3b4758;cursor:pointer;display:inline-flex;font-family:Roboto,sans-serif;font-size:14px;gap:6px;padding:8px 14px;transition:border-color .2s;white-space:nowrap}.vt-filter-btn:hover{border-color:#3b4758}.vt-filter-chevron,.vt-filter-icon{color:#586a84;height:18px;width:18px}.vt-filter-chevron{transition:transform .2s}.vt-filter-chevron.open{transform:rotate(180deg)}.vt-filter-dropdown{background:#fff;border-radius:8px;box-shadow:0 4px 30px #aaa9b866;left:0;min-width:164px;overflow:hidden;padding:8px 0;position:absolute;top:calc(100% + 6px);z-index:200}.vt-filter-option{color:#3b4758;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;padding:10px 16px;transition:background .15s}.vt-filter-option:hover{background:#f4f9f4}.vt-filter-option-active{background:#f4f9f4;color:#00a859;font-weight:500}.options-item-danger{color:#e4003f!important}.options-dropdown-item.options-item-delete:hover{background:#fff5f7}.modal-overlay{background:#00000080;padding:20px}.edit-vendor-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.modal-header{border-bottom:1px solid #f0f0f0}.modal-title{color:#1a1a2e;font-size:18px}.modal-close-btn{background:none;color:#999;font-size:22px;padding:4px}.modal-close-btn:hover{color:#333}.modal-tabs{border-bottom:1px solid #f0f0f0;display:flex;padding:0 24px}.modal-tab{background:none;border:none;border-bottom:2px solid #0000;color:#999;cursor:pointer;font-size:14px;font-weight:500;margin-right:24px;padding:14px 0;transition:all .2s}.modal-tab.active{border-bottom-color:#00a859;color:#00a859;font-weight:700}.modal-body{padding:24px}.modal-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#ef4444;font-size:13px;margin-bottom:16px;padding:10px 14px}.modal-tab-content{display:flex;flex-direction:column;gap:16px}.modal-field-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.modal-field{display:flex;flex-direction:column;gap:6px}.modal-label{color:#555;font-size:13px;font-weight:600}.modal-input{background:#fafafa;border:1.5px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#1a1a2e;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.modal-input:focus{background:#fff;border-color:#00a859;box-shadow:0 0 0 3px #00a8591a}.modal-field-hint{color:#999;font-size:11px;margin:0}.modal-toggle-label{align-items:center;cursor:pointer;display:flex;gap:10px;padding-top:8px}.modal-toggle{border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;position:relative;transition:background .2s;width:44px}.modal-toggle.on{background:#00a859}.modal-toggle.off{background:#ccc}.modal-toggle-circle{background:#fff;border-radius:50%;height:18px;position:absolute;top:3px;transition:left .2s;width:18px}.modal-toggle.on .modal-toggle-circle{left:23px}.modal-toggle.off .modal-toggle-circle{left:3px}.modal-toggle-text{color:#555;font-size:13px;font-weight:500}.modal-commission-wrapper{position:relative}.modal-commission-input{padding-right:36px}.modal-commission-symbol{color:#999;font-size:14px;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.modal-footer{border-top:1px solid #f0f0f0;gap:12px;padding:16px 24px}.modal-cancel-btn{background:#f5f5f5;border-radius:8px;color:#666;font-weight:600;padding:10px 20px}.modal-cancel-btn:disabled{cursor:not-allowed;opacity:.6}.modal-save-btn{align-items:center;background:#00a859;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:background .2s}.modal-save-btn:hover{background:#009048}.modal-save-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:600px){.edit-vendor-modal{border-radius:0;max-height:100vh}.modal-field-row{grid-template-columns:1fr}}.vendors-page{background:#f4f9f4;display:flex;flex-direction:column;gap:24px;min-height:100vh;padding:40px}.vendor-stats-row{display:flex;flex-direction:row;gap:24px;width:100%}.categories-page{background:#f8fafc;min-height:100vh;padding:32px}.categories-page-header{margin-bottom:24px}.page-title{color:#3b4758;font-family:Roboto,sans-serif;font-size:24px;font-weight:700;line-height:28px;margin:0}.categories-tabs-row{margin-bottom:0}.categories-tabs{display:flex;gap:14px;padding:6px}.tab-btn{background:#fff;border:none;border-radius:10px;box-shadow:0 3px 8px #00000014;color:#44546a;cursor:pointer;font-size:14px;font-weight:600;padding:12px 22px;transition:all .25s ease}.tab-btn:hover{box-shadow:0 6px 14px #0000001f;transform:translateY(-2px)}.tab-btn.active{background:#00a859;box-shadow:0 6px 16px #00a85959;color:#fff}.tab-btn:active{transform:scale(.97)}.categories-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #aaa9b81a;margin-top:24px;overflow:hidden}.categories-toolbar{border-bottom:1px solid #eef0f4;gap:16px;justify-content:space-between;padding:20px 24px}.categories-toolbar,.toolbar-left{align-items:center;display:flex;flex-direction:row}.toolbar-left{flex:1 1;gap:12px}.search-box{align-items:center;background:#f2f6fa;border-radius:8px;display:flex;flex-direction:row;gap:8px;padding:10px 16px;width:280px}.search-box input{background:none;border:none;color:#3b4758;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:16px;outline:none;width:100%}.search-box input::placeholder{color:#7d8fa9}.status-filter-wrapper{position:relative}.filter-dropdown-btn{align-items:center;background:#f2f6fa;border:none;border-radius:8px;color:#3b4758;cursor:pointer;display:flex;flex-direction:row;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;gap:8px;justify-content:space-between;line-height:16px;min-width:120px;padding:10px 14px;transition:background .15s}.filter-dropdown-btn:hover{background:#e8eef5}.status-dropdown{background:#fff;border-radius:8px;box-shadow:0 4px 30px #aaa9b866;left:0;min-width:164px;padding:8px 0;position:absolute;top:calc(100% + 6px);z-index:100}.status-dropdown-item{color:#3b4758;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:16px;padding:10px 16px;transition:background .1s}.status-dropdown-item:hover{background:#f2f6fa}.status-dropdown-item.selected{color:#00a859;font-weight:500}.add-category-btn{align-items:center;background:#00a859;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;gap:8px;justify-content:center;line-height:16px;padding:10px 20px;transition:background .15s;white-space:nowrap}.add-category-btn:hover{background:#009950}.table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;font-family:Roboto,sans-serif;width:100%}.data-table thead tr{background:#f8fafc;border-bottom:1px solid #eef0f4}.data-table thead th{color:#7d8fa9;font-size:13px;font-weight:500;line-height:15px;padding:14px 20px;text-align:left;white-space:nowrap}.data-table tbody tr{border-bottom:1px solid #eef0f4;transition:background .1s}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:#fafbfc}.data-table tbody td{color:#3b4758;font-size:14px;font-weight:400;line-height:16px;padding:16px 20px;vertical-align:middle}.state-cell{color:#7d8fa9;font-size:14px;padding:48px 20px;text-align:center}.loading-spinner{animation:spin .7s linear infinite;border:3px solid #eef0f4;border-radius:50%;border-top-color:#00a859;height:28px;margin:0 auto;width:28px}@keyframes spin{to{transform:rotate(1turn)}}.name-cell{align-items:center;display:flex;flex-direction:row;gap:10px}.table-icon{font-size:20px;line-height:1}.name-text{color:#3b4758;font-weight:500}.empty-val{color:#aab4c4}.desc-cell{color:#586a84;max-width:200px;text-overflow:ellipsis;white-space:wrap}.slug-chip{background:#f2f6fa;border-radius:6px;color:#586a84;display:inline-block;font-family:monospace;padding:4px 10px}.slug-chip,.status-chip{font-size:12px;font-weight:500}.status-chip{align-items:center;border-radius:20px;display:inline-flex;line-height:16px;padding:4px 12px}.status-chip.active{background:#e6f7ef;color:#00a859}.status-chip.inactive{background:#fee8ef;color:#e4003f}.action-cell{align-items:center;display:flex;position:relative}.options-btn{border-radius:8px;transition:background .1s}.action-dropdown{background:#fff;border-radius:8px;box-shadow:0 4px 30px #aaa9b866;min-width:180px;padding:8px 0;position:absolute;right:0;top:calc(100% + 4px);z-index:200}.action-item{align-items:center;color:#586a84;cursor:pointer;display:flex;flex-direction:row;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;gap:12px;line-height:16px;padding:14px 20px;transition:background .1s}.action-item:hover{background:#f2f6fa}.action-item.danger{color:#e4003f}.action-item.danger:hover{background:#fef0f0}.modal-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.modal-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #aaa9b81a;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:593px}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #00000008;box-shadow:0 4px 8px #00000008;display:flex;flex-direction:row;flex-shrink:0;justify-content:space-between;padding:20px 24px}.modal-title{color:#3b4758;font-family:Roboto,sans-serif;font-size:20px;font-weight:700;line-height:23px;margin:0}.modal-close-btn{align-items:center;background:#fff;border:none;border-radius:24px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .1s;width:32px}.modal-close-btn:hover{background:#f2f6fa}.modal-body{flex:1 1;overflow-y:auto}.form-content{display:flex;flex-direction:column;gap:20px;padding:32px 24px}.form-row{display:flex;flex-direction:row;gap:20px}.form-row .form-group{flex:1 1}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{color:#3b4758;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;line-height:16px}.required{color:#e4003f}.input-hint{color:#586a84;font-size:12px;line-height:14px}.input-field,.input-hint{font-family:Roboto,sans-serif;font-weight:400}.input-field{background:#f2f6fa;border:none;border-radius:6px;box-sizing:border-box;color:#3b4758;font-size:14px;line-height:16px;outline:none;padding:12px 20px;transition:box-shadow .15s;width:100%}.input-field::placeholder{color:#7d8fa9}.input-field:focus{box-shadow:0 0 0 2px #00a85933}.slug-input{color:#586a84;font-family:monospace;font-size:13px}.textarea-field{min-height:88px;resize:vertical}.select-wrapper{align-items:center;display:flex;position:relative}.select-field{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:36px}.select-arrow{flex-shrink:0;pointer-events:none;position:absolute;right:10px}.icon-grid-container{background:#fff;border:1px solid #eef0f4;border-radius:8px;padding:24px}.icon-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.icon-option{align-items:center;background:none;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;height:60px;justify-content:center;position:relative;transition:border-color .15s,background .15s;width:60px}.icon-option:hover{background:#f2f6fa;border-color:#eef0f4}.icon-option.selected{background:#f4f9f4;border-color:#00a859}.icon-check{align-items:center;background:#00a859;border-radius:50%;display:flex;height:18px;justify-content:center;position:absolute;right:-8px;top:-8px;width:18px}.icon-emoji{font-size:28px;line-height:1;pointer-events:none}.modal-footer{align-items:center;background:#fff;border-top:1px solid #eef0f4;display:flex;flex-direction:row;flex-shrink:0;gap:20px;justify-content:flex-end;padding:24px}.modal-cancel-btn{align-items:center;background:#eef0f4;border:none;border-radius:12px;color:#586a84;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;justify-content:center;line-height:16px;padding:8px 14px;transition:background .15s}.modal-cancel-btn:hover{background:#e0e4ea}.modal-submit-btn{align-items:center;background:#00a859;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;justify-content:center;line-height:16px;padding:8px 20px;transition:background .15s}.modal-submit-btn:hover{background:#009950}.modal-submit-btn:disabled{background:#7bc99a;cursor:not-allowed}.delete-modal{background:#fff;border-radius:12px;box-shadow:0 4px 20px #aaa9b81a;overflow:hidden;width:593px}.delete-modal,.delete-modal-body{display:flex;flex-direction:column}.delete-modal-body{align-items:center;padding:40px 24px 24px}.delete-modal-title{color:#3b4758;font-family:Roboto,sans-serif;font-size:20px;font-weight:700;line-height:23px;margin:0;text-align:center}.delete-modal-footer{background:#fff;flex-direction:row;gap:20px;padding:24px}.delete-confirm-btn,.delete-modal-footer{align-items:center;display:flex;justify-content:center}.delete-confirm-btn{background:#e4003f;border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;line-height:19px;padding:8px 36px;transition:background .15s}.delete-confirm-btn:hover{background:#c8003a}.delete-modal-footer .modal-cancel-btn{font-size:16px;font-weight:500;line-height:19px;padding:8px 36px}.toast-container{display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:32px;top:32px;z-index:9999}.toast{align-items:center;animation:toast-in .3s ease;border-radius:10px;box-shadow:0 4px 20px #00000026;color:#fff;display:flex;flex-direction:row;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;gap:10px;line-height:16px;max-width:360px;min-width:240px;padding:14px 20px}.toast-success{background:#00a859}.toast-error{background:#e4003f}.toast-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.toast-message{flex:1 1}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.table-category-img,.table-category-img-placeholder{height:40px;width:40px}.image-preview-wrapper{align-items:center;display:flex;flex-direction:row;gap:12px;margin-top:6px}.image-preview{border:1px solid #eef0f4;border-radius:10px;height:64px;object-fit:cover;width:64px}.image-preview-label{color:#7d8fa9;font-family:Roboto,sans-serif;font-size:12px}.icon-section{display:flex;flex-direction:column;gap:14px}.icon-section-hint{margin:0 0 10px}.icon-or-divider,.icon-section-hint{color:#7d8fa9;font-family:Roboto,sans-serif;font-size:12px}.icon-or-divider{display:block;margin-bottom:6px}.icon-custom-row{display:flex;flex-direction:column;gap:4px}.icon-custom-input-wrapper{align-items:center;display:flex;position:relative}.icon-custom-input{padding-right:48px}.icon-custom-preview{font-size:22px;line-height:1;pointer-events:none;position:absolute;right:14px}.image-upload-area{width:100%}.image-file-input{display:none}.image-upload-placeholder{align-items:center;background:#f2f6fa;border:2px dashed #c4d0df;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:8px;height:140px;justify-content:center;transition:border-color .15s,background .15s;width:100%}.image-upload-placeholder.uploading,.image-upload-placeholder:hover{background:#f4f9f4;border-color:#00a859}.image-upload-placeholder.uploading{cursor:default}.upload-icon-circle{align-items:center;background:#e6f7ef;border-radius:50%;display:flex;height:44px;justify-content:center;width:44px}.upload-main-text{color:#3b4758;font-family:Roboto,sans-serif;font-size:14px;font-weight:500}.upload-sub-text{color:#7d8fa9;font-family:Roboto,sans-serif;font-size:12px}.upload-in-progress{align-items:center;display:flex;flex-direction:column;gap:6px}.upload-spinner{animation:spin .7s linear infinite;border:3px solid #eef0f4;border-radius:50%;border-top-color:#00a859;height:28px;width:28px}.upload-pct{color:#00a859;font-size:16px;font-weight:700}.upload-label,.upload-pct{font-family:Roboto,sans-serif}.upload-label{color:#7d8fa9;font-size:12px}.image-upload-preview{border:1px solid #eef0f4;border-radius:10px;cursor:pointer;height:140px;overflow:hidden;position:relative;width:100%}.upload-preview-img{display:block;height:100%;object-fit:cover;width:100%}.upload-preview-overlay{align-items:center;background:#00000073;display:flex;flex-direction:column;gap:6px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .15s}.image-upload-preview:hover .upload-preview-overlay{opacity:1}.upload-preview-overlay span{color:#fff;font-family:Roboto,sans-serif;font-size:13px;font-weight:500}.upload-progress-overlay{background:#ffffff4d;bottom:0;height:4px;left:0;position:absolute;right:0}.upload-progress-bar{background:#00a859;height:100%;transition:width .2s}.upload-progress-text{bottom:8px;color:#fff;font-family:Roboto,sans-serif;font-size:11px;font-weight:700;position:absolute;right:10px}.table-category-img{border-radius:8px;display:block;height:44px;object-fit:cover;width:44px}.table-category-img-placeholder{background:#eef0f4;border-radius:8px;height:44px;width:44px}.optional-label{color:#7d8fa9;font-family:Roboto,sans-serif;font-size:12px;font-weight:400;margin-left:4px}.input-hint strong{color:#00a859;font-weight:600}.icon-input-wrapper{align-items:center;display:flex;margin-bottom:10px;position:relative}.icon-text-input{padding-right:48px}.icon-input-preview{font-size:22px;line-height:1;pointer-events:none;position:absolute;right:14px}.prod-page{background:#f5f6fa;font-family:Roboto,sans-serif;min-height:100vh;padding:24px}.prod-toast{border-radius:8px;box-shadow:0 4px 16px #00000026;color:#fff;font-size:14px;font-weight:500;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:9999}.prod-toast-success{background:#00a859}.prod-toast-error{background:#e53935}.prod-page-header{margin-bottom:20px}.prod-page-header h1{color:#1a1a2e;font-size:22px;font-weight:700;margin:0 0 4px}.prod-page-header p{color:#888;font-size:13px;margin:0}.prod-tabs-bar{display:flex;gap:14px;margin-bottom:24px;padding:6px}.prod-tab-btn{background:#fff;border:none;border-radius:10px;box-shadow:0 3px 8px #00000014;color:#44546a;cursor:pointer;font-size:14px;font-weight:600;padding:12px 22px;transition:all .25s ease}.prod-tab-btn:hover{box-shadow:0 6px 14px #0000001f;transform:translateY(-2px)}.prod-tab-btn.active{background:#00a859;box-shadow:0 6px 16px #00a85959;color:#fff}.prod-tab-btn:active{transform:scale(.97)}.prod-stats-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.prod-stat-card{align-items:center;background:#fff;border:1px solid #eef0f4;border-left:4px solid #0000;border-radius:12px;box-shadow:none;box-shadow:0 1px 6px #0000000f;display:flex;flex:1 1;flex-direction:row;gap:16px;min-width:0;padding:24px}.prod-stat-green{border-left-color:#00a859}.prod-stat-red{border-left-color:#e53935}.prod-stat-icon-wrapper{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.prod-stat-icon-success{background:#cafbec99}.prod-stat-icon-danger{background:#fdecea}.prod-stat-icon{color:#3b4758;height:24px;width:24px}.prod-stat-content{display:flex;flex-direction:column;gap:4px}.prod-stat-number{color:#3b4758;font-size:20px;font-weight:700;line-height:23px}.prod-stat-label,.prod-stat-number{font-family:Roboto,sans-serif;margin:0}.prod-stat-label{color:#586a84;font-size:16px;font-weight:400;line-height:19px}.prod-card{background:#fff;border-radius:12px;box-shadow:0 1px 8px #0000000f;overflow:hidden}.prod-card-top{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:18px 20px 16px}.prod-card-title{color:#1a1a2e;font-size:15px;font-weight:600}.prod-card-sub{color:#aaa;font-size:12px;margin-top:2px}.prod-filters{flex-wrap:wrap}.prod-filters,.prod-search-box{align-items:center;display:flex;gap:8px}.prod-search-box{background:#fafafa;border:1px solid #e8e8e8;border-radius:8px;padding:8px 12px;transition:border .2s}.prod-search-box:focus-within{background:#fff;border-color:#00a859}.prod-search-box svg{color:#bbb;flex-shrink:0}.prod-search-box input{background:#0000;border:none;color:#333;font-size:13px;outline:none;width:180px}.prod-search-box input::placeholder{color:#bbb}.prod-dropdown{position:relative}.prod-dropdown-btn{align-items:center;background:#fafafa;border:1px solid #e8e8e8;border-radius:8px;color:#555;cursor:pointer;display:flex;font-size:13px;gap:6px;max-width:155px;padding:8px 12px;transition:border .2s;white-space:nowrap}.prod-dropdown-btn:hover{background:#fff;border-color:#00a859}.prod-dropdown-btn span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prod-dropdown-menu{background:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 6px 20px #0000001a;left:0;max-height:220px;min-width:180px;overflow-y:auto;position:absolute;top:calc(100% + 4px);z-index:200}.prod-dropdown-item{align-items:center;color:#444;cursor:pointer;display:flex;font-size:13px;padding:9px 14px;transition:background .15s}.prod-dropdown-item:hover{background:#f0faf5;color:#00a859}.prod-table-scroll{overflow-x:auto}.prod-table{border-collapse:collapse;min-width:600px;width:100%}.prod-table thead th{background:#fafbfc;border-bottom:1px solid #f0f0f0;color:#aaa;font-size:11px;font-weight:600;letter-spacing:.6px;padding:10px 14px;text-align:left}.prod-table tbody tr{border-bottom:1px solid #f7f7f7;transition:background .15s}.prod-table tbody tr:last-child{border-bottom:none}.prod-table tbody tr:hover{background:#fafff8}.prod-table tbody td{color:#555;font-size:13px;padding:10px 14px;vertical-align:middle}.prod-img-cell{height:44px;width:44px}.prod-img{object-fit:cover}.prod-img,.prod-img-placeholder{border-radius:8px;height:44px;width:44px}.prod-img-placeholder{align-items:center;background:#f0f0f0;color:#ccc;display:flex;justify-content:center}.prod-name{color:#1a1a2e;font-size:13px;font-weight:600}.prod-sub{color:#bbb;font-size:11px;margin-top:2px}.prod-price{color:#1a1a2e;font-weight:600}.prod-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;padding:3px 10px}.prod-badge-available{background:#e6f7ee;color:#00a859}.prod-badge-out{background:#fdecea;color:#e53935}.prod-opts{display:inline-block;position:relative}.prod-opts-btn{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:3px;height:30px;justify-content:center;transition:background .15s;width:30px}.prod-opts-btn:hover{background:#f0f0f0}.prod-opts-btn span{background:#999;border-radius:50%;display:block;height:4px;width:4px}.prod-opts-menu{background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 6px 20px #0000001f;min-width:130px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:300}.prod-opts-menu button{align-items:center;background:none;border:none;color:#444;cursor:pointer;display:flex;font-size:13px;gap:9px;padding:10px 14px;text-align:left;width:100%}.prod-opts-menu button:hover{background:#f5f5f5;color:#00a859}.prod-card-footer{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:14px 20px}.prod-page-info{color:#aaa;font-size:12px}.prod-pagination{align-items:center;display:flex;gap:4px}.prod-page-btn{background:#fff;border:1px solid #e8e8e8;border-radius:6px;color:#555;cursor:pointer;font-size:13px;height:32px;min-width:32px;padding:0 6px;transition:all .15s}.prod-page-btn:hover:not(:disabled){border-color:#00a859;color:#00a859}.prod-page-btn.active{background:#00a859;border-color:#00a859;color:#fff;font-weight:600}.prod-page-btn:disabled{cursor:not-allowed;opacity:.35}.prod-ellipsis{color:#aaa;font-size:13px;padding:0 2px}.prod-state-cell{color:#bbb;font-size:14px;padding:48px;text-align:center}.prod-modal-bg{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.prod-modal{background:#fff;border-radius:14px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:620px;width:100%}.prod-modal-head{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:18px 22px}.prod-modal-head h2{color:#1a1a2e;font-size:16px;font-weight:700;margin:0}.prod-modal-close{align-items:center;background:#f5f5f5;border:none;border-radius:6px;color:#555;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.prod-modal-close:hover{background:#eee}.prod-modal-body{flex:1 1;overflow-y:auto;padding:22px}.prod-view-images{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.prod-view-images img{border:1px solid #f0f0f0;border-radius:8px;height:88px;object-fit:cover;width:88px}.prod-view-grid{display:flex;flex-direction:column;gap:0}.prod-view-row{border-bottom:1px solid #f7f7f7;display:flex;font-size:13px;gap:12px;padding:10px 0}.prod-view-row span:first-child{color:#aaa;flex-shrink:0;font-size:12px;font-weight:600;letter-spacing:.4px;min-width:150px;padding-top:2px;text-transform:uppercase}.prod-view-row span:last-child{color:#333;flex:1 1;font-weight:500}.prod-view-full{flex-direction:column;gap:6px}.prod-view-full span:first-child{min-width:0;min-width:auto}.prod-modal-foot{border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;padding:14px 22px}.prod-btn-close{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#555;cursor:pointer;font-size:13px;font-weight:500;padding:9px 22px}.prod-btn-close:hover{background:#f5f5f5}.login-page{background:#f4f9f4;flex-direction:column;min-height:100vh;padding:40px 20px;position:relative}.login-error-alert,.login-page{align-items:center;display:flex}.login-error-alert{animation:slideDown .3s ease-out;background:#e4003f;border-radius:6px;flex-direction:row;height:56px;justify-content:space-between;left:50%;max-width:1019px;padding:8px 24px;position:fixed;top:12px;transform:translateX(-50%);width:calc(100% - 40px);z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.login-error-content{align-items:center;display:flex;flex-direction:row;gap:24px}.login-error-icon{color:#fff;height:24px;width:24px}.login-error-text{color:#fff;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;line-height:22px}.login-error-close{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;width:24px}.login-error-close:hover{opacity:.8}.login-header{flex-direction:column;gap:8px;margin-bottom:32px;margin-top:56px}.login-header,.login-logo{align-items:center;display:flex}.login-logo{font-family:Roboto,sans-serif;font-size:36px;font-weight:700;line-height:52px}.login-logo-image{height:52px;width:auto}.logo-text-buru{color:#1d232c}.logo-text-cart{color:#00a859}.login-subtitle{color:#3b4758;font-family:Roboto,sans-serif;font-size:19px;font-weight:400;line-height:27px;margin:0;text-align:center}.login-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #aaa9b81a;gap:24px;max-width:480px;padding:40px 24px;width:100%}.login-card,.login-card-header{display:flex;flex-direction:column}.login-card-header{gap:8px}.login-title{color:#1d232c;font-size:23px;font-weight:700;line-height:32px}.login-description,.login-title{font-family:Roboto,sans-serif;margin:0}.login-description{color:#3b4758;font-size:16px;font-weight:400;line-height:22px}.login-form{gap:20px}.login-form,.login-input-group{display:flex;flex-direction:column}.login-input-group{gap:4px}.login-label{font-weight:500}.login-input,.login-label{color:#3b4758;font-family:Roboto,sans-serif;font-size:14px;line-height:16px}.login-input{background:#f2f6fa;border:1px solid #0000;border-radius:6px;font-weight:400;height:40px;padding:12px 20px;transition:border-color .2s;width:100%}.login-input::placeholder{color:#7d8fa9}.login-input:focus{border-color:#00a859;outline:none}.login-input:disabled{cursor:not-allowed;opacity:.6}.login-input-error{border-color:#ff316a}.login-password-wrapper{position:relative;width:100%}.login-password-wrapper .login-input{padding-right:50px}.login-password-toggle{align-items:center;background:none;border:none;color:#3b4758;cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px}.login-password-toggle:hover{opacity:.7}.login-password-toggle:disabled{cursor:not-allowed;opacity:.5}.login-options{justify-content:space-between}.login-checkbox-label,.login-options{align-items:center;display:flex;flex-direction:row}.login-checkbox-label{cursor:pointer;gap:4px}.login-checkbox-label input[type=checkbox]{accent-color:#00a859;cursor:pointer;height:18px;width:18px}.login-checkbox-label span{color:#3b4758;font-weight:400}.login-checkbox-label span,.login-forgot-link{font-family:Roboto,sans-serif;font-size:13px;line-height:18px}.login-forgot-link{background:none;border:none;color:#00a859;cursor:pointer;font-weight:500;padding:14px 0 4px}.login-forgot-link:hover{text-decoration:underline}.login-forgot-link:disabled{cursor:not-allowed;opacity:.5}.login-submit-btn{align-items:center;background:#00a859;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;height:48px;justify-content:center;line-height:19px;transition:background .2s;width:100%}.login-submit-btn:hover{background:#009148}.login-submit-btn-disabled{background:#00a8594d;cursor:not-allowed}.login-submit-btn-disabled:hover{background:#00a8594d}.login-loading{align-items:center;display:flex;flex-direction:column;gap:7px}.login-loading-dots{align-items:center;display:flex;flex-direction:row;gap:5px}.login-dot{animation:bounce 1.4s ease-in-out infinite;border-radius:50%}.login-dot-1{animation-delay:-.32s;background:#2befb3;height:16px;width:16px}.login-dot-2{animation-delay:-.16s;background:#ffaa04;height:20px;width:20px}.login-dot-3{background:#2563eb;height:24px;width:24px}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.login-loading span{color:#fff;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;line-height:22px}.login-divider{align-items:center;display:flex;flex-direction:row;gap:20px;padding:12px 0}.login-divider-line{background:#eef0f4;flex:1 1;height:1px}.login-divider-text{color:#586a84;font-family:Roboto,sans-serif;font-size:13px;font-weight:400;line-height:18px}.login-footer{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:center}.login-footer-text{color:#3b4758;font-weight:400;line-height:22px;text-align:center}.login-create-link,.login-footer-text{font-family:Roboto,sans-serif;font-size:16px}.login-create-link{background:none;border:none;color:#00a859;cursor:pointer;font-weight:500;line-height:19px;padding:0}.login-create-link:hover{text-decoration:underline}.users-roles-page{display:flex;flex-direction:column;gap:24px;padding:0}.users-roles-header-card{align-items:flex-start;background:#fff;border-radius:12px;display:flex;flex-direction:column;padding:24px}.users-roles-header-top{gap:24px;justify-content:space-between;width:100%}.users-roles-add-btn,.users-roles-header-top{align-items:center;display:flex;flex-direction:row}.users-roles-add-btn{background:#00a859;border:none;border-radius:8px;cursor:pointer;flex-shrink:0;gap:4px;height:48px;justify-content:center;padding:8px 16px;transition:background .2s ease;white-space:nowrap}.users-roles-add-btn:hover{background:#009148}.users-roles-add-btn .btn-icon{color:#fff;height:24px;width:24px}.users-roles-add-btn span{color:#fff;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;line-height:19px}.users-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #aaa9b81a;display:flex;flex-direction:column;overflow:hidden}.users-table-header{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;gap:24px;justify-content:space-between;padding:24px;width:100%}.users-table-title-section{display:flex;flex-direction:column;gap:4px}.users-table-title{color:#3b4758;font-family:Roboto,sans-serif;font-size:24px;font-weight:500;line-height:28px;margin:0}.users-table-subtitle{color:#7d8fa9;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;line-height:19px;margin:0}.users-search-box{align-items:center;background:#f2f6fa;border-radius:6px;display:flex;flex-direction:row;flex-shrink:0;gap:4px;height:40px;padding:10px;width:260px}.users-search-box .search-icon{color:#586a84;flex-shrink:0;height:20px;width:20px}.users-search-input{background:#0000;border:none;color:#3b4758;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;outline:none;width:100%}.users-search-input::placeholder{color:#7d8fa9}.users-table-wrapper{overflow-x:auto;width:100%}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:#f4f9f4}.users-table thead tr{height:44px}.users-table th{color:#3b4758;font-family:Roboto,sans-serif;font-size:16px;font-weight:600;line-height:19px;padding:10px 24px;text-align:left;text-transform:uppercase;white-space:nowrap}.users-table tbody tr{background:#fff;border-top:.5px solid #eef0f4;height:80px;transition:background .15s ease}.users-table tbody tr:hover{background:#f9fafb}.users-table tbody tr.row--selected{background:#f0faf5}.users-table td{color:#3b4758;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;line-height:19px;padding:20px 24px;white-space:nowrap}.table-checkbox-cell{padding:20px 12px!important;text-align:center;width:52px}.table-checkbox-cell input[type=checkbox]{accent-color:#00a859;cursor:pointer;height:18px;width:18px}.user-name-cell{align-items:center;display:flex;flex-direction:row;gap:12px}.user-avatar{border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.user-avatar--initials{align-items:center;background:#00a859;color:#fff;display:flex;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;justify-content:center;line-height:1;-webkit-user-select:none;user-select:none}.user-avatar--img{border:1.5px solid #eef0f4}.user-name-text{color:#3b4758;font-weight:400}.user-email-cell{color:#586a84}.user-role-cell{color:#3b4758}.user-last-login-cell{color:#586a84}.status-badge{align-items:center;border-radius:18px;display:inline-flex;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;justify-content:center;line-height:16px;padding:4px 8px;white-space:nowrap}.status-badge--active{background:#cafbec;color:#0a7d5a}.status-badge--inactive{background:#eef0f4;color:#586a84}.table-options-cell{text-align:center;width:80px}.options-wrapper{position:relative}.options-btn,.options-wrapper{display:flex;justify-content:center}.options-btn{align-items:center;background:none;border:none;border-radius:6px;color:#586a84;cursor:pointer;height:32px;transition:background .15s ease,color .15s ease;width:32px}.options-btn:hover{background:#f2f6fa;color:#3b4758}.options-btn svg{height:24px;width:24px}.options-dropdown{animation:dropdownFade .12s ease;background:#fff;border-radius:8px;box-shadow:0 4px 30px #aaa9b866;display:flex;flex-direction:column;min-width:140px;padding:8px 0;position:absolute;right:0;top:calc(100% + 4px);z-index:100}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.options-dropdown__item{align-items:center;background:none;border:none;color:#586a84;cursor:pointer;display:flex;flex-direction:row;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;gap:12px;padding:12px 20px;text-align:left;transition:background .1s ease;white-space:nowrap}.options-dropdown__item:hover{background:#f2f6fa}.options-dropdown__item--danger{color:#e4003f}.options-dropdown__item--danger:hover{background:#fff0f4}.options-dropdown__icon{flex-shrink:0;height:18px;width:18px}.options-dropdown__icon--edit{color:#586a84}.options-dropdown__icon--delete{color:#e4003f}.users-table-footer{align-items:center;border-top:.5px solid #eef0f4;box-sizing:border-box;display:flex;flex-direction:row;gap:24px;justify-content:space-between;padding:24px;width:100%}.table-footer-text{color:#3b4758;font-family:Roboto,sans-serif;font-size:14px;font-weight:400}.pagination{flex-direction:row;gap:10px}.pagination,.pagination-btn{align-items:center;display:flex}.pagination-btn{background:#fff;border:none;border-radius:24px;color:#586a84;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;height:32px;justify-content:center;padding:8px;transition:all .15s ease;width:32px}.pagination-btn:hover:not(:disabled){background:#f2f6fa}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-btn-active{background:#00a859;color:#fff}.pagination-btn-active:hover{background:#009148!important}.pagination-ellipsis{color:#586a84;font-family:Roboto,sans-serif;font-size:14px;padding:0 4px}.users-loading{display:flex;flex-direction:column;gap:0}.skeleton-row{align-items:center;border-top:.5px solid #eef0f4;display:flex;flex-direction:row;gap:24px;padding:20px 24px}.skeleton{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#f2f6fa 25%,#e8f0ed 50%,#f2f6fa 75%);background-size:200% 100%;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--avatar{border-radius:50%;flex-shrink:0;height:40px;width:40px}.skeleton--text{height:14px}.skeleton--long{width:160px}.skeleton--medium{width:200px}.skeleton--short{width:100px}.skeleton--badge{border-radius:18px;height:24px;width:60px}.users-empty{color:#7d8fa9!important;font-family:Roboto,sans-serif;font-size:16px;padding:48px 24px!important;text-align:center!important}.modal-backdrop{align-items:center;animation:backdropFade .18s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}.modal{animation:modalSlide .2s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #aaa9b81a;max-width:593px;overflow:hidden;position:relative;width:100%}.modal--confirm{max-width:480px}@keyframes modalSlide{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.modal__header{align-items:center;background:#fff;border-bottom:1px solid #eef0f4;box-shadow:0 4px 8px #00000008;display:flex;flex-direction:row;justify-content:space-between;padding:20px 24px}.modal__title{color:#3b4758;font-family:Roboto,sans-serif;font-size:20px;font-weight:700;line-height:23px;margin:0}.modal__close{align-items:center;background:#fff;border:none;border-radius:24px;color:#586a84;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .15s ease;width:32px}.modal__close:hover{background:#f2f6fa}.modal__close svg{height:20px;width:20px}.modal__body{gap:20px;max-height:60vh;overflow-y:auto;padding:32px 24px 24px}.form-field,.modal__body{display:flex;flex-direction:column}.form-field{gap:4px}.form-label{color:#3b4758;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;line-height:16px}.form-required{color:#e4003f;margin-left:2px}.form-input{align-items:center;background:#f2f6fa;border:none;border-radius:6px;box-sizing:border-box;color:#3b4758;display:flex;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;height:40px;outline:none;padding:12px 20px;transition:border .15s ease;width:100%}.form-input::placeholder{color:#7d8fa9}.form-input:focus{outline:1.5px solid #00a859}.form-input--readonly{background:#eef0f4;color:#7d8fa9;cursor:not-allowed}.form-hint{color:#586a84;font-family:Roboto,sans-serif;font-size:12px;font-weight:400}.form-select-wrapper{position:relative}.form-select{align-items:center;-webkit-appearance:none;appearance:none;background:#f2f6fa;border:none;border-radius:6px;box-sizing:border-box;color:#3b4758;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;height:40px;outline:none;padding:10px 40px 10px 20px;width:100%}.form-select:focus{outline:1.5px solid #00a859}.form-select option[value=""][disabled]{color:#7d8fa9}.form-select-arrow{color:#3b4758;height:20px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px}.form-error{background:#fff0f4;border-left:3px solid #e4003f;border-radius:6px;color:#e4003f;font-size:13px;padding:8px 12px}.confirm-text,.form-error{font-family:Roboto,sans-serif;margin:0}.confirm-text{color:#586a84;font-size:15px;line-height:22px}.confirm-text strong{color:#3b4758}.modal__footer{background:#fff;border-top:1px solid #eef0f4;flex-direction:row;gap:12px;justify-content:flex-end;padding:20px 24px}.btn,.modal__footer{align-items:center;display:flex}.btn{border:none;border-radius:12px;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;height:40px;justify-content:center;line-height:16px;padding:8px 20px;transition:all .15s ease;white-space:nowrap}.btn--cancel{background:#eef0f4;color:#586a84}.btn--cancel:hover{background:#e2e5ea}.btn--primary{background:#00a859;color:#fff}.btn--primary:hover:not(:disabled){background:#009148}.btn--primary:disabled{cursor:not-allowed;opacity:.6}.btn--danger{background:#e4003f;color:#fff}.btn--danger:hover:not(:disabled){background:#c5003a}.btn--danger:disabled{cursor:not-allowed;opacity:.6}@media (max-width:900px){.users-table-header{align-items:flex-start;flex-direction:column}.users-search-box{width:100%}.users-roles-header-top{align-items:flex-start;flex-direction:column}.modal__body{max-height:70vh}}*{box-sizing:border-box;margin:0;padding:0}body{background:#f4f9f4;font-family:Roboto,sans-serif;overflow-x:hidden}.app{display:flex;height:100vh;overflow:hidden}.sidebar{height:100vh;left:0;position:fixed;top:0;width:236px;z-index:100}.main-content{display:flex;flex-direction:column;height:100vh;margin-left:236px;overflow:hidden;width:calc(100% - 236px)}.header{flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:50}.page-content{flex:1 1;overflow-x:hidden;overflow-y:auto}.customers-page,.dashboard-page,.orders-page{min-height:100%;padding:40px}.customers-page{display:flex;flex-direction:column;gap:20px;padding:40px}
/*# sourceMappingURL=main.cd9336a9.css.map*/