:root{--court-green-dark: #0b3d24;--court-green: #1e7a3c;--court-green-light: #2f9e52;--ball-yellow: #d7e100;--ball-yellow-dark: #b8c400;--cream: #f7f7ef;--white: #ffffff;--ink: #16241c;--ink-soft: #4a5a4f;--border: #d9e2da;--danger: #b3261e;--danger-bg: #fdecea;--font-heading: "Poppins", "Segoe UI", sans-serif;--font-body: "Inter", "Segoe UI", sans-serif;--radius: 10px;--shadow: 0 2px 10px rgba(11, 61, 36, .08);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--cream);background-image:radial-gradient(circle at top right,rgba(215,225,0,.08),transparent 45%),radial-gradient(circle at bottom left,rgba(30,122,60,.06),transparent 40%);background-attachment:fixed;color:var(--ink);font-family:var(--font-body);line-height:1.5;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--court-green-dark);font-weight:600;line-height:1.25;margin:0 0 .6em}h1{font-size:1.9rem;letter-spacing:-.01em}p{margin:0 0 1em;color:var(--ink-soft)}a{color:var(--court-green);font-weight:600;text-decoration:none}a:hover{color:var(--court-green-dark);text-decoration:underline}.app-shell{min-height:100vh;display:flex;flex-direction:column}.page-content{flex:1;width:100%;max-width:960px;margin:0 auto;padding:2rem 1.5rem 3rem}.navbar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.85rem 1.5rem;background:linear-gradient(120deg,var(--court-green-dark),var(--court-green));box-shadow:var(--shadow);position:sticky;top:0;z-index:10}.navbar-brand{font-family:var(--font-heading);font-weight:700;font-size:1.2rem;color:var(--white);letter-spacing:-.01em;white-space:nowrap}.navbar-brand:before{content:"🎾";margin-right:.5rem}.navbar-links{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.navbar a,.navbar button{font-family:var(--font-body)}.navbar-links a{color:#ffffffd9;font-weight:500;font-size:.92rem;padding:.5rem .85rem;border-radius:999px;transition:background .15s ease,color .15s ease}.navbar-links a:hover{background:#ffffff1f;color:var(--white);text-decoration:none}.navbar-links a.active{background:var(--ball-yellow);color:var(--court-green-dark);font-weight:700}.navbar-logout{background:transparent;border:1px solid rgba(255,255,255,.4);color:var(--white);padding:.45rem .9rem;font-weight:600}.navbar-logout:hover{background:#ffffff1f;border-color:#fff9}.navbar-toggle{display:none;background:transparent;border:1px solid rgba(255,255,255,.4);color:var(--white);font-size:1.1rem;line-height:1;padding:.45rem .7rem;box-shadow:none}.navbar-toggle:hover{background:#ffffff1f}@media (max-width: 48rem){.navbar-toggle{display:inline-flex}.navbar-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:.25rem;padding:.75rem 1.5rem 1rem;background:var(--court-green-dark);border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);box-shadow:0 10px 20px #0b3d2440}.navbar-links.is-open{display:flex}.navbar-links a{padding:.6rem .85rem;border-radius:var(--radius)}.navbar-logout{margin-top:.35rem}}form{display:flex;flex-direction:column;gap:.9rem;max-width:420px}label{font-weight:600;font-size:.9rem;color:var(--ink)}input,select,textarea{font-family:var(--font-body);font-size:.98rem;padding:.65rem .8rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--white);color:var(--ink);outline:none;transition:border-color .15s ease,box-shadow .15s ease}input::placeholder{color:#94a39a}input:focus,select:focus,textarea:focus{border-color:var(--court-green);box-shadow:0 0 0 3px #1e7a3c26}small{color:var(--ink-soft);font-size:.82rem;margin-top:-.5rem}button{font-family:var(--font-body);font-weight:700;font-size:.95rem;padding:.65rem 1.3rem;border-radius:var(--radius);border:none;cursor:pointer;background:var(--ball-yellow);color:var(--court-green-dark);transition:background .15s ease,transform .05s ease,box-shadow .15s ease;box-shadow:0 1px 2px #0b3d2426}button:hover{background:var(--ball-yellow-dark)}button:active{transform:translateY(1px)}button:disabled{background:#e5e5e5;color:#9a9a9a;cursor:not-allowed}[role=alert]{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(179,38,30,.25);border-radius:var(--radius);padding:.6rem .9rem;font-size:.9rem;font-weight:500;margin:0}table{width:100%;border-collapse:collapse;background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}thead{background:var(--court-green-dark)}th{text-align:left;color:var(--white);font-family:var(--font-heading);font-weight:600;font-size:.85rem;letter-spacing:.02em;text-transform:uppercase;padding:.75rem 1rem}td{padding:.7rem 1rem;border-bottom:1px solid var(--border);color:var(--ink)}tbody tr:last-child td{border-bottom:none}tbody tr:nth-child(2n){background:#1e7a3c0a}tbody tr:hover{background:#d7e10024}tbody tr.row-me,tbody tr.row-me:hover{background:#d7e1004d}tbody tr.row-me td{font-weight:700;color:var(--court-green-dark)}tbody tr.row-me td:first-child{box-shadow:inset 4px 0 0 var(--court-green)}.challenge-link{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:var(--court-green);box-shadow:0 1px 2px #0b3d2426;font-size:.95rem;line-height:1;text-decoration:none;transition:background .15s ease,transform .05s ease}.challenge-link:hover{background:var(--court-green-dark);text-decoration:none}.challenge-link:active{transform:translateY(1px)}.result-badge{display:inline-block;margin-left:.4rem;padding:.05rem .45rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;vertical-align:middle}.result-won{background:var(--ball-yellow);color:var(--court-green-dark)}.result-lost{background:#e8ece9;color:var(--ink-soft)}.result-tied{background:#1e7a3c1f;color:var(--court-green-dark)}.you-badge{display:inline-block;margin-left:.5rem;padding:.05rem .45rem;border-radius:999px;background:var(--court-green);color:var(--white);font-family:var(--font-body);font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;vertical-align:middle}.auth-page{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:3rem 1.5rem;text-align:center}.auth-card{width:100%;max-width:420px;background:var(--white);border-radius:16px;box-shadow:var(--shadow);padding:2.25rem 2rem;text-align:left;border-top:6px solid var(--ball-yellow)}.auth-card h1{text-align:center}.auth-card form{max-width:none}.auth-page>p{max-width:380px}.auth-links{display:flex;flex-direction:column;gap:.6rem;align-items:center}.status-with-note{text-decoration:underline dotted;text-underline-offset:.2em;cursor:help}.filter-bar{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:1rem}.filter-group{display:flex;gap:.5rem;flex-wrap:wrap}.filter-bar button[aria-pressed=false]{background:transparent;border:1px solid var(--border);color:var(--ink-soft);box-shadow:none}.filter-bar button[aria-pressed=false]:hover{background:#1e7a3c0f;border-color:var(--court-green);color:var(--court-green-dark)}.datetime-picker{display:flex;gap:.6rem;flex-wrap:wrap}.datetime-picker input{flex:1 1 10rem}.datetime-picker select{flex:0 1 9rem}.form-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1.5rem}.button-secondary{background:transparent;border:1px solid var(--border);color:var(--ink-soft);box-shadow:none}.button-secondary:hover{background:#1e7a3c0f;border-color:var(--court-green);color:var(--court-green-dark)}.button-danger{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(179,38,30,.3);box-shadow:none}.button-danger:hover{background:var(--danger);color:var(--white)}.match-detail{display:grid;grid-template-columns:max-content 1fr;gap:.65rem 2rem;align-items:baseline;margin:0 0 1.75rem;padding:1.25rem 1.5rem;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow)}.match-detail dt{font-family:var(--font-heading);font-size:.78rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-soft)}.match-detail dd{margin:0;font-weight:600;color:var(--court-green-dark)}.match-detail-address{display:block;margin-top:.15rem;font-weight:400;font-size:.88rem;color:var(--ink-soft)}@media (max-width: 30rem){.match-detail{grid-template-columns:1fr;gap:.15rem}.match-detail dd{margin-bottom:.6rem}}.invite-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}.invite-actions button{align-self:flex-end}.invite-account-type{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;font-weight:600}.invite-form{flex-direction:row;align-items:center;gap:.6rem;max-width:520px;margin-bottom:1rem}.invite-form input{flex:1}.invite-type{white-space:nowrap}.invite-sent{color:var(--court-green);font-weight:600}.location-list{list-style:none;margin:0 0 2rem;padding:0;display:flex;flex-direction:column;gap:.75rem}.location-item{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:.9rem 1.1rem}.location-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.location-address{margin:.15rem 0 0;font-size:.88rem;color:var(--ink-soft)}.location-actions{display:flex;gap:.5rem}.location-actions button{padding:.4rem .85rem;font-size:.85rem}.location-map{width:100%;height:280px;margin-top:.9rem;border:1px solid var(--border);border-radius:var(--radius);display:block}.address-autocomplete,gmp-place-autocomplete{width:100%}gmp-place-autocomplete{color-scheme:light}