:root{--mf-yellow:#FFC400;--mf-blue:#003DA5;--mf-navy:#071B3A;--mf-white:#fff;--mf-soft:#F3F7FC;--mf-green:#24D46B;--mf-red:#FF4D5A;--mf-text:#0A2147}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Kanit,system-ui,sans-serif;background:var(--mf-soft);color:var(--mf-text)}button,input,select,textarea{font:inherit}.mf-lmc-app{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.mf-lmc-sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#06172f,#092a62);color:#fff;padding:22px 16px;z-index:30}.mf-lmc-brand{display:grid;grid-template-columns:44px 1fr;gap:0 10px;align-items:center;text-decoration:none;color:#fff;margin-bottom:22px}.mf-lmc-brand span{grid-row:1/3;width:44px;height:44px;border-radius:14px;background:var(--mf-yellow);color:#072354;display:grid;place-items:center;font-size:22px}.mf-lmc-brand b{font-size:18px}.mf-lmc-brand small{opacity:.75}.mf-lmc-primary{width:100%;border:0;border-radius:15px;padding:13px;background:var(--mf-yellow);color:#071d43;font-weight:800;cursor:pointer;box-shadow:0 12px 28px rgba(255,196,0,.25)}.mf-lmc-sidebar nav{display:grid;gap:7px;margin-top:22px}.mf-lmc-sidebar nav a{color:#dfeaff;text-decoration:none;padding:12px 13px;border-radius:12px;font-weight:600}.mf-lmc-sidebar nav a:hover,.mf-lmc-sidebar nav a.active{background:rgba(255,255,255,.12);color:#fff}.mf-lmc-side-status{position:absolute;left:16px;right:16px;bottom:18px;display:flex;gap:10px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.07)}.mf-lmc-side-status i{width:11px;height:11px;border-radius:50%;background:var(--mf-green);box-shadow:0 0 0 0 rgba(36,212,107,.6);animation:pulse 1.6s infinite}.mf-lmc-side-status b,.mf-lmc-side-status small{display:block}.mf-lmc-side-status small{opacity:.7}.mf-lmc-main{min-width:0}.mf-lmc-topbar{height:76px;display:flex;align-items:center;gap:14px;padding:12px 18px;background:#fff;border-bottom:1px solid #dce6f2;position:sticky;top:0;z-index:25}.mf-lmc-menu{display:none}.mf-lmc-search{flex:1;display:flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid #d7e2ef;border-radius:14px;background:#f8fbff}.mf-lmc-search input{width:100%;border:0;outline:0;background:transparent}.mf-lmc-topstats{display:flex;gap:8px}.mf-lmc-topstats span{min-width:78px;padding:7px 10px;border-radius:12px;background:#f2f6fb;text-align:center}.mf-lmc-topstats b,.mf-lmc-topstats small{display:block}.mf-lmc-topstats b{color:var(--mf-blue)}.mf-lmc-topstats small{font-size:10px}.mf-lmc-user{text-decoration:none;color:var(--mf-text);padding:10px 12px;border:1px solid #dce5ef;border-radius:12px}.mf-lmc-workspace{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;padding:16px}.mf-lmc-map-panel,.mf-lmc-chat-panel{background:#fff;border:1px solid #dce6f2;border-radius:20px;overflow:hidden;box-shadow:0 12px 36px rgba(0,43,103,.08)}.mf-lmc-map-panel{position:relative;min-height:650px}.mf-lmc-map-head{height:72px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3ebf4}.mf-lmc-map-head b,.mf-lmc-map-head small{display:block}.mf-lmc-map-head b{font-size:18px}.mf-lmc-map-head small{color:#647895}.mf-lmc-legend{display:flex;gap:10px;font-size:12px}.mf-lmc-legend .online{color:#16a75a}.mf-lmc-legend .pickup{color:#d99c00}.mf-lmc-legend .delivering{color:#177eea}.mf-lmc-legend .busy{color:#df3345}#mfLmcMap{height:576px;background:#dbe9f7}.mf-lmc-locate{position:absolute;left:16px;bottom:16px;z-index:500;border:0;border-radius:12px;padding:10px 13px;background:#fff;box-shadow:0 8px 24px rgba(0,39,92,.2);cursor:pointer}.mf-lmc-radar{position:absolute;right:24px;bottom:56px;z-index:500;width:94px;height:94px;border:0;border-radius:50%;background:var(--mf-yellow);color:#092754;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 0 rgba(255,196,0,.55),0 16px 35px rgba(0,42,100,.25)}.mf-lmc-radar i{position:absolute;inset:0;border:2px solid #fff;border-radius:50%;animation:radar 1.8s infinite}.mf-lmc-radar strong{font-size:27px}.mf-lmc-radar span{position:absolute;bottom:-28px;color:#092754;font-weight:800}.mf-lmc-map-message{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:499;padding:10px 14px;border-radius:999px;background:rgba(6,29,67,.86);color:#fff;font-size:12px;backdrop-filter:blur(10px)}.mf-lmc-chat-panel{display:flex;flex-direction:column;min-height:650px}.mf-lmc-chat-head{display:flex;justify-content:space-between;align-items:center;padding:15px;background:var(--mf-navy);color:#fff}.mf-lmc-chat-head>div{display:grid;grid-template-columns:12px 1fr;gap:0 8px}.mf-lmc-chat-head i{grid-row:1/3;width:11px;height:11px;border-radius:50%;background:var(--mf-green);margin-top:5px}.mf-lmc-chat-head b,.mf-lmc-chat-head small{display:block}.mf-lmc-chat-head small{opacity:.75;font-size:11px}.mf-lmc-chat-head>span{padding:6px 10px;border-radius:999px;background:#d9ffea;color:#08723d;font-weight:800}.mf-lmc-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:8px;border-bottom:1px solid #e0e8f1}.mf-lmc-tabs button{border:0;background:transparent;padding:10px;cursor:pointer;border-radius:10px}.mf-lmc-tabs button.active{background:var(--mf-yellow);font-weight:800}.mf-lmc-tab{display:none;min-height:0;flex:1}.mf-lmc-tab.active{display:flex;flex-direction:column}.mf-lmc-messages{flex:1;overflow:auto;padding:14px;display:grid;align-content:start;gap:12px;max-height:510px}.mf-msg{display:flex;gap:9px}.mf-msg>span{width:34px;height:34px;border-radius:50%;background:#eef4fb;display:grid;place-items:center}.mf-msg>div{max-width:82%;padding:10px 12px;border-radius:14px;background:#f1f5fa}.mf-msg b,.mf-msg p,.mf-msg small{display:block;margin:0}.mf-msg p{margin:3px 0}.mf-msg small{font-size:10px;color:#73849b}.mf-msg.customer{justify-content:flex-end}.mf-msg.customer>span{order:2}.mf-msg.customer>div{background:#fff2b8}.mf-lmc-composer{display:grid;grid-template-columns:42px 1fr 46px;gap:7px;padding:10px;border-top:1px solid #e1e9f1}.mf-lmc-composer input{border:1px solid #d9e3ee;border-radius:12px;padding:10px}.mf-lmc-composer button{border:0;border-radius:12px;background:#edf3f9;cursor:pointer}.mf-lmc-composer button:last-child{background:var(--mf-yellow);font-weight:900}.mf-lmc-request{padding:14px;display:grid;gap:10px;overflow:auto}.mf-lmc-request label{display:grid;gap:5px;font-weight:700}.mf-lmc-request input,.mf-lmc-request select,.mf-lmc-request textarea{width:100%;border:1px solid #d8e3ee;border-radius:11px;padding:10px;background:#fff}.mf-lmc-request textarea{min-height:80px;resize:vertical}.mf-lmc-request>button{border:0;border-radius:13px;padding:12px;background:var(--mf-yellow);font-weight:900;cursor:pointer}.mf-lmc-timeline{list-style:none;margin:0;padding:18px;display:grid;gap:18px}.mf-lmc-timeline li{position:relative;padding-left:25px}.mf-lmc-timeline li:before{content:"";position:absolute;left:6px;top:14px;bottom:-20px;width:2px;background:#d9e4ef}.mf-lmc-timeline li:last-child:before{display:none}.mf-lmc-timeline i{position:absolute;left:0;top:4px;width:14px;height:14px;border-radius:50%;background:#b8c8db}.mf-lmc-timeline li.done i{background:var(--mf-green)}.mf-lmc-timeline li.active i{background:var(--mf-yellow);box-shadow:0 0 0 7px rgba(255,196,0,.2)}.mf-lmc-timeline b,.mf-lmc-timeline small{display:block}.mf-lmc-timeline small{color:#71839a}.mf-lmc-drivers{margin:0 16px 24px;padding:16px;background:#fff;border:1px solid #dce6f2;border-radius:20px}.mf-lmc-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mf-lmc-section-head b,.mf-lmc-section-head small{display:block}.mf-lmc-section-head button{border:0;border-radius:10px;padding:8px 12px;background:#edf3f9;cursor:pointer}.mf-lmc-driver-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mf-driver-card{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid #dfe8f1;border-radius:15px}.mf-driver-icon{width:48px;height:48px;border-radius:14px;background:#fff1ad;display:grid;place-items:center;font-size:24px}.mf-driver-card b,.mf-driver-card small,.mf-driver-card em{display:block}.mf-driver-card small{color:#71839a}.mf-driver-card em{display:inline-block;margin-top:4px;padding:3px 8px;border-radius:999px;font-style:normal;font-size:10px}.mf-driver-card em.online{background:#dcffeb;color:#0c8248}.mf-driver-card em.pickup{background:#fff2bd;color:#946b00}.mf-driver-card em.delivering{background:#dcedff;color:#1269be}.mf-driver-card em.busy,.mf-driver-card em.offline{background:#ffe1e5;color:#a72131}.mf-driver-card button{border:0;border-radius:10px;padding:8px 10px;background:var(--mf-yellow);cursor:pointer;font-weight:800}.mf-lmc-empty{grid-column:1/-1;padding:22px;text-align:center;border:1px dashed #c7d5e4;border-radius:14px;color:#677b94}@keyframes pulse{70%{box-shadow:0 0 0 12px rgba(36,212,107,0)}}@keyframes radar{0%{transform:scale(.78);opacity:1}100%{transform:scale(1.55);opacity:0}}@media(max-width:1180px){.mf-lmc-app{grid-template-columns:88px minmax(0,1fr)}.mf-lmc-sidebar{padding:18px 10px}.mf-lmc-brand{grid-template-columns:1fr}.mf-lmc-brand span{margin:auto}.mf-lmc-brand b,.mf-lmc-brand small,.mf-lmc-sidebar nav a:not(.active),.mf-lmc-side-status div{display:none}.mf-lmc-sidebar nav a{font-size:0;text-align:center}.mf-lmc-sidebar nav a::first-letter{font-size:20px}.mf-lmc-primary{font-size:0}.mf-lmc-primary:after{content:"＋";font-size:22px}.mf-lmc-workspace{grid-template-columns:minmax(0,1fr) 340px}.mf-lmc-driver-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.mf-lmc-app{display:block}.mf-lmc-sidebar{position:fixed;left:-260px;width:240px;transition:.25s}.mf-lmc-sidebar.open{left:0}.mf-lmc-brand{grid-template-columns:44px 1fr}.mf-lmc-brand b,.mf-lmc-brand small,.mf-lmc-side-status div{display:block}.mf-lmc-sidebar nav a{font-size:inherit;text-align:left}.mf-lmc-primary{font-size:inherit}.mf-lmc-primary:after{display:none}.mf-lmc-menu{display:block;border:0;background:#edf3f9;border-radius:10px;padding:9px}.mf-lmc-topstats{display:none}.mf-lmc-workspace{grid-template-columns:1fr}.mf-lmc-map-panel{min-height:520px}#mfLmcMap{height:450px}.mf-lmc-chat-panel{min-height:560px}.mf-lmc-driver-grid{grid-template-columns:1fr}.mf-lmc-user{display:none}}@media(max-width:560px){.mf-lmc-topbar{padding:10px}.mf-lmc-search{padding:9px}.mf-lmc-workspace{padding:8px}.mf-lmc-map-head{height:auto;align-items:flex-start;gap:8px}.mf-lmc-legend{display:grid;grid-template-columns:1fr 1fr}.mf-lmc-radar{width:76px;height:76px;right:14px}.mf-lmc-map-message{left:14px;right:100px;transform:none;text-align:center}.mf-lmc-drivers{margin:0 8px 16px}}