*{box-sizing:border-box}body{margin:0;background:#f3f7f5;color:#17332d;font:16px/1.6 system-ui,"Microsoft YaHei",sans-serif}header{height:64px;background:#15816b;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 760px)/2))}main{max-width:760px;margin:auto;padding:22px}.hero,section{background:#fff;border-radius:16px;padding:22px;margin-bottom:18px}.hero p{letter-spacing:.16em;color:#74877f}.states,.title,article{display:flex;gap:12px;align-items:center;justify-content:space-between}button{border:0;border-radius:9px;padding:11px 18px;background:#15816b;color:#fff;font:inherit;cursor:pointer}.light{background:#eaf2ef;color:#155e50}#tasks{display:grid;gap:12px}article{padding:16px;border:1px solid #dbe8e3;border-radius:12px}article div:first-child{display:grid;gap:4px}article span,article small{color:#60746d}article b{color:#15816b}.empty{color:#60746d}#message{color:#b43a2d}@media(max-width:600px){article{align-items:stretch;flex-direction:column}article div:last-child{display:flex;gap:8px}.states button{flex:1}}
.rider-earnings p{color:#60746d}.rider-earnings #rider-earnings-summary{font-size:23px;font-weight:700;color:#15816b}

summary{cursor:pointer;font-weight:700;padding:8px 0}#completed-orders{display:grid;gap:10px;margin-top:15px}input[type=checkbox]{width:18px;height:18px}#settlement-message{color:#16715e}button:disabled{opacity:.55}

dialog{max-width:min(620px,94vw);max-height:88vh;overflow:auto}dialog img{object-fit:contain}dialog::backdrop{background:#10292266}

footer{text-align:center;padding:0 16px 28px;color:#60746d}footer a{color:inherit;text-decoration:none}

/* Shared handheld workspace adjustments. */
[hidden]{display:none!important}input,select,textarea{min-width:0;max-width:100%;font:inherit}button,a{touch-action:manipulation}button:disabled{cursor:wait}input:focus-visible,select:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #82cdbb;outline-offset:3px}a.consumer-entry{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:#126d5d;text-decoration:none;padding:8px 0}a.consumer-entry:hover{text-decoration:underline}dialog{max-width:calc(100vw - 24px);overflow-wrap:anywhere}dialog [role=alert]{color:#b43a2d}#message:not(:empty){position:fixed;z-index:40;bottom:18px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 28px);padding:12px 18px;margin:0;background:#fff;border:1px solid #d9e6e0;border-radius:12px;box-shadow:0 8px 32px #123c2d25;overflow-wrap:anywhere;pointer-events:none}footer{padding-bottom:72px}
@media(max-width:600px){header{height:auto;min-height:64px;padding:14px 16px;gap:10px;flex-wrap:wrap}header strong,header b{font-size:19px}header span{font-size:13px}header button{padding:9px 12px}main{padding:0 12px;margin:22px auto}h1{font-size:26px}button{min-height:44px}input,select,textarea{font-size:16px}.dialog-actions,.form-actions{flex-wrap:wrap}dialog{padding:18px}.admin-courier-row{flex-wrap:wrap}.admin-courier-row span{width:100%}.pricing-grid{grid-template-columns:1fr}.module-card,.pricing-card{padding:18px}.fee-summary-row{flex-wrap:wrap}.campus-grid{grid-template-columns:minmax(0,1fr)}}

#rider-login{max-width:480px;margin:30px auto}#rider-login form{display:grid;gap:16px}#rider-login input[name=code]{width:100%;padding:13px;border:1px solid #b3cec3;border-radius:9px;font:inherit}#rider-login label{display:flex;gap:8px;align-items:center;color:#60746d}#rider-logout{display:block;margin:0 0 16px auto}.hero h1{margin:8px 0 20px}.title{margin:14px 0}article div{min-width:0}article strong{overflow-wrap:anywhere}article div:last-child{display:flex;gap:8px;flex-wrap:wrap}#rider-payout-batches{display:grid;gap:12px}dialog{border:1px solid #dbe8e3;border-radius:14px;padding:22px}dialog button{margin:5px}#rider-workspace>section{padding:22px}.states{flex-wrap:wrap}header #state{font-size:13px;text-align:right}#consumer-entry{display:flex}
@media(max-width:600px){#rider-workspace>section{padding:18px}section{padding:18px}.rider-earnings #rider-earnings-summary{font-size:19px}.states button{flex-basis:130px}header #state{width:100%;text-align:left}.title h2{font-size:20px}.title button{flex-shrink:0}}