:root{font-family:Inter,system-ui,sans-serif;color:#202923;background:#f7f8f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#102d43;color:#fff;padding:24px 15px;display:flex;flex-direction:column;z-index:10}.logo{display:flex;align-items:center;gap:12px;padding:4px 10px 34px}.logo-mark{width:42px;height:42px;border-radius:13px;background:#0b7052;display:grid;place-items:center;font-size:24px;color:#f4d995}.logo b{display:block;font-size:15px}.logo small{display:block;color:#aab9c2;font-size:10px;margin-top:4px}.side-label{font-size:9px;letter-spacing:1.6px;color:#8fa3ae;padding:0 13px 12px}.side-link{border:0;background:transparent;color:#cbd6dc;width:100%;display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:9px;margin:2px 0;font:600 12px Inter;cursor:pointer;text-align:left}.side-link.selected,.side-link:hover{background:#0b7052;color:#fff}.side-bottom{margin-top:auto}.main{margin-left:248px}.topbar{height:72px;background:#fff;border-bottom:1px solid #e8e9e3;display:flex;align-items:center;justify-content:space-between;padding:0 34px}.crumb{font-size:12px;color:#68756f}.crumb span{padding:0 9px;color:#c2c8c3}.top-actions{display:flex;align-items:center;gap:13px}.mode-switch{font-size:11px;color:#77817c}.mode-switch select{margin-left:7px;border:1px solid #e5e9e5;border-radius:7px;padding:7px;color:#102d43;background:#fff}.icon-btn{position:relative;border:1px solid #edf0ed;background:#fff;border-radius:9px;width:36px;height:36px;display:grid;place-items:center;color:#49605a}.bell i{position:absolute;width:6px;height:6px;background:#d88d38;border-radius:50%;right:7px;top:7px}.avatar{width:34px;height:34px;border-radius:50%;background:#0b7052;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800}.content{padding:34px;max-width:1500px;margin:auto}.welcome-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:800;color:#b18b42}.welcome-row h1{font-size:24px;color:#102d43;margin:7px 0}.welcome-row p,.panel-head p{font-size:11px;color:#8a948e;margin:0}.primary{border:0;border-radius:9px;background:#0b7052;color:#fff;padding:11px 15px;font:700 11px Inter;display:inline-flex;gap:8px;align-items:center;cursor:pointer}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.stat-card,.panel{background:#fff;border:1px solid #e9ece8;border-radius:13px;box-shadow:0 4px 15px #183b2910}.stat-card{padding:17px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#77817c;font-size:11px}.stat-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#e8f3ee;color:#0b7052}.tone-1{background:#fff2e0;color:#c78b32}.tone-2{background:#e8f1fa;color:#3479aa}.tone-3{background:#f5eddf;color:#a77b2c}.stat-card strong{display:block;font-size:25px;color:#102d43;margin:12px 0 5px}.stat-card small{font-size:9px;color:#9aa39e}.up{color:#0b8c5b;font-weight:900}.dashboard-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:16px}.panel{padding:19px;margin-bottom:16px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.panel-head h2{font-size:14px;color:#102d43;margin:0 0 5px}.text-btn{border:0;background:transparent;color:#0b7052;font:700 10px Inter;display:inline-flex;align-items:center;gap:4px;cursor:pointer}.search{height:36px;border:1px solid #e9ede9;border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#8a958f;margin-bottom:10px}.search input{border:0;outline:0;flex:1;font:11px Inter}.trip-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #f0f2ef}.trip-thumb{width:42px;height:42px;border-radius:10px;background:#f5f1e7;display:grid;place-items:center;font-size:22px}.trip-info{flex:1;min-width:0}.trip-info b{display:block;font-size:10px;color:#263a33}.trip-info small{display:block;color:#929b95;font-size:9px;margin-top:5px}.status{font-size:9px;background:#f3f4f2;color:#78817c;padding:5px 8px;border-radius:20px}.status.green{background:#e8f5ed;color:#168353}.manage{border:1px solid #dce9e1;background:#f5faf6;color:#0b7052;padding:6px 9px;border-radius:6px;font:700 9px Inter;cursor:pointer}.map-preview{height:210px;border-radius:10px;position:relative;overflow:hidden;background-color:#e9f0e8;background-image:linear-gradient(30deg,transparent 48%,#fff 49%,#fff 51%,transparent 52%),linear-gradient(120deg,transparent 48%,#fff 49%,#fff 51%,transparent 52%);background-size:70px 60px}.map-road{position:absolute;height:5px;border-radius:10px;background:#9bbca9;transform:rotate(-23deg)}.road-one{width:80%;left:7%;top:53%}.road-two{width:65%;left:22%;top:34%;transform:rotate(28deg);background:#c6b78d}.pin{position:absolute;color:#0b9a5c;font-size:25px;text-shadow:0 1px 3px #fff}.pin-a{left:20%;top:42%}.pin-b{right:18%;top:22%;color:#d94b3d}.map-city{position:absolute;font-size:10px;font-weight:800;color:#40574c}.city-a{left:13%;top:61%}.city-b{right:10%;top:42%}.map-caption{position:absolute;bottom:10px;left:10px;background:#fffd;border-radius:6px;padding:6px 8px;font-size:9px;display:flex;align-items:center;gap:5px;color:#66756c}.tracking-foot{display:flex;gap:7px;align-items:center;color:#0b7052;font-size:10px;margin-top:12px}.activity{margin-top:0}.activity-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #f0f2ef}.activity-row b{font-size:10px;flex:1}.activity-row small{font-size:9px;color:#929b95}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{font-size:9px;color:#87928c;text-transform:uppercase;letter-spacing:.7px;background:#f8faf8}td,th{padding:13px;border-bottom:1px solid #edf0ed}td{color:#48574f}.mobile-toggle{display:none;border:0;background:transparent}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#102d4377;display:grid;place-items:center;z-index:30;padding:20px}.modal{position:relative;width:min(440px,100%);background:#fff;border-radius:16px;padding:26px}.modal h2{font-size:20px;color:#102d43}.modal p{font-size:11px;color:#849089}.modal label{display:block;font-size:10px;font-weight:700;margin:15px 0;color:#4c5b53}.modal input,.modal textarea{display:block;width:100%;padding:11px;border:1px solid #e5eae5;border-radius:8px;margin-top:7px;font:12px Inter}.modal textarea{min-height:80px}.close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:25px;color:#718078}.full{width:100%;justify-content:center}@media(max-width:1000px){.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:700px){.sidebar{transform:translate(-100%);transition:.2s}.sidebar.open{transform:translate(0)}.main{margin-left:0}.mobile-toggle{display:block}.topbar{padding:0 14px}.content{padding:20px 14px}.welcome-row{align-items:flex-start;gap:12px}.welcome-row h1{font-size:19px}.welcome-row .primary{white-space:nowrap}.stat-grid{gap:9px}.stat-card{padding:12px}.stat-card strong{font-size:21px}.mode-switch{font-size:0}.mode-switch select,.crumb{font-size:10px}.trip-row{flex-wrap:wrap}.status{margin-left:auto}}@media(max-width:420px){.stat-grid{grid-template-columns:1fr 1fr}.welcome-row{flex-direction:column}.activity-row{gap:7px}}