:root{--ink:#17352f;--muted:#6b7e79;--green:#0c6b57;--green2:#e8f4f0;--cream:#f6f4ed;--line:#dfe7e3;--red:#b34040;--white:#fff;--shadow:0 18px 45px rgba(21,53,47,.10)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.45}button,input{font:inherit}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1120px)/2));position:sticky;top:0;z-index:5}.brand,.user-menu{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand small,.user-menu small{display:block;color:var(--muted)}.brand-mark{width:58px;height:58px;border-radius:18px;background:var(--green);color:#fff;display:grid;place-items:center;font:700 30px Georgia,serif;box-shadow:0 10px 25px rgba(12,107,87,.25)}.brand-mark.small{width:42px;height:42px;border-radius:13px;font-size:22px}.avatar{width:38px;height:38px;border-radius:50%;background:var(--green2);display:grid;place-items:center;font-weight:800}.link-button{border:0;background:transparent;color:var(--green);cursor:pointer;padding:6px}.app-shell{width:min(1120px,calc(100% - 32px));margin:46px auto}.hero-grid{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;color:var(--green);margin:0 0 8px;text-transform:uppercase}h1{font:700 clamp(34px,5vw,56px)/1.05 Georgia,serif;margin:0 0 10px}h2{font:700 27px/1.2 Georgia,serif;margin:4px 0 10px}.muted{color:var(--muted)}.live-clock{text-align:right}.live-clock span{font-size:34px;font-weight:750;font-variant-numeric:tabular-nums;display:block}.live-clock small{color:var(--muted)}.clock-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;text-align:center;box-shadow:var(--shadow);position:relative;overflow:hidden}.clock-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#a8b8b3}.clock-card.active:before{background:var(--green)}.status-dot{width:12px;height:12px;background:#a8b8b3;border-radius:50%;margin:0 auto 10px}.active .status-dot{background:#20a77e;box-shadow:0 0 0 7px #dff4ec}.elapsed{color:var(--muted);font-size:18px}.button{border:0;border-radius:13px;padding:13px 20px;font-weight:800;cursor:pointer}.button.big{min-width:220px;padding:17px 30px;font-size:17px;margin-top:14px}.primary{background:var(--green);color:#fff;box-shadow:0 9px 22px rgba(12,107,87,.22)}.danger{background:var(--red);color:#fff}.clock-form{display:flex;flex-direction:column;align-items:center}.bike-option{margin:12px 0 2px;background:var(--green2);padding:12px 16px;border-radius:12px;cursor:pointer}.bike-option input{margin-right:9px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.stat span,.stat small{display:block;color:var(--muted)}.stat strong{display:block;font-size:25px;margin:6px 0}.panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;margin-top:20px}.panel-heading{display:flex;justify-content:space-between}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:650px}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line)}th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.badge{background:#dff4ec;color:#08634f;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:800}.empty{text-align:center;color:var(--muted);padding:35px}.alert{border-radius:13px;padding:13px 16px;margin:0 0 18px}.alert.success{background:#dff4ec;color:#075746}.alert.error{background:#f9dddd;color:#792b2b}footer{text-align:center;color:var(--muted);font-size:12px;padding:30px}.login-page{background:radial-gradient(circle at 20% 20%,#e3f0e9,transparent 35%),linear-gradient(135deg,#f6f4ed,#e8efeb);min-height:100vh}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:28px;padding:42px;box-shadow:var(--shadow)}.login-card .brand-mark{margin-bottom:24px}.stack{display:grid;gap:17px;margin-top:28px}.stack label{font-size:14px;font-weight:750}.stack input{width:100%;margin-top:7px;padding:14px;border:1px solid #cbd8d3;border-radius:12px;outline:none}.stack input:focus{border-color:var(--green);box-shadow:0 0 0 3px #dff4ec}.security-note{font-size:12px;color:var(--muted);margin:22px 0 0;text-align:center}@media(max-width:700px){.topbar{height:66px;padding:0 16px}.brand small,.user-menu>span:not(.avatar),.user-menu form{display:none}.app-shell{margin:26px auto}.hero-grid{align-items:start}.live-clock span{font-size:22px}.live-clock small{display:none}.clock-card{padding:28px 18px}.stats-grid{grid-template-columns:1fr}.login-card{padding:30px 24px}}