@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:#eef1f4;color:#151a29;font-family:Inter,Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #0d6476;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.72}.app-shell{position:relative;width:1440px;min-height:1024px;margin:0 auto;overflow:hidden;background:#f9fafb;box-shadow:0 18px 60px #0f172a1f}.app-shell.booking-create-shell{min-height:1492px}.topbar{position:absolute;left:0;top:0;z-index:3;display:flex;align-items:center;width:1440px;height:70px;border-bottom:1px solid #e3e3e3;background:#fff}.brand{display:flex;align-items:center;gap:8px;width:290px;height:70px;padding-left:32px;color:#054a56;font-size:16.5px;font-weight:600}.brand-mark{display:grid;width:23px;height:28px;place-items:center;border-radius:5px 5px 9px 9px;background:#054a56;color:#fff;font-size:15px;font-weight:600}.search-box-wrap{position:relative;margin-left:35px}.search-box{display:flex;align-items:center;justify-content:space-between;gap:10px;width:681px;height:38px;padding:0 17px;border:1px solid #ebebeb;border-radius:10px;background:#f9fafb;color:#7e7e7e;font-size:12px;cursor:text}.search-box-input{flex:1;min-width:0;height:100%;border:none;background:transparent;color:#191919;font-size:12px;outline:none}.search-box-input::placeholder{color:#7e7e7e}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;padding:0;border:none;background:transparent;cursor:default}.search-results{position:absolute;top:46px;left:0;z-index:50;display:flex;flex-direction:column;gap:2px;width:681px;max-height:360px;overflow-y:auto;padding:6px;border:1px solid #ebebeb;border-radius:12px;background:#fff;box-shadow:0 12px 32px #10182824}.search-results-empty{padding:14px 12px;color:#7e7e7e;font-size:12px}.search-result{display:grid;grid-template-columns:82px 1fr;align-items:baseline;gap:4px 10px;padding:9px 12px;border:none;border-radius:8px;background:transparent;text-align:left;cursor:pointer}.search-result:hover,.search-result:focus-visible{background:#f4f6f8;outline:none}.search-result-group{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#8a8f98}.search-result-title{font-size:13px;font-weight:600;color:#191919}.search-result-sub{grid-column:2;font-size:11px;color:#7e7e7e}.top-actions{display:flex;align-items:center;gap:12px;margin-left:auto;margin-right:38px}.top-actions.compact{gap:12px}.icon-button{display:grid;width:37px;height:37px;place-items:center;border:1px solid #ebebeb;border-radius:13px;background:#fff;color:#000}.notif-wrap{position:relative;display:flex}.notif-button{position:relative;cursor:pointer}.notif-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:9px;background:#e5484d;color:#fff;font-size:10px;font-weight:700;line-height:1}.notif-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;padding:0;border:0;background:transparent;cursor:default}.notif-panel{position:absolute;top:46px;right:0;z-index:70;width:380px;max-width:calc(100vw - 32px);max-height:460px;display:flex;flex-direction:column;border:1px solid #ebebeb;border-radius:14px;background:#fff;box-shadow:0 16px 40px #10182829;overflow:hidden}.notif-panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #f0f0f0}.notif-panel-head strong{font-size:14px;color:#191919}.notif-markall{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:#054a56;font-size:12px;font-weight:600;cursor:pointer}.notif-markall:disabled{color:#b0b7bd;cursor:default}.notif-list{overflow-y:auto}.notif-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;color:#7e7e7e;font-size:13px}.notif-state.notif-error{color:#d11919}.notif-state button{border:1px solid #dadada;border-radius:8px;padding:4px 12px;background:#fff;cursor:pointer;color:#191919}.notif-item{display:flex;width:100%;gap:11px;padding:12px 16px;border:0;border-bottom:1px solid #f5f5f5;background:transparent;text-align:left;cursor:pointer}.notif-item:hover{background:#f8fafb}.notif-item.unread{background:#f2f8f9}.notif-item.unread:hover{background:#eaf3f5}.notif-icon{display:grid;width:32px;height:32px;flex-shrink:0;place-items:center;border-radius:9px;background:#eef2f4;color:#054a56}.notif-icon.warning{background:#fff4e5;color:#9c5700}.notif-icon.success{background:#e3f7ea;color:#19754e}.notif-icon.arrival,.notif-icon.booking{background:#e8effd;color:#2f5bd0}.notif-body{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.notif-title{font-size:13px;font-weight:600;color:#191919}.notif-message{font-size:12px;color:#5f6b73}.notif-time{margin-top:2px;font-size:11px;color:#98a2b3}.notif-dot{align-self:center;width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#e5484d}.top-profile,.sidebar-profile{display:flex;align-items:center;gap:8px}.top-profile{min-width:196px;padding-left:12px;border-left:1px solid #ebebeb}.top-profile.compact{min-width:150px}.top-profile strong,.sidebar-profile strong{display:block;color:#1d1d1d;font-size:13px;font-weight:500}.top-profile span,.sidebar-profile span{display:block;margin-top:6px;color:#8d8d8d;font-size:12px;font-weight:500}.avatar{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border-radius:999px;background:#2a4955;color:#fff;font-size:13px;font-weight:500}.avatar.small{width:30px;height:30px;font-size:10px}.avatar.large{width:92px;height:92px;font-size:22px}.top-user-avatar{display:grid;width:37px;height:37px;flex:0 0 auto;place-items:center;border-radius:999px;background:#eef9fc;color:#000}.sidebar{position:absolute;left:0;top:70px;z-index:2;width:290px;height:954px;border-right:1px solid #f0f0f0;background:#fff}.booking-create-shell .main{min-height:1422px}.nav{display:flex;flex-direction:column;gap:6px;width:230px;margin:32px 0 0 32px}.nav-item{display:flex;align-items:center;justify-content:space-between;width:230px;height:34px;padding:8px;border:0;border-radius:7px;background:#fff;color:#151a29;font-size:12px;font-weight:500}.nav-item span{display:flex;align-items:center;gap:8px}.nav-item.active{background:#2a4955;color:#fff}.sidebar-profile{position:absolute;left:32px;bottom:16px;width:226px;min-height:40px}.profile-icons{display:flex;gap:10px;margin-left:auto;color:#000}.main{position:absolute;left:290px;top:70px;width:1150px;min-height:954px;padding:32px 24px 62px 33px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;width:1057px;min-height:47px}.page-header h1{margin:0;color:#191919;font-size:18px;font-weight:600;letter-spacing:0}.page-header p{margin:8px 0 0;color:#737373;font-size:14px;line-height:17px}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;border-radius:10px;font-size:14px;font-weight:500}.primary-btn{min-width:135px;border:0;background:#2a4955;color:#fff}.secondary-btn{min-width:96px;padding:0 16px;border:1px solid #d1d5dc;background:#fff;color:#364153}.panel{width:1102px;margin-top:32px;margin-left:-9px;border:1px solid #e6e6e6;border-radius:9px;background:#fff}.placeholder-grid{display:grid;grid-template-columns:repeat(2,539px);gap:24px;margin-top:32px;margin-left:-9px}.placeholder-card{width:auto;min-height:260px;padding:24px}.guard-shell{position:relative;width:1440px;min-height:1024px;margin:0 auto;overflow:hidden;background:#f9fafb;box-shadow:0 18px 60px #0f172a1f}.guard-topbar{position:absolute;left:0;top:0;z-index:3;display:flex;align-items:center;width:1440px;height:70px;border-bottom:1px solid #e3e3e3;background:#fff}.guard-sidebar{position:absolute;left:0;top:70px;z-index:2;width:290px;height:954px;border-right:1px solid #f0f0f0;background:#fff}.guard-main{position:absolute;left:290px;top:70px;width:1150px;min-height:954px;padding:32px 24px 62px 33px}.guard-page-header{display:flex;width:1057px;min-height:64px;align-items:flex-start;justify-content:space-between}.guard-page-header h1{margin:0;color:#191919;font-size:18px;font-weight:600}.guard-page-header p{margin:8px 0 0;color:#737373;font-size:14px}.guard-date-card{display:flex;width:193px;height:62px;align-items:flex-start;gap:9px;padding:12px 16px;border:1px solid #e6e6e6;border-radius:9px;background:#fff;color:#737373}.guard-date-card span{display:block;color:#737373;font-size:12px;font-weight:500}.guard-date-card strong{display:block;margin-top:8px;color:#303030;font-size:13px;font-weight:600;white-space:nowrap}.guard-panel{position:relative;width:1102px;min-height:781px;margin-top:16px;margin-left:-9px;padding-bottom:8px;overflow:visible;border:1px solid #e6e6e6;border-radius:9px;background:#fff}.guard-panel-header{position:relative;height:68px;border-bottom:1px solid #e6e6e6}.guard-panel-header h2{position:absolute;left:41px;top:24px;margin:0;color:#191919;font-size:16px;font-weight:500}.guard-table-actions{position:absolute;left:603px;top:17px;display:flex;align-items:center;gap:12px}.guard-stats{display:flex;gap:16px;margin:22px 0 0 39px}.guard-stat{width:142px;height:70px;padding:12px 16px;border:1px solid #d7dde5;border-radius:9px;background:#fff}.guard-stat.active{border-color:#a8f0c0;background:#eefcf4}.guard-stat:nth-child(3){width:189px}.guard-stat span{display:block;color:#344054;font-size:12px;font-weight:500}.guard-stat.active span{color:#039855}.guard-stat strong{display:block;margin-top:8px;color:#00384a;font-size:24px;font-weight:600;line-height:24px}.guard-table-wrap{width:1029px;margin:20px 0 0 36px;overflow:hidden;border:1px solid #e6e6e6;border-radius:6px 6px 0 0}.guard-table{table-layout:fixed}.guard-table th{height:40px;padding:0;background:#f7f7f7;color:#737373;font-size:12px;font-weight:500}.guard-table td{height:54px;padding:0;color:#303030;font-size:12px}.guard-clickable-row{cursor:pointer}.guard-table th:nth-child(1),.guard-table td:nth-child(1){width:249px;padding-left:39px}.guard-table th:nth-child(2),.guard-table td:nth-child(2){width:259px;padding-left:27px}.guard-table th:nth-child(3),.guard-table td:nth-child(3){width:300px;padding-left:0}.guard-table th:nth-child(4),.guard-table td:nth-child(4){width:221px;padding-left:0}.guard-time{display:flex;align-items:center;gap:7px;color:#191919;font-weight:500}.guard-time svg{color:#a3a3a3}.guard-plate{display:inline-flex;width:102px;height:26px;align-items:center;justify-content:center;border-radius:6px;background:#ffefb8;color:#191919;font-size:12px;font-weight:500}.guard-status{display:inline-flex;width:102px;height:26px;align-items:center;justify-content:center;border-radius:999px;font-size:12px;font-weight:500}.guard-status.arrived{background:#dcfce7;color:#19754e}.guard-status.waiting{background:#fed5c7;color:#ff2f00}.pagination.guard-pagination{right:36px;bottom:118px}.vehicle-detail-scrim{position:absolute;left:-290px;top:-70px;z-index:20;width:1440px;height:1024px;background:#00000052}.vehicle-detail-drawer{position:absolute;left:883px;top:0;width:557px;height:1024px;background:#fff}.vehicle-detail-titlebar{position:relative;height:74px;border-bottom:1px solid #e6e6e6}.vehicle-detail-titlebar h2{position:absolute;left:31px;top:19px;margin:0;color:#191919;font-size:16px;font-weight:600}.vehicle-detail-titlebar p{position:absolute;left:31px;top:43px;margin:0;color:#737373;font-size:12px;font-weight:400}.vehicle-detail-titlebar button{position:absolute;right:31px;top:21px;display:grid;width:18px;height:18px;place-items:center;border:0;background:transparent;color:#000}.vehicle-detail-content{position:absolute;left:31px;top:102px;width:471px}.vehicle-arrived-toast{position:absolute;left:364px;top:79px;display:flex;width:356px;height:73px;align-items:center;gap:12px;padding:18px 14px;border:1px solid #abefc6;border-radius:7px;background:#e8fff1;color:#07913f;box-shadow:0 12px 28px #0f172a29}.vehicle-arrived-toast strong{display:block;color:#039855;font-size:14px;font-weight:500}.vehicle-arrived-toast span{display:block;margin-top:8px;color:#039855;font-size:14px;font-weight:400}.vehicle-detail-content>.guard-status{margin-bottom:24px}.vehicle-detail-section h3{margin:0 0 17px;color:#191919;font-size:14px;font-weight:500}.vehicle-detail-section.drive,.vehicle-detail-section.documents{margin-top:32px}.vehicle-detail-value{margin-top:16px}.vehicle-detail-value:first-of-type{margin-top:0}.vehicle-detail-value span{display:block;color:#737373;font-size:12px;line-height:15px}.vehicle-detail-value strong{display:block;margin-top:8px;color:#191919;font-size:12px;font-weight:500;line-height:15px}.vehicle-detail-value .guard-plate{display:inline-flex}.vehicle-document-row{display:flex;width:471px;height:56px;align-items:center;justify-content:space-between;margin-top:16px;padding:11px 23px 11px 15px;border-radius:9px;background:#f7f7f7}.vehicle-document-row+.vehicle-document-row{margin-top:9px}.vehicle-document-meta{display:flex;align-items:center;gap:12px}.vehicle-document-meta strong{display:block;color:#191919;font-size:12px;font-weight:500}.vehicle-document-meta span{display:block;margin-top:4px;color:#737373;font-size:12px}.vehicle-document-row button{border:0;background:transparent;color:#191919;font-size:11px}.vehicle-detail-actionbar{position:absolute;left:0;bottom:0;display:flex;width:557px;height:80px;align-items:center;justify-content:center;border-top:1px solid #e6e6e6;background:#fff}.vehicle-detail-actionbar button{display:flex;width:525px;height:48px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;background:#05aa46;color:#fff;font-size:14px;font-weight:600;box-shadow:0 8px 16px #05aa4638}.logistics-shell{position:relative;width:1440px;min-height:1024px;margin:0 auto;overflow:hidden;background:#f9fafb;box-shadow:0 18px 60px #0f172a1f}.logistics-dashboard-shell{min-height:1751px}.logistics-dashboard-shell .logistics-sidebar{height:954px}.logistics-dashboard-shell .logistics-main{min-height:1681px}.logistics-tracking-shell{min-height:1335px}.logistics-tracking-shell .logistics-sidebar{height:1265px}.logistics-tracking-shell .logistics-main{min-height:1265px}.logistics-topbar{position:absolute;left:0;top:0;z-index:3;display:flex;align-items:center;width:1440px;height:70px;border-bottom:1px solid #e3e3e3;background:#fff}.logistics-topbar .brand-mark{width:23px;height:26px;border-radius:0 0 0 10px;background:linear-gradient(#c8744d,#c8744d) left top / 9px 17px no-repeat,linear-gradient(#08a994,#08a994) left bottom / 23px 9px no-repeat,linear-gradient(#054a56,#054a56) right bottom / 14px 18px no-repeat;color:transparent;font-size:0}.logistics-sidebar{position:absolute;left:0;top:70px;z-index:2;width:290px;height:954px;border-right:1px solid #f0f0f0;background:#fff}.logistics-main{position:absolute;left:290px;top:70px;width:1150px;min-height:954px;padding:32px 24px 62px 33px}.logistics-page-header{display:flex;width:1057px;min-height:47px;align-items:flex-start;justify-content:space-between}.logistics-page-header h1{margin:0;color:#191919;font-size:20px;font-weight:600}.logistics-page-header p{margin:8px 0 0;color:#737373;font-size:14px}.logistics-primary-btn{display:flex;width:150px;height:36px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:7px;background:#2a4955;color:#fff;font-size:12px;font-weight:500}.logistics-panel{position:relative;width:1102px;min-height:781px;margin-top:32px;margin-left:-9px;padding-bottom:8px;overflow:visible;border:1px solid #e6e6e6;border-radius:9px;background:#fff}.logistics-panel-header{position:relative;height:68px;border-bottom:1px solid #e6e6e6}.logistics-panel-header h2{position:absolute;left:41px;top:24px;margin:0;color:#191919;font-size:16px;font-weight:500}.logistics-table-actions{position:absolute;right:41px;top:17px;display:flex;align-items:center;gap:6px}.logistics-search{width:209px}.logistics-filter-icon{width:26px;border:0}.logistics-filter{width:82px;gap:8px}.logistics-download{display:flex;width:188px;height:34px;align-items:center;justify-content:center;gap:8px;border:1px solid #dadada;border-radius:9px;background:#fff;color:#191919;font-size:9px;font-weight:500;box-shadow:0 3px 8px #0f172a14;white-space:nowrap}.logistics-stats{display:flex;gap:16px;margin:22px 0 0 39px}.logistics-stats .guard-stat{width:142px}.logistics-stats .guard-stat:nth-child(3),.logistics-stats .guard-stat:nth-child(5){width:142px}.logistics-stats .guard-stat:nth-child(4){width:142px}.logistics-stats .guard-stat:nth-child(5){width:189px}.logistics-table-wrap{width:1029px;margin:20px 0 0 36px;overflow:hidden;border:1px solid #e6e6e6;border-radius:6px}.logistics-table{table-layout:fixed}.logistics-table th{height:40px;padding:0;background:#f7f7f7;color:#737373;font-size:12px;font-weight:500}.logistics-table td{height:54px;padding:0;color:#191919;font-size:12px}.logistics-table th:nth-child(1),.logistics-table td:nth-child(1){width:139px;padding-left:24px}.logistics-table th:nth-child(2),.logistics-table td:nth-child(2){width:120px;padding-left:0}.logistics-table th:nth-child(3),.logistics-table td:nth-child(3){width:188px;padding-left:0}.logistics-table th:nth-child(4),.logistics-table td:nth-child(4){width:154px;padding-left:0}.logistics-table th:nth-child(5),.logistics-table td:nth-child(5){width:195px;padding-left:0}.logistics-table th:nth-child(6),.logistics-table td:nth-child(6){width:127px;padding-left:0}.logistics-table th:nth-child(7),.logistics-table td:nth-child(7){width:106px;padding-left:0}.logistics-category,.logistics-reg-status{display:inline-flex;height:26px;align-items:center;justify-content:center;border-radius:999px;font-size:12px;font-weight:500}.logistics-category{width:102px;background:#dce8ff;color:#2e73ff}.logistics-reg-status{width:102px;background:#dcfce7;color:#19754e}.logistics-reg-status.registration-completed{width:166px;background:#e8efff;color:#2e73ff}.logistics-reg-status.disabled{background:#f9dddd;color:#d11919}.logistics-reg-status.invitation-sent{width:126px;background:#fff7bb;color:#bd7200}.logistics-toggle{position:relative;display:inline-block;width:47px;height:24px;border-radius:999px;background:#d0d5dd}.logistics-toggle span{position:absolute;left:2px;top:2px;width:20px;height:20px;border-radius:50%;background:#fff}.logistics-toggle.on{background:#075c68}.logistics-toggle.on span{left:25px}.logistics-row-actions{display:inline-flex;align-items:center;gap:8px}.logistics-clickable-row{cursor:pointer}.logistics-clickable-row:hover td{background:#fbfcfd}.pagination.logistics-pagination{right:36px;bottom:118px}.logistics-slot-header{display:flex;width:1057px;align-items:flex-start;justify-content:space-between}.logistics-slot-header h1{margin:0;color:#191919;font-size:20px;font-weight:600}.logistics-slot-header p{margin:9px 0 0;color:#737373;font-size:14px}.logistics-slot-header button{display:inline-flex;width:151px;height:36px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:5px;background:#2a4955;color:#fff;font-size:12px;font-weight:500}.logistics-slot-panel{position:relative;width:1102px;min-height:781px;margin-top:27px;margin-left:-9px;padding-bottom:8px;overflow:visible;border:1px solid #e6e6e6;border-radius:9px;background:#fff}.logistics-slot-panel-header{position:relative;height:68px;border-bottom:1px solid #e6e6e6}.logistics-slot-panel-header h2{position:absolute;left:41px;top:24px;margin:0;color:#191919;font-size:16px;font-weight:500}.logistics-slot-toolbar{position:absolute;right:34px;top:16px;display:flex;align-items:center;gap:8px}.logistics-slot-search{display:flex;width:209px;height:34px;align-items:center;gap:10px;padding:0 16px;border:1px solid #dadada;border-radius:8px;background:#fff;color:#737373;font-size:11px}.logistics-slot-search svg{color:#4c4c4c}.logistics-slot-filter-icon{display:grid;width:20px;height:34px;place-items:center;border:0;background:transparent;color:#111827}.logistics-slot-filter{display:inline-flex;width:93px;height:34px;align-items:center;justify-content:center;gap:9px;border:1px solid #dadada;border-radius:8px;background:#fff;color:#191919;font-size:11px;font-weight:500;white-space:nowrap}.logistics-slot-filter.wide{width:118px}.logistics-slot-table-wrap{width:1029px;margin:24px 0 0 36px;overflow:hidden;border:1px solid #e6e6e6;border-radius:6px}.logistics-slot-table{width:100%;border-collapse:collapse;table-layout:fixed}.logistics-slot-table th{height:40px;padding:0;background:#f7f7f7;color:#737373;font-size:12px;font-weight:500;text-align:left}.logistics-slot-table td{height:54px;padding:0;border-top:1px solid #e6e6e6;color:#191919;font-size:12px}.logistics-slot-table th:nth-child(1),.logistics-slot-table td:nth-child(1){width:169px;padding-left:23px}.logistics-slot-table th:nth-child(2),.logistics-slot-table td:nth-child(2){width:134px}.logistics-slot-table th:nth-child(3),.logistics-slot-table td:nth-child(3){width:130px}.logistics-slot-table th:nth-child(4),.logistics-slot-table td:nth-child(4){width:104px}.logistics-slot-table th:nth-child(5),.logistics-slot-table td:nth-child(5){width:192px}.logistics-slot-table th:nth-child(6),.logistics-slot-table td:nth-child(6){width:158px}.logistics-slot-table th:nth-child(7),.logistics-slot-table td:nth-child(7){width:142px}.logistics-slot-progress{position:relative;display:block;width:133px;height:9px;overflow:hidden;border-radius:999px;background:#e4e4e4}.logistics-slot-progress span{position:absolute;left:0;top:0;height:100%;border-radius:inherit}.logistics-slot-progress .blue{background:#2f7cf6}.logistics-slot-progress .red{background:#ff3045}.logistics-slot-progress .green{background:#63df7a}.logistics-slot-progress .gray{background:#e4e4e4}.logistics-slot-status{display:inline-flex;width:72px;height:27px;align-items:center;justify-content:center;border-radius:999px;font-size:12px;font-weight:500}.logistics-slot-status.active{background:#dcfce7;color:#05aa46}.logistics-slot-status.full,.logistics-slot-status.locked{background:#f9dddd;color:#d11919}.logistics-slot-status.frozen{width:78px;background:#e8efff;color:#2e73ff}.logistics-slot-actions{display:inline-flex;align-items:center;gap:13px}.logistics-slot-actions button{display:grid;width:16px;height:22px;place-items:center;padding:0;border:0;background:transparent;color:#191919}.logistics-slot-actions button:last-child{color:#ff1d25}.pagination.logistics-slot-pagination{right:36px;bottom:183px}.logistics-slot-modal-scrim{position:absolute;left:-290px;top:-70px;z-index:30;width:1440px;height:1024px;background:#00000052}.logistics-slot-modal{position:absolute;left:426px;top:228px;width:588px;height:568px;overflow:hidden;border-radius:8px;background:#fff}.logistics-slot-modal-head{display:flex;height:84px;align-items:flex-start;justify-content:space-between;padding:23px 35px 0;border-bottom:1px solid #e6e6e6}.logistics-slot-modal-head h2{margin:0;color:#191919;font-size:14px;font-weight:600}.logistics-slot-modal-head p{margin:11px 0 0;color:#8c8c8c;font-size:12px}.logistics-slot-modal-head button{display:grid;width:22px;height:22px;place-items:center;padding:0;border:0;background:transparent;color:#191919}.logistics-slot-modal-body{padding:31px 35px 0}.logistics-slot-modal-field{display:grid;gap:12px;color:#191919;font-size:14px;font-weight:500}.logistics-slot-modal-field>div{display:flex;width:518px;height:44px;align-items:center;justify-content:space-between;padding:0 18px 0 16px;border:1px solid #dadada;border-radius:8px;background:#fff;color:#191919;font-size:13px;font-weight:400}.logistics-slot-mode-title{margin-top:18px;color:#191919;font-size:14px;font-weight:500}.logistics-slot-mode-card{position:relative;display:flex;width:518px;height:50px;align-items:center;gap:13px;margin-top:12px;padding-left:37px;border:1px solid #dadada;border-radius:8px;background:#fff}.logistics-slot-mode-card.active:before{position:absolute;left:20px;top:22px;width:4px;height:4px;border-radius:50%;background:#191919;content:""}.logistics-slot-mode-card strong{color:#191919;font-size:13px;font-weight:500}.logistics-slot-mode-card span{color:#8c8c8c;font-size:12px;font-weight:400;white-space:nowrap}.logistics-slot-modal-field.number-field{margin-top:17px}.logistics-slot-modal-field.number-field small{margin-top:-3px;color:#8c8c8c;font-size:12px;font-weight:400}.logistics-slot-continue{width:518px;height:43px;margin-top:23px;border:0;border-radius:5px;background:#2a4955;color:#fff;font-size:12px;font-weight:500}.logistics-builder-header{display:flex;width:1059px;align-items:flex-start;justify-content:space-between}.logistics-builder-breadcrumb{display:flex;align-items:center;gap:12px;color:#737373;font-size:12px}.logistics-builder-breadcrumb strong{color:#191919;font-weight:500}.logistics-builder-header h1{margin:19px 0 0;color:#191919;font-size:20px;font-weight:600}.logistics-builder-header p{margin:9px 0 0;color:#737373;font-size:14px}.logistics-builder-header button{width:151px;height:36px;margin-top:5px;border:0;border-radius:5px;background:#2a4955;color:#fff;font-size:12px;font-weight:500}.logistics-builder-panel{width:1102px;height:403px;margin-top:25px;margin-left:-9px;overflow:hidden;border:1px solid #e6e6e6;border-radius:9px;background:#fff}.logistics-day-select-panel{width:1102px;height:212px;margin-top:36px;margin-left:-9px;overflow:hidden;border:1px solid #e6e6e6;border-radius:9px;background:#fff}.logistics-day-select-panel h2{height:59px;margin:0;padding:24px 38px 0;color:#191919;font-size:16px;font-weight:500}.logistics-day-row{position:relative;display:flex;height:76px;align-items:center;justify-content:space-between;padding:0 63px 0 39px;border-top:1px solid #e6e6e6;background:#fff}.logistics-day-row.active{background:#fff9f7}.logistics-day-row.active:before{position:absolute;left:0;top:0;width:4px;height:76px;background:#ef7f45;content:""}.logistics-day-row strong{display:block;color:#191919;font-size:14px;font-weight:500}.logistics-day-row span{display:block;margin-top:10px;color:#737373;font-size:14px}.logistics-day-row em{display:inline-flex;width:78px;height:29px;align-items:center;justify-content:center;border:1px solid #bfc7d1;border-radius:999px;color:#191919;font-size:12px;font-style:normal;font-weight:500}.logistics-builder-panel.day-panel{height:402px;margin-top:14px}.logistics-builder-panel-head{height:97px;padding:24px 40px 0;border-bottom:1px solid #e6e6e6}.logistics-builder-panel-head h2{margin:0;color:#191919;font-size:16px;font-weight:500}.logistics-builder-panel-head p{margin:14px 0 0;color:#737373;font-size:14px}.logistics-builder-table-wrap{width:1030px;margin:20px 0 0 35px;overflow:hidden;border:1px solid #e6e6e6;border-radius:6px}.logistics-builder-table{width:100%;border-collapse:collapse;table-layout:fixed}.logistics-builder-table th{height:42px;padding:0;background:#f7f7f7;color:#737373;font-size:12px;font-weight:500;text-align:left}.logistics-builder-table td{height:54px;padding:0;border-top:1px solid #e6e6e6}.logistics-builder-table th:nth-child(1),.logistics-builder-table td:nth-child(1){width:192px;padding-left:15px}.logistics-builder-table th:nth-child(2),.logistics-builder-table td:nth-child(2){width:208px}.logistics-builder-table th:nth-child(3),.logistics-builder-table td:nth-child(3){width:176px}.logistics-builder-table th:nth-child(4),.logistics-builder-table td:nth-child(4){width:197px}.logistics-builder-table th:nth-child(5),.logistics-builder-table td:nth-child(5){width:130px}.logistics-builder-table th:nth-child(6),.logistics-builder-table td:nth-child(6){width:127px}.builder-input{display:inline-flex;height:36px;align-items:center;justify-content:space-between;padding:0 16px 0 20px;border-radius:9px;background:#f5f5f5;color:#191919;font-size:13px}.builder-input svg{color:#191919}.time-input{width:168px}.capacity-input{width:110px;color:#a1a1a1}.zone-input{width:134px;color:#8c8c8c}.builder-toggle{position:relative;display:inline-block;width:47px;height:24px;border-radius:999px;background:#cbd1da}.builder-toggle span{position:absolute;left:2px;top:2px;width:20px;height:20px;border-radius:50%;background:#fff}.builder-toggle.on{background:#075c68}.builder-toggle.on span{left:25px}.builder-actions{display:inline-flex;align-items:center;gap:16px}.builder-actions button{display:grid;width:16px;height:22px;place-items:center;padding:0;border:0;background:transparent}.builder-actions button:last-child{color:#ff1d25}.builder-blue-dot{display:inline-block;width:15px;height:15px;border:2px solid #2e73ff;border-radius:50%}.builder-blue-dot:after{display:block;width:5px;height:5px;margin:3px;border-radius:50%;background:#2e73ff;content:""}.builder-add-slot{display:flex;width:1030px;height:40px;align-items:center;justify-content:center;gap:13px;margin:16px 0 0 35px;border:1px solid #dadada;border-radius:8px;background:#fff;color:#2a4955;font-size:14px;font-weight:500}.logistics-booking-header{display:flex;width:1057px;align-items:flex-start;justify-content:space-between}.logistics-booking-header h1{margin:0;color:#191919;font-size:20px;font-weight:600}.logistics-booking-header p{margin:9px 0 0;color:#737373;font-size:14px}.logistics-booking-header button{display:inline-flex;width:151px;height:36px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:5px;background:#2a4955;color:#fff;font-size:12px;font-weight:500}.logistics-booking-panel{position:relative;width:1102px;min-height:781px;margin-top:28px;margin-left:-9px;padding-bottom:8px;overflow:visible;border:1px solid #e6e6e6;border-radius:9px;background:#fff}.logistics-booking-panel-header{position:relative;height:68px;border-bottom:1px solid #e6e6e6}.logistics-booking-panel-header h2{position:absolute;left:41px;top:24px;margin:0;color:#191919;font-size:16px;font-weight:500}.logistics-booking-toolbar{position:absolute;right:34px;top:16px;display:flex;align-items:center;gap:10px}.logistics-booking-search{display:flex;width:209px;height:34px;align-items:center;gap:10px;padding:0 16px;border:1px solid #dadada;border-radius:8px;background:#fff;color:#737373;font-size:11px}.logistics-booking-search svg{color:#4c4c4c}.logistics-booking-filter-icon{display:grid;width:19px;height:34px;place-items:center;padding:0;border:0;background:transparent;color:#111827}.logistics-booking-filter{display:inline-flex;width:82px;height:34px;align-items:center;justify-content:center;gap:17px;border:1px solid #dadada;border-radius:8px;background:#fff;color:#191919;font-size:12px;font-weight:500}.logistics-booking-download{display:inline-flex;width:188px;height:34px;align-items:center;justify-content:center;gap:8px;border:1px solid #dadada;border-radius:8px;background:#fff;color:#191919;font-size:11px;font-weight:500;box-shadow:0 3px 8px #0f172a14}.logistics-booking-table-wrap{width:1029px;margin:24px 0 0 36px;overflow:hidden;border:1px solid #e6e6e6;border-radius:6px}.logistics-booking-table{width:100%;border-collapse:collapse;table-layout:fixed}.logistics-booking-table th{height:40px;padding:0;background:#f7f7f7;color:#737373;font-size:12px;font-weight:500;text-align:left}.logistics-booking-table td{height:54px;padding:0;border-top:1px solid #e6e6e6;color:#191919;font-size:12px}.logistics-booking-table th:nth-child(1),.logistics-booking-table td:nth-child(1){width:130px;padding-left:23px}.logistics-booking-table th:nth-child(2),.logistics-booking-table td:nth-child(2){width:166px}.logistics-booking-table th:nth-child(3),.logistics-booking-table td:nth-child(3){width:110px}.logistics-booking-table th:nth-child(4),.logistics-booking-table td:nth-child(4){width:165px}.logistics-booking-table th:nth-child(5),.logistics-booking-table td:nth-child(5){width:173px}.logistics-booking-table th:nth-child(6),.logistics-booking-table td:nth-child(6){width:132px}.logistics-booking-table th:nth-child(7),.logistics-booking-table td:nth-child(7){width:153px}.logistics-booking-time{display:inline-flex;align-items:center;gap:8px}.logistics-booking-time svg{color:#a3a3a3}.logistics-booking-actions{display:inline-flex;align-items:center;gap:7px}.logistics-booking-actions button{display:grid;width:25px;height:25px;place-items:center;padding:0;border-radius:7px;background:#fff}.logistics-booking-actions .approve{border:1px solid #00c950;color:#00c950}.logistics-booking-actions .reject{border:1px solid #ff1d25;color:#ff1d25}.logistics-booking-actions .more{border:1px solid #dadada;color:#191919}.pagination.logistics-booking-pagination{right:36px;bottom:183px}.logistics-booking-detail-shell{min-height:1063px}.logistics-booking-detail-shell .logistics-sidebar{height:993px}.logistics-booking-detail-shell .logistics-main{min-height:993px}.logistics-booking-detail-overlay{position:absolute;left:-290px;top:-70px;z-index:40;width:1440px;height:1063px;pointer-events:none}.logistics-booking-detail-scrim{position:absolute;left:0;top:0;width:883px;height:1063px;background:#0000004f;pointer-events:auto}.logistics-booking-detail-drawer{position:absolute;right:0;top:0;width:557px;height:1063px;background:#fff;pointer-events:auto}.logistics-booking-detail-titlebar{position:relative;height:70px;border-bottom:1px solid #e6e6e6}.logistics-booking-detail-titlebar h2{position:absolute;left:31px;top:27px;margin:0;color:#191919;font-size:16px;font-weight:500}.logistics-booking-detail-titlebar button{position:absolute;right:30px;top:25px;display:grid;width:24px;height:24px;place-items:center;padding:0;border:0;background:transparent;color:#000}.logistics-booking-detail-content{padding:36px 31px 0 35px}.booking-detail-info-card{width:474px;height:176px;margin-bottom:12px;padding:26px 24px 24px;border:1px solid #dddddd;border-radius:6px;background:#fff}.booking-detail-info-card:nth-child(2),.booking-detail-info-card:nth-child(3){height:180px}.booking-detail-info-card.notes-card{height:260px}.booking-detail-info-card h3{display:flex;align-items:center;gap:12px;margin:0 0 22px;color:#191919;font-size:14px;font-weight:600}.booking-detail-info-card h3 svg{color:#2d6bff;stroke-width:1.8}.booking-detail-info-grid{display:grid;grid-template-columns:76px 1fr;gap:16px 38px}.booking-detail-info-card.vendor-card .booking-detail-info-grid{grid-template-columns:122px 1fr}.booking-detail-pair{display:grid;gap:8px}.booking-detail-pair.wide{grid-column:1 / -1}.booking-detail-pair span,.booking-detail-notes span{color:#737373;font-size:12px;font-weight:400}.booking-detail-pair strong{color:#191919;font-size:12px;font-weight:500;white-space:nowrap}.booking-detail-notes{display:block;grid-column:1 / -1}.booking-detail-notes div{width:391px;height:98px;margin-top:9px;padding:18px 17px;border:1px solid #e4e4e4;border-radius:8px;color:#191919;font-size:12px}.logistics-booking-detail-actions{position:absolute;left:0;bottom:0;display:grid;grid-template-columns:245px 245px;gap:8px;width:557px;height:80px;padding:17px 28px 16px 30px;border-top:1px solid #e6e6e6;background:#fff}.logistics-booking-detail-actions button{height:48px;border-radius:8px;font-size:14px;font-weight:500}.logistics-booking-detail-actions .reject{border:1px solid #ff1d25;background:#fff;color:#ff1d25}.logistics-booking-detail-actions .confirm{border:1px solid #00a541;background:#00a541;color:#fff}.logistics-detail-page{width:1102px}.logistics-detail-header{display:flex;width:1093px;align-items:flex-start;justify-content:space-between;margin:0 0 26px}.logistics-detail-title-row{display:flex;align-items:center;gap:32px}.logistics-detail-title-row h1{margin:0;color:#191919;font-size:20px;font-weight:600}.logistics-detail-status{display:inline-flex;width:72px;height:26px;align-items:center;justify-content:center;border:1px solid #05c653;border-radius:999px;background:#dcfce7;color:#05b64e;font-size:12px;font-weight:500}.logistics-breadcrumb{display:flex;align-items:center;gap:12px;margin-top:15px;color:#8c8c8c;font-size:14px}.logistics-breadcrumb button{border:0;background:transparent;color:#8c8c8c;font:inherit;cursor:pointer}.logistics-breadcrumb strong{color:#191919;font-weight:400}.logistics-detail-actions{display:flex;align-items:center;gap:8px;padding-top:10px}.logistics-resend-btn,.logistics-deactivate-btn{display:inline-flex;height:36px;align-items:center;justify-content:center;border-radius:7px;font-size:12px;font-weight:500}.logistics-resend-btn{width:148px;gap:8px;border:1px solid #dadada;background:#fff;color:#191919}.logistics-deactivate-btn{width:150px;border:0;background:#d9143c;color:#fff}.logistics-detail-card{width:1102px;min-height:766px;margin-left:-6px;padding-bottom:8px;overflow:visible;border:1px solid #e0e0e0;border-radius:9px;background:#fff}.logistics-detail-tabs{display:flex;height:74px;align-items:center;justify-content:space-between;padding-left:27px;padding-right:36px;border-bottom:1px solid #e6e6e6}.logistics-detail-tabs nav{display:flex;align-items:center;gap:8px}.logistics-detail-tabs nav button{width:100px;height:34px;border:1px solid #dadada;border-radius:999px;background:#fff;color:#191919;font-size:12px;font-weight:500}.logistics-detail-tabs nav button.active{border-color:#2a4955;background:#f7fbfc}.logistics-detail-toolbar{display:flex;align-items:center;gap:11px}.logistics-detail-search{display:flex;width:190px;height:34px;align-items:center;gap:10px;padding:0 16px;border:1px solid #dadada;border-radius:8px;background:#fff;color:#737373;font-size:11px}.logistics-detail-search svg{color:#4c4c4c}.logistics-detail-filter-icon{display:grid;width:30px;height:34px;place-items:center;border:0;border-left:1px solid #c8c8c8;border-radius:0;background:transparent;color:#111827}.logistics-detail-filter,.logistics-detail-export{display:inline-flex;height:34px;align-items:center;justify-content:center;border:1px solid #dadada;border-radius:8px;background:#fff;color:#191919;font-size:11px;font-weight:500}.logistics-detail-filter{width:82px;gap:18px}.logistics-detail-export{width:114px;gap:8px}.logistics-vendor-info-card{width:1046px;height:171px;margin:29px 0 0 27px;overflow:hidden;border:1px solid #e0e0e0;border-radius:8px;background:#fff}.logistics-vendor-info-head{display:flex;height:70px;align-items:center;justify-content:space-between;padding:0 33px 0 31px;border-bottom:1px solid #e0e0e0;background:#f5f5f5}.logistics-vendor-info-head h2{margin:0;color:#191919;font-size:16px;font-weight:500}.logistics-vendor-info-head button{display:inline-flex;width:205px;height:37px;align-items:center;justify-content:center;gap:9px;border:0;border-radius:8px;background:#fff;color:#f10e32;font-size:11px;font-weight:500;box-shadow:0 4px 8px #0f172a14}.logistics-vendor-info-grid{display:grid;grid-template-columns:200px 200px 1fr;column-gap:0;padding:24px 31px 0}.logistics-vendor-info-grid div{display:grid;gap:12px;align-content:start}.logistics-vendor-info-grid span{color:#737373;font-size:14px}.logistics-vendor-info-grid strong{color:#191919;font-size:14px;font-weight:500}.logistics-vendor-info-grid .logistics-detail-status,.logistics-vendor-info-grid .logistics-category{font-size:12px}.logistics-detail-metrics{display:grid;grid-template-columns:repeat(3,334px);gap:22px;margin:24px 0 0 27px}.logistics-detail-metric{width:334px;height:135px;padding:27px 26px;border:1px solid #e0e0e0;border-radius:8px;background:#fff}.logistics-detail-metric>div{display:flex;align-items:center;justify-content:space-between}.logistics-detail-metric span{color:#666;font-size:15px}.logistics-detail-metric svg{color:#b3b3b3}.logistics-detail-metric svg.blue,.logistics-detail-metric.milk-run svg{color:#1265ff}.logistics-detail-metric.milk-run svg{color:#05b64e}.logistics-detail-metric>strong{display:block;margin-top:29px;color:#111827;font-size:30px;font-weight:700}.logistics-detail-metric>strong.blue{color:#2f6df5}.logistics-detail-metric.milk-run>strong{display:inline-flex;width:89px;height:27px;align-items:center;justify-content:center;margin-top:31px;border-radius:999px;background:#151515;color:#fff;font-size:11px;font-weight:600}.logistics-detail-table-wrap{width:1029px;margin:30px 0 0 35px;overflow:hidden;border:1px solid #e6e6e6;border-radius:6px;background:#fff}.logistics-detail-table{width:100%;border-collapse:collapse;table-layout:fixed}.logistics-detail-table th{height:40px;padding:0;background:#f7f7f7;color:#737373;font-size:12px;font-weight:500;text-align:left}.logistics-detail-table td{height:54px;padding:0;border-top:1px solid #e6e6e6;color:#191919;font-size:12px;font-weight:400}.logistics-detail-table th:nth-child(1),.logistics-detail-table td:nth-child(1){width:71px;padding-left:14px}.logistics-detail-table th:nth-child(2),.logistics-detail-table td:nth-child(2){width:226px}.logistics-detail-table th:nth-child(3),.logistics-detail-table td:nth-child(3){width:292px}.logistics-detail-table th:nth-child(4),.logistics-detail-table td:nth-child(4){width:270px}.logistics-detail-table th:nth-child(5),.logistics-detail-table td:nth-child(5){width:170px}.logistics-bookings-table th:nth-child(1),.logistics-bookings-table td:nth-child(1){width:65px;padding-left:14px}.logistics-bookings-table th:nth-child(2),.logistics-bookings-table td:nth-child(2){width:190px}.logistics-bookings-table th:nth-child(3),.logistics-bookings-table td:nth-child(3){width:164px}.logistics-bookings-table th:nth-child(4),.logistics-bookings-table td:nth-child(4){width:215px}.logistics-bookings-table th:nth-child(5),.logistics-bookings-table td:nth-child(5){width:213px}.logistics-bookings-table th:nth-child(6),.logistics-bookings-table td:nth-child(6){width:182px}.logistics-check{position:relative;display:inline-block;width:18px;height:18px;border:1px solid #d5d7da;border-radius:5px;background:#fff}.logistics-check.checked{border-color:#2a4955;background:#2a4955}.logistics-check.checked:after{position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #ffffff;border-width:0 2px 2px 0;content:"";transform:rotate(45deg)}.logistics-plate-pill{display:inline-flex;width:102px;height:27px;align-items:center;justify-content:center;border-radius:6px;background:#f4f4f5;color:#414141;font-size:12px;font-weight:400}.logistics-slot-time{display:inline-flex;align-items:center;gap:8px;color:#191919}.logistics-slot-time svg{color:#a3a3a3}.logistics-delivery-pill,.logistics-booking-status{display:inline-flex;width:102px;height:27px;align-items:center;justify-content:center;border-radius:999px;font-size:12px;font-weight:500}.logistics-delivery-pill{background:#dce8ff;color:#2e73ff}.logistics-booking-status.confirmed,.logistics-booking-status.completed{background:#dcfce7;color:#19754e}.logistics-booking-status.pending{background:#fbf8be;color:#a66600}.logistics-booking-status.cancelled{background:#f9dddd;color:#d11919}.pagination.logistics-detail-pagination{right:34px;bottom:180px}.logistics-modal-scrim{position:absolute;left:-290px;top:-70px;z-index:20;width:1440px;height:1024px;background:#00000052}.logistics-vendor-modal{position:absolute;left:426px;top:233px;width:588px;height:586px;overflow:hidden;border-radius:9px;background:#fff}.logistics-modal-titlebar{position:relative;height:64px;border-bottom:1px solid #e6e6e6}.logistics-modal-titlebar h2{position:absolute;left:43px;top:23px;margin:0;color:#191919;font-size:14px;font-weight:500}.logistics-modal-titlebar button{position:absolute;right:43px;top:20px;display:grid;width:22px;height:22px;place-items:center;border:0;background:transparent;color:#000}.logistics-modal-body{position:absolute;left:35px;top:96px;width:518px}.logistics-modal-grid{display:grid;grid-template-columns:253px 253px;gap:12px;margin-top:12px}.compact-field.logistics-full-field,.compact-field.logistics-full-field div{width:518px}.logistics-modal-body>.compact-field+.compact-field{margin-top:12px}.logistics-select-field div{justify-content:space-between;padding-right:16px}.logistics-milk-card{display:flex;width:518px;height:62px;align-items:center;justify-content:space-between;margin-top:16px;padding:0 16px;border:1px solid #e0e0e0;border-radius:9px;background:#fff}.logistics-milk-card strong{display:block;color:#344054;font-size:14px;font-weight:500}.logistics-milk-card>div>span{display:block;margin-top:8px;color:#667085;font-size:12px}.logistics-modal-actions{display:grid;grid-template-columns:146px 364px;gap:8px;margin-top:24px}.logistics-dashboard-page{width:1102px}.logistics-dashboard-header{display:flex;width:1057px;align-items:flex-start;justify-content:space-between}.logistics-dashboard-header h1{margin:0;color:#191919;font-size:20px;font-weight:600}.logistics-dashboard-header p{margin:9px 0 0;color:#737373;font-size:14px}.logistics-dashboard-header button{display:inline-flex;width:136px;height:36px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:5px;background:#2a4955;color:#fff;font-size:12px;font-weight:500}.dashboard-vehicle-panel,.dashboard-event-panel{width:1102px;margin-left:-9px;overflow:hidden;border:1px solid #e6e6e6;border-radius:9px;background:#fff}.dashboard-vehicle-panel{height:1041px;margin-top:32px}.dashboard-event-panel{height:358px;margin-top:47px}.dashboard-panel-head{position:relative;height:68px;border-bottom:1px solid #e6e6e6}.dashboard-panel-head h2{position:absolute;left:41px;top:24px;margin:0;color:#191919;font-size:16px;font-weight:500}.dashboard-head-actions{position:absolute;right:34px;top:16px;display:flex;align-items:center;gap:10px}.dashboard-search{display:flex;width:189px;height:34px;align-items:center;gap:10px;padding:0 16px;border:1px solid #dadada;border-radius:8px;background:#fff;color:#737373;font-size:11px}.dashboard-filter-icon{display:grid;width:24px;height:34px;place-items:center;border:0;border-left:1px solid #c8c8c8;background:transparent}.dashboard-filter{display:inline-flex;width:82px;height:34px;align-items:center;justify-content:center;gap:18px;border:1px solid #dadada;border-radius:8px;background:#fff;color:#191919;font-size:12px}.dashboard-filter.wide{width:104px;gap:12px}.logistics-user-profile-page{position:relative;width:1081px;min-height:870px}.user-profile-breadcrumb{display:flex;height:17px;align-items:center;gap:9px;margin:6px 0 0;color:#737373;font-size:12px;font-weight:400}.user-profile-breadcrumb svg{color:#737373;stroke-width:1.7}.user-profile-breadcrumb strong{color:#191919;font-weight:500}.user-profile-header{margin-top:18px}.user-profile-header h1{margin:0;color:#191919;font-size:20px;font-weight:600}.user-profile-header p{margin:8px 0 0;color:#737373;font-size:14px;font-weight:400}.user-profile-panel{width:1081px;height:738px;margin-top:24px;border:1px solid #e0e0e0;border-radius:8px;background:#fff}.user-profile-summary{display:flex;align-items:center;gap:18px;margin:28px 0 0 39px}.user-profile-avatar{display:grid;width:82px;height:82px;place-items:center;border-radius:999px;background:#eaf0ff;color:#004bd6}.user-profile-summary h2{margin:0 0 11px;color:#191919;font-size:18px;font-weight:600}.user-profile-meta{display:flex;align-items:center;gap:11px}.user-profile-meta span{display:inline-flex;width:89px;height:23px;align-items:center;justify-content:center;border-radius:4px;background:#dcfce7;color:#008f5d;font-size:12px;font-weight:500}.user-profile-meta i{width:1px;height:19px;background:#bdbdbd}.user-profile-meta p{margin:0;color:#737373;font-size:12px}.user-profile-card-grid{display:grid;grid-template-columns:409px 580px;gap:12px;margin:27px 40px 0}.user-profile-card{overflow:hidden;height:366px;border:1px solid #e0e0e0;border-radius:8px;background:#fff}.user-card-head{display:flex;height:66px;align-items:center;justify-content:space-between;padding:0 38px 0 35px;border-bottom:1px solid #e0e0e0}.user-card-head h3{margin:0;color:#191919;font-size:16px;font-weight:500}.user-card-head button{display:grid;width:24px;height:24px;place-items:center;border:0;background:transparent;color:#5f5f5f}.personal-info-list{display:grid;grid-template-columns:130px 1fr;row-gap:25px;padding:33px 35px 0;color:#737373;font-size:14px}.personal-info-list strong{color:#414141;font-size:14px;font-weight:500}.personal-info-list strong.active{color:#009a63}.disable-user-btn,.assign-event-btn{display:flex;height:45px;align-items:center;justify-content:center;border:1px solid #bfbfbf;border-radius:5px;background:#fff;color:#ff1d25;font-size:12px;font-weight:500}.disable-user-btn{width:340px;margin:43px auto 0}.assignment-table-wrap{width:540px;margin:16px auto 0;overflow:hidden;border:1px solid #e6e6e6;border-radius:5px}.assignment-table{width:100%;border-collapse:collapse;table-layout:fixed}.assignment-table th{height:39px;padding:0;background:#f7f7f7;color:#737373;font-size:12px;font-weight:500;text-align:left}.assignment-table td{height:49px;padding:0;border-top:1px solid #e6e6e6;color:#191919;font-size:12px;font-weight:400}.assignment-table th:nth-child(1),.assignment-table td:nth-child(1){width:48px;padding-left:14px}.assignment-table th:nth-child(2),.assignment-table td:nth-child(2){width:145px}.assignment-table th:nth-child(3),.assignment-table td:nth-child(3){width:118px}.assignment-table th:nth-child(4),.assignment-table td:nth-child(4){width:118px}.assignment-table th:nth-child(5),.assignment-table td:nth-child(5){width:80px;text-align:center}.assignment-role{display:inline-flex;min-width:89px;height:23px;align-items:center;justify-content:center;border-radius:5px;font-size:12px;font-weight:500}.assignment-role.green{background:#dcfce7;color:#008f5d}.assignment-role.blue{background:#d8eaff;color:#006df0}.assignment-delete{display:inline-grid;width:24px;height:24px;place-items:center;border:0;background:transparent;color:#ff1d25}.assign-event-btn{width:540px;gap:10px;margin:16px auto 0;color:#2a4955}.logistics-create-user-page{width:1078px}.create-user-breadcrumb{margin-top:6px}.create-user-header{margin-top:18px}.create-user-layout{display:grid;grid-template-columns:558px 506px;gap:13px;margin-top:24px}.create-user-card{overflow:hidden;border:1px solid #e0e0e0;border-radius:8px;background:#fff}.create-user-card.basic-card{height:623px}.create-user-card.logistics-card{height:271px}.create-user-card.assign-card{height:270px;margin-top:12px}.create-user-card-head{height:66px;border-bottom:1px solid #e0e0e0}.create-user-card-head h2{margin:0;padding:24px 0 0 40px;color:#191919;font-size:16px;font-weight:500}.create-user-card-body,.create-user-card-body.compact{padding:27px 31px 0}.create-user-field{display:block}.create-user-field span{display:block;margin-bottom:10px;color:#191919;font-size:12px;font-weight:500}.create-user-field div{display:flex;width:240px;height:44px;align-items:center;justify-content:space-between;padding:0 15px;border:1px solid #dadada;border-radius:8px;background:#fff;color:#b0b0b0;font-size:12px;font-weight:400}.create-user-field.wide div{width:496px}.create-user-field div.active{border-color:#497cff}.create-user-two-col{display:grid;grid-template-columns:240px 240px;gap:16px}.create-user-field+.create-user-field,.create-user-two-col+.create-user-field{margin-top:12px}.create-user-card-body>h3{margin:52px 0 25px;color:#191919;font-size:16px;font-weight:500}.create-user-two-col.account-row{margin-bottom:18px}.create-user-side .create-user-two-col{grid-template-columns:206px 206px;gap:16px}.create-user-side .create-user-field div{width:206px;height:41px}.create-user-side .create-user-field.wide div{width:442px}.assign-select div{justify-content:flex-start;gap:12px}.assign-select em{display:inline-flex;height:29px;align-items:center;gap:8px;padding:0 9px;border:1px solid #dedede;border-radius:5px;background:#f2f2f2;color:#5a5a5a;font-size:12px;font-style:normal}.assign-select svg:last-child{margin-left:auto;color:#8a8a8a}.create-user-submit{width:506px;height:48px;margin-top:20px;border:0;border-radius:6px;background:#2a4955;color:#fff;font-size:14px;font-weight:500}.logistics-users-page{width:1102px}.logistics-users-header{display:flex;width:1057px;align-items:flex-start;justify-content:space-between}.logistics-users-header h1{margin:0;color:#191919;font-size:20px;font-weight:600}.logistics-users-header p{margin:9px 0 0;color:#737373;font-size:14px}.logistics-users-header button{display:inline-flex;width:136px;height:36px;align-items:center;justify-content:center;gap:10px;border:0;border-radius:5px;background:#2a4955;color:#fff;font-size:12px;font-weight:500}.users-tabs{display:flex;width:1102px;height:67px;align-items:flex-end;gap:0;margin:27px 0 0 -33px;padding-left:41px;border:1px solid #e6e6e6;border-bottom:0;background:#fff}.users-tabs button{position:relative;width:200px;height:67px;border:0;background:transparent;color:#2a4955;font-size:14px;font-weight:500}.users-tabs button.active:after{position:absolute;left:0;bottom:0;width:196px;height:2px;background:#2a4955;content:""}.users-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:1096px;margin:32px 0 0 -13px}.users-kpi{display:flex;height:128px;align-items:center;gap:16px;padding:0 24px;border:1px solid #e0e0e0;border-radius:8px;background:#fff}.users-kpi-icon{display:grid;width:64px;height:64px;flex:0 0 auto;place-items:center;border-radius:50%}.users-kpi-icon.blue{background:#dce8ff;color:#006df0}.users-kpi-icon.green{background:#dcfce7;color:#008f5d}.users-kpi-icon.purple{background:#ebe3ff;color:#7050d8}.users-kpi h3{margin:0 0 8px;color:#191919;font-size:16px;font-weight:500}.users-kpi strong{color:#151a29;font-size:22px;font-weight:700}.users-kpi p{margin:8px 0 0;color:#737373;font-size:14px}.users-table-panel{position:relative;width:1096px;min-height:586px;margin:16px 0 0 -13px;padding-bottom:8px;overflow:visible;border:1px solid #e0e0e0;border-radius:8px;background:#fff}.users-table-head{position:relative;height:66px;border-bottom:1px solid #e0e0e0}.users-table-head h2{position:absolute;left:38px;top:24px;margin:0;color:#191919;font-size:16px;font-weight:500}.users-table-actions{position:absolute;right:29px;top:16px;display:flex;align-items:center;gap:10px}.users-search{display:flex;width:186px;height:34px;align-items:center;gap:9px;padding:0 13px;border:1px solid #dadada;border-radius:8px;color:#737373;font-size:11px}.users-filter-icon{display:grid;width:21px;height:34px;place-items:center;border:0;background:transparent}.users-filter{display:inline-flex;width:82px;height:34px;align-items:center;justify-content:center;gap:18px;border:1px solid #dadada;border-radius:8px;background:#fff;color:#191919;font-size:12px}.users-filter.wide{width:104px;gap:12px}.users-table-wrap{width:1029px;margin:34px 0 0 33px;overflow:visible;border:1px solid #e6e6e6;border-radius:6px}.users-table{width:100%;border-collapse:collapse;table-layout:fixed}.users-table th{height:40px;padding:0;background:#f7f7f7;color:#737373;font-size:12px;font-weight:500;text-align:left}.users-table td{position:relative;height:54px;padding:0;border-top:1px solid #e6e6e6;color:#191919;font-size:12px}.users-table th:nth-child(1),.users-table td:nth-child(1){width:44px}.users-table th:nth-child(2),.users-table td:nth-child(2){width:170px;padding-left:14px}.users-table th:nth-child(3),.users-table td:nth-child(3){width:120px}.users-table th:nth-child(4),.users-table td:nth-child(4){width:150px}.users-table th:nth-child(5),.users-table td:nth-child(5){width:250px}.users-table th:nth-child(6),.users-table td:nth-child(6){width:135px}.users-table th:nth-child(7),.users-table td:nth-child(7){width:160px}.users-role{display:inline-flex;width:89px;height:23px;align-items:center;justify-content:center;border-radius:5px;font-size:12px;font-weight:500}.users-role.logistics{background:#dcfce7;color:#008f5d}.users-role.security{background:#d8eaff;color:#006df0}.users-actions{display:inline-flex;align-items:center;gap:13px}.users-actions button{display:grid;width:17px;height:22px;place-items:center;border:0;background:transparent;color:#414141}.users-row-menu{position:absolute;right:36px;top:37px;z-index:5;width:174px;height:96px;padding:15px 18px;border:1px solid #d0d0d0;border-radius:7px;background:#fff;box-shadow:0 12px 25px #0f172a21}.users-row-menu button{display:block;width:136px;height:31px;border:0;border-radius:4px;background:#d2d9e8;color:#2a4955;font-size:12px;font-weight:500;text-align:center}.users-row-menu button+button{margin-top:9px;background:transparent;color:#d80000}.users-pagination{position:absolute;right:33px;bottom:22px;display:inline-flex;align-items:center;gap:18px;color:#737373;font-size:12px}.users-pagination button{display:grid;width:26px;height:26px;place-items:center;border:0;background:transparent;color:#737373}.users-pagination button:first-of-type svg{transform:rotate(90deg)}.users-pagination button:last-of-type svg{transform:rotate(-90deg)}.user-type-modal-layer{position:absolute;left:-290px;top:-70px;z-index:50;width:1440px;height:1024px}.user-type-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004f}.user-type-modal{position:absolute;left:453px;top:248px;width:502px;height:462px;overflow:hidden;border-radius:8px;background:#fff}.user-type-modal header{position:relative;height:64px;border-bottom:1px solid #e6e6e6}.user-type-modal header h2{position:absolute;left:28px;top:28px;margin:0;color:#191919;font-size:14px;font-weight:500}.user-type-modal header button{position:absolute;right:29px;top:25px;display:grid;width:22px;height:22px;place-items:center;border:0;background:transparent;color:#000}.user-type-modal-body{padding:24px 42px 0;text-align:center}.user-type-modal-body h3{margin:0;color:#191919;font-size:16px;font-weight:500}.user-type-modal-body p{margin:14px 0 32px;color:#737373;font-size:14px}.user-type-options{display:grid;grid-template-columns:203px 203px;gap:12px}.user-type-options button{height:201px;padding:22px 8px;border:1px solid #dadada;border-radius:7px;background:#fff;color:#191919}.user-type-options button.selected{border-color:#2a6b7b}.user-type-options span{display:grid;width:78px;height:78px;place-items:center;margin:0 auto 10px;border-radius:50%;background:#eaf0ff;color:#006df0}.user-type-options button:nth-child(2) span{background:#dcfce7;color:#008f5d}.user-type-options strong{display:block;margin-bottom:12px;color:#191919;font-size:14px;font-weight:500}.user-type-options em{color:#737373;font-size:12px;font-style:normal;line-height:1.35}.user-type-continue{width:417px;height:40px;margin-top:20px;border:0;border-radius:5px;background:#2a4955;color:#fff;font-size:12px;font-weight:500}.assign-user-modal-layer{position:absolute;left:-290px;top:-70px;z-index:50;width:1440px;height:1024px}.assign-user-modal{position:absolute;left:453px;top:248px;width:535px;height:515px;overflow:visible;border-radius:8px;background:#fff}.assign-user-modal header{position:relative;height:64px;border-bottom:1px solid #e6e6e6}.assign-user-modal header h2{position:absolute;left:28px;top:28px;margin:0;color:#191919;font-size:14px;font-weight:500}.assign-user-modal header button{position:absolute;right:28px;top:25px;display:grid;width:22px;height:22px;place-items:center;border:0;background:transparent;color:#000}.assign-user-body{padding:28px 21px 0}.assign-user-fields{display:grid;grid-template-columns:238px 238px;gap:12px}.assign-user-field{position:relative;display:block}.assign-user-field>span{display:block;margin-bottom:10px;color:#2a4955;font-size:12px;font-weight:500}.assign-user-field>div:first-of-type{display:flex;height:42px;align-items:center;justify-content:space-between;padding:0 16px 0 18px;border:1px solid #dadada;border-radius:8px;background:#fff;color:#737373;font-size:12px}.assign-event-dropdown{position:absolute;left:-119px;top:64px;z-index:8;width:237px;height:146px;padding:14px 13px;border:1px solid #e6e6e6;border-radius:6px;background:#fff;box-shadow:0 12px 28px #0f172a21}.assign-event-dropdown button{display:flex;width:100%;height:28px;align-items:center;gap:10px;border:0;background:transparent;color:#191919;font-size:12px;text-align:left;white-space:nowrap}.assign-event-dropdown .logistics-check.checked{border-color:#2a4955;background:#2a4955}.assign-add-list{width:493px;height:40px;margin-top:15px;border:0;border-radius:6px;background:#d1d1d1;color:#fff;font-size:12px;font-weight:500}.assign-user-body h3{margin:33px 0 13px;color:#191919;font-size:14px;font-weight:500}.assign-events-table-wrap{width:493px;overflow:hidden;border:1px solid #e6e6e6;border-radius:6px}.assign-events-table{width:100%;border-collapse:collapse;table-layout:fixed}.assign-events-table th{height:40px;padding:0;background:#f7f7f7;color:#737373;font-size:12px;font-weight:500;text-align:left}.assign-events-table td{height:49px;padding:0;border-top:1px solid #e6e6e6;color:#191919;font-size:12px}.assign-events-table th:nth-child(1),.assign-events-table td:nth-child(1){width:48px;padding-left:14px}.assign-events-table th:nth-child(2),.assign-events-table td:nth-child(2){width:144px}.assign-events-table th:nth-child(3),.assign-events-table td:nth-child(3){width:120px}.assign-events-table th:nth-child(4),.assign-events-table td:nth-child(4){width:118px}.assign-events-table th:nth-child(5),.assign-events-table td:nth-child(5){width:63px;text-align:center}.assign-delete{display:inline-grid;width:24px;height:24px;place-items:center;border:0;background:transparent;color:#ff1d25}.assign-user-actions{display:grid;grid-template-columns:146px 339px;gap:8px;margin-top:19px}.assign-user-actions button{height:40px;border-radius:6px;font-size:12px;font-weight:500}.assign-user-actions .cancel{border:1px solid #dadada;background:#fff;color:#191919}.assign-user-actions .save{border:0;background:#2a4955;color:#fff}.logistics-event-create-page{width:1094px}.event-create-breadcrumb{display:flex;align-items:center;gap:8px;margin-top:6px;color:#737373;font-size:12px}.event-create-breadcrumb strong{color:#191919;font-weight:500}.event-create-header{display:flex;align-items:flex-start;justify-content:space-between;margin-top:19px}.event-create-header h1{margin:0;color:#191919;font-size:20px;font-weight:600}.event-create-header p{margin:9px 0 0;color:#737373;font-size:14px}.event-create-header button{width:150px;height:36px;margin-top:-4px;border:0;border-radius:6px;background:#d80025;color:#fff;font-size:12px;font-weight:500}.event-create-layout{display:grid;grid-template-columns:598px 480px;gap:17px;margin-top:22px}.event-create-card{overflow:hidden;border:1px solid #e0e0e0;border-radius:8px;background:#fff}.event-create-card.details-card{height:718px}.event-create-card.zone-card{min-height:558px}.event-create-card-head{height:67px;border-bottom:1px solid #e0e0e0}.event-create-card-head h2{margin:0;padding:24px 0 0 41px;color:#191919;font-size:18px;font-weight:500}.event-create-card-body{padding:27px 50px 0}.event-create-field{display:block}.event-create-field span,.event-upload-field>span,.event-status-select>span,.delivery-zones>span{display:block;margin-bottom:11px;color:#191919;font-size:12px;font-weight:500}.event-create-field div{display:flex;width:496px;height:44px;align-items:center;justify-content:space-between;padding:0 15px;border:1px solid #dadada;border-radius:8px;background:#fff;color:#b0b0b0;font-size:12px}.event-create-field div.active{border-color:#497cff}.event-create-field+.event-create-field,.event-create-field+.event-date-grid{margin-top:16px}.event-create-field.textarea+.event-date-grid{margin-top:18px}.event-create-field.textarea div{height:127px;align-items:flex-start;justify-content:flex-start;padding-top:18px}.event-date-grid{display:grid;grid-template-columns:233px 242px;gap:21px}.event-date-grid .event-create-field div{width:100%}.event-upload-field{display:block;margin-top:16px}.event-upload-field div{display:flex;width:496px;height:127px;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #bfbfbf;border-radius:8px;color:#191919;font-size:12px}.event-upload-field strong{margin-top:12px;font-size:12px;font-weight:500}.event-upload-field em{margin-top:10px;color:#737373;font-size:12px;font-style:normal}.event-status-select{margin-top:17px}.event-status-select div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.event-status-select button{height:45px;border:1px solid #dadada;border-radius:8px;background:#fff;color:#555;font-size:12px}.event-status-select button.selected{border-color:#2a4955;color:#2a4955}.zone-body{padding:27px 40px 0}.zone-body .event-create-field div{width:402px}.zone-body .event-create-field+.event-create-field{margin-top:24px}.delivery-zones{margin-top:24px}.add-zone-row{display:flex;gap:8px;margin-top:14px}.add-zone-row input{flex:1;min-width:0;height:40px;padding:0 14px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#344054;font-size:12px;outline:0}.add-zone-row button{height:40px;padding:0 16px;border:1px solid #054a56;border-radius:9px;background:#fff;color:#054a56;font-size:12px;font-weight:600;cursor:pointer}.add-zone-row button:hover{background:#054a56;color:#fff}.delivery-zones label{display:flex;width:402px;height:44px;align-items:center;gap:10px;margin-bottom:12px;padding:0 14px;border:1px solid #dadada;border-radius:8px;color:#191919;font-size:12px}.event-create-submit{width:598px;height:48px;margin-top:24px;border:0;border-radius:6px;background:#2a4955;color:#fff;font-size:14px;font-weight:500}.logistics-tracking-page{width:1102px}.tracking-header{display:flex;width:1102px;align-items:flex-start;justify-content:space-between}.tracking-header h1{margin:8px 0 0;color:#191919;font-size:20px;font-weight:600}.tracking-header p{margin:9px 0 0;color:#737373;font-size:14px}.tracking-header>button{position:relative;display:grid;width:237px;height:58px;grid-template-columns:18px 1fr 18px;grid-template-rows:18px 20px;align-items:center;column-gap:9px;margin-right:-2px;padding:11px 17px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;color:#737373;text-align:left}.tracking-header>button span{color:#737373;font-size:12px}.tracking-header>button strong{grid-column:2;color:#191919;font-size:12px;font-weight:600}.tracking-header>button svg:last-child{grid-column:3;grid-row:1 / span 2;color:#191919}.date-filter{position:relative}.date-filter-btn{position:relative;display:grid;grid-template-columns:18px 1fr 18px;grid-template-rows:18px 20px;column-gap:9px;width:237px;height:58px;padding:11px 17px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;color:#737373;text-align:left;cursor:pointer}.date-filter-btn>svg:first-child{grid-column:1;grid-row:1 / span 2;align-self:center;color:#191919}.date-filter-btn span{grid-column:2;grid-row:1;font-size:12px;color:#737373}.date-filter-btn strong{grid-column:2;grid-row:2;font-size:12px;font-weight:600;color:#191919}.date-filter-btn>svg:last-child{grid-column:3;grid-row:1 / span 2;align-self:center;color:#191919}.date-filter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;padding:0;border:0;background:transparent;cursor:default}.date-filter-pop{position:absolute;top:64px;right:0;z-index:70;display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid #ebebeb;border-radius:12px;background:#fff;box-shadow:0 12px 32px #10182824}.date-filter-input{height:38px;padding:0 12px;border:1px solid #d0d5dd;border-radius:9px;font-size:13px;color:#191919;outline:0}.date-filter-today{height:34px;border:1px solid #054a56;border-radius:9px;background:#fff;color:#054a56;font-size:12px;font-weight:600;cursor:pointer}.date-filter-today:disabled{border-color:#dadada;color:#b0b7bd;cursor:default}.tracking-vendor-panel,.tracking-stats-panel{width:1102px;margin-left:-9px;overflow:hidden;border:1px solid #e6e6e6;border-radius:9px;background:#fff}.tracking-vendor-panel{position:relative;min-height:591px;margin-top:22px;padding-bottom:8px}.tracking-panel-head{position:relative;height:66px;border-bottom:1px solid #e6e6e6}.tracking-panel-head h2,.tracking-stats-head h2{margin:0;color:#191919;font-size:16px;font-weight:500}.tracking-panel-head h2{position:absolute;left:41px;top:24px}.tracking-actions{position:absolute;right:43px;top:16px;display:flex;align-items:center;gap:10px}.tracking-search{display:flex;width:209px;height:34px;align-items:center;gap:10px;padding:0 16px;border:1px solid #dadada;border-radius:8px;color:#737373;font-size:11px}.tracking-filter-icon{display:grid;width:18px;height:34px;place-items:center;border:0;background:transparent}.tracking-filter{display:inline-flex;width:82px;height:34px;align-items:center;justify-content:center;gap:18px;border:1px solid #dadada;border-radius:8px;background:#fff;color:#191919;font-size:12px}.tracking-table-wrap{width:1029px;margin:24px 0 0 30px;overflow:hidden;border:1px solid #e6e6e6;border-radius:6px}.tracking-table{width:100%;border-collapse:collapse;table-layout:fixed}.tracking-table th{height:40px;padding:0;background:#f7f7f7;color:#737373;font-size:12px;font-weight:500;text-align:left}.tracking-table td{height:54px;padding:0;border-top:1px solid #e6e6e6;color:#191919;font-size:12px}.tracking-table th:nth-child(1),.tracking-table td:nth-child(1){width:150px;padding-left:24px}.tracking-table th:nth-child(2),.tracking-table td:nth-child(2){width:166px}.tracking-table th:nth-child(3),.tracking-table td:nth-child(3){width:123px}.tracking-table th:nth-child(4),.tracking-table td:nth-child(4){width:184px}.tracking-table th:nth-child(5),.tracking-table td:nth-child(5){width:128px}.tracking-table th:nth-child(6),.tracking-table td:nth-child(6){width:155px}.tracking-table th:nth-child(7),.tracking-table td:nth-child(7){width:123px;text-align:center}.tracking-time{display:inline-flex;align-items:center;gap:8px}.tracking-time svg{color:#a3a3a3}.tracking-delay{font-weight:600}.tracking-delay.orange{color:#ff6a00}.tracking-delay.green{color:#0b8f61}.tracking-delay.red{color:#ff1d25}.tracking-status{display:inline-flex;min-width:84px;height:27px;align-items:center;justify-content:center;border-radius:999px;font-size:12px;font-weight:500}.tracking-status.delayed{background:#fff0e5;color:#ff6a00}.tracking-status.arrived{background:#dcfce7;color:#19754e}.tracking-status.noshow{background:#f9dddd;color:#d11919}.tracking-eye{display:inline-grid;width:24px;height:24px;place-items:center;border:0;background:transparent;color:#414141}.tracking-pagination{position:absolute;right:34px;bottom:26px;display:inline-flex;align-items:center;gap:18px;color:#737373;font-size:12px}.tracking-pagination button{display:grid;width:26px;height:26px;place-items:center;border:0;background:transparent;color:#737373}.tracking-pagination button:first-of-type svg{transform:rotate(90deg)}.tracking-pagination button:last-of-type svg{transform:rotate(-90deg)}.tracking-stats-panel{height:519px;margin-top:25px}.tracking-stats-head{height:67px;padding:24px 0 0 41px;border-bottom:1px solid #e6e6e6}.tracking-chart-grid{display:grid;grid-template-columns:598px 400px;gap:16px;margin:37px 43px 0}.tracking-chart-card{position:relative;height:375px;overflow:hidden;border:1px solid #e0e0e0;border-radius:17px;background:#fff}.tracking-view-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px;border:0;background:transparent;color:#667085;cursor:pointer}.tracking-view-btn:hover{color:#191919}.dashboard-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 40px 0}.dashboard-kpi{display:flex;height:109px;align-items:center;gap:16px;padding:0 10px;border:1px solid #e0e0e0;border-radius:8px;background:#fff}.kpi-icon{display:grid;width:64px;height:64px;flex:0 0 auto;place-items:center;border-radius:50%}.kpi-icon.blue{background:#e8efff;color:#2f6df5}.kpi-icon.purple{background:#eee8ff;color:#7755d7}.kpi-icon.orange{background:#ffe4bf;color:#f48120}.kpi-icon.green{background:#dcfbd5;color:#16bd38}.dashboard-kpi span{display:block;color:#191919;font-size:14px;font-weight:500}.dashboard-kpi strong{display:block;margin-top:8px;color:#111827;font-size:22px}.dashboard-kpi small{display:block;margin-top:8px;color:#05aa46;font-size:12px}.dashboard-kpi small.down{color:#ff1d25}.dashboard-kpi small em{color:#737373;font-style:normal}.dashboard-chart-grid{display:grid;grid-template-columns:400px 241px 357px;gap:24px 16px;margin:24px 40px 0}.dashboard-card{position:relative;overflow:hidden;border:1px solid #e0e0e0;border-radius:17px;background:#fff}.daily-chart{grid-column:1 / span 2;height:416px}.arrival-card{grid-column:3;height:416px}.breakdown-card{height:377px}.bar-card{grid-column:2 / span 2;height:377px}.dashboard-card-title{position:relative;height:46px;margin:18px 14px 0;border-top:1px solid #cfcfcf}.dashboard-card-title:before{position:absolute;left:0;top:-1px;width:25px;height:3px;background:#00c6e8;content:""}.dashboard-card-title strong{position:absolute;left:8px;top:-12px;padding:0 8px 0 0;background:#fff;color:#191919;font-size:12px}.dashboard-card-title span{position:absolute;right:0;top:-11px;color:#8c8c8c;font-size:8px}.dashboard-event-panel .dashboard-head-actions{right:34px}.dashboard-event-panel .dashboard-search{width:188px}.dashboard-event-table-wrap{width:1029px;margin:28px 0 0 36px;overflow:hidden;border:1px solid #e6e6e6;border-radius:6px}.dashboard-event-table{width:100%;border-collapse:collapse;table-layout:fixed}.dashboard-event-table th{height:40px;padding:0;background:#f7f7f7;color:#737373;font-size:12px;font-weight:500;text-align:left}.dashboard-event-table td{height:54px;padding:0;border-top:1px solid #e6e6e6;color:#191919;font-size:12px}.dashboard-event-table th:nth-child(1),.dashboard-event-table td:nth-child(1){width:70px;padding-left:13px}.dashboard-event-table th:nth-child(2),.dashboard-event-table td:nth-child(2){width:148px}.dashboard-event-table th:nth-child(3),.dashboard-event-table td:nth-child(3){width:140px}.dashboard-event-table th:nth-child(4),.dashboard-event-table td:nth-child(4){width:130px}.dashboard-event-table th:nth-child(5),.dashboard-event-table td:nth-child(5){width:185px}.dashboard-event-table th:nth-child(6),.dashboard-event-table td:nth-child(6){width:170px}.dashboard-event-table th:nth-child(7),.dashboard-event-table td:nth-child(7){width:186px}.event-status{display:inline-flex;width:96px;height:27px;align-items:center;justify-content:center;border-radius:999px;font-size:12px;font-weight:500}.event-status.active{background:#dcfce7;color:#19754e}.event-status.passive{background:#e8e8e8;color:#606060}.event-actions{display:inline-flex;align-items:center;gap:14px}.event-actions button{display:grid;width:18px;height:22px;place-items:center;padding:0;border:0;background:transparent;color:#6b7280}.event-actions button:last-child{color:#ff1d25}.panel-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-trends{display:flex;flex-direction:column;gap:16px;margin-bottom:22px}.dashboard-trends-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.dashboard-trends-head h2{font-size:17px;font-weight:600;color:#101828}.range-selector{display:inline-flex;padding:3px;border:1px solid #e5e7eb;border-radius:10px;background:#f8f9fb;gap:2px}.range-selector button{padding:7px 14px;border:none;border-radius:8px;background:transparent;color:#667085;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease}.range-selector button:hover{color:#1e2a4a}.range-selector button.active{background:#fff;color:#1e2a4a;box-shadow:0 1px 2px #10182814}.trend-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.trend-card{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid #eceef2;border-radius:12px;background:#fff}.trend-card-label{color:#667085;font-size:13px}.trend-card-value{color:#101828;font-size:26px;font-weight:700;line-height:1.1}.trend-delta{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600}.trend-delta.up{color:#16834a}.trend-delta.down{color:#b42318}.trend-delta.flat,.trend-delta.not_available{color:#98a2b3;font-weight:500}.trend-card-period{color:#98a2b3;font-size:12px}.trend-chart-card{padding:18px 20px 8px;border:1px solid #eceef2;border-radius:12px;background:#fff}@media(max-width:1120px){.trend-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.panel-edit-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#364153;font-size:13px;font-weight:500;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.panel-edit-btn:hover{border-color:#c7d2fe;background:#f5f7ff;color:#1e2a4a}.panel-edit-form{margin-top:20px}.create-user-hint{margin-top:8px;color:#98a2b3;font-size:12px;line-height:1.4}.select-col{width:44px;text-align:center}.row-select{width:16px;height:16px;accent-color:#1e2a4a;cursor:pointer;vertical-align:middle}tbody tr.row-selected{background:#f5f7ff}.bulk-bar{display:flex;align-items:center;gap:16px;margin:0 0 12px;padding:10px 16px;border:1px solid #c7d2fe;border-radius:10px;background:#f5f7ff}.bulk-bar-count{font-size:13px;font-weight:600;color:#1e2a4a}.bulk-bar-actions{display:flex;gap:8px}.bulk-action-btn{height:34px;padding:0 14px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#364153;font-size:13px;font-weight:500;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.bulk-action-btn:hover{border-color:#98a2b3;background:#fafbfc}.bulk-action-btn.danger{border-color:#f4b9b2;color:#b42318}.bulk-action-btn.danger:hover{background:#fef3f2}.bulk-bar-clear{display:inline-flex;align-items:center;gap:5px;margin-left:auto;border:none;background:transparent;color:#667085;font-size:13px;font-weight:500;cursor:pointer}.bulk-bar-clear:hover{color:#1e2a4a}.action-list{display:grid;gap:12px;margin-top:20px}.action-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:16px;border:1px solid #e5e7eb;border-radius:9px;background:#fff;color:#364153;font-size:13px;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.action-list button:hover{border-color:#c7d2fe;background:#f5f7ff;color:#1e2a4a}.action-list button svg{flex-shrink:0;color:#9aa4b2}.action-list button:hover svg{color:#4f46e5}.table-toolbar{display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 24px;border-bottom:1px solid #e6e6e6}.table-toolbar h2,.section-title h2{margin:0;color:#101828;font-size:15px;font-weight:600}.table-toolbar span{display:block;margin-top:5px;color:#6a7282;font-size:12px}.toolbar-actions,.row-actions{display:flex;align-items:center;gap:8px}table{width:100%;border-collapse:collapse}th{height:48px;padding:0 20px;border-bottom:1px solid #e6e6e6;background:#fbfbfc;color:#6a7282;font-size:12px;font-weight:500;text-align:left}td{height:72px;padding:0 20px;border-bottom:1px solid #f0f0f0;color:#4a5565;font-size:13px}tbody tr:last-child td{border-bottom:0}.strong{color:#101828;font-weight:600}.identity{display:flex;align-items:center;gap:10px;color:#101828;font-weight:500}.status{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:500}.status.green{background:#e8f8ef;color:#16834a}.status.amber{background:#fff4df;color:#a35c00}.status.blue{background:#eaf2ff;color:#2456b3}.status.gray{background:#f2f4f7;color:#667085}.status.red{background:#fff1f0;color:#b42318}.status.teal{background:#054a560d;color:#054a56}.text-icon{display:inline-grid;width:30px;height:30px;place-items:center;border:0;border-radius:8px;background:transparent;color:#4a5565}.text-icon:hover{background:#f3f4f6}.text-icon.danger{color:#ed0303}.vehicle-management-panel{position:relative;min-height:781px;padding-bottom:8px;overflow:visible}.figma-table-header{position:relative;height:68px;border-bottom:1px solid #e6e6e6}.figma-table-header h2{position:absolute;left:41px;top:24px;margin:0;color:#191919;font-size:16px;font-weight:500;line-height:19px}.figma-table-actions{position:absolute;left:603px;top:17px;display:flex;align-items:center;gap:12px}.small-search,.filter-select,.export-data{display:flex;align-items:center;height:34px;border:1px solid #dadada;border-radius:9px;background:#fff;color:#191919;font-size:11px;font-weight:500}.small-search{width:189px;gap:8px;padding-left:17px;color:#7e7e7e}.filter-select{width:112px;justify-content:center;gap:6px}.export-data{width:114px;justify-content:center;gap:8px}.booking-table-header .figma-table-actions{left:615px}.figma-table th{height:52px;background:#fff;font-size:11px;color:#6b6b6b}.figma-table td{height:52px;font-size:12px;color:#303030}.figma-table th:first-child,.figma-table td:first-child{width:56px;padding-left:16px}.driver-figma-table{table-layout:fixed}.driver-figma-table th,.driver-figma-table td{height:54px;padding:0}.driver-figma-table th:nth-child(1),.driver-figma-table td:nth-child(1){width:56px;padding-left:16px}.driver-figma-table th:nth-child(2),.driver-figma-table td:nth-child(2){width:118px;padding-left:8px}.driver-figma-table th:nth-child(3),.driver-figma-table td:nth-child(3){width:144px;padding-left:8px}.driver-figma-table th:nth-child(4),.driver-figma-table td:nth-child(4){width:206px;padding-left:8px}.driver-figma-table th:nth-child(5),.driver-figma-table td:nth-child(5){width:203px;padding-left:8px}.driver-figma-table th:nth-child(6),.driver-figma-table td:nth-child(6){width:141px;padding-left:8px}.driver-figma-table th:nth-child(7),.driver-figma-table td:nth-child(7){width:178px;padding-left:8px}.driver-first{color:#191919;font-weight:500}.license-pill{display:inline-flex;height:26px;min-width:102px;align-items:center;justify-content:center;border-radius:6px;background:#f3f4f6;color:#303030}.document-icons{display:inline-flex;align-items:center;gap:6px;color:#b055f7}.danger-icon{color:#ed0303}.driver-actions{display:inline-flex;align-items:center;gap:8px}.fake-checkbox{display:inline-block;position:relative;width:16px;height:16px;border:1px solid #d1d1d1;border-radius:4px;background:#fff}.fake-checkbox.checked{border-color:#2a4955;background:#2a4955}.fake-checkbox.checked:after{position:absolute;left:4px;top:1px;color:#fff;content:"✓";font-size:12px;font-weight:700}.booking-figma-table-wrap{width:1029px;margin:27px 0 0 36px;overflow:hidden;border:1px solid #e6e6e6;border-radius:6px}.booking-figma-table{table-layout:fixed}.booking-figma-table th{height:40px;background:#f7f7f7}.booking-figma-table td{height:54px}.booking-figma-table th,.booking-figma-table td{padding:0}.booking-figma-table th:nth-child(1),.booking-figma-table td:nth-child(1){width:58px;padding-left:14px}.booking-figma-table th:nth-child(2),.booking-figma-table td:nth-child(2){width:149px;padding-left:6px}.booking-figma-table th:nth-child(3),.booking-figma-table td:nth-child(3){width:133px;padding-left:18px}.booking-figma-table th:nth-child(4),.booking-figma-table td:nth-child(4){width:177px;padding-left:18px}.booking-figma-table th:nth-child(5),.booking-figma-table td:nth-child(5){width:174px;padding-left:18px}.booking-figma-table th:nth-child(6),.booking-figma-table td:nth-child(6){width:168px;padding-left:18px}.booking-figma-table th:nth-child(7),.booking-figma-table td:nth-child(7){width:169px;padding-left:18px}.booking-slot-time{display:flex;align-items:center;gap:7px;color:#191919;font-weight:500}.booking-slot-time svg{color:#9b9b9b}.delivery-pill,.booking-status-pill{display:inline-flex;width:102px;height:26px;align-items:center;justify-content:center;border-radius:999px;font-size:12px;font-weight:500}.delivery-pill{background:#dce8ff;color:#2e73ff}.booking-status-pill.confirmed,.booking-status-pill.completed{background:#d9f7e2;color:#19754e}.booking-status-pill.pending{background:#fff7bb;color:#9c5700}.booking-status-pill.cancelled,.booking-status-pill.rejected{background:#f9dddd;color:#d11919}.booking-row-actions{display:inline-flex;align-items:center;gap:8px}.booking-pagination{right:36px;bottom:208px}.booking-detail-scrim{position:absolute;left:-290px;top:-70px;z-index:20;width:1440px;height:1024px;background:#00000052}.booking-detail-drawer{position:absolute;left:883px;top:0;width:557px;height:1024px;background:#fff}.booking-drawer-titlebar{position:relative;height:70px;border-bottom:1px solid #e6e6e6}.booking-drawer-titlebar h2{position:absolute;left:31px;top:27px;margin:0;color:#191919;font-size:16px;font-weight:600}.booking-drawer-titlebar button{position:absolute;right:31px;top:25px;display:grid;width:18px;height:18px;place-items:center;border:0;background:transparent;color:#000}.booking-drawer-content{position:absolute;left:31px;top:102px;width:471px}.booking-drawer-content>.booking-status-pill{width:102px;margin-bottom:33px}.booking-detail-section{margin-top:0}.booking-detail-section+.booking-detail-section{margin-top:32px}.booking-detail-section h3{margin:0 0 17px;color:#191919;font-size:14px;font-weight:500}.booking-detail-value{margin-top:16px}.booking-detail-value:first-of-type{margin-top:0}.booking-detail-value span{display:block;color:#737373;font-size:12px;line-height:15px}.booking-detail-value strong{display:block;margin-top:8px;color:#191919;font-size:12px;font-weight:500;line-height:15px}.booking-notes-section h3{margin-bottom:16px}.booking-notes>span{display:block;color:#737373;font-size:12px;line-height:15px}.booking-notes>div{width:471px;height:135px;margin-top:8px;padding:20px 12px;border:1px solid #ebebeb;border-radius:9px;background:#fff;color:#535353;font-size:12px;font-weight:500}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:16px 36px;color:#6b6b6b;font-size:12px;font-weight:500}.pagination button{display:inline-grid;width:40px;height:40px;place-items:center;border:0;background:#fdfdfd;color:#a3a3a3;font-size:24px}.modal-scrim{position:absolute;left:-290px;top:-70px;z-index:20;width:1440px;height:1024px;background:#00000052}.vehicle-modal{position:absolute;left:426px;top:350px;width:588px;height:312px;overflow:hidden;border-radius:9px;background:#fff}.driver-modal{position:absolute;left:426px;top:175px;width:588px;height:675px;overflow:hidden;border-radius:9px;background:#fff}.modal-titlebar{position:relative;height:64px;border-bottom:1px solid #e6e6e6}.modal-titlebar h2{position:absolute;left:43px;top:23px;margin:0;color:#191919;font-size:14px;font-weight:500}.modal-titlebar button{position:absolute;right:43px;top:20px;display:grid;width:22px;height:22px;place-items:center;border:0;background:transparent;color:#000;font-size:24px;line-height:1}.modal-body{position:absolute;left:35px;top:88px;width:518px;height:194px}.modal-field-grid{display:grid;grid-template-columns:253px 253px;gap:12px;row-gap:12px}.compact-field{display:block;height:63px}.compact-field span{display:block;height:15px;color:#191919;font-size:12px;font-weight:500;letter-spacing:0}.compact-field div{display:flex;width:253px;height:40px;align-items:center;margin-top:8px;padding-left:16px;border:1px solid #e0e0e0;border-radius:9px;color:#ababab;font-size:11px}.modal-actions{display:grid;grid-template-columns:146px 364px;gap:8px;margin-top:16px}.modal-cancel,.modal-submit{height:40px;border-radius:7px;font-size:12px;font-weight:500}.modal-cancel{border:1px solid #d1d1d1;background:#fff;color:#191919}.modal-submit{border:0;background:#2a4955;color:#fff}.driver-modal-body{position:absolute;left:35px;top:96px;width:518px;height:546px}.driver-full-name,.driver-full-name div{width:518px}.driver-modal-grid{display:grid;grid-template-columns:253px 253px;gap:12px;margin-top:12px}.driver-upload-labels{display:grid;grid-template-columns:253px 253px;gap:12px;margin-top:12px;color:#191919;font-size:12px;font-weight:500}.driver-upload-grid{display:grid;grid-template-columns:253px 253px;gap:12px;margin-top:8px}.driver-upload-dropzone{display:flex;width:253px;height:84px;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #a9a9a9;border-radius:9px;background:#fff;color:#191919;cursor:pointer}.driver-upload-dropzone input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.driver-upload-dropzone strong{margin-top:10px;color:#191919;font-size:11px;font-weight:400}.driver-upload-dropzone span{margin-top:8px;color:#737373;font-size:11px}.driver-document-grid{display:grid;grid-template-columns:253px 253px;gap:12px;margin-top:12px}.driver-uploaded-document{display:flex;width:253px;height:50px;align-items:center;justify-content:space-between;padding:0 14px 0 18px;border:1px solid #e1e1e1;border-radius:8px;background:#fff;color:#b5b5b5}.driver-uploaded-meta{display:flex;align-items:center;gap:11px}.driver-uploaded-meta strong{display:block;color:#191919;font-size:12px;font-weight:500}.driver-uploaded-meta span{display:block;margin-top:4px;color:#737373;font-size:12px;font-weight:400}.driver-notes-field{display:block;margin-top:12px}.driver-notes-field>span{display:block;color:#191919;font-size:12px;font-weight:500}.driver-notes-field>div{width:518px;height:135px;margin-top:8px;padding:15px 16px;border:1px solid #e0e0e0;border-radius:9px;color:#ababab;font-size:11px}.driver-modal-actions{display:grid;grid-template-columns:146px 364px;gap:8px;margin-top:16px}.driver-detail-scrim{position:absolute;left:-290px;top:-70px;z-index:20;width:1440px;height:1024px;background:#00000052}.driver-detail-drawer{position:absolute;left:883px;top:0;width:557px;height:1024px;background:#fff}.drawer-titlebar{position:relative;height:70px;border-bottom:1px solid #e6e6e6}.drawer-titlebar h2{position:absolute;left:31px;top:24px;margin:0;color:#191919;font-size:16px;font-weight:600}.drawer-titlebar button{position:absolute;right:31px;top:20px;display:grid;width:22px;height:22px;place-items:center;border:0;background:transparent;color:#000;font-size:24px;line-height:1}.drawer-content{position:absolute;left:32px;top:103px;width:469px;height:591px}.drawer-section{position:relative}.drawer-section h3{margin:0;color:#191919;font-size:14px;font-weight:500;letter-spacing:0}.drawer-key-value{width:142px;margin-top:16px}.drawer-key-value+.drawer-key-value{margin-top:16px}.drawer-key-value span{display:block;color:#737373;font-size:12px;font-weight:400}.drawer-key-value strong{display:block;margin-top:8px;color:#191919;font-size:12px;font-weight:500}.license-detail-section{margin-top:32px}.detail-notes{margin-top:16px}.detail-notes>span{display:block;color:#737373;font-size:12px}.detail-notes>div{width:469px;height:135px;margin-top:8px;padding:20px 13px;border:1px solid #ebebeb;border-radius:9px;background:#fff;color:#535353;font-size:12px;font-weight:500}.documents-detail-section{margin-top:32px}.drawer-document-row{display:flex;align-items:center;justify-content:space-between;width:469px;height:56px;margin-top:16px;padding:11px 23px 11px 15px;border-radius:10px;background:#f7f7f7}.drawer-document-row+.drawer-document-row{margin-top:12px}.document-meta{display:flex;align-items:center;gap:10px}.document-meta strong{display:block;color:#191919;font-size:12px;font-weight:500}.document-meta span{display:block;margin-top:4px;color:#737373;font-size:12px;font-weight:400}.drawer-document-row button{border:0;background:transparent;color:#191919;font-size:11px}.doc-purple{color:#b055f7}.doc-red{color:#ed0303}.form-panel{padding:24px}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:#101828}.section-title:not(:first-child){margin-top:34px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field-wide{grid-column:1 / -1}.field>span{color:#364153;font-size:14px;font-weight:500}.input{display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 16px;border:1px solid #d1d5dc;border-radius:10px;background:#fff;color:#0a0a0a80;font-size:12px;font-weight:500}.textarea{align-items:flex-start;height:122px;padding-top:14px;font-weight:400}.upload-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.upload-card{display:flex;min-height:138px;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed #cfd6df;border-radius:10px;background:#fbfbfc;color:#364153}.upload-card strong{font-size:14px;font-weight:600}.upload-card span{color:#6a7282;font-size:12px}.form-actions,.booking-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:34px;padding-top:24px;border-top:1px solid #e5e7eb}.form-actions .primary-btn,.form-actions .secondary-btn{width:260px;height:51px}.detail-grid{display:grid;grid-template-columns:330px 748px;gap:24px}.detail-grid .panel{width:auto}.profile-card{min-height:520px;padding:32px 24px;text-align:center}.profile-card .avatar{margin:0 auto 18px}.profile-card h2{margin:0;color:#101828;font-size:20px}.profile-card p{margin:8px 0 18px;color:#6a7282;font-size:13px}.profile-stats{display:grid;gap:12px;margin-top:28px}.stat{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 16px;border:1px solid #e5e7eb;border-radius:10px}.stat strong{color:#101828;font-size:16px}.stat span{color:#6a7282;font-size:12px}.detail-card,.timeline-card{min-height:520px;padding:24px}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.info-grid div{min-height:78px;padding:16px;border:1px solid #e5e7eb;border-radius:10px}.info-grid span{display:block;color:#6a7282;font-size:12px}.info-grid strong{display:block;margin-top:10px;color:#101828;font-size:14px;font-weight:600}.info-grid strong .status{display:inline-flex;width:auto}.booking-detail{grid-template-columns:554px 524px}.timeline{display:grid;gap:18px;margin-top:12px}.timeline-item{display:grid;grid-template-columns:22px 1fr;gap:14px;min-height:64px}.timeline-dot{width:14px;height:14px;margin-top:3px;border:3px solid #d1d5dc;border-radius:50%;background:#fff}.timeline-item.done .timeline-dot{border-color:#054a56;background:#054a56}.timeline-item strong{display:block;color:#101828;font-size:14px}.timeline-item span{display:block;margin-top:6px;color:#6a7282;font-size:12px}.booking-form-layout{display:grid;grid-template-columns:609px 469px;gap:24px;align-items:start}.booking-form .panel,.slot-panel{width:auto}.booking-form .panel{padding:17px}.booking-form .panel+.panel{margin-top:16px}.booking-form .field{margin-bottom:18px}.toggle-card{display:flex;align-items:center;justify-content:space-between;min-height:78px;margin:18px 0;padding:16px 17px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.toggle-card strong{display:block;color:#364153;font-size:14px;font-weight:500}.toggle-card span{display:block;margin-top:4px;color:#6a7282;font-size:12px}.switch{position:relative;width:56px;height:28px;border-radius:999px;background:#d1d5dc}.switch span{position:absolute;left:2px;top:2px;width:24px;height:24px;border-radius:50%;background:#fff}.switch.on{background:#054a56}.switch.on span{left:30px}.slot-panel{padding:24px}.slot-card{display:flex;width:100%;min-height:74px;align-items:center;gap:14px;margin-bottom:12px;padding:14px 16px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#101828;text-align:left}.slot-card.selected,.selected-slot{border-color:#054a5633;background:#054a560d}.slot-card span,.selected-slot span{display:block;color:#4a5565;font-size:12px}.slot-card strong,.selected-slot strong{display:block;margin-top:5px;color:#101828;font-size:14px;font-weight:600}.selected-slot{display:flex;align-items:center;gap:14px;margin-top:24px;padding:16px;border:1px solid #054a5633;border-radius:10px;color:#054a56}.booking-actions{justify-content:stretch}.booking-actions .primary-btn,.booking-actions .secondary-btn{flex:1;height:51px}.vendor-booking-page{position:relative;width:1102px;min-height:1283px;margin-top:26px;margin-left:-9px}.slot-selected-alert{position:absolute;left:733px;top:-78px;display:flex;width:355px;height:52px;align-items:center;gap:9px;padding-left:14px;border:1px solid #b8f0cc;border-radius:7px;background:#e9fff2;color:#078f3e;font-size:14px;font-weight:500;box-shadow:0 12px 26px #065f461f}.vendor-booking-columns{display:grid;grid-template-columns:477px 608px;gap:17px;align-items:start}.booking-left-column{display:grid;gap:8px}.date-card-panel,.available-slots-panel,.vendor-booking-form-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff}.date-card-panel{height:170px;padding:20px 23px;overflow:hidden}.available-slots-panel{height:597px;padding:30px 23px 20px}.booking-section-title,.receiver-title{display:flex;align-items:center;gap:9px;color:#0d6476}.booking-section-title h2,.receiver-title h2{margin:0;color:#111827;font-size:16px;font-weight:600}.date-nav{display:flex;gap:14px;margin-left:auto;color:#000}.date-nav svg:first-child{transform:rotate(90deg)}.date-nav svg:last-child{transform:rotate(-90deg)}.date-strip{display:flex;gap:9px;margin-top:22px}.date-tile{display:flex;width:59px;height:69px;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;border:1px solid #e1e5eb;border-radius:9px;background:#fff;color:#344054}.date-tile span{color:#344054;font-size:12px;font-weight:400}.date-tile strong{margin-top:9px;font-size:18px;font-weight:600}.date-tile.active{border-color:#0d6476;background:#0d6476;color:#fff}.date-tile.active span{color:#fff}.slot-list{position:relative;height:511px;margin-top:22px;overflow:hidden}.figma-slot-card{display:block;width:413px;height:68px;margin-bottom:16px;padding:14px 17px;border:1px solid #dfe4ea;border-radius:9px;background:#fff;color:#111827;text-align:left}.figma-slot-card strong{display:block;font-size:16px;font-weight:500}.figma-slot-card .slot-count{display:block;margin-top:10px;font-size:13px;font-weight:500}.slot-count.green{color:#00a83d}.slot-count.red{color:#ff2f00}.slot-count.muted{color:#ff3b54}.figma-slot-card.disabled{background:#f8f9fb;color:#6b7280}.figma-slot-card.selected{border-color:#0d6476;background:#eef9fc}.slot-scrollbar{position:absolute;right:-1px;top:2px;width:8px;height:493px}.slot-scrollbar:before{position:absolute;left:4px;top:0;width:3px;height:493px;border-radius:999px;background:#ddd;content:""}.slot-scrollbar span{position:absolute;left:2px;bottom:0;width:7px;height:7px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #d1d1d1}.vendor-booking-form-panel{position:relative;min-height:1283px;padding:23px 28px 116px}.slot-empty-state{display:flex;width:554px;height:182px;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #aeb7c4;border-radius:8px;background:#f9fafb;color:#98a2b3}.slot-empty-state h3{margin:17px 0 0;color:#475467;font-size:14px;font-weight:500}.slot-empty-state p{margin:9px 0 0;color:#667085;font-size:12px}.booking-create-field,.booking-create-textarea,.booking-input-field{display:block}.booking-create-field{margin-top:24px}.booking-create-field>span,.booking-create-textarea>span{display:flex;align-items:center;gap:7px;color:#344054;font-size:16px;font-weight:500}.booking-create-field>div,.booking-input-field>div{display:flex;width:554px;height:49px;align-items:center;justify-content:space-between;margin-top:12px;padding:0 16px 0 20px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#8a8a8a;font-size:12px}.booking-create-field select,.booking-input-field input{width:100%;border:0;outline:0;background:transparent;color:#344054;font-size:12px}.cargo-dimension-row{display:flex;width:554px;align-items:center;gap:10px;margin-top:12px}.cargo-dimension-row input{flex:1;min-width:0;height:49px;padding:0 14px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#344054;font-size:12px;outline:0}.cargo-dimension-x{color:#98a2b3;font-size:16px}.cargo-two-col{display:grid;width:554px;grid-template-columns:1fr 1fr;gap:16px}.cargo-two-col .booking-input-field>div{width:100%}.booking-create-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.booking-create-field select:invalid,.booking-input-field input::placeholder{color:#8a8a8a}.milk-run-row{display:flex;width:554px;height:73px;align-items:center;justify-content:space-between;margin-top:16px;padding:0 17px;border:1px solid #e5e7eb;border-radius:9px;background:#fff;text-align:left}.milk-run-row strong{display:block;color:#344054;font-size:14px;font-weight:500}.milk-run-row span{display:block;margin-top:9px;color:#667085;font-size:12px}.milk-switch{position:relative;width:56px;height:28px;border-radius:999px;background:#e5e7eb}.milk-switch.on{background:#0d6476}.milk-switch span{position:absolute;left:2px;top:2px;width:24px;height:24px;margin:0;border-radius:50%;background:#fff}.milk-switch.on span{left:30px}.booking-create-textarea{margin-top:20px}.booking-create-textarea>div{width:554px;height:122px;margin-top:12px;padding:18px 16px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#8a8a8a;font-size:12px}.booking-create-textarea textarea{width:554px;height:122px;margin-top:12px;padding:18px 16px;resize:vertical;border:1px solid #d0d5dd;border-radius:9px;outline:0;background:#fff;color:#344054;font-size:12px}.booking-create-textarea textarea::placeholder{color:#8a8a8a}.receiver-card{width:554px;height:255px;margin-top:24px;padding:22px 17px;border:1px solid #e5e7eb;border-radius:9px;background:#fff}.receiver-title{margin-bottom:24px;color:#111827}.booking-input-field+.booking-input-field{margin-top:22px}.booking-input-field>span{display:block;color:#344054;font-size:14px;font-weight:500}.booking-input-field>div{width:520px}.booking-create-actions{position:absolute;left:0;bottom:0;display:grid;width:608px;height:100px;grid-template-columns:260px 260px;gap:16px;align-items:center;padding:24px 28px;border-top:1px solid #e5e7eb;background:#fff}.booking-form-error{margin:18px 0 0;color:#d11919;font-size:12px;font-weight:500}.booking-cancel-btn,.booking-confirm-btn{height:51px;border-radius:9px;font-size:14px;font-weight:500}.booking-cancel-btn{border:1px solid #cfd4dc;background:#fff;color:#344054}.booking-confirm-btn{border:0;background:#d1d5dd;color:#fff}.booking-confirm-btn:disabled{cursor:wait;opacity:.75}.super-events-page{width:1102px}.super-events-header{display:flex;width:1058px;min-height:47px;align-items:flex-start;justify-content:space-between}.super-events-header h1{margin:0;color:#191919;font-size:20px;font-weight:600;line-height:25px}.super-events-header p{margin:8px 0 0;color:#737373;font-size:14px;line-height:18px}.super-events-header button{display:inline-flex;width:136px;height:36px;align-items:center;justify-content:center;gap:9px;border:0;border-radius:5px;background:#2a4955;color:#fff;font-size:12px;font-weight:500}.super-events-panel{position:relative;width:1102px;min-height:781px;margin:28px 0 0 -9px;padding-bottom:8px;overflow:visible;border:1px solid #e6e6e6;border-radius:9px;background:#fff}.super-events-card-panel{min-height:866px}.super-events-panel-head{position:relative;height:67px;border-bottom:1px solid #e6e6e6}.super-events-panel-head h2{position:absolute;left:41px;top:24px;margin:0;color:#191919;font-size:16px;font-weight:500;line-height:20px}.super-events-actions{position:absolute;right:34px;top:16px;display:flex;align-items:center;gap:10px}.super-events-search{display:flex;width:189px;height:34px;align-items:center;gap:10px;padding:0 15px;border:1px solid #dadada;border-radius:8px;color:#737373;font-size:11px}.super-events-search svg{color:#191919}.super-events-divider{width:1px;height:26px;background:#c8c8c8}.super-events-icon-filter{display:grid;width:24px;height:34px;place-items:center;padding:0;border:0;background:transparent;color:#191919}.super-events-filter{display:inline-flex;width:118px;height:34px;align-items:center;gap:6px;padding:0 12px;border:1px solid #dadada;border-radius:8px;background:#fff;color:#191919;font-size:12px}.super-events-filter select,.dashboard-filter select{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;color:inherit;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.super-events-filter svg,.dashboard-filter svg{flex-shrink:0;color:#737373}.super-events-export{display:inline-flex;width:114px;height:34px;align-items:center;justify-content:center;gap:8px;border:1px solid #dadada;border-radius:8px;background:#fff;color:#191919;font-size:11px;font-weight:500;box-shadow:0 3px 8px #0f172a14}.super-events-view{display:flex;width:69px;height:34px;align-items:center;justify-content:center;gap:2px;padding:3px;border:1px solid #dadada;border-radius:8px;background:#fff}.super-events-view button{display:grid;width:29px;height:28px;place-items:center;padding:0;border:0;border-radius:5px;background:transparent;color:#191919}.super-events-view button.active{background:#f0f0f0}.super-event-card-grid{display:grid;grid-template-columns:repeat(3,287px);gap:17px 16px;margin:37px 0 0 36px}.super-event-card{position:relative;display:flex;flex-direction:column;width:287px;min-height:321px;overflow:visible;border:1px solid #e6e6e6;border-radius:7px;background:#fff}.super-event-card p:last-of-type{margin-bottom:18px}.super-event-card-top{display:flex;align-items:flex-start;justify-content:space-between;padding:27px 18px 0 22px}.event-logo-card{position:relative;display:flex;width:125px;height:95px;flex-direction:column;align-items:center;justify-content:center;border:1px solid #e8e8e8;border-radius:6px;background:#fff;box-shadow:0 2px 4px #0f172a14}.event-logo-card strong{color:#000;font-size:12px;font-weight:800;line-height:12px}.event-logo-card span{margin-top:1px;color:#737373;font-size:4px;font-weight:700;letter-spacing:0}.event-logo-card em{position:absolute;right:18px;top:35px;width:15px;height:22px;background:#ff0b45;clip-path:polygon(0 0,70% 0,100% 50%,70% 100%,0 100%,34% 50%)}.super-event-status{display:inline-flex;width:78px;height:26px;align-items:center;justify-content:center;border-radius:999px;font-size:12px;font-weight:500;line-height:15px}.super-event-status.active{background:#dcfce7;color:#19754e}.super-event-status.completed{background:#ffeed7;color:#ff8f25}.super-event-status.passive{background:#e8e8e8;color:#606060}.super-event-card h3{margin:32px 23px 0;color:#191919;font-size:16px;font-weight:600;line-height:20px}.super-event-card p{display:flex;align-items:center;gap:8px;margin:14px 23px 0;color:#8b8b8b;font-size:14px;line-height:18px}.super-event-card p+p{margin-top:10px}.super-event-card p svg{color:#8b8b8b}.super-event-card-actions{position:static;margin-top:auto;display:flex;width:100%;height:69px;flex-shrink:0;align-items:center;gap:17px;padding:0 22px;border-top:1px solid #e6e6e6;background:#fff}.super-event-card-actions button{display:inline-flex;align-items:center;gap:7px;padding:0;border:0;background:transparent;color:#414651;font-size:14px;line-height:18px}.super-events-pagination{position:absolute;right:36px;bottom:210px;display:flex;align-items:center;gap:18px;color:#6b6b6b;font-size:12px;font-weight:500}.super-events-pagination button{display:grid;width:24px;height:24px;place-items:center;padding:0;border:0;background:transparent;color:#b9b9b9}.super-events-pagination button:first-of-type{transform:rotate(180deg)}.super-events-card-pagination{bottom:36px}.super-events-table-wrap{width:1029px;margin:28px 0 0 36px;overflow:hidden;border:1px solid #e6e6e6;border-radius:6px}.super-events-table{width:100%;border-collapse:collapse;table-layout:fixed}.super-events-table th{height:40px;padding:0;background:#f7f7f7;color:#737373;font-size:12px;font-weight:500;text-align:left}.super-events-table td{height:54px;padding:8px 12px 8px 0;vertical-align:middle;border-top:1px solid #e6e6e6;color:#191919;font-size:12px}.super-events-table th:nth-child(1),.super-events-table td:nth-child(1){width:44px}.super-events-table th:nth-child(2),.super-events-table td:nth-child(2){width:230px;padding-left:13px;overflow-wrap:anywhere;word-break:break-word}.super-events-table th:nth-child(3),.super-events-table td:nth-child(3){width:118px}.super-events-table th:nth-child(4),.super-events-table td:nth-child(4){width:118px}.super-events-table th:nth-child(5),.super-events-table td:nth-child(5){width:185px;overflow-wrap:anywhere}.super-events-table th:nth-child(6),.super-events-table td:nth-child(6){width:140px}.super-events-table th:nth-child(7),.super-events-table td:nth-child(7){width:auto}.super-events-table .super-event-status{width:96px;height:27px}.super-event-row-actions{display:inline-flex;align-items:center;gap:14px}.super-event-row-actions button{display:grid;width:18px;height:22px;place-items:center;padding:0;border:0;background:transparent;color:#414141}.super-event-row-actions button.danger{color:#ff1d25}.compact-field input,.compact-field select,.small-search input,.users-search input,.tracking-search input,.logistics-filter select,.users-filter select,.tracking-filter select,.logistics-slot-modal-field select,.builder-input input,.builder-input select,.event-create-field input,.event-create-field textarea,.create-user-field input,.create-user-field select,.assign-user-field select{width:100%;min-width:0;border:0;outline:0;background:transparent;color:inherit;font:inherit}.compact-field select,.logistics-filter select,.users-filter select,.tracking-filter select,.logistics-slot-modal-field select,.builder-input select,.create-user-field select,.assign-user-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.event-create-field textarea{height:100%;resize:none}.event-upload-field div{position:relative}.event-upload-field input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.logistics-toggle,.builder-toggle{padding:0;border:0;cursor:pointer}.logistics-day-row{width:100%;border-right:0;border-bottom:0;border-left:0;text-align:left;cursor:pointer}.delivery-zones label{position:relative}.delivery-zones label input{position:absolute;opacity:0}.assign-select em button{display:inline-grid;width:14px;height:14px;place-items:center;padding:0;border:0;background:transparent;color:inherit}.form-success{margin:18px 0 0;color:#087443;font-size:12px;font-weight:500}.panel-shell{display:flow-root;overflow:visible;zoom:var(--app-zoom, 1)}.panel-main{position:relative;left:auto;top:auto;margin:70px 0 0 290px}.panel-sidebar{height:auto;bottom:0}.super-events-pagination,.super-events-card-pagination,.tracking-pagination,.users-pagination{position:static;right:auto;bottom:auto;display:flex;justify-content:flex-end}.app-boot{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#f6f7fb;color:#4b5563;font-size:15px}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#eef2ff,#f6f7fb 55%,#fff);padding:24px}.login-card{width:100%;max-width:400px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:32px 28px;box-shadow:0 18px 40px #11182714;display:flex;flex-direction:column;gap:14px}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:6px;font-weight:700;color:#111827}.login-card h1{font-size:22px;color:#111827;margin:0}.login-card>p{margin:-8px 0 8px;color:#6b7280;font-size:13.5px}.login-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#374151;font-weight:600}.login-field>div{display:flex;align-items:center;gap:8px;border:1px solid #d1d5db;border-radius:10px;padding:0 12px;height:44px;color:#6b7280;background:#fff}.login-field>div:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.login-field input{flex:1;border:none;outline:none;font-size:14px;color:#111827;background:transparent;min-width:0}.login-eye{border:none;background:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center;padding:4px}.login-error{margin:0}.login-submit{height:46px;border:none;border-radius:10px;background:#2563eb;color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px}.login-submit:disabled{opacity:.6;cursor:default}.data-state{display:flex;min-height:300px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 20px;color:#6b7280;font-size:14px;text-align:center}.data-state-icon{display:grid;width:56px;height:56px;place-items:center;margin-bottom:6px;border-radius:50%;background:#f2f4f7;color:#98a2b3}.data-state strong{color:#191919;font-size:15px;font-weight:600}.data-state span{max-width:340px;color:#737373;font-size:13px;line-height:1.5}.data-state-action{margin-top:14px;padding:8px 18px;border:1px solid #054a56;border-radius:9px;background:#fff;color:#054a56;font-size:13px;font-weight:600;cursor:pointer}.data-state-action:hover{background:#054a56;color:#fff}.data-state.loading-state,.data-state.error-state{min-height:180px}.error-state .data-state-icon,.error-state{color:#b42318}.data-state.error-state{color:#b91c1c}.data-state.error-state button{border:1px solid #fca5a5;background:#fef2f2;color:#b91c1c;border-radius:8px;padding:6px 16px;cursor:pointer;font-size:13px}.data-state.empty-state strong{color:#374151;font-size:15px}.spin{animation:mds-spin .9s linear infinite}@keyframes mds-spin{to{transform:rotate(360deg)}}.toast-stack{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:10px;z-index:1000}.toast{padding:12px 18px;border-radius:10px;font-size:14px;font-weight:500;box-shadow:0 10px 24px #11182724;max-width:360px}.toast-success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.toast-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.confirm-dialog-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;display:flex;align-items:center;justify-content:center;z-index:900}.confirm-dialog{width:100%;max-width:400px;background:#fff;border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:10px}.confirm-dialog h3{margin:0;font-size:17px;color:#111827}.confirm-dialog p{margin:0;font-size:14px;color:#6b7280}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.confirm-dialog-actions .confirm-danger{border:none;background:#dc2626;color:#fff;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:600;cursor:pointer}.confirm-dialog-actions .confirm-danger:disabled{opacity:.6;cursor:default}.logout-button{border:none;background:none;color:inherit;cursor:pointer;display:flex;align-items:center;padding:4px}.logout-button:hover{color:#dc2626}.table-inline-actions button:disabled{opacity:.5;cursor:default}.pagination button:disabled{opacity:.4;cursor:default}.small-search input,.filter-select select,.compact-field div input,.compact-field div textarea,.compact-field div select{border:none;outline:none;background:transparent;width:100%;font:inherit;color:inherit;min-width:0}.filter-select select{width:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2px}.chart-donut{display:flex;flex-direction:column;gap:10px;padding:8px 16px 12px}.chart-donut-chart{position:relative;width:100%}.chart-donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.chart-donut-center strong{color:#191919;font-size:24px;font-weight:700;line-height:1}.chart-donut-center span{margin-top:4px;color:#737373;font-size:11px}.chart-donut-legend{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.chart-donut-legend li{display:flex;align-items:center;gap:8px;color:#5f6b73;font-size:12px}.chart-donut-legend i{width:9px;height:9px;flex-shrink:0;border-radius:50%}.chart-donut-legend b{margin-left:auto;color:#191919;font-weight:600}