:root{--sidebar:260px;--topbar:64px;--surface:#fff;--bg:#f4f6f8;--ink:#17202a;--muted:#6c757d;--brand:#17191c;--accent:#ff6b00}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);padding-top:var(--topbar)}.app-topbar{height:var(--topbar);background:linear-gradient(90deg,#111315,#22262a);box-shadow:0 1px 12px rgba(0,0,0,.18)}.app-sidebar{background:#17191c;color:#fff}.app-sidebar .nav-link{color:#bfc5cb;border-radius:12px;padding:.75rem .9rem;display:flex;align-items:center;gap:.8rem}.app-sidebar .nav-link:hover{background:#25292d;color:#fff}.app-sidebar .nav-section{font-size:.7rem;letter-spacing:.12em;color:#727980;margin:1.2rem .9rem .4rem}.app-main{min-height:calc(100vh - var(--topbar))}.card{border:0;border-radius:18px;box-shadow:0 6px 24px rgba(18,26,33,.06)}.stat-card .icon{width:48px;height:48px;border-radius:14px;background:#f0f2f4;display:grid;place-items:center;font-size:1.4rem}.route-card{overflow:hidden;transition:.2s}.route-card:hover{transform:translateY(-3px);box-shadow:0 12px 34px rgba(18,26,33,.11)}.route-cover{height:190px;object-fit:cover;width:100%;background:linear-gradient(135deg,#272b30,#4b535b)}.route-placeholder{height:190px;background:linear-gradient(135deg,#20252a,#545c64);display:grid;place-items:center;color:#fff;font-size:3rem}.badge-soft{background:#eef1f4;color:#3e4852}.map-box{height:520px;border-radius:18px;overflow:hidden;background:#e9ecef}.waypoint-row{background:#fff;border:1px solid #e7eaed;border-radius:14px;padding:.75rem}.drag-handle{cursor:grab;color:#9aa1a8}.hero-card{background:linear-gradient(120deg,#15181b,#2c3238);color:white;overflow:hidden}.hero-card .display-6{max-width:800px}.form-control,.form-select{border-radius:11px;border-color:#dde2e6}.btn{border-radius:11px}.btn-primary{background:#20252a;border-color:#20252a}.btn-primary:hover{background:#0f1113;border-color:#0f1113}.route-timeline{position:relative}.route-timeline:before{content:"";position:absolute;left:15px;top:18px;bottom:18px;width:2px;background:#dfe3e6}.route-stop{position:relative;padding-left:42px;margin-bottom:1rem}.route-stop:before{content:"";position:absolute;left:9px;top:4px;width:14px;height:14px;border-radius:50%;background:#20252a;border:3px solid #fff;box-shadow:0 0 0 2px #20252a}@media(min-width:992px){.app-sidebar{position:fixed;top:var(--topbar);bottom:0;left:0;width:var(--sidebar);visibility:visible!important;transform:none!important}.app-main{margin-left:var(--sidebar)}}@media(max-width:991.98px){.app-sidebar{width:280px}.map-box{height:390px}}@media(max-width:575.98px){.container-fluid{padding-left:1rem;padding-right:1rem}.card{border-radius:15px}.map-box{height:330px}.route-cover,.route-placeholder{height:160px}}