*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#f4f6f3;color:#18251e}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#103f2b;color:white;padding:22px 15px;z-index:10;transition:.2s}.brand{display:flex;gap:12px;align-items:center;padding:4px 8px 28px}.brand-mark{width:46px;height:46px;background:#f4c928;color:#123b2a;border-radius:12px;display:grid;place-items:center;font-size:25px;font-weight:900}.brand strong{font-size:21px;letter-spacing:2px;display:block}.brand span{font-size:10px;letter-spacing:2px;color:#dbe9df}.nav-item{width:100%;background:transparent;color:#dce9df;text-align:left;padding:13px 13px;border-radius:11px;margin:2px 0;font-weight:650}.nav-item:hover,.nav-item.active{background:#1c5d3e;color:#fff}.nav-item.active{box-shadow:inset 4px 0 #f4c928}.nav-item span{margin-left:9px}.sidebar-foot{position:absolute;bottom:22px;left:22px;font-size:11px;opacity:.65}main{margin-left:245px;min-height:100vh}.topbar{height:92px;background:#fff;border-bottom:1px solid #dfe6e0;display:flex;align-items:center;padding:0 32px;gap:18px}.hamburger{display:none;background:#eef3ee;border-radius:10px;padding:10px 12px;font-size:20px}.eyebrow{font-size:10px;letter-spacing:2px;color:#16804b;font-weight:800}.topbar h1{margin:3px 0 0;font-size:25px}.top-actions{margin-left:auto;display:flex;gap:10px}.primary,.outline{padding:11px 16px;border-radius:10px;font-weight:750}.primary{background:#16804b;color:white}.outline{background:white;border:1px solid #b9c9bd;color:#165737}.content{padding:28px 32px;max-width:1450px;margin:auto}.hero{background:linear-gradient(135deg,#0e4b31,#1d7148);color:white;border-radius:20px;padding:27px;display:flex;justify-content:space-between;gap:25px;align-items:center;box-shadow:0 10px 30px #103f2b18}.hero h2{margin:4px 0 7px;font-size:30px}.hero p{margin:0;color:#dcece2}.hero-badge{background:#f4c928;color:#173d2b;border-radius:14px;padding:17px 20px;font-weight:900;text-align:center;min-width:155px}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.block{background:white;border:1px solid #dfe6e0;border-radius:18px;padding:20px;box-shadow:0 5px 18px #193d2810}.block h3{margin:0 0 7px;font-size:17px}.muted{color:#718077;font-size:13px}.big{font-size:29px;font-weight:850}.section-title{display:flex;align-items:end;justify-content:space-between;margin:28px 0 13px}.section-title h2{margin:0;font-size:19px}.kpi{min-height:126px}.kpi .label{font-size:12px;color:#6b776f;text-transform:uppercase;letter-spacing:.6px}.kpi .big{margin-top:9px}.status{display:inline-block;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;background:#e8f5ed;color:#157044}.warning{background:#fff4cf;color:#826300}.danger{background:#fde9e7;color:#a83a2d}.route-card{position:relative;border-left:7px solid #16804b}.route-no{font-size:12px;font-weight:900;color:#16804b}.route-line{display:flex;gap:10px;align-items:center;margin:12px 0;font-weight:800}.dot{width:10px;height:10px;border-radius:50%;background:#f4c928;flex:none}.arrow{color:#8b978f}.route-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.pill{padding:6px 9px;border-radius:8px;background:#eef3ee;color:#375244;font-size:11px;font-weight:750}.actions{display:flex;gap:8px;margin-top:15px}.small-btn{background:#edf4ef;color:#165737;padding:8px 11px;border-radius:9px;font-weight:750;font-size:12px}.small-btn.yellow{background:#f4c928}.map-box{height:380px;border-radius:18px;background:radial-gradient(circle at 75% 30%,#d8e9dc 0 12%,transparent 13%),linear-gradient(135deg,#dfeadd,#cddbc9);position:relative;overflow:hidden;border:1px solid #cbd8cd}.road{position:absolute;background:#fff;transform:rotate(-17deg);height:15px;width:120%;left:-10%;top:45%;box-shadow:0 0 0 2px #c7d2c7}.road.r2{transform:rotate(24deg);top:67%;background:#f7f7f4}.pin{position:absolute;width:31px;height:31px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#16804b;color:white;display:grid;place-items:center;font-weight:900;border:3px solid white;box-shadow:0 4px 10px #0003}.pin span{transform:rotate(45deg)}.p1{left:20%;top:56%}.p2{left:43%;top:35%}.p3{left:62%;top:51%}.p4{left:76%;top:25%}.map-caption{position:absolute;left:16px;top:15px;background:#fff;padding:9px 12px;border-radius:10px;font-weight:800;box-shadow:0 4px 12px #0002}.list{display:flex;flex-direction:column;gap:10px}.list-row{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;background:#f7f9f7;border-radius:11px}.list-row strong{display:block}.table-wrap{overflow:auto;background:white;border:1px solid #dfe6e0;border-radius:16px}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{text-align:left;padding:13px 15px;border-bottom:1px solid #e6ece7;font-size:13px}.table th{background:#f2f6f2;color:#54645a;font-size:11px;text-transform:uppercase;letter-spacing:.6px}.empty{padding:40px;text-align:center;color:#748078}.stepper{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:20px 0}.step{background:#fff;border:1px solid #dfe6e0;border-radius:14px;padding:14px}.step.active{background:#f4c928;border-color:#f4c928}.step .num{font-size:11px;font-weight:900}.step strong{display:block;margin-top:5px}.form{display:grid;gap:13px}.form label{font-size:12px;font-weight:800;color:#526158}.form input,.form select,.form textarea{width:100%;padding:11px 12px;border:1px solid #ccd8cf;border-radius:10px;background:#fff}.form textarea{min-height:90px;resize:vertical}.modal-backdrop{position:fixed;inset:0;background:#10201788;z-index:50;display:grid;place-items:center;padding:20px}.modal{width:min(600px,100%);background:white;border-radius:20px;padding:25px;position:relative;max-height:90vh;overflow:auto}.close{position:absolute;right:16px;top:13px;background:#edf2ed;border-radius:50%;width:34px;height:34px;font-size:22px}.hidden{display:none!important}.notice{padding:14px;border-radius:12px;background:#fff7d8;border:1px solid #eed57a;font-size:13px}.green-note{padding:14px;border-radius:12px;background:#e9f5ed;border:1px solid #bfe0c9;font-size:13px}.route-builder{display:grid;grid-template-columns:1fr 1fr;gap:16px}.place-select{padding:14px;border:2px dashed #cbd8ce;border-radius:13px;background:#fafcf9}.place-select.selected{border-color:#16804b;background:#edf7f0}.place-select input{margin-right:8px}.floating{position:fixed;right:25px;bottom:25px;background:#f4c928;color:#173d2b;padding:14px 17px;border-radius:13px;font-weight:900;box-shadow:0 8px 22px #0002}@media(max-width:900px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}main{margin-left:0}.hamburger{display:block}.topbar{padding:0 18px}.top-actions{display:none}.content{padding:18px}.grid-4,.grid-3{grid-template-columns:1fr 1fr}.stepper{grid-template-columns:repeat(3,1fr)}.route-builder{grid-template-columns:1fr}}@media(max-width:560px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.hero{flex-direction:column;align-items:flex-start}.hero-badge{width:100%}.topbar h1{font-size:20px}}