:root{font-family:Inter,"Noto Sans Thai",ui-sans-serif,system-ui,sans-serif;color:#12213b;background:#f3f6fb;--navy:#0b2d67;--blue:#1557c0;--blue2:#2675eb;--orange:#ff7a1a;--ink:#12213b;--muted:#6b7b93;--line:#dce5f2;--soft:#f5f8fd;--white:#fff}*{box-sizing:border-box}body{margin:0;background:#f3f6fb;color:var(--ink)}button,input,select{font:inherit}.hide{display:none!important}.eyebrow{display:block;color:var(--orange);font-size:11px;font-weight:900;letter-spacing:.18em}.eyebrow.light{color:#9ec4ff}.brand-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--orange);color:#fff;font-size:24px;font-weight:900;box-shadow:0 12px 26px #ff7a1a50}.brand-mark.small{width:42px;height:42px;border-radius:13px;font-size:18px;box-shadow:none}.login{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.2fr) minmax(380px,.8fr);background:#fff}.login-visual{position:relative;display:flex;align-items:center;padding:8vw;overflow:hidden;background:linear-gradient(145deg,#071d47 0%,#0b3477 54%,#1760ca 100%);color:#fff}.login-visual:after{content:"";position:absolute;right:-100px;bottom:-150px;width:430px;height:430px;border-radius:50%;background:#ff7a1a12;border:1px solid #ffffff18}.login-copy{position:relative;z-index:2;max-width:620px}.login-copy .brand-mark{margin-bottom:44px}.login-copy h1{margin:12px 0 20px;font-size:clamp(46px,6vw,82px);line-height:1.02;letter-spacing:-.055em}.login-copy p{max-width:540px;margin:0;color:#c6d9f7;font-size:18px;line-height:1.75}.login-orbit{position:absolute;border:1px solid #ffffff16;border-radius:50%}.orbit-one{width:480px;height:480px;right:-170px;top:-130px}.orbit-two{width:700px;height:700px;right:-280px;top:-240px}.login-card{align-self:center;width:min(440px,calc(100% - 48px));margin:auto;padding:34px}.login-card h2{margin:9px 0 7px;font-size:38px;letter-spacing:-.04em}.login-card p{margin:0 0 34px;color:var(--muted);line-height:1.65}.login-card label{display:block;margin-bottom:9px;font-size:13px;font-weight:800}.login-card input{width:100%;padding:16px;border:1px solid var(--line);border-radius:13px;outline:none;background:var(--soft);font-size:16px}.login-card input:focus{border-color:var(--blue2);box-shadow:0 0 0 4px #2675eb18}.login-card button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:15px;padding:16px 18px;border:0;border-radius:13px;background:var(--orange);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 14px 28px #ff7a1a35}.login-card button span{font-size:22px}.login-card small{display:block;margin-top:10px;color:#d32f2f}.topbar{height:76px;display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1540px)/2));background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1000}.brand{display:flex;align-items:center;gap:12px}.brand b,.brand span{display:block}.brand b{font-size:16px}.brand span{font-size:11px;color:var(--muted);letter-spacing:.05em}.nav-status{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:20px;padding:8px 12px;border-radius:999px;background:#edf9f2;color:#187642;font-size:12px;font-weight:800}.nav-status i{width:8px;height:8px;border-radius:50%;background:#23b26d;box-shadow:0 0 0 4px #23b26d18}.logout{padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--navy);font-weight:800;cursor:pointer}.dashboard{max-width:1600px;margin:auto;padding:34px 30px 52px}.hero{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.hero h1{margin:6px 0 4px;font-size:clamp(36px,4vw,58px);line-height:1.06;letter-spacing:-.055em}.hero p{margin:0;color:var(--muted);font-size:15px}.hero-badge{text-align:right;padding:14px 17px;border-radius:14px;background:#eaf2ff;color:var(--blue)}.hero-badge span,.hero-badge strong{display:block}.hero-badge span{font-size:11px;color:var(--muted)}.hero-badge strong{margin-top:3px;font-size:14px}.stats{display:grid;grid-template-columns:1.35fr .8fr 1fr;gap:16px;margin-bottom:16px}.stat{display:flex;align-items:center;gap:16px;min-height:126px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 30px #183a7010}.stat.primary{color:#fff;border:0;background:linear-gradient(135deg,var(--navy),var(--blue));box-shadow:0 18px 34px #0b34772e}.stat-icon{display:grid;place-items:center;flex:0 0 54px;height:54px;border-radius:16px;background:#ffffff18;color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em}.stat:not(.primary) .stat-icon{background:#eaf2ff;color:var(--blue)}.stat:not(.primary) .stat-icon.orange{background:#fff0e5;color:var(--orange)}.stat:not(.primary) .stat-icon.sky{background:#e8f8ff;color:#0784ba}.stat span,.stat strong,.stat small{display:block}.stat span{font-size:12px;color:var(--muted);font-weight:700}.stat.primary span{color:#bcd5ff}.stat strong{margin-top:6px;font-size:clamp(22px,2.1vw,34px);line-height:1.1;letter-spacing:-.03em}.stat small{margin-top:4px;color:#9aa7b9}.control-panel{display:grid;grid-template-columns:230px 1fr;align-items:center;gap:22px;padding:18px 20px;margin-bottom:16px;background:#fff;border:1px solid var(--line);border-radius:20px}.control-heading span,.control-heading small{display:block}.control-heading span{font-size:16px;font-weight:900}.control-heading small{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.5}.filters{display:grid;grid-template-columns:1.7fr 1fr 1fr 160px;gap:11px;align-items:end}.filters label span{display:block;margin:0 0 7px;color:var(--muted);font-size:11px;font-weight:800}.filters select,.filters input{width:100%;height:48px;padding:0 13px;border:1px solid var(--line);border-radius:11px;background:var(--soft);color:var(--ink);outline:none}.filters select:focus,.filters input:focus{border-color:var(--blue2);box-shadow:0 0 0 4px #2675eb14}.filters button{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border:0;border-radius:11px;background:var(--orange);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 9px 20px #ff7a1a2d}.filters button b{font-size:19px}.workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(440px,.75fr);gap:16px}.map-card,.data-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 12px 34px #183a7012;overflow:hidden}.card-head{min-height:84px;display:flex;align-items:center;justify-content:space-between;padding:18px 21px;border-bottom:1px solid var(--line)}.card-kicker{display:block;color:var(--orange);font-size:10px;font-weight:900;letter-spacing:.16em}.card-head h2{margin:4px 0 0;font-size:21px;letter-spacing:-.02em}.legend{display:flex;gap:13px;color:var(--muted);font-size:10px;font-weight:700}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:9px;height:9px;border-radius:50%;background:var(--blue)}.legend .start{background:var(--orange)}.legend .end{background:#dc2626}.legend .route{border-radius:3px}#map{height:620px;z-index:1;background:#e9eef7}.map-note{height:42px;display:flex;align-items:center;gap:8px;padding:0 20px;color:var(--muted);font-size:11px;border-top:1px solid var(--line)}.map-note i{width:8px;height:8px;border-radius:50%;background:#23b26d}.table{height:662px;overflow:auto}.table table{width:100%;border-collapse:collapse;font-size:12px}.table th,.table td{padding:14px 13px;border-bottom:1px solid #edf1f7;text-align:left;white-space:nowrap}.table th{position:sticky;top:0;z-index:2;background:#f8faff;color:var(--navy);font-size:10px;letter-spacing:.04em}.table tbody tr{cursor:pointer;transition:.15s}.table tbody tr:hover{background:#fff6ed}.scroll-hint{padding:6px 9px;border-radius:8px;background:var(--soft);color:var(--muted);font-size:10px}#empty{display:flex;flex-direction:column;align-items:center;padding:90px 20px;color:var(--muted);text-align:center}#empty b{margin-top:10px;color:var(--ink)}#empty span{margin-top:4px;font-size:11px}.empty-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#eaf2ff;color:var(--blue);font-size:24px;font-weight:900}@media(max-width:1150px){.control-panel{grid-template-columns:1fr}.filters{grid-template-columns:1.5fr 1fr 1fr 150px}.workspace{grid-template-columns:1fr}.data-card .table{height:440px}}@media(max-width:760px){.dashboard{padding:24px 15px 38px}.topbar{padding:0 15px}.nav-status{display:none}.hero{align-items:start}.hero-badge{display:none}.stats{grid-template-columns:1fr 1fr}.stat.primary{grid-column:1/-1}.filters{grid-template-columns:1fr 1fr}.filters label:first-child,.filters button{grid-column:1/-1}.workspace{display:block}.data-card{margin-top:15px}#map{height:470px}.legend{display:none}.login{grid-template-columns:1fr}.login-visual{display:none}.login-card{min-height:100vh;display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:38px}}@media(max-width:480px){.brand span{display:none}.logout{font-size:11px}.stats{grid-template-columns:1fr}.stat.primary{grid-column:auto}.control-panel{padding:16px}.filters{grid-template-columns:1fr}.filters label:first-child,.filters button{grid-column:auto}#map{height:410px}.card-head{padding:16px}.table{height:420px!important}}