:root{color:#e8edf2;--bg:#0f1720;--panel:#16212c;--card:#1b2835;--card-2:#223243;--border:#2b3c4d;--text:#e8edf2;--muted:#9db0c3;--accent:#57c7ff;--accent-2:#7ee081;--warn:#fc6;--danger:#ff7a7a;--shadow:0 12px 28px #00000040;background:#0f1720;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top, #57c7ff14, transparent 24%), var(--bg);min-width:320px;color:var(--text);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{background:var(--accent);color:#0c1117;cursor:pointer;border:none;border-radius:12px;padding:.85rem 1rem;font-weight:700}button:hover{opacity:.95}#app{max-width:1240px;margin:0 auto;padding:1.25rem}.is-hidden{display:none!important}.auth-view{place-items:center;min-height:100vh;display:grid}.auth-shell{gap:1.25rem;width:100%;max-width:1120px;display:grid}.auth-shell-split{grid-template-columns:1.15fr .85fr;align-items:center}.auth-hero{border:1px solid var(--border);box-shadow:var(--shadow);background:#16212cb8;border-radius:28px;padding:1.5rem}.auth-hero-left{align-content:center;min-height:100%;display:grid}.auth-card-wrap{gap:.9rem;width:100%;display:grid}.auth-card-side{justify-self:end;max-width:460px}.auth-tabs{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.auth-tab{color:var(--muted);border:1px solid var(--border);background:#121c26;padding:.8rem 1rem}.auth-tab.active{background:var(--accent);color:#0c1117;border-color:#0000}.auth-card{width:100%}.brand{align-items:center;gap:.9rem;display:flex}.brand-large{margin-bottom:1rem}.brand-logo{object-fit:contain;width:100px;height:100px;box-shadow:var(--shadow);border-radius:18px}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0c1117;border-radius:16px;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.brand h1{margin:0;font-size:1.3rem}.subtitle{color:var(--muted);margin:.15rem 0 0;font-size:.92rem}.hero-copy h2{max-width:760px;margin:0 0 .4rem;font-size:2rem;line-height:1.15}.hero-copy p{max-width:700px;color:var(--muted);margin:0}.app-view{gap:1.25rem;display:grid}.topbar{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);background:#0f1720e0;border:1px solid #ffffff0f;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.25rem;display:grid;position:sticky;top:0}.topnav{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.nav-link{color:var(--muted);border-radius:12px;padding:.7rem 1rem;font-weight:700}.nav-link.active{color:var(--text);border:1px solid var(--border);background:#182330}.topbar-actions{align-items:center;gap:.8rem;display:flex}.page-shell{display:grid}.panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#16212cb8;border-radius:24px;padding:1.1rem}.panel-header{margin-bottom:1.25rem}.panel-header h2{margin:0 0 .25rem;font-size:1.25rem}.panel-header p{color:var(--muted);margin:0}.content-grid{grid-template-columns:320px 1fr;align-items:start;gap:1.5rem;display:grid}.stack{align-content:start;gap:1rem;display:grid}.card{background:linear-gradient(180deg, var(--card), var(--card-2));border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:1rem}.form-card{gap:.9rem;display:grid}.form-card h3,.section-row h3,.bike-card h4,.job-card h4{margin:0}.form-card label{color:var(--muted);gap:.4rem;font-size:.95rem;display:grid}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#101923;border-radius:12px;padding:.85rem .9rem}input::placeholder,textarea::placeholder{color:#6f8498}.muted{color:var(--muted)}.section-row{justify-content:space-between;align-items:center;gap:1rem;min-height:48px;margin:0;display:flex}.section-row .muted{margin:0}.bike-list,.job-list{gap:.9rem;display:grid}.bike-card,.job-card{gap:.8rem;display:grid}.bike-card-main{grid-template-columns:1fr auto;align-items:center;gap:1rem;display:grid}.bike-card-actions{justify-content:flex-end;gap:.75rem;display:flex}.tag,.bike-delete-btn{border-radius:18px;justify-content:center;align-items:center;min-height:56px;padding:0 1.25rem;font-weight:700;display:inline-flex}.tag{color:var(--accent-2);white-space:nowrap;background:#7ee08124;font-size:.85rem}.danger-tag{color:var(--danger);background:#ff7a7a24}.toolbar{padding:.8rem}.filter-group{flex-wrap:wrap;gap:.6rem;display:flex}.filter{color:var(--muted);border:1px solid var(--border);background:#121c26;padding:.65rem .9rem}.filter.active{background:var(--accent);color:#0c1117;border-color:#0000}.job-top{justify-content:space-between;align-items:start;gap:1rem;display:flex}.job-note{color:#d7e0e8;margin:0}.status{white-space:nowrap;border-radius:999px;padding:.4rem .75rem;font-size:.84rem;font-weight:800}.status.requested{color:var(--accent);background:#57c7ff24}.status.in-progress{color:var(--warn);background:#ffcc6624}.status.done{color:var(--accent-2);background:#7ee08124}.status.cancelled{color:var(--danger);background:#ff7a7a24}.job-actions{flex-wrap:wrap;gap:.7rem;display:flex}.ghost{color:var(--text);border:1px solid var(--border);background:0 0}.ghost.danger{color:var(--danger);border-color:#ff7a7a59}@media (width<=980px){.auth-shell-split{grid-template-columns:1fr}.auth-card-side{justify-self:stretch;max-width:100%}.topbar{grid-template-columns:1fr;align-items:stretch}.topnav{justify-content:flex-start}.topbar-actions{justify-content:space-between}.content-grid{grid-template-columns:1fr}}@media (width<=640px){#app{padding:.8rem}.hero-copy h2{font-size:1.5rem}.job-top,.bike-card-main{grid-template-columns:1fr}.bike-card-actions{justify-content:stretch}.bike-delete-btn{width:100%}}