:root{--green:#17633d;--green2:#e7f3eb;--ink:#17221b;--muted:#68736c;--line:#e4e9e5;--bg:#f5f7f5;--white:#fff;--danger:#b83b32;--shadow:0 8px 30px rgba(26,52,36,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding-bottom:92px}.topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:18px max(20px,calc((100vw - 820px)/2));background:rgba(245,247,245,.92);backdrop-filter:blur(12px)}h1{font-size:27px;line-height:1.1;margin:3px 0}.eyebrow,.muted{color:var(--muted);font-size:13px}.avatar{border:0;background:var(--green);color:white;border-radius:50%;width:42px;height:42px;font-weight:700}.app{max-width:820px;margin:auto;padding:4px 20px 30px}.card{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:20px;margin:14px 0;box-shadow:0 1px 1px rgba(0,0,0,.01)}.hero{background:linear-gradient(135deg,#17633d,#287d50);color:white;border:0;box-shadow:var(--shadow)}.hero .muted{color:#d4e7dc}.hero-head,.row,.split{display:flex;align-items:center;justify-content:space-between;gap:12px}.tractor-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.16);font-size:25px}.status{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.13);padding:7px 10px;border-radius:99px;font-size:12px}.status:before{content:"";width:7px;height:7px;background:#70e09c;border-radius:50%}.hours{font-size:34px;font-weight:750;margin:22px 0 4px}.btn{border:0;border-radius:14px;padding:13px 16px;font:inherit;font-weight:700;cursor:pointer;background:var(--green);color:white}.btn.block{width:100%;font-size:16px;padding:16px}.btn.light{background:white;color:var(--green)}.btn.soft{background:var(--green2);color:var(--green)}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.danger{background:#fbe9e7;color:var(--danger)}.section-head{display:flex;justify-content:space-between;align-items:center;margin:26px 2px 8px}.section-head h2{font-size:18px;margin:0}.link{border:0;background:none;color:var(--green);font-weight:700}.reservation{display:grid;grid-template-columns:50px 1fr auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.reservation:last-child{border:0}.datebox{text-align:center;background:var(--bg);border-radius:12px;padding:7px 3px}.datebox strong{display:block;font-size:18px}.datebox span{font-size:10px;text-transform:uppercase;color:var(--muted)}.pill{background:var(--green2);color:var(--green);padding:5px 9px;border-radius:99px;font-size:12px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{background:white;border:1px solid var(--line);border-radius:17px;padding:14px}.stat b{display:block;font-size:19px;margin-top:6px}.users .user{padding:11px 0}.progress{height:6px;background:#edf0ee;border-radius:8px;overflow:hidden;margin-top:7px}.progress i{display:block;height:100%;background:var(--green);border-radius:8px}.bottom-nav{position:fixed;z-index:8;bottom:0;left:0;right:0;height:76px;padding-bottom:env(safe-area-inset-bottom);display:flex;justify-content:center;background:rgba(255,255,255,.96);border-top:1px solid var(--line);backdrop-filter:blur(14px)}.nav-item{position:relative;width:min(20%,100px);border:0;background:none;color:#7c8580;font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.nav-item span{font-size:21px;line-height:1}.nav-item.active{color:var(--green);font-weight:700}.ride{transform:translateY(-12px)}.ride-icon{display:grid!important;place-items:center;background:var(--green);color:white;width:48px;height:48px;border-radius:17px;box-shadow:0 7px 18px rgba(23,99,61,.28)}dialog{width:min(calc(100% - 24px),500px);border:0;border-radius:24px;padding:0;box-shadow:0 20px 70px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(16,27,20,.48);backdrop-filter:blur(3px)}#modal-content{padding:24px}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.modal-head h2{margin:0}.close{border:0;background:#eef1ef;border-radius:50%;width:34px;height:34px;font-size:18px}.field{display:block;margin:14px 0}.field span{display:block;font-size:12px;font-weight:700;margin:0 0 6px;color:#475149}.field input,.field select,.field textarea{width:100%;border:1px solid #dce2de;border-radius:13px;padding:13px;background:white;font:inherit;color:var(--ink)}.field textarea{min-height:80px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.notice{padding:13px;border-radius:13px;background:#fff5d9;color:#755b18;font-size:13px;margin:12px 0}.success{background:var(--green2);color:var(--green)}.list-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border:0}.amount{font-weight:750}.positive{color:var(--green)}.negative{color:var(--danger)}.tabs{display:flex;gap:4px;background:#e9edea;padding:4px;border-radius:14px;margin:10px 0 18px}.tabs button{flex:1;border:0;background:none;padding:9px;border-radius:10px;font:inherit;color:var(--muted)}.tabs .active{background:white;color:var(--ink);font-weight:700;box-shadow:0 1px 4px rgba(0,0,0,.08)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center}.day{padding:9px 2px;border-radius:10px;min-height:42px}.day small{display:block;width:5px;height:5px;background:var(--green);border-radius:50%;margin:3px auto}.day.today{background:var(--green);color:white}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick{background:white;border:1px solid var(--line);border-radius:18px;padding:18px;text-align:left;font:inherit;font-weight:700}.quick span{display:block;font-size:23px;margin-bottom:9px}.empty{text-align:center;padding:45px 20px;color:var(--muted)}.toast{position:fixed;z-index:20;top:18px;left:50%;transform:translate(-50%,-80px);background:#17221b;color:white;padding:11px 17px;border-radius:99px;transition:.25s;opacity:0}.toast.show{transform:translate(-50%,0);opacity:1}.active-ride{border:2px solid #75b48d}.active-ride .timer{font-size:30px;font-weight:800;margin:10px 0}@media(min-width:700px){body{padding-bottom:30px}.bottom-nav{position:sticky;top:0;bottom:auto;width:500px;margin:0 auto 20px;border:1px solid var(--line);border-radius:18px;height:64px}.ride{transform:none}.ride-icon{width:30px;height:30px;border-radius:10px}.topbar{padding-top:30px}.stats{gap:14px}.card{padding:24px}}