: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}.role-selector-trigger{position:relative;overflow:hidden}.role-selector-trigger:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--app-accent-soft);opacity:0;transition:opacity .2s ease;border-radius:8px;pointer-events:none}.role-selector-trigger:hover:before{opacity:1}.role-selector-trigger:hover{border-color:var(--app-accent)!important;box-shadow:0 2px 8px #165dfc1a}.ant-dropdown-menu-item:hover .role-menu-item,.ant-dropdown-menu-submenu-title:hover .role-menu-item{background:var(--app-accent-soft)!important}.role-menu-item{transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .role-selector-trigger:hover{box-shadow:0 2px 8px #5ba8ff26}.role-selector-trigger:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}@keyframes role-selector-pulse{0%,to{opacity:1}50%{opacity:.5}}.role-selector-trigger.loading{animation:role-selector-pulse 1.5s ease-in-out infinite}.ant-dropdown.role-selector-dropdown{animation:role-selector-dropdown-in .2s cubic-bezier(.4,0,.2,1)}@keyframes role-selector-dropdown-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.role-icon-container{transition:transform .2s cubic-bezier(.4,0,.2,1)}.role-selector-trigger:hover .role-icon-container{transform:scale(1.05)}.dtop-shell{--dtop-navy: #1a3c6e;--dtop-teal: #00b8a9;--dtop-teal-bright: #00e6d0;--dtop-amber: #f5a623;--dtop-red: #e74c3c;--dtop-gold: #c4a265;--sider-bg: linear-gradient(180deg, #0d2847 0%, #091e38 100%);--sider-border: transparent;--sider-logo: #ffffff;--sider-group: rgba(200, 210, 230, .42);--sider-item: rgba(213, 221, 238, .82);--sider-item-hover-bg: rgba(255, 255, 255, .06);--sider-item-hover: #ffffff;--sider-selected-bg: rgba(0, 184, 169, .14);--sider-selected: var(--dtop-teal-bright);--sider-bar: var(--dtop-teal);--sider-foot-border: rgba(255, 255, 255, .08);--header-bg: linear-gradient(180deg, rgba(255, 255, 255, .92) 0%, rgba(247, 249, 252, .92) 100%);--header-border: rgba(15, 31, 58, .07);--header-shadow: 0 1px 2px rgba(13, 40, 71, .04), 0 6px 18px rgba(13, 40, 71, .04);--header-rail: linear-gradient(90deg, var(--dtop-teal) 0%, var(--dtop-navy) 62%);--header-ink: #0f2444;--header-muted: #94a0b3;--header-ctl-hover: #eef2f8;--header-divider: rgba(15, 31, 58, .09);--header-seg-active-bg: #ffffff}[data-theme=dark] .dtop-shell{--header-bg: linear-gradient(180deg, rgba(27, 29, 36, .92) 0%, rgba(21, 23, 29, .92) 100%);--header-border: rgba(255, 255, 255, .08);--header-shadow: 0 1px 0 rgba(0, 0, 0, .4);--header-ink: #eef2fb;--header-muted: #8b94a6;--header-ctl-hover: rgba(255, 255, 255, .08);--header-divider: rgba(255, 255, 255, .1);--header-seg-active-bg: rgba(255, 255, 255, .12)}.dtop-sider{background:var(--sider-bg)!important;border-right:1px solid var(--sider-border)}.dtop-sider-body{display:flex;flex-direction:column;height:100%;background:var(--sider-bg)}.dtop-brand{display:flex;align-items:center;justify-content:center;height:60px;padding:0 18px;border-bottom:1px solid var(--sider-foot-border);flex:0 0 auto}.dtop-brand.is-collapsed{padding:0}.dtop-brand-text{display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1;gap:3px;overflow:hidden}.dtop-brand-logo{height:40px;width:auto;max-width:100%;-o-object-fit:contain;object-fit:contain;display:block}.dtop-brand-mark{width:36px;height:36px;-o-object-fit:contain;object-fit:contain;display:block}.dtop-brand-sub{font-size:9px;font-weight:700;letter-spacing:2px;color:var(--sider-group)}.dtop-nav{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:12px 12px 16px}.dtop-nav::-webkit-scrollbar{width:6px}.dtop-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:6px}.dtop-nav-group{margin-top:16px}.dtop-nav-group:first-child{margin-top:2px}.dtop-nav-group-title{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--sider-group);padding:0 10px 7px}.dtop-nav-item{position:relative;display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:9px;color:var(--sider-item);transition:background-color .2s ease,color .2s ease;cursor:pointer;margin-bottom:2px}.dtop-nav-item:hover{background:var(--sider-item-hover-bg);color:var(--sider-item-hover)}.dtop-nav-item.active{background:var(--sider-selected-bg);color:var(--sider-selected)}.dtop-nav-item.active:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:var(--sider-bar)}.dtop-nav-icon{font-size:18px;width:18px;display:grid;place-items:center;flex:0 0 auto}.dtop-nav-labels{display:flex;flex-direction:column;line-height:1.15;min-width:0;flex:1 1 auto}.dtop-nav-en{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dtop-nav-item.active .dtop-nav-en{font-weight:700}.dtop-nav-lo{font-size:10px;opacity:.62;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.dtop-nav-badge{flex:0 0 auto;min-width:19px;height:19px;padding:0 6px;border-radius:10px;background:var(--dtop-red);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}.dtop-userfoot{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--sider-foot-border);cursor:pointer}.dtop-userfoot:hover{background:var(--sider-item-hover-bg)}.dtop-userfoot-meta{display:flex;flex-direction:column;line-height:1.2;min-width:0;flex:1 1 auto}.dtop-userfoot-name{font-size:12.5px;font-weight:600;color:#eef2fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dtop-userfoot-role{font-size:10.5px;color:var(--sider-group);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dtop-userfoot-chevron{color:var(--sider-group);font-size:12px;flex:0 0 auto}.dtop-header{position:relative;display:flex;align-items:center;gap:2px;height:60px;padding:0 22px;background:var(--header-bg);border-bottom:1px solid var(--header-border);box-shadow:var(--header-shadow);backdrop-filter:saturate(1.12) blur(8px);-webkit-backdrop-filter:saturate(1.12) blur(8px)}.dtop-header:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--header-rail)}.dtop-header-titles{position:relative;display:flex;align-items:baseline;gap:9px;min-width:0;padding-left:13px}.dtop-header-titles:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:3px;background:linear-gradient(180deg,var(--dtop-teal) 0%,var(--dtop-navy) 100%)}.dtop-header-en{font-size:18px;font-weight:700;letter-spacing:-.2px;color:var(--header-ink);white-space:nowrap}.dtop-header-lo{font-size:12.5px;font-weight:500;color:var(--header-muted);white-space:nowrap}.dtop-header-right{margin-left:auto;display:flex;align-items:center;gap:12px}.dtop-header-divider{width:1px;height:24px;background:var(--header-divider);flex:0 0 auto}.dtop-collapse-btn{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;color:#5b6b86;cursor:pointer;margin-right:4px;transition:background-color .18s ease,color .18s ease,transform .12s ease}.dtop-collapse-btn:hover{background:var(--header-ctl-hover);color:var(--dtop-navy)}.dtop-collapse-btn:active{transform:scale(.92)}.dtop-live{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 13px;border-radius:16px;font-size:12px;font-weight:600;letter-spacing:.1px;border:1px solid transparent;transition:background-color .18s ease,border-color .18s ease}.dtop-live.online{background:#00b8a91a;color:#0a8f83;border-color:#00b8a938}.dtop-live.offline{background:#e74c3c17;color:#cf1322;border-color:#e74c3c38;cursor:pointer}.dtop-live.offline:hover{background:#e74c3c26}.dtop-live-dot{position:relative;width:8px;height:8px;border-radius:50%;background:currentColor;flex:0 0 auto}.dtop-live.online .dtop-live-dot{background:var(--dtop-teal)}.dtop-live.online .dtop-live-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--dtop-teal);animation:dtop-live-pulse 1.8s ease-out infinite}@keyframes dtop-live-pulse{0%{transform:scale(1);opacity:.5}70%,to{transform:scale(3.4);opacity:0}}.dtop-live.offline .dtop-live-dot{background:#e5484d;animation:dtop-live-blink 1.4s ease-in-out infinite}@keyframes dtop-live-blink{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.dtop-live.online .dtop-live-dot:after,.dtop-live.offline .dtop-live-dot{animation:none}}.dtop-bell .ant-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0!important;border-radius:9px;transition:background-color .18s ease}.dtop-bell .ant-btn:hover{background:var(--header-ctl-hover)!important}.dtop-langtoggle{display:inline-flex;align-items:center;gap:2px;height:36px;background:var(--header-ctl-hover);border:1px solid var(--header-divider);border-radius:9px;padding:3px}.dtop-lang-seg{border:none;background:transparent;font-size:12px;font-weight:600;color:var(--header-muted);padding:0 11px;height:28px;border-radius:6px;cursor:pointer;line-height:1;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}.dtop-lang-seg:hover:not(.active){color:var(--dtop-navy)}.dtop-lang-seg.active{background:var(--header-seg-active-bg);color:var(--dtop-navy);box-shadow:0 1px 3px #0d28471f}[data-theme=dark] .dtop-lang-seg.active{color:#eef2fb}.ant-layout-sider-collapsed .dtop-brand{justify-content:center;padding:0;gap:0}.ant-layout-sider-collapsed .dtop-brand-text,.ant-layout-sider-collapsed .dtop-nav-group-title,.ant-layout-sider-collapsed .dtop-nav-labels,.ant-layout-sider-collapsed .dtop-userfoot-meta,.ant-layout-sider-collapsed .dtop-userfoot-chevron{display:none}.ant-layout-sider-collapsed .dtop-nav-item,.ant-layout-sider-collapsed .dtop-userfoot{justify-content:center;padding-inline:0}.ant-layout-sider-collapsed .dtop-nav{padding-inline:14px}.dtop-pill{display:inline-block;padding:2px 9px;border-radius:6px;font-size:11px;font-weight:600;line-height:1.5;white-space:nowrap}.dtop-kpi{background:#fff;border:1px solid #eef0f2;border-left:4px solid #1a3c6e;border-radius:12px;padding:15px 16px;height:100%;transition:box-shadow .2s ease}.dtop-kpi:hover{box-shadow:0 4px 16px #00000014}.dtop-kpi-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.dtop-kpi-labels{display:flex;flex-direction:column;min-width:0}.dtop-kpi-label{font-size:12.5px;font-weight:600;color:#6b7280;line-height:1.25}.dtop-kpi-label-lo{font-size:9.5px;color:#9aa3af;margin-top:1px}.dtop-kpi-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;font-size:15px;flex:0 0 auto}.dtop-kpi-value{font-family:Inter,sans-serif;font-size:27px;font-weight:700;color:#111827;line-height:1.1;margin-top:10px;font-variant-numeric:tabular-nums}.dtop-kpi-delta{display:flex;align-items:baseline;gap:7px;margin-top:6px;font-size:12px}.dtop-kpi-note{color:#9aa3af;font-size:11.5px}.dtop-subhead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.dtop-subhead-context{font-size:12.5px;color:#6b7280}.dtop-section-title{font-size:14px;font-weight:700;color:#111827}.dtop-section-sub{font-size:11px;color:#9aa3af;font-weight:500;margin-left:6px}.dtop-bar-row{margin-bottom:12px}.dtop-bar-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.dtop-bar-label{font-size:12.5px;color:#374151;font-weight:500}.dtop-bar-count{font-size:13px;font-weight:700;color:#111827;font-variant-numeric:tabular-nums}.dtop-bar-track{height:7px;border-radius:4px;background:#f0f2f5;overflow:hidden}.dtop-bar-fill{height:100%;border-radius:4px}.dtop-rank{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#eef3fb;color:#1a3c6e;font-size:11px;font-weight:700}.dtop-feed-row{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-bottom:1px solid #f3f4f6}.dtop-feed-row:last-child{border-bottom:none}.dtop-feed-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;flex:0 0 auto;font-size:13px}.dtop-feed-body{flex:1 1 auto;min-width:0;font-size:12.5px;color:#374151}.dtop-feed-time{font-size:11px;color:#9aa3af;flex:0 0 auto}.dtop-code{font-weight:700;color:#1a3c6e;font-variant-numeric:tabular-nums}.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-directory-card{border-radius:16px;box-shadow:var(--app-card-shadow);overflow:hidden}.rider-directory-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--app-border)}.rider-directory-heading{display:flex;flex-direction:column;gap:1px;min-width:0}.rider-directory-card .rider-directory-title.dtop-section-title{margin:0;font-size:16px;line-height:1.25}.rider-directory-subtitle{font-size:12px;line-height:1.3}.rider-directory-toolbar{display:flex;align-items:center;gap:8px;flex:0 0 auto}.rider-directory-card-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;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-table .ant-table-thead>tr>th:first-child,.rider-directory-table .ant-table-tbody>tr>td:first-child{padding-left:18px}.rider-directory-table .ant-table-thead>tr>th:last-child,.rider-directory-table .ant-table-tbody>tr>td:last-child{padding-right:18px}.rider-code{font-size:11px;color:var(--app-text-soft);text-transform:uppercase;line-height:1.2}.rider-contact-line{color:var(--app-text)}@media(max-width:767px){.rider-directory-card-header{align-items:flex-start}.rider-directory-toolbar{width:100%}.rider-directory-card-footer{flex-direction:column;align-items:flex-start}}.orders-layout{--ws-navy: #102a43;--ws-blue: #006494;--ws-blue-container: #cbe6ff;--ws-pending: #535f70;--ws-pending-container: #d7e3f7;--ws-urgent: #ba1a1a;--ws-urgent-container: #ffdad6;--ws-surface: #f6fafe;--ws-surface-low: #f0f4f8;--ws-surface-dim: #d6dade;--ws-outline: #c2c7ce;--ws-card: #ffffff;--orders-surface: #ffffff;--orders-border-color: var(--ws-outline);--orders-list-scroll-bg: var(--ws-surface);--orders-card-bg: #ffffff;--orders-card-shadow: 0 1px 2px rgba(16, 42, 67, .06);--orders-card-border: var(--ws-outline);--orders-card-hover-border: var(--ws-blue);--orders-card-hover-shadow: 0 6px 18px rgba(0, 100, 148, .12);--orders-card-selected-border: var(--ws-blue);--orders-card-selected-bg: var(--ws-blue-container);--orders-text-strong: var(--ws-navy);--orders-text-muted: #5b6b7d;--orders-map-bg: var(--ws-surface-low);--orders-map-pin-border: #ffffff;--orders-tooltip-bg: rgba(255, 255, 255, .97);--orders-tooltip-shadow: 0 12px 28px rgba(16, 42, 67, .18);--orders-tooltip-color: var(--ws-navy);--orders-tooltip-address: #5b6b7d;--orders-tooltip-icon-bg: var(--ws-blue-container);--orders-tooltip-icon-color: var(--orders-pickup-color);--orders-tooltip-delivery-icon-bg: rgba(16, 42, 67, .1);--orders-tooltip-delivery-icon-color: var(--orders-delivery-color);--orders-route-shadow-filter: drop-shadow(0 8px 18px rgba(0, 100, 148, .18));--orders-route-arrow-filter: drop-shadow(0 6px 14px rgba(0, 100, 148, .3));--orders-pickup-color: var(--ws-blue);--orders-delivery-color: var(--ws-navy);--orders-route-main: var(--ws-blue);--orders-route-shadow-color: rgba(0, 100, 148, .22);font-family:Hanken Grotesk,Noto Sans Lao,Noto Sans Thai,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;width:100%;min-height:calc(100vh - 160px);display:flex;flex-direction:column;gap:16px;background:var(--ws-surface)}.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-pickup-color: #8cc1ff;--orders-delivery-color: #cdb0ff;--orders-route-main: #8cc1ff;--orders-route-shadow-color: rgba(91, 168, 255, .4);background:#0f1118}.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:12px;overflow:hidden;border:1px solid var(--orders-border-color)}.orders-list-header{padding:18px 18px 14px;border-bottom:1px solid var(--orders-border-color);background:var(--orders-surface);display:flex;flex-direction:column;gap:12px}.orders-filter-chips{display:flex;gap:8px;flex-wrap:wrap}.orders-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--ws-outline);background:var(--ws-card);color:var(--ws-pending);font:inherit;font-weight:600;font-size:12px;letter-spacing:.2px;padding:5px 14px;border-radius:999px;cursor:pointer;transition:all .15s ease;line-height:1.4}.orders-chip:hover{border-color:var(--ws-blue);color:var(--ws-blue)}.orders-chip.active{background:var(--ws-blue);border-color:var(--ws-blue);color:#fff;box-shadow:0 2px 8px #00649447}.orders-layout--dark .orders-chip{background:var(--orders-card-bg);border-color:var(--orders-border-color);color:var(--orders-text-muted)}.orders-list-scroll{padding:16px 16px 20px;overflow-y:auto;max-height:calc(100vh - 268px);display:flex;flex-direction:column;gap:12px;background:var(--orders-list-scroll-bg)}.orders-list-card-item{position:relative;background:var(--orders-card-bg);border-radius:10px;padding:14px 16px;border:1px solid var(--orders-card-border);box-shadow:var(--orders-card-shadow);transition:all .18s ease;cursor:pointer;display:flex;flex-direction:column;gap:10px;flex-shrink:0;overflow:hidden}.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-list-card-item.selected:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:var(--ws-blue)}.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:15px;letter-spacing:.2px;color:var(--orders-text-strong)}.orders-card-date{font-size:12px}.orders-card-amount{margin:0;font-size:22px!important;color:var(--orders-text-strong)!important}.orders-card-footer{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.orders-detail-card{min-height:calc(100vh - 160px);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--orders-border-color)}.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{padding:14px 16px;border:1px solid var(--ws-outline);border-radius:8px;background:var(--ws-surface-low);height:100%}.order-summary-block.from{border-left:3px solid var(--ws-blue)}.order-summary-block.to{border-left:3px solid var(--ws-navy)}.order-summary-block .ant-typography{font-size:14px}.orders-layout--dark .order-summary-block{background:#ffffff08;border-color:var(--orders-border-color)}.order-items-header{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.order-items-title{font-size:12px;font-weight:700;color:var(--orders-text-strong);text-transform:uppercase;letter-spacing:.7px}.order-items-count{font-size:12px;color:var(--orders-text-muted)}.order-items-list{margin-top:4px}.order-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--ws-outline);border-radius:8px;background:var(--ws-card);transition:all .15s ease;cursor:pointer}.order-item:hover{border-color:var(--ws-blue);background:var(--ws-surface-low)}.order-item.checked{border-color:var(--ws-blue);background:var(--ws-blue-container)}.order-item.checked .order-item-name{text-decoration:line-through;color:var(--ws-pending)}.orders-layout--dark .order-item{background:var(--orders-card-bg);border-color:var(--orders-border-color)}.order-item-content{flex:1;display:flex;flex-direction:column;gap:2px}.order-item-name{font-weight:600;color:var(--orders-text-strong)}.order-item-meta{font-size:12px;color:var(--orders-text-muted)}.order-item-qty-badge{font-size:12px;font-weight:700;color:var(--ws-blue);background:var(--ws-blue-container);padding:2px 10px;border-radius:999px;white-space:nowrap}.orders-layout--dark .order-item-qty-badge{color:#8cc1ff;background:#8cc1ff29}.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:Noto Sans Lao,Noto Sans Lao Looped,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,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}