body{background:linear-gradient(145deg,#f6faf4,#eaf3e9);min-height:100vh}.driver-shell{max-width:900px;margin:0 auto;padding:0 20px}.driver-top{height:90px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dde8dc}.driver-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#153b32}.driver-brand strong{display:block;font:800 26px 'Outfit',system-ui}.driver-brand small{letter-spacing:2px;color:#62876d;font-size:10px}.driver-back{color:#386c52;text-decoration:none;font-size:13px;font-weight:800}.driver-hero{text-align:center;padding:42px 0 26px}.driver-hero h1{font:800 clamp(29px,5vw,44px) 'Outfit',system-ui;margin:12px 0;color:#153b32}.driver-hero p{color:#70877b;line-height:1.7;max-width:550px;margin:auto}.driver-panel{background:#fff;border:1px solid #e2eae0;border-radius:22px;box-shadow:0 25px 70px #10372b16;padding:28px;max-width:620px;margin:0 auto}.driver-panel [hidden]{display:none!important}.driver-panel label{display:block;font-size:13px;font-weight:800;margin:18px 0 8px}.driver-panel input,.driver-panel select{width:100%;padding:14px;border:1px solid #cbdace;border-radius:12px;background:#fafdFA;font-size:16px;min-height:50px}.driver-panel button{font-weight:800;min-height:44px;border-radius:10px;border:1px solid #bdd5c0;background:#eef6ee;color:#195538;padding:10px 15px}.driver-primary{display:block;width:100%;margin-top:24px!important;background:#133b3a!important;color:#fff!important;min-height:54px!important}.driver-primary:disabled{opacity:.5}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.auth-tabs button[aria-pressed=true]{background:#133b3a;color:#fff}#driver-message{border-radius:11px;padding:12px 14px;background:#eff5ef;color:#315b45;font-size:13px}.driver-identity{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid #e6ece4;padding-bottom:15px}.driver-identity strong{overflow-wrap:anywhere}.driver-detail{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #e7efe8;padding:14px 0;font-size:14px}.driver-detail span{color:#718a7c}.driver-availability{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px;background:#f1f7f1;border-radius:14px;margin-top:25px}.driver-availability h3{margin:0}.driver-availability p{font-size:12px;color:#718a7c;line-height:1.5}.driver-availability button{white-space:nowrap}#driver-help{font-size:12px;color:#72897b;line-height:1.7}.driver-shell footer{text-align:center;font-size:12px;color:#9aaa9c;padding:30px 0}@media(max-width:520px){.driver-top{height:72px}.driver-back{font-size:11px}.driver-hero{padding:25px 0}.driver-panel{padding:20px 16px}.driver-availability{flex-direction:column;align-items:stretch}.driver-availability button{width:100%}}
.subscription-panel{margin-top:28px;border-top:1px solid #e5eee6;padding-top:22px}
.subscription-explain{font-size:12px;color:#72897b;line-height:1.6}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}
.plans label{margin:0;cursor:pointer;display:block}
.plans input{position:absolute;opacity:0;width:1px;height:1px;min-height:1px}
.plans span{display:flex;flex-direction:column;gap:6px;border:2px solid #dce7de;border-radius:12px;padding:14px 7px;text-align:center;font-size:12px;background:#f8fcf8}
.plans label input:checked+span{border-color:#277855;background:#e9f5ed}
.plans input:focus-visible+span{outline:3px solid #f1ae4a}
.plans b{color:#1a6b48;font-size:13px}
.subscription-history{display:flex;justify-content:space-between;gap:8px;padding:12px 0;border-bottom:1px solid #e5ece5;font-size:12px}
.subscription-history span{color:#5c846a}
@media(max-width:380px){.plans{grid-template-columns:1fr}}
