*{box-sizing:border-box} :root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#183f38;background:#f3f6f5;font-size:16px;--green:#073d36;--lime:#d0f47f;--border:#d9e3df}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #399480;outline-offset:3px}.header{max-width:1080px;margin:auto;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{text-decoration:none;font-weight:800;letter-spacing:-1px;font-size:28px;display:flex;align-items:center;gap:9px}.brand-dot{color:#588631;margin-left:-8px}.brand-mark{font-size:21px;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--green);color:var(--lime);letter-spacing:0}.prototype{font-size:14px;color:#5c6e66}.navigation{max-width:1024px;margin:0 auto;display:flex;border-bottom:1px solid var(--border);gap:26px;padding:0 0 12px}.navigation a{font-weight:650;text-decoration:none;padding:10px 2px;color:#63786e;border-bottom:3px solid transparent}.navigation a[aria-current=page]{color:var(--green);border-color:var(--green)}.demo-note{max-width:1024px;margin:18px auto 0;padding:12px 16px;border:1px solid #dae4d1;background:#eef4e6;font-size:14px;line-height:1.5;border-radius:8px;color:#455d3b}.demo-note strong{display:inline-block;margin-right:5px}main{max-width:1024px;margin:28px auto 60px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.eyebrow{font-size:14px;font-weight:700;color:#658074;margin:0 0 6px;text-transform:uppercase;letter-spacing:1.1px}h1{font-size:clamp(28px,5vw,38px);margin:0;line-height:1.15;letter-spacing:-1.1px}h2{font-size:23px;letter-spacing:-.5px;margin:0 0 8px}h3{font-size:19px;margin:0}p{line-height:1.6}.muted{color:#657c70;font-size:14px;line-height:1.5}.date{background:white;border:1px solid var(--border);padding:12px 16px;border-radius:10px;font-weight:600;white-space:nowrap}.route-summary{display:flex;gap:16px;align-items:center;background:var(--green);color:white;border-radius:14px;padding:22px 24px;margin-bottom:24px}.route-summary strong{font-size:32px;letter-spacing:-1px}.route-summary .muted{color:#bed3c9}.summary-copy{flex:1}.progress{height:6px;background:#38655b;border-radius:8px;width:160px;overflow:hidden}.progress i{display:block;height:100%;background:var(--lime);transition:width .2s}.route-layout{display:grid;grid-template-columns:220px 1fr;gap:24px}.sidebar{align-self:start;padding:20px 0}.sidebar p{margin:4px 0 22px}.sidebar .key{display:block;font-weight:650;margin-bottom:5px}.cards{display:grid;gap:18px}.card{background:white;border:1px solid var(--border);border-radius:14px;padding:24px;box-shadow:0 3px 12px #173e3604}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.stop-name{display:flex;gap:12px;align-items:center}.number{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eef3f0;font-weight:700;flex-shrink:0}.address{font-size:16px;margin:12px 0 6px}.map-link{display:inline-block;font-size:14px;font-weight:650;color:#286a57;margin-bottom:18px}.details{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 20px}.details dt{color:#657c70;font-size:14px;margin-bottom:5px}.details dd{margin:0;line-height:1.5}.details .wide{grid-column:1/-1}.bins{display:flex;flex-wrap:wrap;gap:6px}.bin{display:inline-block;background:#eef3f0;border-radius:5px;padding:4px 8px;font-size:14px}.badge{display:inline-block;border-radius:6px;padding:6px 9px;font-size:14px;font-weight:650;white-space:nowrap;background:#edf1f5;color:#4d6175}.badge.bins-out{background:#fff0d7;color:#805500}.badge.bins-back{background:#dff0f4;color:#24677b}.badge.completed{background:#e3f2de;color:#386c27}.badge.exception{background:#fbe4e2;color:#a13e35}.primary{border:0;background:var(--green);color:white;border-radius:9px;padding:14px 18px;font-weight:650;min-height:48px}.primary:hover{background:#15584b}.secondary{border:1px solid var(--border);background:white;color:var(--green);border-radius:9px;padding:12px 16px;font-weight:650;min-height:46px}.actions{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #ecf0ed;padding-top:16px}.actions .primary{flex:1}.text-button{background:none;border:0;text-decoration:underline;color:#526d60;font-size:14px;padding:8px}.exception-label{font-size:14px;color:#994f43;margin:12px 0}.status-editor{margin-top:14px;padding:16px;background:#f5f7f6;border-radius:10px}.status-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.status-options button{border:1px solid var(--border);border-radius:8px;background:white;color:var(--green);min-height:48px;padding:8px;font-size:14px}.status-options button.selected{background:var(--green);color:white}.grid-two{display:grid;grid-template-columns:1.05fr 1fr;gap:22px}.service-banner{background:var(--green);color:white;border-radius:14px;padding:26px;margin-bottom:20px}.service-banner .eyebrow,.service-banner .muted{color:#bcd5ca}.service-banner h2{font-size:29px}.service-banner .badge{margin:15px 0 0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.detail-list{margin:0;display:grid;gap:16px}.detail-list dt{font-size:14px;color:#657c70;margin-bottom:4px}.detail-list dd{margin:0;line-height:1.5}form{display:grid;gap:16px}label{display:grid;gap:7px;font-size:14px;font-weight:600}input,select,textarea{background:white;width:100%;min-height:48px;border:1px solid #becfc5;border-radius:8px;padding:11px 12px;color:#183f38}textarea{min-height:88px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}fieldset{border:0;padding:0;margin:0}legend{font-size:14px;font-weight:600;margin-bottom:8px}.checkboxes{display:flex;gap:8px;flex-wrap:wrap}.checkboxes label{display:flex;align-items:center;gap:8px;border:1px solid var(--border);padding:10px;border-radius:8px;font-weight:400}.checkboxes input{width:18px;min-height:18px;margin:0;accent-color:var(--green)}.form-actions{display:flex;gap:10px}.form-actions .primary{flex:1}.empty{text-align:center;padding:44px 24px}.empty h2{margin-bottom:10px}.office-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.office-stats .card{padding:18px}.office-stats strong{display:block;font-size:30px;margin-bottom:5px}.event-row{padding:16px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:14px;align-items:center}.event-row:last-child{border:0}.event-row p{margin:4px 0}.notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:14px 22px;background:#073d36;color:white;border-radius:10px;box-shadow:0 8px 30px #0002;z-index:10;max-width:calc(100% - 32px);display:none;font-size:16px}.notice.visible{display:block}.notice button{color:#d0f47f;background:none;border:0;text-decoration:underline;margin-left:16px;padding:5px;font-weight:650}footer{max-width:1024px;margin:0 auto 28px;padding-top:18px;border-top:1px solid var(--border);font-size:14px;font-weight:700;color:#698074}footer span{float:right;font-weight:400}.inline-alert{padding:12px;border:1px solid #ebc3b8;background:#fff4ef;border-radius:8px;font-size:14px;color:#894632}.history{font-size:14px;color:#526d60;padding-top:12px;margin:0}.service-link{display:inline-block;margin-top:10px;font-weight:650}.tab-actions{display:flex;gap:8px}.subheading{margin:10px 0 0;color:#657c70}.customer-switch{margin-bottom:20px;display:flex;align-items:center;gap:12px}.customer-switch label{max-width:280px;flex:1}.full{width:100%}@media(max-width:760px){.header{padding:20px}.brand{font-size:25px}.prototype{font-size:12px}.navigation{margin:0 20px;gap:24px}.demo-note{margin:16px 20px 0}main{margin:22px 20px 44px}.heading{align-items:flex-start;gap:12px}.date{font-size:14px;padding:10px}.route-summary{padding:18px}.progress{width:80px}.route-layout,.grid-two{grid-template-columns:1fr}.sidebar{display:none}.card{padding:20px}.office-stats{gap:8px}.office-stats .card{padding:13px;font-size:14px}.office-stats strong{font-size:26px}footer{margin:0 20px 25px}footer span{float:none;display:block;margin-top:5px}.status-options{grid-template-columns:1fr 1fr}.customer-switch{flex-wrap:wrap}.card-head{flex-wrap:wrap}.details{gap:14px}}@media(max-width:380px){.form-row,.details{grid-template-columns:1fr}.heading{flex-wrap:wrap}.actions{flex-direction:column}.office-stats{grid-template-columns:1fr 1fr}.prototype{max-width:85px;text-align:right}.tab-actions{flex-wrap:wrap}}

/* Customer app: shared Bintastic brand */
body{background:#f3f7f5;color:#19252c;font-size:16px}.header{background:white;border-bottom:1px solid #dce7e0}.brand img{width:190px;height:auto}.brand{display:block}.service-banner{background:#087e32;color:white}.service-banner .eyebrow{color:#d9f7e5}.primary{background:#078334}.primary:hover{background:#086d2f}main{max-width:1080px;margin:24px auto;padding:0 20px}.app-tools{max-width:1080px;margin:18px auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.install-help{max-width:1040px;margin:0 auto 20px;padding:18px;background:white;border:1px solid #dce7e0;border-radius:16px}.install-help summary{font-weight:700;cursor:pointer}.install-help p{line-height:1.6}.connection{padding:10px 20px;background:#fff2d7;color:#593a00;text-align:center}.app-footer{max-width:1080px;margin:30px auto;padding:20px;display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid #dce7e0}.app-footer a{color:#086d2f}.card{box-shadow:0 3px 16px #183e2610}button,a.primary{min-height:44px}.muted{font-size:14px}input,select,textarea{font-size:16px}a.primary{display:inline-flex;align-items:center;text-decoration:none;padding:10px 16px;border-radius:10px;color:white}#notice.visible{z-index:1000}#installButton[hidden],.connection[hidden]{display:none}@media(max-width:600px){.brand img{width:150px}.header{padding:16px}.heading{align-items:flex-start}.tab-actions{flex-wrap:wrap}.app-tools{padding:0 16px}.install-help{margin:0 16px 20px}main{padding:0 16px}.form-row{grid-template-columns:1fr}.checkboxes{flex-wrap:wrap}}

#installHelp[hidden]{display:none}.install-help ol{padding-left:24px;line-height:1.6}.install-help li{margin:12px 0}.install-help h2{font-size:20px;margin-top:20px}