:root{--ink:#17211f;--muted:#75807d;--line:#e8ecea;--paper:#fff;--canvas:#f5f7f6;--green:#2c9a75;--green-soft:#eaf6f0;--nav:#13211e;--blue:#3979d7;--amber:#d78b2f;--violet:#8465cf;--shadow:0 1px 2px rgba(16,36,30,.03),0 8px 30px rgba(16,36,30,.045);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--canvas)}button,input,textarea{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:238px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:var(--nav);color:#d7e0dd;padding:27px 18px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 31px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e6f3ee;color:#163229;font-weight:900;font-size:20px;letter-spacing:-2px}.brand strong{display:block;color:#fff;font-size:17px;letter-spacing:2.6px}.brand small,.sidebar-footer small{display:block;color:#7f918b;font-size:10px;letter-spacing:.6px;margin-top:2px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{border:0;color:#9fb0ab;background:transparent;border-radius:9px;display:grid;grid-template-columns:25px 1fr auto;align-items:center;text-align:left;padding:11px 12px;cursor:pointer;font-size:13px;transition:.2s}.nav-item:hover{background:#1d302b;color:#fff}.nav-item.active{background:#2c463e;color:#fff}.nav-item b{display:grid;place-items:center;min-width:21px;height:20px;padding:0 5px;border-radius:6px;background:#3e5850;color:#cde0da;font-size:10px}.nav-icon{font-size:17px}.nav-label{text-transform:uppercase;color:#5f746e;font-size:9px;font-weight:700;letter-spacing:1.2px;padding:22px 12px 7px;margin:0}.sidebar-footer{margin-top:auto;border-top:1px solid #2b3b37;padding:19px 5px 0;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px}.sidebar-footer strong{font-size:11px;color:#e2e9e7}.sidebar-footer button{background:transparent;border:0;color:#81928d;font-size:18px}.avatar{width:34px;height:34px;border-radius:50%;background:#b3d3c7;color:#1c4236;display:grid;place-items:center;font-size:10px;font-weight:800}main{min-width:0}.topbar{height:78px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:sticky;top:0;z-index:4}.menu-button{display:none;border:0;background:transparent;font-size:21px}.search{width:min(440px,42vw);height:39px;display:flex;align-items:center;gap:10px;padding:0 13px;background:#f4f6f5;border:1px solid #edf0ef;border-radius:9px;color:#95a09d}.search input{border:0;outline:0;background:transparent;flex:1;min-width:0;font-size:12px;color:var(--ink)}.search input::placeholder{color:#9ba5a2}.search kbd{font:10px inherit;border:1px solid #dce2df;background:#fff;border-radius:5px;padding:3px 6px;color:#89938f}.top-actions{display:flex;align-items:center;gap:13px}.icon-button{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:9px;position:relative}.icon-button span{width:6px;height:6px;background:#df695e;border-radius:50%;position:absolute;top:7px;right:8px}.primary-button{border:0;border-radius:9px;background:#287e63;color:#fff;padding:11px 16px;font-size:12px;font-weight:650;box-shadow:0 5px 14px rgba(40,126,99,.17);cursor:pointer}.primary-button:hover{background:#216e56}.primary-button span{font-size:17px;line-height:0;margin-right:5px}.content{padding:34px 38px 52px;max-width:1540px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.eyebrow{text-transform:uppercase;letter-spacing:1.2px;font-size:9px;font-weight:750;color:#8a9592;margin:0 0 7px}.page-heading h1{font-family:Georgia,"Times New Roman",serif;font-size:28px;letter-spacing:-.7px;margin:0 0 7px;font-weight:600}.page-heading>div>p:last-child{margin:0;color:var(--muted);font-size:12px}.date-button{background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px 13px;color:#4f5c58;font-size:11px;display:flex;gap:10px;align-items:center}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:17px 18px 15px;box-shadow:var(--shadow)}.metric-head{display:flex;justify-content:space-between;align-items:center;color:#697571;font-size:10px;font-weight:620}.metric-icon{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:13px}.mint{background:#e7f5ef;color:#328f70}.blue{background:#eaf1fb;color:var(--blue)}.amber{background:#fbf0df;color:var(--amber)}.violet{background:#f0ebfa;color:var(--violet)}.metric>strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:27px;letter-spacing:-.6px;margin:10px 0 8px}.metric-foot{display:flex;align-items:center;gap:6px;color:#929b98;font-size:9px}.metric-foot em{font-style:normal;color:#319372;font-weight:700}.dot{width:6px;height:6px;border-radius:50%}.blue-dot{background:var(--blue)}.amber-dot{background:var(--amber)}.workspace-grid{display:grid;grid-template-columns:minmax(520px,1.55fr) minmax(330px,.75fr);gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.route-panel{padding:20px 20px 10px}.panel-title{display:flex;justify-content:space-between;align-items:flex-start}.panel-title h2{font-size:13px;margin:0 0 4px}.panel-title p{font-size:9px;color:#929c99;margin:0}.text-button,.dots{border:0;background:transparent;color:#2d8a6d;font-size:9px;cursor:pointer}.route-progress{margin:18px 0 8px;padding:12px 14px;background:#f7f9f8;border-radius:9px}.route-progress>div:first-child{display:flex;justify-content:space-between;font-size:9px;color:#798480;margin-bottom:8px}.route-progress b{color:#40504b}.progress{height:4px;background:#e1e8e5;border-radius:4px;overflow:hidden}.progress span{display:block;height:100%;background:#3e9a79;border-radius:4px}.delivery-list{display:flex;flex-direction:column}.delivery-row{position:relative;display:grid;grid-template-columns:41px 17px 35px minmax(160px,1fr) auto 15px;align-items:center;gap:8px;border:0;border-bottom:1px solid #f0f2f1;background:#fff;padding:11px 3px;cursor:pointer;text-align:left;min-width:0}.delivery-row:last-child{border-bottom:0}.delivery-row:hover,.delivery-row.active{background:#f9fbfa}.time{font-size:9px;color:#76817e}.route-line{width:8px;height:8px;border-radius:50%;border:2px solid #cfd8d5;position:relative}.route-line:after{content:"";position:absolute;width:1px;height:47px;background:#e2e8e6;left:2px;top:7px}.delivery-row:last-child .route-line:after{display:none}.route-line.done{background:#3d9c79;border-color:#3d9c79}.route-line.current{background:#fff;border:2px solid #4089dc;box-shadow:0 0 0 3px #e7f0fb}.client-logo{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;font-family:Georgia,serif;font-weight:700;font-size:12px}.warm{background:#f5e6d5;color:#805c35}.sage{background:#dfe9df;color:#4a704c}.lilac{background:#ede6f4;color:#77558e}.dark{background:#313a38;color:#fff}.coral{background:#f4dfda;color:#a85e4b}.delivery-info{min-width:0}.delivery-info strong,.delivery-info small{display:block}.delivery-info strong{font-size:10px;margin-bottom:4px}.delivery-info small{font-size:8px;color:#8a9491;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{font-size:8px;font-weight:650;padding:5px 8px;border-radius:6px;white-space:nowrap}.success{background:#e9f6f0;color:#318364}.transit{background:#e9f2fc;color:#3478c9}.planned{background:#f1f3f2;color:#78817f}.arrow{color:#aeb7b4;font-size:17px}.right-column{display:flex;flex-direction:column;gap:18px}.attention-panel,.team-panel{padding:19px}.count{width:23px;height:23px;border-radius:7px;background:#f7e8e4;color:#bd5849;display:grid;place-items:center;font-size:9px;font-weight:700}.attention-item{border:0;border-bottom:1px solid #f0f2f1;background:#fff;width:100%;display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:13px 0;text-align:left;cursor:pointer}.attention-item:hover strong{color:#287e63}.attention-icon{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;font-size:11px}.red{background:#f9e7e4;color:#c45144}.amber-bg{background:#fcf1df;color:#cc8430}.blue-bg{background:#e8f1fb;color:#3578ca}.attention-item strong,.attention-item small{display:block}.attention-item strong{font-size:9px;margin-bottom:4px}.attention-item small,.attention-item time{font-size:8px;color:#949e9b}.show-all{border:0;background:transparent;color:#278064;font-size:9px;width:100%;padding:13px 0 2px;cursor:pointer}.team-panel{flex:1}.team-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;margin-top:15px}.person-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:8px;font-weight:800;position:relative}.person-avatar span{position:absolute;right:0;bottom:1px;width:8px;height:8px;background:#42a17d;border:2px solid #fff;border-radius:50%}.blue-avatar{background:#dcebf5;color:#41789e}.plum-avatar{background:#eee2ef;color:#835785}.green-avatar{background:#ddefe6;color:#4a8065}.team-row strong,.team-row small{display:block}.team-row strong{font-size:9px;margin-bottom:4px}.team-row small{font-size:8px;color:#939c99}.available{font-size:8px;color:#438b70}.section-placeholder{min-height:calc(100vh - 78px)}.back-button{border:0;background:transparent;color:#75807d;cursor:pointer;margin-bottom:30px}.placeholder-card{background:#fff;border:1px solid var(--line);border-radius:16px;min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.placeholder-card>span{width:62px;height:62px;border-radius:18px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;font-size:28px;margin-bottom:18px}.placeholder-card h1{font-family:Georgia,serif;font-size:30px;margin:0 0 10px}.placeholder-card>p:not(.eyebrow){color:var(--muted);max-width:430px;margin:0 0 24px}dialog{width:min(520px,calc(100vw - 30px));border:0;border-radius:16px;padding:0;box-shadow:0 24px 90px rgba(20,40,34,.25)}dialog::backdrop{background:rgba(14,25,22,.56);backdrop-filter:blur(3px)}dialog form{padding:26px}.modal-head{display:flex;justify-content:space-between;margin-bottom:23px}.modal-head h2{font-family:Georgia,serif;font-size:24px;margin:0}.modal-head button{border:0;background:transparent;font-size:24px;color:#85908d}.modal-head p{margin-bottom:5px}.modal-head+label,label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:650;color:#53605c;margin-bottom:15px}input,textarea{border:1px solid #dfe5e2;border-radius:8px;padding:11px 12px;outline:0;color:var(--ink);background:#fbfcfc}input:focus,textarea:focus{border-color:#4d9a7e;box-shadow:0 0 0 3px #e6f3ee}textarea{min-height:86px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:21px}.secondary-button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 16px;color:#53605c}.toast{position:fixed;z-index:20;right:26px;bottom:25px;background:#173129;color:#fff;border-radius:10px;padding:13px 17px;font-size:11px;box-shadow:0 12px 38px rgba(20,40,34,.24);transform:translateY(90px);opacity:0;transition:.3s}.toast.visible{transform:none;opacity:1}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.workspace-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr}.team-panel{min-height:250px}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;z-index:10;left:-250px;width:238px;transition:.25s;box-shadow:15px 0 40px rgba(0,0,0,.2)}.sidebar.open{left:0}.menu-button{display:block}.topbar{padding:0 16px;gap:10px}.search{width:auto;flex:1}.search kbd{display:none}.top-actions .icon-button{display:none}.primary-button{padding:10px 12px}.content{padding:24px 16px}.page-heading{align-items:flex-start}.date-button{display:none}.page-heading h1{font-size:25px}.metrics{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.metric{min-width:220px;scroll-snap-align:start}.workspace-grid{display:block}.right-column{display:block}.right-column .panel{margin-top:16px}.delivery-row{grid-template-columns:35px 14px 32px 1fr 12px}.delivery-row .status{grid-column:4;padding:4px 0;background:transparent}.delivery-row .arrow{grid-column:5;grid-row:1/3}.form-grid{grid-template-columns:1fr}.placeholder-card{min-height:400px}.top-actions .primary-button{font-size:0}.top-actions .primary-button span{font-size:20px;margin:0}}@media(max-width:420px){.search{display:none}.topbar{justify-content:space-between}.metrics{margin-right:-16px}.route-panel{padding:17px 13px 8px}.panel-title .text-button{display:none}}