:root{--ink:#0b2c23;--lime:#d8ff45;--paper:#f4f1e8;--muted:#687970;--line:#d9ded8;--red:#b8472d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}button,input{font:inherit}button{border:0;background:var(--ink);color:#fff;padding:13px 18px;font-weight:700;cursor:pointer}button:disabled{opacity:.5;cursor:wait}header{height:76px;background:#fff;border-top:6px solid var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:800 19px Manrope}.brand img{width:46px;height:46px;object-fit:cover;border-radius:50%}.brand small{font-size:8px;letter-spacing:.15em;color:#728079}.header-actions{display:flex;gap:8px}.quiet{background:#edf0eb;color:var(--ink)}main{max-width:1180px;margin:auto;padding:70px 22px 100px}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:800;color:#74951e}.login-card,.pending-card{max-width:620px;margin:40px auto;background:#fff;padding:clamp(28px,6vw,60px);box-shadow:0 30px 80px #17372b18}.login-card h1,.welcome h1{font:800 clamp(39px,6vw,64px)/1 Manrope;letter-spacing:-.06em;margin:13px 0}.login-card em{font-family:Georgia,serif;color:#667a61;font-weight:400}.login-card>p{color:var(--muted);line-height:1.65}.login-card form{display:grid;gap:12px;margin-top:28px}.login-card label{font-size:11px;font-weight:800;letter-spacing:.08em}.login-card input{width:100%;border:1px solid var(--line);padding:16px;margin-top:8px;font-size:16px}.primary{background:var(--lime);color:var(--ink);font-size:15px}.message{min-height:22px}.register-link{color:var(--ink);font-weight:700}.pending-card{text-align:center}.status-icon{font-size:38px}.pending-card h2{font:800 34px Manrope}.welcome{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.welcome h1{font-size:clamp(42px,6vw,66px)}.welcome p{color:var(--muted)}.online{background:#fff;padding:17px 22px;display:grid;grid-template-columns:12px 1fr;gap:2px 9px;min-width:220px}.online i{width:10px;height:10px;background:#61aa36;border-radius:50%;margin-top:5px;box-shadow:0 0 0 5px #61aa3620}.online small{grid-column:2;color:var(--muted)}.notice{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;background:#e7f0df;border-left:5px solid #8bac27;padding:17px 20px;margin-bottom:25px}.notice p{margin:4px 0;color:var(--muted);font-size:13px}.tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);margin-bottom:20px}.tabs button{background:transparent;color:var(--muted);padding:14px 17px}.tabs button.active{background:var(--ink);color:#fff}.tabs #refresh{margin-left:auto}.ride-list{display:grid;gap:14px}.ride-card{background:#fff;border:1px solid var(--line);padding:22px;display:grid;grid-template-columns:1fr auto;gap:16px}.ride-card.new{border-left:6px solid var(--lime)}.ride-card h3{margin:5px 0;font:800 22px Manrope}.route{font-size:18px;font-weight:700}.meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.pill{background:#eef1ec;padding:7px 9px;font-size:11px;font-weight:700}.ride-actions{display:flex;gap:8px;align-items:center}.accept{background:var(--lime);color:var(--ink)}.reject{background:#fff;color:var(--red);border:1px solid #e3b7ac}.empty{background:#fff;padding:55px;text-align:center;color:var(--muted)}dialog{width:min(900px,calc(100% - 24px));border:0;padding:0;background:#fff;color:var(--ink);max-height:92vh}dialog::backdrop{background:#06241dcc;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;padding:23px 26px}.dialog-head h2{margin:5px 0}.dialog-head button{background:transparent;color:var(--ink);font-size:30px;padding:0}#map{height:330px;background:#dce5dc}#rideDetail{padding:26px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.detail{background:#f3f5f1;padding:14px}.detail small{display:block;color:var(--muted);font-size:9px;letter-spacing:.12em}.detail strong{display:block;margin-top:6px}.customer{background:#e7f0df;padding:18px;margin:16px 0}.customer a{color:var(--ink);font-weight:800}.workflow{display:flex;gap:9px;flex-wrap:wrap}.workflow button{flex:1;min-width:150px}.share-live.active{background:#b8472d}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);background:var(--ink);color:#fff;padding:14px 20px;opacity:0;pointer-events:none;transition:.25s;z-index:100}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:700px){header{height:68px;padding:0 14px}.brand img{width:40px;height:40px}main{padding:35px 14px 90px}.welcome{display:block}.online{margin-top:20px}.notice{grid-template-columns:auto 1fr}.notice button{grid-column:2}.ride-card{grid-template-columns:1fr}.ride-actions{flex-wrap:wrap}.ride-actions button{flex:1}.detail-grid{grid-template-columns:1fr 1fr}#map{height:270px}}