:root{--bg:#07090a;--panel:#101314;--panel2:#0c0f10;--line:#272b2d;--line2:#1b1f21;--text:#f1eee8;--muted:#8f9496;--gold:#c59a58;--gold2:#8f6832;--green:#57d36c;--red:#e06464;--blue:#5865f2;--radius:12px;--shadow:0 20px 60px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%}.muted{color:var(--muted)}
/* landing */
body.landing{min-height:100vh;background:#090b0c url('clubhouse.jpg') center/cover fixed no-repeat;position:relative;overflow-x:hidden}.landing-overlay{position:fixed;inset:0;background:linear-gradient(90deg,rgba(4,5,6,.96) 0%,rgba(4,5,6,.77) 43%,rgba(4,5,6,.55) 68%,rgba(4,5,6,.75) 100%),linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.62));z-index:0}.public-wrap{position:relative;z-index:1;min-height:100vh;padding:24px 46px 22px;display:flex;flex-direction:column}.public-nav{height:70px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.brand-mark{width:42px;height:42px;border:1px solid rgba(197,154,88,.5);border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-weight:900;color:var(--gold);background:radial-gradient(circle at 50% 36%,rgba(197,154,88,.15),rgba(0,0,0,.2));box-shadow:0 0 24px rgba(197,154,88,.08),inset 0 0 20px rgba(197,154,88,.05)}.brand-mark.big{width:62px;height:62px;font-size:22px}.public-links{display:flex;gap:26px;margin-left:auto}.public-links a{font-size:12px;color:#b7b1a7;letter-spacing:.04em}.public-links a:hover{color:#fff}.motto-mini{font-size:9px;letter-spacing:.25em;line-height:1.6;color:#858078;margin-left:18px}.hero{flex:1;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(380px,.76fr);gap:50px;align-items:center;max-width:1320px;width:100%;margin:0 auto;padding:48px 0 36px}.hero-copy{align-self:center;padding-left:1.5vw;text-shadow:0 3px 25px #000}.eyebrow{font-size:11px;letter-spacing:.29em;color:#a9987c;text-transform:uppercase;margin-bottom:18px}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(56px,6.2vw,100px);line-height:.88;margin:0;color:#ded4c2;letter-spacing:.045em;font-weight:800}.hero h2{font-family:Georgia,"Times New Roman",serif;text-transform:uppercase;letter-spacing:.24em;font-size:clamp(15px,1.4vw,23px);line-height:1.55;margin:23px 0 0;color:#f0e6d4;font-weight:500}.hero-rule{height:1px;width:220px;background:linear-gradient(90deg,var(--gold),transparent);margin:26px 0 17px}.hero-values{font-size:10px;letter-spacing:.28em;color:#b3a999}.login-card{justify-self:end;width:min(100%,500px);padding:34px 35px;border:1px solid rgba(197,154,88,.35);background:linear-gradient(145deg,rgba(16,18,19,.92),rgba(7,8,9,.9));border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.55);backdrop-filter:blur(10px);text-align:center}.login-emblem{display:flex;justify-content:center;margin-bottom:14px}.login-card h3{text-transform:uppercase;letter-spacing:.13em;font-family:Georgia,serif;font-size:19px;margin:7px 0 10px}.login-card p{margin:0 auto 21px;color:#aaa49a;font-size:13px;line-height:1.65;max-width:390px}.btn-discord{min-height:54px;padding:0 17px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#4752d9,#6875ff);box-shadow:0 12px 36px rgba(88,101,242,.2);color:#fff}.btn-discord:hover{filter:brightness(1.08);transform:translateY(-1px)}.discord-dot{font-size:20px}.login-divider{display:flex;align-items:center;gap:12px;margin:23px 0;color:#77716a;font-size:9px;letter-spacing:.25em}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:#313335}.login-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mini-link{border:1px solid #303335;border-radius:8px;padding:14px 8px;color:#bcb6ad;font-size:11px;display:flex;flex-direction:column;gap:7px}.mini-link b{font-size:17px;color:#d2c1a2}.mini-link:hover{border-color:rgba(197,154,88,.6);color:#fff}.public-foot{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.07);padding-top:18px;color:#76716a;font-size:9px;letter-spacing:.24em;text-transform:uppercase}
/* app shell */
.app-body{background:radial-gradient(circle at 88% 0%,rgba(197,154,88,.035),transparent 30%),#080a0b}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:linear-gradient(180deg,#0b0d0e,#080a0b 78%);border-right:1px solid var(--line2);padding:20px 14px;overflow:auto;z-index:30}.side-brand{padding:4px 10px 20px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line2)}.side-brand strong{font-family:Georgia,serif;letter-spacing:.08em;color:#d9bb82;font-size:14px}.side-brand span{display:block;font-size:8px;letter-spacing:.28em;color:#686b6d;margin-top:4px}.nav-list{display:flex;flex-direction:column;gap:4px;padding:16px 0}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid transparent;border-radius:8px;color:#a9aaab;font-size:13px}.nav-item:hover{color:#e7dfd1;background:#111416}.nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(197,154,88,.22),rgba(197,154,88,.04));border-color:rgba(197,154,88,.34);box-shadow:inset 3px 0 var(--gold)}.nav-ico{width:22px;text-align:center;color:var(--gold)}.side-footer{margin-top:17px;padding:17px 12px;border-top:1px solid var(--line2);color:#5f6466;font-size:9px;line-height:1.7;letter-spacing:.18em;text-transform:uppercase}.main{grid-column:2;min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{height:74px;position:sticky;top:0;z-index:20;background:rgba(8,10,11,.93);backdrop-filter:blur(12px);border-bottom:1px solid #1c2022;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.mobile-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}.top-search{width:min(360px,34vw)}.top-search input{width:100%;background:#121517;border:1px solid #272c30;color:#e9e5dd;padding:10px 13px;border-radius:8px;outline:0}.top-actions{display:flex;align-items:center;gap:13px}.bell{color:#d9d9d9;font-size:10px;position:relative}.bell:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#e64242;top:-4px;right:-4px}.user-chip{display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1px solid #51442f}.user-text strong{display:block;font-size:12px}.user-text span{display:block;color:var(--gold);font-size:10px;margin-top:2px}.logout-link{font-size:11px;color:#888}.logout-link:hover{color:#fff}.content{padding:30px 30px 55px;max-width:1500px;width:100%;margin:0 auto;flex:1}.app-footer{border-top:1px solid var(--line2);padding:20px 30px;color:#555b5e;text-transform:uppercase;font-size:9px;letter-spacing:.18em;display:flex;justify-content:space-between}.app-footer span{font-family:Georgia,serif;text-transform:none;letter-spacing:.05em;color:#8c744c}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:23px}.page-head h1{font-size:26px;margin:0 0 5px}.page-head p{margin:0;color:#85888a;font-size:13px}.date-chip{font-size:11px;color:#777b7d}.hero-ride{min-height:190px;border:1px solid #2a2d2e;border-radius:var(--radius);background:linear-gradient(90deg,rgba(8,10,10,.97),rgba(8,10,10,.45)),url('clubhouse.jpg') center 46%/cover;display:flex;align-items:end;padding:26px;box-shadow:var(--shadow);margin-bottom:16px;position:relative;overflow:hidden}.hero-ride:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gold);box-shadow:0 0 22px var(--gold)}.hero-ride small{text-transform:uppercase;letter-spacing:.12em;font-weight:800}.hero-ride h2{font-size:34px;margin:7px 0 10px}.hero-meta{display:flex;flex-wrap:wrap;gap:20px;color:#c0bbb2;font-size:12px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dashboard-section{margin-top:14px}.card{background:linear-gradient(145deg,#121516,#0e1011);border:1px solid #292d30;border-radius:var(--radius);padding:19px;box-shadow:0 10px 30px rgba(0,0,0,.18)}.card.compact{padding:16px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-head h3{margin:0;font-size:14px}.card-head a,.link-gold{color:var(--gold);font-size:11px}.metric{font-size:31px;font-weight:800;letter-spacing:-.03em}.metric-sub{font-size:11px;color:#818587;margin-top:5px}.green{color:var(--green)}.gold{color:var(--gold)}.red{color:var(--red)}.progress{height:7px;background:#24282a;border-radius:999px;overflow:hidden;margin-top:13px}.progress span{display:block;height:100%;background:linear-gradient(90deg,#4e9b5c,#67d279)}.list{display:flex;flex-direction:column}.list-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid #202426}.list-row:first-child{border-top:0;padding-top:0}.list-title{font-size:12px;font-weight:700}.list-sub{font-size:10px;color:#7f8385;margin-top:4px;line-height:1.45}.list-side{text-align:right;color:#8f9496;font-size:10px}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:800;border:1px solid #363b3f;color:#bbb;white-space:nowrap}.badge.high,.badge.urgent{border-color:#783838;color:#ee7777;background:#261313}.badge.medium,.badge.important{border-color:#6d5526;color:#dfb657;background:#251e0f}.badge.low{color:#94989a}.badge.paid{border-color:#285f35;color:#6bda85;background:#102417}.badge.open{border-color:#31516e;color:#7db9ea;background:#0d1c29}.badge.done{border-color:#285f35;color:#6bda85;background:#102417}.action-bar{display:flex;gap:9px;flex-wrap:wrap}.btn{border:1px solid #353b3f;background:#171b1d;color:#eee;padding:9px 13px;border-radius:8px;cursor:pointer}.btn:hover{border-color:#5b6267}.btn.primary{background:linear-gradient(135deg,#a97938,#c49a58);color:#0b0b0b;border:0;font-weight:800}.btn.discord{background:#5865f2;border-color:#5865f2}.btn.danger{border-color:#6e3030;color:#e77676}.btn.small{padding:6px 9px;font-size:11px}.table-wrap{overflow:auto;border:1px solid #252a2d;border-radius:12px;background:#0e1011}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{text-align:left;padding:12px 13px;border-bottom:1px solid #202426;font-size:12px}.table th{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#74797b;background:#0f1213}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#111416}.member-cell{display:flex;align-items:center;gap:10px}.member-cell img{width:34px;height:34px;border-radius:50%;object-fit:cover}.member-cell small{display:block;color:#777;margin-top:2px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#8e9294}.field input,.field select,.field textarea{width:100%;background:#0c0e0f;border:1px solid #2d3336;border-radius:8px;padding:10px 11px;color:#eee;outline:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(197,154,88,.62);box-shadow:0 0 0 3px rgba(197,154,88,.08)}.field textarea{min-height:105px;resize:vertical}.form-actions{margin-top:15px;display:flex;gap:9px;justify-content:flex-end}.section-title{margin:28px 0 13px;font-size:17px}.empty{padding:26px;text-align:center;color:#6f7375;border:1px dashed #2a2e30;border-radius:12px}.notice{padding:12px 14px;border-radius:9px;border:1px solid #333;margin-bottom:12px;font-size:12px}.notice.success{border-color:#2c6338;background:#102217;color:#87dc98}.notice.error{border-color:#703434;background:#281414;color:#efa0a0}.notice.info{border-color:#3c4e67;background:#111c2a;color:#a8c0df}.profile-head{display:flex;align-items:center;gap:17px}.profile-head img{width:78px;height:78px;border-radius:50%;border:2px solid var(--gold);object-fit:cover}.profile-head h2{margin:0 0 7px}.rank-pill{display:inline-block;padding:5px 9px;border-radius:999px;border:1px solid rgba(197,154,88,.45);color:var(--gold);font-size:10px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.kpi-icon{font-size:20px;color:var(--gold);margin-bottom:10px}.avatar-stack{display:flex;margin-top:11px}.avatar-stack img{width:30px;height:30px;border-radius:50%;border:2px solid #111;margin-left:-6px;object-fit:cover}.avatar-stack img:first-child{margin-left:0}.bike-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.bike-card{border:1px solid #292d30;border-radius:10px;overflow:hidden;background:#0b0d0e}.bike-photo{height:90px;background:linear-gradient(145deg,#171a1c,#090a0b);display:grid;place-items:center;font-size:38px}.bike-info{padding:10px}.bike-info b{font-size:11px;display:block}.bike-info span{font-size:9px;color:#777}.split-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.pill-row{display:flex;gap:7px;flex-wrap:wrap}.pill{padding:5px 9px;border:1px solid #2d3235;border-radius:999px;font-size:10px;color:#9ea2a4}.pill.active{border-color:rgba(197,154,88,.5);color:var(--gold);background:rgba(197,154,88,.08)}
/* setup */
.setup-body{min-height:100vh;background:radial-gradient(circle at 50% 0%,rgba(197,154,88,.08),transparent 35%),#080a0b;display:grid;place-items:center;padding:30px}.setup-wrap{width:min(100%,900px)}.setup-brand{text-align:center;margin-bottom:22px}.setup-brand .brand-mark{margin:0 auto 10px}.setup-brand h1{font-family:Georgia,serif;margin:0;color:#dfc28c}.setup-brand p{color:#888;font-size:12px}.setup-card{background:#101314;border:1px solid #2b3032;border-radius:14px;padding:25px;box-shadow:var(--shadow)}.check-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.check{border:1px solid #292d30;border-radius:8px;padding:11px;font-size:11px}.check.ok{color:#72d986}.check.bad{color:#ee7676}.setup-note{color:#868b8d;font-size:11px;line-height:1.55}
@media(max-width:1150px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr;max-width:900px}.hero-copy{padding-top:50px}.login-card{justify-self:start}.public-links,.motto-mini{display:none}}
@media(max-width:820px){.public-wrap{padding:18px}.hero{padding:25px 0}.hero h1{font-size:54px}.hero h2{font-size:14px}.login-card{padding:25px 20px}.public-foot{display:none}.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.22s}.sidebar.open{transform:translateX(0);box-shadow:20px 0 60px #000}.main{margin-left:0}.mobile-toggle{display:block}.topbar{padding:0 15px}.top-search{display:none}.content{padding:20px 14px 45px}.grid-4,.grid-3,.grid-2,.form-grid,.bike-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.page-head{align-items:flex-start;flex-direction:column}.hero-ride h2{font-size:26px}.user-text{display:none}.logout-link{display:none}.check-list{grid-template-columns:1fr}.app-footer{padding:18px 14px;gap:10px;flex-direction:column}.public-nav{height:52px}}