:root{color-scheme:light;--font-family-base: "Noto Sans Lao", "Noto Sans Lao Looped", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--app-bg: #f5f7fb;--app-surface: #ffffff;--app-surface-alt: #f0f2f5;--app-surface-muted: #f8fbff;--app-border: rgba(15, 23, 42, .08);--app-border-strong: rgba(15, 23, 42, .16);--app-text: #111827;--app-text-muted: rgba(15, 23, 42, .65);--app-text-soft: rgba(17, 24, 39, .55);--app-heading: #0f172a;--app-inverse-text: #ffffff;--app-accent: #1d7dfc;--app-accent-strong: #165dfc;--app-accent-soft: rgba(29, 125, 252, .14);--app-accent-soft-strong: rgba(22, 119, 255, .18);--app-card-shadow: 0 15px 40px rgba(15, 23, 42, .06);--app-card-shadow-strong: 0 20px 50px rgba(15, 23, 42, .08);--app-success: #52c41a;--app-warning: #faad14;--app-error: #ff4d4f;--app-info: #1890ff;--app-map-popup-bg: rgba(255, 255, 255, .95);--app-map-popup-text: #0f172a;--app-map-popup-shadow: 0 4px 12px rgba(0, 0, 0, .15);--app-map-zoom-bg: #ffffff;--app-map-zoom-hover-bg: #f0f0f0;--app-lang-trigger-bg: rgba(255, 255, 255, .82);--app-lang-trigger-border: rgba(255, 255, 255, .55);--app-lang-trigger-shadow: 0 8px 18px rgba(0, 0, 0, .15);--app-lang-trigger-hover-shadow: 0 12px 22px rgba(0, 0, 0, .18);--app-glass-bg: rgba(255, 255, 255, .88);--app-glass-border: rgba(255, 255, 255, .1);--app-scroll-track: rgba(15, 23, 42, .12);--app-scroll-thumb: rgba(15, 23, 42, .35);--app-login-overlay-start: rgba(0, 0, 0, .25);--app-login-overlay-end: rgba(0, 0, 0, .25);--app-gradient-start: #5cc2f1;--app-gradient-mid: #3ea2e5;--app-gradient-end: #2e87d3;--app-login-card-shadow: 0 10px 30px rgba(0, 0, 0, .15);--orders-route-main: #1d7dfc;--orders-route-shadow-color: rgba(29, 125, 252, .25);--orders-pickup-color: #1d7dfc;--orders-delivery-color: #722ed1}:root[data-theme=dark]{color-scheme:dark;--app-bg: #0f1118;--app-surface: #1c1d23;--app-surface-alt: #15161d;--app-surface-muted: #13141a;--app-border: rgba(255, 255, 255, .08);--app-border-strong: rgba(255, 255, 255, .16);--app-text: rgba(255, 255, 255, .93);--app-text-muted: rgba(255, 255, 255, .7);--app-text-soft: rgba(255, 255, 255, .55);--app-heading: rgba(255, 255, 255, .96);--app-inverse-text: #05060a;--app-accent: #8cc1ff;--app-accent-strong: #5ba8ff;--app-accent-soft: rgba(91, 168, 255, .18);--app-accent-soft-strong: rgba(91, 168, 255, .35);--app-card-shadow: 0 25px 45px rgba(0, 0, 0, .65);--app-card-shadow-strong: 0 30px 60px rgba(0, 0, 0, .7);--app-success: #73d13d;--app-warning: #ffcf40;--app-error: #ff7875;--app-info: #8cc1ff;--app-map-popup-bg: rgba(20, 22, 30, .95);--app-map-popup-text: rgba(255, 255, 255, .95);--app-map-popup-shadow: 0 20px 45px rgba(0, 0, 0, .7);--app-map-zoom-bg: #1f2130;--app-map-zoom-hover-bg: #2a2c3c;--app-lang-trigger-bg: rgba(20, 22, 30, .78);--app-lang-trigger-border: rgba(140, 193, 255, .4);--app-lang-trigger-shadow: 0 12px 26px rgba(0, 0, 0, .5);--app-lang-trigger-hover-shadow: 0 16px 32px rgba(0, 0, 0, .65);--app-glass-bg: rgba(20, 22, 28, .88);--app-glass-border: rgba(255, 255, 255, .14);--app-scroll-track: rgba(255, 255, 255, .18);--app-scroll-thumb: rgba(255, 255, 255, .4);--app-login-overlay-start: rgba(0, 0, 0, .7);--app-login-overlay-end: rgba(0, 0, 0, .7);--app-gradient-start: #4f8ce0;--app-gradient-mid: #306fbf;--app-gradient-end: #2056a5;--app-login-card-shadow: 0 18px 40px rgba(0, 0, 0, .65);--orders-route-main: #8cc1ff;--orders-route-shadow-color: rgba(91, 168, 255, .4);--orders-pickup-color: #8cc1ff;--orders-delivery-color: #cdb0ff}body,*,code{font-family:var(--font-family-base)}body{margin:0;background-color:var(--app-bg);color:var(--app-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s ease,color .25s ease}#root,.site-layout-height{min-height:100vh;background-color:var(--app-bg)}.main-menu-inner{height:100%;max-height:100vh;overflow:hidden}.ant-typography{font-family:var(--font-family-base)}.ant-card{box-shadow:var(--app-card-shadow);border-radius:10px;background:var(--app-surface);transition:background-color .25s ease,box-shadow .25s ease}.ant-card-bordered{border-color:var(--app-border)}.ant-input::-moz-placeholder,.ant-input-affix-wrapper input::-moz-placeholder{font-family:var(--font-family-base);color:var(--app-text-soft)}.ant-input::placeholder,.ant-input-affix-wrapper input::placeholder{font-family:var(--font-family-base);color:var(--app-text-soft)}.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu:hover:after{border-bottom:0}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--app-scroll-thumb);border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:var(--app-accent)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin)}.App-link{color:var(--app-accent)}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#root,.site-layout-height{height:auto;z-index:10}.card-header{display:flex;justify-content:space-between;align-items:center}.filter-button{border-color:var(--app-border);box-shadow:0 2px 8px var(--app-border);padding:10px;margin-right:16px;margin-top:-16px;margin-bottom:16px;background:var(--app-surface);color:var(--app-text);transition:background-color .2s ease,box-shadow .2s ease}.filter-button:hover{box-shadow:var(--app-card-shadow)}.filter-collapse-wrapper{position:relative;z-index:9}.table-wrapper{position:relative;z-index:1;margin-top:-30px}.create-button-container{display:flex;justify-content:flex-end;margin-bottom:16px;margin-top:-5px;margin-right:16px}.login-form-forgot{float:right;color:var(--app-error)}.avatar{text-align:center;margin-bottom:12px}.login-form-button{width:100%}.footer{background-color:transparent!important;color:var(--app-text-muted)!important;font-size:large;text-align:center}.custom-menu .ant-menu-submenu-arrow{display:none}.login-background{background-color:var(--app-bg);background-image:linear-gradient(var(--app-login-overlay-start),var(--app-login-overlay-end)),url(/assets/bg_login-C5iyyMK9.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;height:100vh;min-height:100%;overflow:hidden;position:relative}.menu{background-color:transparent;color:var(--app-text-muted);border:none;margin-top:10px}.login-topbar{position:absolute;top:12px;right:16px;width:auto;margin:0;z-index:2}.lang-trigger{width:36px;height:36px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;background:var(--app-lang-trigger-bg);border:1px solid var(--app-lang-trigger-border);box-shadow:var(--app-lang-trigger-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:transform .12s ease,box-shadow .16s ease,background .16s ease}.lang-trigger:hover{transform:translateY(-1px);box-shadow:var(--app-lang-trigger-hover-shadow)}.lang-trigger:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}@media(max-width:576px){.lang-trigger{width:44px;height:44px}}@media(min-width:577px)and (max-width:991px){.lang-trigger{width:40px;height:40px}}@media(min-width:992px){.lang-trigger{width:36px;height:36px}}@media(max-width:576px){.login-topbar{top:auto;bottom:calc(14px + env(safe-area-inset-bottom));right:calc(14px + env(safe-area-inset-right))}}@media(prefers-reduced-motion:reduce){.lang-trigger{transition:none}.lang-trigger:hover{transform:none}}.custom-menu .ant-menu-submenu-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.login-card{width:100%;max-width:420px;margin:0 auto;border-radius:16px;padding:24px 22px 28px;box-shadow:var(--app-login-card-shadow);background:var(--app-surface)}.glass-card{background:var(--app-glass-bg)!important;border:1px solid var(--app-glass-border)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-logo{filter:drop-shadow(0 2px 8px rgba(0,0,0,.15))}.login-card-content{display:flex;flex-wrap:wrap;gap:32px;align-items:stretch;width:100%}.login-card-horizontal{flex-direction:row}.login-card-vertical{flex-direction:column;text-align:center;align-items:center}.login-card-brand{flex:0 1 260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:8px 0}.login-card-brand .login-logo{width:100%!important;max-width:240px;height:auto!important}.login-card-title{font-weight:600!important;margin-bottom:2px!important;text-align:center;color:var(--app-heading)}.login-card-subtitle{margin:0!important;color:var(--app-text-soft);text-align:center}.login-card-form{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:16px}.login-card-form .ant-form{width:100%}.login-sso-btn{margin-top:8px;border-color:var(--app-accent)!important;color:var(--app-accent)!important;background:var(--app-accent-soft)!important;border-radius:12px!important}.login-sso-btn:hover,.login-sso-btn:focus{background:var(--app-accent-soft-strong)!important;color:var(--app-accent-strong)!important}.ant-input-affix-wrapper-lg,.ant-input-lg{border-radius:10px!important}.gradient-btn{background:linear-gradient(135deg,var(--app-gradient-start) 0%,var(--app-gradient-mid) 50%,var(--app-gradient-end) 100%);border:none!important;border-radius:12px!important;box-shadow:0 8px 16px #2e87d359}.gradient-btn:hover,.gradient-btn:focus{filter:brightness(1.05)}@media(max-width:576px){.login-card{padding:20px 16px 24px}.login-card-content{gap:20px}.login-card-brand{padding-bottom:0}.login-card-subtitle{max-width:260px;margin-left:auto!important;margin-right:auto!important}}.auth-card{overflow:hidden}.auth-row{min-height:460px}.auth-illustration{background:radial-gradient(1200px 600px at -10% -10%,color-mix(in srgb,var(--app-accent) 40%,transparent) 0%,transparent 60%,transparent 100%),linear-gradient(180deg,color-mix(in srgb,var(--app-accent-soft) 60%,var(--app-surface-muted)),#ffffff14);border-right:1px dashed color-mix(in srgb,var(--app-accent) 35%,transparent);display:flex;align-items:center;justify-content:center}.auth-illustration-inner{text-align:center;padding:28px 16px}.auth-brand{margin-top:8px;color:var(--app-heading)!important}.auth-tagline{color:var(--app-text-muted)!important}.auth-form{padding:28px 28px 12px}.auth-header{margin-bottom:16px}.divider-with-text{color:var(--app-text-soft)!important}.link-safe{color:var(--app-accent)!important}.link-safe:hover{color:var(--app-accent-strong)!important;filter:brightness(1.05)}.social-btn.google{background:var(--app-surface)!important;border:1px solid var(--app-border)!important;border-radius:10px!important}@media(max-width:991px){.auth-row{min-height:unset}.auth-form{padding:22px 16px}}.rider-stat-card{border-radius:18px;box-shadow:var(--app-card-shadow);min-height:112px}.rider-stat-label{font-size:14px;color:var(--app-text-soft)}.rider-stat-value{font-size:36px;font-weight:600;margin-top:4px;color:var(--app-heading)}.rider-toolbar-card{border-radius:18px;box-shadow:var(--app-card-shadow)}.rider-directory-card{border-radius:22px;box-shadow:var(--app-card-shadow)}.rider-directory-card-header{padding:24px 24px 8px}.rider-directory-card-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px 24px;border-top:1px solid var(--app-border);flex-wrap:wrap;gap:12px}.rider-directory-table .ant-table-thead>tr>th{font-weight:600;background:var(--app-surface-alt)}.rider-directory-title{margin-bottom:4px}.rider-code{font-size:12px;color:var(--app-text-soft);text-transform:uppercase}.rider-contact-line{color:var(--app-text)}@media(max-width:767px){.rider-directory-card-footer{flex-direction:column;align-items:flex-start}}.orders-layout{--orders-surface: #ffffff;--orders-border-color: rgba(0, 0, 0, .06);--orders-list-scroll-bg: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);--orders-card-bg: #ffffff;--orders-card-shadow: 0 16px 32px rgba(15, 23, 42, .08);--orders-card-border: transparent;--orders-card-hover-border: rgba(29, 125, 252, .35);--orders-card-hover-shadow: 0 20px 40px rgba(29, 125, 252, .15);--orders-card-selected-border: #1d7dfc;--orders-card-selected-bg: linear-gradient( 135deg, rgba(29, 125, 252, .14) 0%, rgba(29, 125, 252, .08) 100% );--orders-text-strong: #111827;--orders-text-muted: rgba(17, 24, 39, .55);--orders-map-bg: #ffffff;--orders-map-pin-border: #ffffff;--orders-tooltip-bg: rgba(255, 255, 255, .95);--orders-tooltip-shadow: 0 18px 36px rgba(15, 23, 42, .22);--orders-tooltip-color: #0f172a;--orders-tooltip-address: rgba(15, 23, 42, .7);--orders-tooltip-icon-bg: rgba(29, 125, 252, .12);--orders-tooltip-icon-color: var(--orders-pickup-color);--orders-tooltip-delivery-icon-bg: rgba(114, 46, 209, .12);--orders-tooltip-delivery-icon-color: var(--orders-delivery-color);--orders-route-shadow-filter: drop-shadow( 0 14px 26px rgba(29, 125, 252, .2) );--orders-route-arrow-filter: drop-shadow( 0 10px 24px rgba(29, 125, 252, .35) );width:100%;min-height:calc(100vh - 160px);display:flex;flex-direction:column;gap:16px}.orders-layout--dark{--orders-surface: #1c1d23;--orders-border-color: rgba(255, 255, 255, .08);--orders-list-scroll-bg: linear-gradient(180deg, #1a1c24 0%, #12141a 100%);--orders-card-bg: #1f2027;--orders-card-shadow: 0 16px 32px rgba(0, 0, 0, .7);--orders-card-border: rgba(255, 255, 255, .08);--orders-card-hover-border: rgba(88, 147, 255, .65);--orders-card-hover-shadow: 0 20px 40px rgba(16, 76, 171, .35);--orders-card-selected-border: #3b82f6;--orders-card-selected-bg: linear-gradient( 135deg, rgba(59, 130, 246, .32) 0%, rgba(59, 130, 246, .18) 100% );--orders-text-strong: rgba(255, 255, 255, .95);--orders-text-muted: rgba(255, 255, 255, .6);--orders-map-bg: #11131a;--orders-map-pin-border: #11131a;--orders-tooltip-bg: rgba(18, 20, 27, .96);--orders-tooltip-shadow: 0 18px 36px rgba(0, 0, 0, .6);--orders-tooltip-color: rgba(255, 255, 255, .95);--orders-tooltip-address: rgba(255, 255, 255, .7);--orders-tooltip-icon-bg: rgba(38, 117, 252, .18);--orders-tooltip-icon-color: var(--orders-pickup-color);--orders-tooltip-delivery-icon-bg: rgba(165, 103, 255, .2);--orders-tooltip-delivery-icon-color: var(--orders-delivery-color);--orders-route-shadow-filter: drop-shadow( 0 14px 26px rgba(22, 93, 252, .35) );--orders-route-arrow-filter: drop-shadow( 0 10px 24px rgba(22, 93, 252, .5) )}.orders-splitter{width:100%;min-height:calc(100vh - 160px)}.orders-stack{display:flex;flex-direction:column;gap:16px}.orders-stack-panel{width:100%}.orders-list-card{height:100%;display:flex;flex-direction:column;border-radius:18px;overflow:hidden}.orders-list-header{padding:20px 20px 12px;border-bottom:1px solid var(--orders-border-color);background:var(--orders-surface);display:flex;flex-direction:column;gap:12px}.orders-list-scroll{padding:16px 16px 20px;overflow-y:auto;max-height:calc(100vh - 240px);display:flex;flex-direction:column;gap:14px;background:var(--orders-list-scroll-bg)}.orders-list-card-item{background:var(--orders-card-bg);border-radius:18px;padding:16px 18px;border:1px solid var(--orders-card-border);box-shadow:var(--orders-card-shadow);transition:all .2s ease;cursor:pointer;display:flex;flex-direction:column;gap:12px}.orders-list-card-item:hover{border-color:var(--orders-card-hover-border);box-shadow:var(--orders-card-hover-shadow)}.orders-list-card-item.selected{border-color:var(--orders-card-selected-border);background:var(--orders-card-selected-bg)}.orders-card-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.orders-card-meta{display:flex;flex-direction:column;gap:4px}.orders-card-id{font-size:16px}.orders-card-date{font-size:12px}.orders-card-amount{margin:0;font-size:22px!important;color:var(--orders-text-strong)}.orders-card-footer{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.orders-detail-card{min-height:calc(100vh - 160px);border-radius:18px;display:flex;flex-direction:column;overflow:hidden}.orders-detail-loading,.orders-detail-empty{padding:48px 32px}.order-journey{display:flex;flex-direction:column;height:100%}.order-map-wrapper{min-height:380px;background:var(--orders-map-bg)}.order-map-canvas{width:100%;height:100%;min-height:380px}.order-summary{padding:24px 28px 32px;display:flex;flex-direction:column;gap:18px;background:var(--orders-surface)}.order-summary-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.order-summary-status{margin-top:8px}.order-summary-block .ant-typography{font-size:14px}.order-items-list{margin-top:4px}.order-item{display:flex;align-items:center;gap:12px}.order-item-icon{color:#52c41a;font-size:16px}.order-item-content{display:flex;flex-direction:column;gap:2px}.order-item-name{font-weight:500;color:var(--orders-text-strong)}.order-item-meta{font-size:12px;color:var(--orders-text-muted)}.order-map-pin-wrapper{background:transparent!important;border:none!important}.order-map-pin{width:16px;height:16px;border-radius:999px;border:3px solid var(--orders-map-pin-border);box-shadow:0 8px 16px #0f172a40}.order-map-pin.pickup{background:var(--orders-pickup-color)}.order-map-pin.delivery{background:var(--orders-delivery-color)}.order-map-tooltip{background:var(--orders-tooltip-bg);border-radius:12px;padding:0;box-shadow:var(--orders-tooltip-shadow);border:none;color:var(--orders-tooltip-color);font-size:12px;line-height:1.4}.order-map-tooltip.pickup{border-left:3px solid var(--orders-pickup-color)}.order-map-tooltip.delivery{border-left:3px solid var(--orders-delivery-color)}.order-map-tooltip-title{font-weight:600;margin-bottom:4px;font-size:12px}.order-map-tooltip-address{font-size:12px;max-width:240px;color:var(--orders-tooltip-address)}.order-map-tooltip-body{display:flex;align-items:center;gap:12px;padding:12px 16px}.order-map-tooltip-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--orders-tooltip-icon-bg);color:var(--orders-tooltip-icon-color)}.order-map-tooltip.delivery .order-map-tooltip-icon{background:var(--orders-tooltip-delivery-icon-bg);color:var(--orders-tooltip-delivery-icon-color)}.order-map-tooltip-icon svg{width:20px;height:20px}.order-map-tooltip-text{display:flex;flex-direction:column;gap:2px}.order-map-route{filter:var(--orders-route-shadow-filter)}.order-map-route-arrow-wrapper{background:transparent!important;border:none!important;filter:var(--orders-route-arrow-filter)}.order-map-route-arrow{width:30px;height:30px}.order-full-details{display:flex;flex-direction:column;gap:16px;padding:24px 28px 32px;height:100%}.order-full-details-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.order-full-details-back{padding-left:0}.order-full-details-body{flex:1 1 auto;overflow:auto;padding-right:4px}@media(max-width:1024px){.orders-layout{min-height:unset}.orders-list-card{margin-bottom:16px}.orders-list-scroll{max-height:unset}.orders-detail-card{min-height:unset}}.leaflet-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans Lao,Helvetica Neue,Arial,sans-serif}.leaflet-popup-content-wrapper{border-radius:8px;box-shadow:var(--app-map-popup-shadow);background:var(--app-map-popup-bg);color:var(--app-map-popup-text)}.leaflet-popup-content{margin:12px;line-height:1.4;color:inherit}.leaflet-popup-tip{background:var(--app-map-popup-bg)}.leaflet-control-zoom{border:none;border-radius:6px;box-shadow:0 2px 8px #0000001a}.leaflet-control-zoom a{background-color:var(--app-map-zoom-bg);color:var(--app-accent);border:none;width:32px;height:32px;line-height:32px;font-size:16px;font-weight:700;transition:background-color .2s ease,color .2s ease}.leaflet-control-zoom a:hover{background-color:var(--app-map-zoom-hover-bg);color:var(--app-accent-strong)}.leaflet-control-attribution{background-color:#0000004d;color:var(--app-inverse-text);font-size:10px;border-radius:6px;padding:2px 6px}@keyframes pulse{0%{box-shadow:0 0 #52c41ab3}70%{box-shadow:0 0 0 10px #52c41a00}to{box-shadow:0 0 #52c41a00}}.custom-rider-marker{background:transparent!important;border:none!important}.leaflet-marker-icon.custom-rider-marker{background:transparent;border:none}