:root{--giants-blue: #0b2265;--giants-red: #a71930;--fg: #111;--bg: #f7f8fa;--muted: #6b7280;--card: #ffffff;--border: #e5e7eb}*{box-sizing:border-box}body,html,#root{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh}.nav{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;background:var(--giants-blue);color:#fff}.nav a{color:#fff;text-decoration:none}.nav .brand{font-weight:800;letter-spacing:.1em}.nav nav{display:flex;gap:1rem}.nav .auth{margin-left:auto}main{flex:1;padding:1.5rem;max-width:1200px;width:100%;margin:0 auto}.footer{padding:1rem 1.5rem;color:var(--muted);font-size:.85rem;text-align:center}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1rem}.grid{display:grid;gap:1rem}.grid.cols-3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}button,.btn{background:var(--giants-blue);color:#fff;border:0;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600}button:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;color:var(--giants-blue);border:1px solid var(--giants-blue)}input,select,textarea{width:100%;padding:.5rem;border:1px solid var(--border);border-radius:6px;font:inherit}label{display:block;margin-bottom:1rem;font-size:.9rem;color:var(--muted)}label>span{display:block;margin-bottom:.25rem;color:var(--fg);font-weight:500}.muted{color:var(--muted)}.price{font-weight:700;color:var(--giants-blue)}.badge{display:inline-block;padding:.1rem .5rem;border-radius:999px;background:var(--border);font-size:.75rem;color:var(--fg)}