:root{color:var(--tone-1f2937,#1f2937);background:var(--tone-eef3f9,#eef3f9);font-synthesis:none;text-rendering:optimizelegibility;font-family:Arial,Helvetica,sans-serif}html,body,#root{width:100%;min-width:100%;min-height:100%;margin:0;padding:0}body{min-width:320px;min-height:100vh}#root{text-align:left;width:100%;max-width:none;margin:0;padding:0}.staging-banner{z-index:10000;color:#1c1917;text-align:center;letter-spacing:.04em;box-sizing:border-box;background:#fde047;width:100%;padding:9px 12px;font-size:14px;font-weight:800;position:sticky;top:0}*{box-sizing:border-box}body{background:var(--tone-eef3f9,#eef3f9);color:var(--tone-1f2937,#1f2937);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.loading{min-height:100vh;color:var(--organization-primary,#003b7a);justify-content:center;align-items:center;font-weight:700;display:flex}.page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--surface,white);border-radius:18px;width:100%;max-width:420px;padding:36px;box-shadow:0 16px 50px #0000001f}.brand{text-align:center;margin-bottom:30px}.login-logo{object-fit:contain;width:130px;max-width:130px;height:130px;max-height:130px;margin:0 auto 18px;display:block}.brand h1{color:var(--organization-primary,#003b7a);margin:0;font-size:28px}.brand p{color:var(--tone-6b7280,#6b7280);margin:6px 0 0}form{flex-direction:column;gap:10px;display:flex}label{margin-top:8px;font-weight:700}input{border:1px solid var(--tone-d1d5db,#d1d5db);border-radius:9px;padding:13px 14px;font-size:16px}input:focus{outline:2px solid var(--organization-primary,#003b7a);border-color:#0000}form button{background:var(--organization-primary,#003b7a);color:#fff;cursor:pointer;border:0;border-radius:9px;margin-top:14px;padding:14px;font-weight:700}.message{text-align:center;color:var(--organization-accent,#b91c1c);margin-top:14px;font-size:14px}.dashboard{width:100%;min-height:100vh}.topbar{background:var(--surface,white);border-bottom:1px solid var(--tone-dbe3ee,#dbe3ee);justify-content:space-between;align-items:center;width:100%;min-height:86px;padding:12px 30px;display:flex}.topbar-brand{align-items:center;gap:14px;display:flex}.brand-button{cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.header-logo{object-fit:contain;flex-shrink:0;width:58px;max-width:58px;height:58px;max-height:58px;display:block}.topbar h1{color:var(--organization-primary,#003b7a);margin:0;font-size:22px}.topbar p{color:var(--tone-6b7280,#6b7280);margin:3px 0 0;font-size:14px}.logout-button{border:1px solid var(--tone-ccd6e3,#ccd6e3);background:var(--surface,white);color:var(--organization-primary,#003b7a);cursor:pointer;border-radius:9px;padding:10px 16px;font-weight:700}.dashboard-content{width:100%;max-width:1250px;margin:0 auto;padding:55px 40px 70px}.welcome{background:linear-gradient(135deg, var(--organization-primary,#003b7a), var(--organization-highlight,#0754a5));color:#fff;text-align:center;border-radius:22px;width:100%;margin:0 auto 35px;padding:42px 40px;box-shadow:0 12px 30px #003b7a29}.eyebrow{letter-spacing:1.2px;opacity:.8;margin:0 0 8px;font-size:12px;font-weight:800}.welcome h2{margin:0;font-size:34px}.welcome p:last-child{opacity:.9;max-width:750px;margin:12px auto 0;line-height:1.5}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;margin:0 auto;display:grid}.dashboard-card{border:1px solid var(--tone-dbe3ee,#dbe3ee);background:var(--surface,white);text-align:left;cursor:pointer;border-radius:18px;align-items:center;gap:22px;min-height:155px;padding:30px;transition:transform .15s,box-shadow .15s;display:flex}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000014}.card-icon{background:var(--tone-eef4fb,#eef4fb);border-radius:16px;justify-content:center;align-items:center;width:64px;min-width:64px;height:64px;font-size:30px;display:flex}.dashboard-card h3{color:var(--organization-primary,#003b7a);margin:0 0 8px;font-size:22px}.dashboard-card p{color:var(--tone-667085,#667085);margin:0;font-size:15px;line-height:1.5}.members-content{width:100%;max-width:1800px;margin:0 auto;padding:36px 40px 60px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.page-heading h2{color:var(--organization-primary,#003b7a);margin:10px 0 4px;font-size:30px}.page-heading p{color:var(--tone-667085,#667085);margin:0}.back-button{color:var(--organization-primary,#003b7a);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.refresh-button{border:1px solid var(--tone-ccd6e3,#ccd6e3);background:var(--surface,white);color:var(--organization-primary,#003b7a);cursor:pointer;border-radius:9px;padding:10px 16px;font-weight:700}.member-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.stat-card{background:var(--surface,white);border:1px solid var(--tone-dbe3ee,#dbe3ee);border-radius:14px;padding:19px 20px}.stat-card span{color:var(--tone-667085,#667085);margin-bottom:7px;font-size:13px;font-weight:700;display:block}.stat-card strong{color:var(--organization-primary,#003b7a);font-size:26px}.attention-stat strong{color:var(--tone-b42318,#b42318)}.roster-card{background:var(--surface,white);border:1px solid var(--tone-dbe3ee,#dbe3ee);border-radius:16px;width:100%;overflow:hidden}.roster-toolbar{border-bottom:1px solid var(--tone-e5eaf1,#e5eaf1);justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.roster-toolbar h3{color:var(--organization-primary,#003b7a);margin:0;font-size:20px}.roster-toolbar p{color:var(--tone-667085,#667085);margin:4px 0 0;font-size:13px}.member-search{width:320px;max-width:100%;margin:0}.table-wrapper{width:100%;overflow-x:auto}.members-table{border-collapse:collapse;width:100%;min-width:1500px}.members-table th{background:var(--tone-f7f9fc,#f7f9fc);color:var(--tone-475467,#475467);text-transform:uppercase;letter-spacing:.4px;text-align:left;border-bottom:1px solid var(--tone-e5eaf1,#e5eaf1);padding:12px 14px;font-size:12px}.members-table td{border-bottom:1px solid var(--tone-edf0f4,#edf0f4);vertical-align:middle;padding:14px;font-size:14px}.members-table tbody tr:hover{background:var(--tone-fafcff,#fafcff)}.member-name{color:var(--tone-1f2937,#1f2937);white-space:nowrap;font-weight:700}.contact-cell{white-space:nowrap;color:var(--tone-475467,#475467)}.members-table th:first-child,.members-table td:first-child{min-width:160px}.members-table th:nth-child(2),.members-table td:nth-child(2){min-width:230px}.members-table th:nth-child(3),.members-table td:nth-child(3){min-width:145px}.members-table.usaws-preview-table{min-width:0}.members-table.usaws-preview-table th,.members-table.usaws-preview-table td{white-space:normal;overflow-wrap:anywhere;min-width:0;padding:12px clamp(2px,.6vw,8px)}.usaws-preview-table .usaws-preview-expiration{color:var(--tone-667085,#667085);margin-top:3px;font-size:12px}.usaws-preview-table .refresh-button{overflow-wrap:anywhere;max-width:100%}.source-status{color:var(--tone-667085,#667085);margin-top:3px;font-size:11px}.small-status{background:var(--tone-f2f4f7,#f2f4f7);color:var(--tone-475467,#475467);white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:700;display:inline-block}.active-status{background:var(--tone-ecfdf3,#ecfdf3);color:var(--tone-027a48,#027a48)}.compliance{white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800;display:inline-block}.compliance.ready{background:var(--tone-ecfdf3,#ecfdf3);color:var(--tone-027a48,#027a48)}.compliance.action{background:var(--tone-fef3f2,#fef3f2);color:var(--tone-b42318,#b42318)}.compliance.inactive{background:var(--tone-f2f4f7,#f2f4f7);color:var(--tone-667085,#667085)}.issue-text{color:var(--tone-b42318,#b42318);margin-top:5px;font-size:10px}.table-message{text-align:center;color:var(--tone-667085,#667085);padding:50px 20px}.error-box{background:var(--tone-fef3f2,#fef3f2);border:1px solid var(--tone-fecdca,#fecdca);color:var(--tone-b42318,#b42318);border-radius:10px;margin:22px;padding:18px}.error-box p{margin:6px 0 0}.dues-summary-row{flex-wrap:wrap;gap:12px;margin-bottom:22px;display:flex}.payment-summary{border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.paid-summary{background:var(--tone-ecfdf3,#ecfdf3);color:var(--tone-027a48,#027a48)}.partial-summary{background:var(--tone-fffaeb,#fffaeb);color:var(--tone-b54708,#b54708)}.unpaid-summary{background:var(--tone-fef3f2,#fef3f2);color:var(--tone-b42318,#b42318)}.payment-badge{border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;display:inline-block}.payment-paid{background:var(--tone-ecfdf3,#ecfdf3);color:var(--tone-027a48,#027a48)}.payment-partial{background:var(--tone-fffaeb,#fffaeb);color:var(--tone-b54708,#b54708)}.payment-unpaid{background:var(--tone-fef3f2,#fef3f2);color:var(--tone-b42318,#b42318)}.dues-table{min-width:900px}@media (width<=850px){.dashboard-content{padding:30px 20px 50px}.dashboard-grid{grid-template-columns:1fr}.dashboard-card{min-height:130px}.welcome h2{font-size:27px}.member-stats{grid-template-columns:repeat(2,1fr)}.roster-toolbar{flex-direction:column;align-items:stretch}.member-search{width:100%}}@media (width<=520px){.topbar{padding:10px 16px}.header-logo{width:50px;height:50px}.members-content{padding:24px 14px 50px}.member-stats{grid-template-columns:1fr 1fr}.page-heading h2{font-size:25px}}.member-roster-wrapper{overflow-x:hidden}.members-table.member-roster-table{table-layout:fixed;width:100%;min-width:0}.members-table.member-roster-table th,.members-table.member-roster-table td{white-space:normal;overflow-wrap:anywhere;min-width:0;padding:12px 6px}.member-roster-table button,.member-roster-table .small-status,.member-roster-table .compliance{overflow-wrap:anywhere;max-width:100%;white-space:normal!important}.member-roster-table td:nth-child(3){overflow-wrap:normal;word-break:normal}@media (width<=800px){.members-table.member-roster-table th,.members-table.member-roster-table td{padding:8px 3px}.member-roster-table td:nth-child(3){overflow-wrap:anywhere}}.members-table.member-roster-table .membership-column{overflow-wrap:normal;word-break:normal}@media (width>=1000px){.members-table.member-roster-table th.membership-column,.members-table.member-roster-table .membership-column .small-status{overflow-wrap:normal;word-break:normal;white-space:nowrap!important}}.members-content.members-roster-content{max-width:none;padding-left:16px;padding-right:16px}.members-roster-content .member-roster-table th{overflow-wrap:normal;word-break:normal}@media (width>=1200px){.members-roster-content .member-roster-table th{white-space:nowrap}}.members-roster-content .member-roster-table th:first-child span{display:block;margin-left:0!important}.members-roster-content .member-roster-table .teamsnap-cell{overflow-wrap:normal;word-break:normal}.organization-settings-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;display:grid}.organization-settings-grid input,.organization-settings-grid select{width:100%;max-width:100%}.organization-settings-grid input[type=checkbox]{width:auto}.member-roster-wrapper{overscroll-behavior-x:contain;overflow-x:auto}.members-table.member-roster-table{min-width:880px}.members-table.member-roster-table th:first-child,.members-table.member-roster-table td:first-child{overflow-wrap:break-word;min-width:180px}.members-table.member-roster-table th.membership-column{white-space:nowrap}.match-control-button{margin:6px 10px 6px 0}.members-content input[type=file]{max-width:100%}.members-content fieldset{min-width:0}.members-content input,.members-content select,.members-content textarea{box-sizing:border-box;max-width:100%}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #3569c8}@media (width<=768px){.page-heading{flex-wrap:wrap;gap:12px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.members-content button{white-space:normal;overflow-wrap:anywhere;max-width:100%}}.signed-in-identity{text-align:right;overflow-wrap:anywhere;gap:4px;min-width:0;margin-left:auto;padding:0 16px;display:grid}.organization-theme .topbar{border-bottom:4px solid var(--organization-accent)}.organization-theme .topbar h1{color:var(--organization-primary)}.color-controls{border:0;align-items:center;gap:12px;padding:0;display:flex}.organization-settings-grid .color-controls input[type=color]{flex-shrink:0;width:54px;height:42px}.tournament-export-card dl{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.tournament-export-card dl>div{background:var(--tone-f1f5f9,#f1f5f9);border-radius:8px;padding:10px}.tournament-export-card dd{margin:6px 0 0;font-weight:700}.tournament-export-card ul{padding-left:20px}.tournament-export-card li{overflow-wrap:anywhere;margin:8px 0}@media (width<=768px){.topbar{flex-wrap:wrap;gap:12px}.signed-in-identity{text-align:left;flex:180px;margin-left:0;padding:0}.tournament-export-card button{white-space:normal;max-width:100%}}.portal-login{place-items:center;min-height:80vh;padding:24px 16px;display:grid}.login-card{border:1px solid var(--tone-dbe3ee,#dbe3ee);background:var(--surface,white);border-radius:14px;width:100%;max-width:440px;padding:28px;box-shadow:0 8px 28px #0000000d}.login-card label{gap:8px;margin:18px 0;display:grid}.login-card input{border:1px solid #94a3b8;border-radius:8px;width:100%;min-width:0;padding:12px}.signout-dialog{border:0;border-radius:12px;width:calc(100% - 32px);max-width:440px;padding:24px}.signout-dialog::backdrop{background:#0f172a99}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.admin-users-table{border-collapse:collapse;width:100%;margin-top:16px}.admin-users-table th,.admin-users-table td{text-align:left;border-bottom:1px solid var(--tone-dbe3ee,#dbe3ee);overflow-wrap:anywhere;padding:14px 10px}@media (width<=600px){.admin-users-table,.admin-users-table tbody,.admin-users-table tr,.admin-users-table td{display:block}.admin-users-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.admin-users-table tr{border:1px solid var(--tone-dbe3ee,#dbe3ee);border-radius:10px;margin:12px 0;padding:10px}.admin-users-table td{border:0;padding:6px}.admin-users-table td:before{content:attr(data-label) ": ";font-weight:700}.member-roster-wrapper{overflow:visible}.members-table.member-roster-table,.member-roster-table tbody{width:100%;min-width:0;display:block}.member-roster-table colgroup,.member-roster-table thead{display:none}.member-roster-table .mobile-member-card{border:1px solid var(--tone-dbe3ee,#dbe3ee);background:var(--surface,white);border-radius:12px;flex-direction:column;gap:8px;margin:0 0 16px;padding:16px;display:flex}.members-table.member-roster-table .mobile-member-card td{white-space:normal;word-break:normal;overflow-wrap:break-word;border:0;grid-template-columns:minmax(95px,34%) minmax(0,1fr);gap:8px;width:auto;min-width:0;padding:0;display:grid}.mobile-member-card td:before{content:attr(data-label);font-weight:600}.members-table.member-roster-table .mobile-member-card td[data-label=Name]{order:-4;font-size:18px;display:block}.mobile-member-card td[data-label=Name]:before{content:none}.mobile-member-card td[data-label=Membership\ Type]{order:-3}.mobile-member-card td[data-label=Membership]{order:-2}.mobile-member-card td[data-label=Select]{order:-1}.mobile-member-card td[data-label=View]{order:2}.mobile-member-card td[data-label=View]:before{content:none}.members-table.member-roster-table .mobile-member-card td[data-label=View]{display:block}.mobile-member-card td>div+div{grid-column:2}.members-content button,.member-roster-table button,.member-roster-table .small-status,.member-roster-table .compliance{word-break:normal;overflow-wrap:normal;white-space:normal!important}.members-content button,.topbar button{min-height:44px}.page-heading,.topbar,.roster-toolbar{flex-wrap:wrap;gap:12px}.page-heading>*,.topbar>*,.dashboard-grid>*{min-width:0;max-width:100%}.signed-in-identity{flex-basis:100%}input[type=file]{width:100%;min-width:0}dialog{box-sizing:border-box;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto}}.portal-toast{z-index:1000;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));box-sizing:border-box;border:1px solid var(--tone-d1d5db,#d1d5db);border-left:4px solid var(--tone-027a48,#027a48);background:var(--surface,white);width:calc(100% - 32px);max-width:420px;max-height:calc(100dvh - 32px);color:var(--tone-1f2937,#1f2937);overflow-wrap:anywhere;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;display:flex;position:fixed;overflow:auto;box-shadow:0 8px 28px #0003}.portal-toast--warning{border-left-color:var(--tone-b54708,#b54708)}.portal-toast strong{font-size:1rem;line-height:1.4;display:block}.portal-toast p{margin:6px 0 0;font-size:.9375rem;line-height:1.5}.portal-toast-close{border:1px solid var(--tone-d1d5db,#d1d5db);background:var(--surface,white);min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;border-radius:6px;flex:none;place-items:center;padding:0;font-size:24px;display:grid}.portal-toast-close:focus-visible{outline-offset:2px;outline:3px solid #60a5fa}@media (width<=480px){.portal-toast{gap:8px;padding:12px}}:root[data-theme=dark]{--surface:#1e293b;--tone-1f2937:#e5eaf1;--tone-475467:#cbd5e1;--tone-667085:#b7c3d4;--tone-6b7280:#b7c3d4;--tone-ccd6e3:#475569;--tone-d1d5db:#475569;--tone-dbe3ee:#475569;--tone-e5eaf1:#475569;--tone-edf0f4:#263449;--tone-eef3f9:#111827;--tone-eef4fb:#263449;--tone-f1f5f9:#263449;--tone-f2f4f7:#263449;--tone-f7f9fc:#202c3e;--tone-fafcff:#202c3e;--tone-ecfdf3:#123d30;--tone-027a48:#86efac;--tone-fef3f2:#452127;--tone-b42318:#fda4af;--tone-fecdca:#7f3541;--tone-fffaeb:#453519;--tone-b54708:#fcd34d}.appearance-bar{background:var(--surface,white);border-bottom:1px solid var(--tone-dbe3ee,#dbe3ee);justify-content:flex-end;padding:8px 16px;display:flex}.appearance-bar fieldset{border:0;flex-wrap:wrap;gap:6px;min-width:0;margin:0;padding:0;display:flex}.appearance-bar legend{margin-bottom:4px;font-size:14px;font-weight:700}.appearance-bar button{border:1px solid var(--tone-d1d5db,#d1d5db);background:var(--surface,white);min-height:44px;color:inherit;cursor:pointer;border-radius:6px;padding:8px 14px}.appearance-bar button[aria-pressed=true]{outline-offset:-3px;outline:2px solid;font-weight:700}.appearance-bar button:focus-visible{outline-offset:2px;outline:3px solid #60a5fa}:root[data-theme=dark] :is(input,select,textarea){color:#e5eaf1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#182234;border-color:#64748b}:root[data-theme=dark] :is(h1,h2,h3,h4,a,.back-button,.loading),:root[data-theme=dark] .organization-theme .topbar h1{color:#93c5fd}:root[data-theme=dark] :is(.hero-card,.hero-card h1,.hero-card h2,.hero-card h3){color:#fff}:root[data-theme=dark] [style*="background: white"],:root[data-theme=dark] [style*="background: rgb(255, 255, 255)"]{color:#e5eaf1;background:#1e293b!important}@media (width<=480px){.appearance-bar{justify-content:center;padding:8px 12px}}:root[data-theme=dark] :is(.refresh-button,.card-icon,.nav-button){color:#93c5fd}:root[data-theme=dark] dialog{color:#e5eaf1;background:#1e293b;border-color:#64748b}.support-entry{white-space:nowrap;min-height:44px}.support-dialog{border:1px solid var(--tone-d1d5db,#d1d5db);background:var(--surface,white);width:min(900px,100vw - 24px);max-height:calc(100dvh - 90px);color:inherit;border-radius:12px;padding:24px;overflow:auto}.support-dialog::backdrop{background:#0009}.support-heading,.support-actions,.support-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.support-heading{justify-content:space-between}.support-dialog label{gap:6px;display:grid}.support-dialog :is(input,textarea,select){width:100%;max-width:100%;font:inherit}.support-dialog fieldset{border:0;gap:12px;min-width:0;padding:0;display:grid}.support-dialog button{white-space:normal;min-height:44px;padding:8px 12px}.support-ticket{border:1px solid var(--tone-d1d5db,#d1d5db);overflow-wrap:anywhere;border-radius:8px;margin-top:16px;padding:16px}.support-message{white-space:pre-wrap}.role-comparison{margin:16px 0;overflow-x:auto}.role-comparison table{border-collapse:collapse;width:100%;min-width:700px}.role-comparison :is(th,td){border:1px solid var(--tone-d1d5db,#d1d5db);text-align:left;padding:10px}@media (width<=480px){.support-dialog{padding:14px}.support-filters label{width:100%}.support-heading h2{font-size:22px}}.support-dialog{text-align:left;font-size:16px}.support-dialog p{line-height:1.45}