:root{--accent-one:#00363b;--accent-two:#00848e;--accent-three:#0b4b79;--accent-four:#16d4d0;--date-shade:#eaf3ff;--ink:#061445;--muted:#66708d;--line:#e5eaf3}*{box-sizing:border-box}body{color:var(--ink);background:#f5f7fb;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-shell{background:#fff;border-radius:0;grid-template-columns:300px 1fr;min-height:100vh;display:grid;overflow:hidden}.sidebar{background:linear-gradient(160deg,var(--accent-one),#002b31 65%,#00383c);color:#fff;padding:38px 16px;box-shadow:8px 0 18px #00152a18}.logo{white-space:nowrap;align-items:center;gap:14px;font-size:22px;font-weight:800;display:flex}.logo-mark{letter-spacing:-7px;text-shadow:0 8px 18px #0004;font-size:54px;font-weight:950;line-height:.75}.sidebar .logo{margin:0 16px 54px}.sidebar nav{flex-direction:column;gap:18px;display:flex}.sidebar button,.bottom-nav button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:22px;padding:17px 16px;font-size:18px;font-weight:700;display:flex}.sidebar button.active{background:linear-gradient(90deg,var(--accent-two),color-mix(in srgb,var(--accent-two),transparent 45%))}.main-frame{flex-direction:column;min-width:0;display:flex}.topbar{justify-content:flex-end;align-items:center;gap:26px;height:96px;padding:0 32px;display:flex}.quote{background:linear-gradient(135deg,var(--accent-two),#006976);color:#fff;box-shadow:0 10px 18px color-mix(in srgb,var(--accent-two),transparent 70%);border:0;border-radius:14px;align-items:center;gap:10px;padding:16px 22px;font-size:17px;font-weight:800;display:flex}.header-icon{color:var(--accent-three)}.avatar{border:2px solid var(--accent-three);width:38px;height:38px;color:var(--accent-three);background:#fff;border-radius:50%;place-items:center;display:grid}.mobile-brand{display:none}.bookings-page{padding:0 28px 18px}.hero{color:#fff;background:linear-gradient(90deg,#001b27d9 0%,#00384a99 36%,#fff1 58%),linear-gradient(140deg,#133954,#5db1f0 45%,#225a28 46%,#507d16 56%,#295e12 70%,#92c3f6);border-radius:18px;min-height:265px;padding:48px 60px;position:relative;overflow:hidden;box-shadow:inset 0 -50px 90px #001b2240}.hero:after{content:"";opacity:.55;background:linear-gradient(10deg,#23310c 0 45%,#5c6b37 46% 52%,#263225 53%);height:70px;position:absolute;inset:auto 0 0}.hero h1{text-shadow:0 3px 8px #0008;margin:0 0 2px;font-size:48px}.hero p{margin:0;font-size:24px;font-weight:800}.coach-art{filter:drop-shadow(0 16px 16px #0007);z-index:1;font-size:150px;position:absolute;bottom:38px;right:90px}.search{z-index:2;background:#fff;border-radius:34px;align-items:center;gap:18px;width:min(595px,55%);height:66px;padding:0 28px;display:flex;position:absolute;bottom:24px;left:60px;box-shadow:0 8px 20px #0002}.search svg,.filter-btn svg{color:var(--accent-three)}.search input{width:100%;color:var(--ink);border:0;outline:0;font-size:19px}.filter-btn{z-index:2;background:#fff;border:0;border-radius:50%;width:66px;height:66px;position:absolute;bottom:24px;left:calc(85px + min(595px,55%));box-shadow:0 8px 20px #0002}.tabs{gap:18px;margin:24px 4px 20px;display:flex}.tabs button{min-width:130px;color:var(--ink);background:#fff;border:1px solid #d6dce8;border-radius:24px;padding:13px 28px;font-size:16px;font-weight:800}.tabs button.active{background:linear-gradient(135deg,var(--accent-two),#006d78);color:#fff;border-color:#0000}.booking-list{flex-direction:column;gap:10px;display:flex}.booking-card{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:90px 1.2fr 1.2fr 150px 34px;align-items:center;gap:24px;min-height:145px;padding:16px 24px;display:grid;box-shadow:0 8px 20px #091b3d08}.date-pill{background:var(--date-shade);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:88px;height:100px;display:flex;overflow:hidden}.date-pill span{color:#1262ff;text-align:center;background:color-mix(in srgb,var(--date-shade),white 45%);width:100%;padding:7px;font-size:19px;font-weight:800}.date-pill strong{color:#05070d;font-size:34px}.date-pill em{font-size:18px;font-style:normal;font-weight:800}.booking-copy h2{margin:0 0 4px;font-size:23px}.booking-copy p,.booking-meta p{margin:7px 0;font-size:18px}.desktop-date,.booking-meta p{align-items:center;gap:14px;display:flex}.booking-meta svg,.desktop-date svg,.chevron{color:var(--accent-three)}.booking-side{flex-direction:column;justify-content:space-between;align-items:flex-end;height:100%;padding:4px 0;display:flex}.booking-side strong{font-size:24px}.status{border-radius:8px;padding:8px 12px;font-weight:800}.confirmed{color:#078137;background:#c8f0dd}.pending{color:#f04405;background:#ffe2d6}.completed{color:#1c52b7;background:#dfe9ff}.cancelled{color:#b42338;background:#ffe1e4}.mobile-date{display:none!important}.coming-soon{border:1px dashed var(--line);min-height:65vh;color:var(--muted);border-radius:24px;align-content:center;place-items:center;gap:8px;margin:40px;display:grid}.bottom-nav{display:none}.empty{text-align:center;color:var(--muted);padding:32px;font-weight:700}@media (width<=820px){body{background:#e9edf4}.app-shell{border-radius:28px;max-width:430px;min-height:100vh;margin:0 auto;display:block;overflow:hidden}.sidebar{display:none}.topbar{background:linear-gradient(160deg,var(--accent-one),#00343b);color:#fff;justify-content:flex-start;gap:19px;height:96px;padding:16px 24px}.mobile-brand{margin-right:auto;display:block}.mobile-brand .logo{font-size:21px}.mobile-brand .logo-mark{font-size:49px}.quote{border:1px solid var(--accent-two);box-shadow:none;background:0 0;border-radius:8px;padding:13px 14px;font-size:15px}.header-icon{color:#fff}.avatar{color:#fff;background:0 0;border-color:#fff;width:34px;height:34px}.bookings-page{background:#fff;border-radius:18px 18px 0 0;padding:12px 16px 96px}.hero{border-radius:14px;min-height:173px;padding:31px 18px}.hero h1{font-size:38px}.hero p{width:55%;font-size:25px;line-height:1.18}.coach-art{font-size:96px;bottom:78px;right:22px}.search{width:calc(100% - 86px);height:58px;padding:0 18px;bottom:14px;left:18px}.filter-btn{width:58px;height:58px;bottom:14px;left:auto;right:18px}.tabs{gap:10px;margin:14px 2px 20px;overflow:auto}.tabs button{min-width:auto;padding:13px 24px}.booking-card{grid-template-columns:104px 1fr 88px 20px;gap:8px;min-height:119px;padding:20px 12px}.date-pill{grid-row:1/span 2;width:76px;height:106px}.date-pill strong{font-size:34px}.booking-copy{grid-column:2/span 1}.booking-copy h2{font-size:21px}.booking-copy p,.booking-meta p{margin:7px 0;font-size:17px}.desktop-date{display:none}.booking-meta{grid-column:2/span 2}.mobile-date{display:flex!important}.booking-side{grid-area:1/3/span 2;align-items:flex-end}.booking-side strong{font-size:22px}.chevron{grid-area:1/4/span 2}.status{padding:8px 10px}.bottom-nav{background:linear-gradient(160deg,var(--accent-one),#00343b);color:#fff;z-index:5;grid-template-columns:repeat(5,1fr);width:min(430px,100%);padding:14px 10px 25px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{flex-direction:column;gap:5px;padding:6px 0;font-size:13px}.bottom-nav button.active{color:var(--accent-four)}.coming-soon{min-height:70vh;margin:20px}}