:root{--ink:#17221e;--green:#153c32;--orange:#e85d36;--paper:#f3f1eb;--muted:#69716d;--line:#dcded8;--white:#fff}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.app{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--green);color:#fff;flex-direction:column;padding:28px 20px;display:flex}.logo{letter-spacing:-1px;padding:0 12px 36px;font-size:23px;font-weight:800}.logo span{color:var(--orange)}.account{border-block:1px solid #3c5d55;margin-bottom:25px;padding:18px 12px}.account small{color:#9eb1ab;letter-spacing:.1em;text-transform:uppercase;font-size:9px;display:block}.account strong{margin-top:7px;font-size:13px;display:block}.side-nav{flex-direction:column;gap:5px;display:flex}.side-nav a{color:#b9cac5;border-radius:2px;padding:12px;font-size:12px;font-weight:700}.side-nav a:hover,.side-nav a.active{color:#fff;background:#294c43}.side-nav a span{color:#e37657;width:25px;display:inline-block}.support{border:1px solid #416159;margin-top:auto;padding:14px 12px;font-size:11px;line-height:1.5}.support b{margin-bottom:4px;display:block}.workspace{padding:0 42px 50px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:82px;display:flex}.topbar h1{margin:0;font:400 25px Georgia,serif}.top-actions{align-items:center;gap:16px;display:flex}.search{border:1px solid var(--line);color:var(--muted);background:#fff;padding:11px 15px;font-size:11px}.avatar{background:#d9c8aa;border-radius:50%;place-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:grid}.welcome{justify-content:space-between;align-items:flex-end;padding:44px 0 30px;display:flex}.welcome small{color:var(--orange);text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800}.welcome h2{margin:8px 0 0;font:400 40px Georgia,serif}.primary{background:var(--orange);color:#fff;padding:13px 17px;font-size:11px;font-weight:800}.stats{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.stat{border:1px solid var(--line);background:#fff;padding:20px}.stat small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:9px}.stat strong{margin:12px 0 3px;font:400 30px Georgia,serif;display:block}.stat span{color:#38816b;font-size:10px}.grid{grid-template-columns:1.45fr .75fr;gap:16px;margin-top:16px;display:grid}.card{border:1px solid var(--line);background:#fff}.card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.card-head h3{margin:0;font-size:13px}.card-head a{color:var(--orange);font-size:10px;font-weight:800}.shipment{padding:22px}.shipment-meta{justify-content:space-between;display:flex}.shipment-meta small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:9px}.status{color:#30715d;text-transform:uppercase;background:#e7f1ec;padding:6px 9px;font-size:9px;font-weight:800}.shipment h3{margin:9px 0 4px;font:400 23px Georgia,serif}.shipment>p{color:var(--muted);margin:0;font-size:11px}.route{justify-content:space-between;margin:34px 0 18px;display:flex;position:relative}.route:before{content:"";border-top:1px dashed #aeb6b0;position:absolute;top:7px;left:10px;right:10px}.point{z-index:1;position:relative}.point i{background:var(--orange);width:14px;height:14px;box-shadow:0 0 0 1px var(--orange);border:4px solid #fff;border-radius:50%;display:block}.point:last-child{text-align:right}.point:last-child i{background:#d9dedb;margin-left:auto;box-shadow:0 0 0 1px #aab2ad}.point b{margin-top:12px;font-size:12px;display:block}.point span{color:var(--muted);font-size:9px}.milestones{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);padding-top:17px;display:grid}.milestones div{color:var(--muted);font-size:9px}.milestones b{color:var(--ink);margin-bottom:5px;font-size:10px;display:block}.activity{margin:0;padding:4px 22px;list-style:none}.activity li{border-bottom:1px solid var(--line);padding:17px 0 17px 23px;font-size:11px;line-height:1.45;position:relative}.activity li:before{background:var(--orange);content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:20px;left:0}.activity span{color:var(--muted);margin-top:4px;font-size:9px;display:block}.table-card{margin-top:16px}.order-row{border-bottom:1px solid var(--line);grid-template-columns:.8fr 1.6fr .8fr .8fr .6fr;align-items:center;padding:15px 22px;font-size:11px;display:grid}.order-row.head{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:800}.tag{text-transform:uppercase;background:#eef0ed;width:max-content;padding:5px 7px;font-size:8px;font-weight:800}.tag.orange{color:#b44728;background:#f7e7e1}@media (max-width:850px){.app{grid-template-columns:1fr}.sidebar{display:none}.workspace{padding:0 18px 35px}.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.topbar{height:68px}.search{display:none}.order-row{grid-template-columns:1fr 1fr 1fr}.order-row span:nth-child(2),.order-row span:nth-child(4){display:none}}