@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#172820;--muted:#77847d;--line:#e9eeea;--paper:#f6f8f6;--white:#fff;--green:#1d6a4a;--green-deep:#10231c;--green-soft:#eaf4ee;--lime:#d9f46a;--amber:#a96b12;--amber-soft:#fff4df;--blue:#526dad;--blue-soft:#edf1fc;--shadow:0 4px 18px rgba(20,43,32,.045)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{width:248px;background:var(--green-deep);color:#ecf3ee;display:flex;flex-direction:column;padding:26px 16px 18px;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;padding:0 10px 39px}.brand-mark{height:37px;width:37px;display:grid;place-items:center;border-radius:12px;background:var(--lime);color:#173322;font:800 12px Manrope,sans-serif;letter-spacing:-.8px}.brand strong{display:block;font:700 13px Manrope,sans-serif;letter-spacing:-.3px}.brand small{display:block;color:#88a092;font-size:9px;letter-spacing:1.3px;margin-top:4px}.club-label,.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.25px;color:#89958e}.club-label{padding:0 12px 11px;color:#6f897b}.side-nav{display:grid;gap:5px}.nav-item{color:#b5c4bb;background:transparent;border:0;text-align:left;padding:12px;border-radius:8px;font-size:13px;display:flex;align-items:center;gap:12px;transition:.18s}.nav-item:hover{background:#1c382b;color:#fff}.nav-item.active{background:#224734;color:#fff;box-shadow:inset 3px 0 var(--lime)}.nav-icon{width:18px;text-align:center;font-size:17px;color:#91ad9a}.nav-item.active .nav-icon{color:var(--lime)}.sidebar-spacer{flex:1;min-height:110px}.sidebar-help{background:#18372a;border:1px solid #2b4a39;border-radius:10px;padding:12px;display:flex;gap:10px;margin:0 2px 18px}.help-dot{height:18px;width:18px;border-radius:50%;border:1px solid #74907e;color:#b3c3b9;display:grid;place-items:center;font-size:10px;flex-shrink:0}.sidebar-help strong{font-size:11px}.sidebar-help p{color:#95aa9c;font-size:10px;line-height:1.5;margin:5px 0 0}.profile{border-top:1px solid #2b4135;padding:16px 4px 0;display:flex;align-items:center;gap:10px}.avatar{height:34px;width:34px;border-radius:50%;display:inline-grid;place-items:center;font-size:10px;font-weight:700;color:#305443;background:#dcebe1;flex-shrink:0}.avatar-admin{background:#c1e67a;color:#28432f}.profile>div{display:grid;gap:4px}.profile strong{font-size:11px}.profile small{font-size:9px;color:#91a296}.profile-menu{color:#9cafa3;margin-left:auto;font-size:10px;letter-spacing:1px}.main-area{flex:1;min-width:0}.topbar{height:68px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.82);display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;position:sticky;top:0;z-index:4;backdrop-filter:blur(14px)}.crumb{color:#8a958e;font-size:11px}.crumb span{padding:0 8px;color:#c2cbc5}.crumb strong{color:#3d4c43;font-weight:600}.top-actions{display:flex;align-items:center;gap:16px}.prototype-badge{color:#7d8b80;font-size:10px;display:flex;align-items:center;gap:6px}.prototype-badge i{height:6px;width:6px;border-radius:50%;background:#eab856}.role-switch{border:1px solid #e4eae5;background:#fff;border-radius:7px;padding:8px 11px;color:#52645a;font-size:10px}.role-switch span{margin-left:6px}.icon-button{background:none;border:0;color:#68776e;font-size:17px;position:relative}.notification-dot{position:absolute;height:5px;width:5px;background:#e29d4e;border:1px solid #fff;border-radius:50%;top:2px;right:0}.mobile-brand,.mobile-nav{display:none}.page-content{max-width:1280px;margin:0 auto;padding:28px 4.5% 38px}.view{display:none}.view.active{display:block}.prototype-note{display:flex;align-items:center;gap:11px;border:1px solid #e8e2c7;background:#fffdf4;padding:10px 13px;border-radius:9px;margin:0 0 25px;color:#896f32}.prototype-note>span{font-size:15px;color:#c6a94a}.prototype-note div{display:grid;gap:3px;flex:1}.prototype-note strong{font-size:10px;color:#766330}.prototype-note small{font-size:9px;color:#97885e}.prototype-note button{border:0;background:none;color:#9b8c5f;font-size:17px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.page-heading .eyebrow{color:var(--green);margin-bottom:8px}.page-heading h1{font:700 25px Manrope,sans-serif;letter-spacing:-.9px;margin:0}.page-heading p{margin:6px 0 0;color:var(--muted);font-size:12px}.button{border:1px solid transparent;border-radius:7px;padding:10px 13px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.15s}.button-primary{background:var(--green);color:white;box-shadow:0 2px 4px rgba(29,106,74,.15)}.button-primary:hover{background:#185b3e;transform:translateY(-1px)}.button-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.button-soft{background:#f3f7f4;border-color:#e5ece7;color:#456652}.button-outline{background:#fff;border-color:#dce5de;color:#52645a}.button-outline:hover,.button-soft:hover{background:#edf4ef}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:16px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px 18px;box-shadow:var(--shadow);min-width:0}.stat-label{display:flex;align-items:center;justify-content:space-between;color:#77837b;font-size:10px}.stat-icon{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;font-size:10px;font-weight:700}.stat-icon.amber{background:var(--amber-soft);color:var(--amber)}.stat-icon.green{background:var(--green-soft);color:var(--green)}.stat-icon.blue{background:var(--blue-soft);color:var(--blue)}.stat-value{font:700 23px Manrope,sans-serif;letter-spacing:-.8px;margin:11px 0 5px}.stat-muted{color:#aab5ad}.stat-foot{color:#89948c;font-size:10px}.text-amber{color:#aa711f;font-weight:600}.text-green{color:#288058;font-weight:600}.home-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:13px;margin-bottom:27px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;box-shadow:var(--shadow);min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.panel-heading h2,.table-heading h2{font:700 14px Manrope,sans-serif;letter-spacing:-.25px;margin:5px 0 0}.panel-heading .eyebrow{color:#8c9b90}.status-pill{font-size:9px;font-weight:600;padding:6px 8px;border-radius:20px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.status-pill i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-open{background:#edf6ef;color:#3d825b}.status-paid{background:#eaf4ee;color:#2c7650}.status-waiting{background:#fff4df;color:#a96b12}.game-summary{display:flex;align-items:center;gap:13px;margin:20px 0 17px}.date-tile{width:48px;height:54px;border:1px solid #e5ebe6;border-radius:7px;display:grid;place-items:center;padding:5px 0}.date-tile span{font-size:8px;color:#718177;letter-spacing:.8px;font-weight:700}.date-tile strong{font:700 20px Manrope,sans-serif;line-height:1}.date-tile small{font-size:8px;color:var(--green);font-weight:700}.game-info{display:grid;gap:4px;flex:1}.game-info>strong{font-size:11px}.game-info>span{font-size:9px;color:#869289}.game-info .players-going{margin-top:3px;color:#627167}.players-going b{color:#3d694c}.players-going span{padding:0 4px;color:#b5beb8}.circle-arrow{height:28px;width:28px;border-radius:50%;border:1px solid var(--line);background:white;color:#64746a;font-size:13px}.attendance-preview{border-top:1px solid #eff2ef;padding-top:13px;display:flex;align-items:center;justify-content:space-between}.avatar-stack{display:flex;padding-left:3px}.avatar-stack .avatar{height:25px;width:25px;border:2px solid white;margin-left:-3px;font-size:8px}.avatar-sage{background:#dcebe1;color:#446d53}.avatar-blue{background:#dfe7f8;color:#526caa}.avatar-coral{background:#fae0d7;color:#a35d47}.avatar-lilac{background:#eee3f3;color:#805f8d}.avatar-green{background:#e4efd4;color:#69854d}.text-button{border:0;background:none;color:#528366;font-size:10px;font-weight:600;padding:5px 0}.text-button span{padding-left:5px}.more-button{border:0;background:transparent;color:#9aa59e;letter-spacing:1px}.month-total{margin:24px 0 13px;display:flex;align-items:baseline;justify-content:space-between}.month-total span,.month-foot span{font-size:10px;color:#7f8d83}.month-total strong{font:700 16px Manrope,sans-serif}.progress-track{height:7px;border-radius:6px;background:#f1ecd9;overflow:hidden}.progress-track span{height:100%;display:block;background:#5b9a6d;border-radius:6px}.progress-legend{display:grid;gap:8px;padding:13px 0 12px;border-bottom:1px solid #eff2ef}.progress-legend span{display:flex;align-items:center;gap:6px;font-size:9px;color:#818c84}.progress-legend b{margin-left:auto;font-weight:600;color:#4e5e54}.progress-legend i{width:6px;height:6px;border-radius:50%}.legend-paid{background:#5b9a6d}.legend-open{background:#e5bb64}.month-foot{display:flex;align-items:center;justify-content:space-between;padding-top:11px}.month-foot strong{font-size:10px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 10px}.section-heading h2{font:700 14px Manrope,sans-serif;margin:0}.section-heading p{font-size:10px;color:#89948c;margin:5px 0 0}.attention-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.attention-card{display:flex;align-items:center;gap:11px;text-align:left;background:white;border:1px solid var(--line);border-radius:9px;padding:12px;box-shadow:var(--shadow);color:var(--ink)}.attention-card:hover{border-color:#c7d8cb}.attention-icon{height:31px;width:31px;border-radius:9px;display:grid;place-items:center;font-size:12px;flex-shrink:0}.attention-icon.lime{background:#f1f8d8;color:#657f2e}.attention-icon.peach{background:#fff2de;color:#a56d18}.attention-card>span:nth-child(2){display:grid;gap:4px;flex:1}.attention-card strong{font-size:10px}.attention-card small{font-size:9px;color:#89948c}.attention-arrow{color:#7b9684}.prototype-footer{font-size:9px;color:#9ba59e;margin:16px 0 0}.game-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.8fr);gap:14px;align-items:start}.game-meta{display:flex;flex-wrap:wrap;gap:14px;color:#839087;font-size:10px;margin-top:16px;padding-bottom:14px;border-bottom:1px solid #eff2ef}.attendance-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 0 10px}.attendance-toolbar>div{display:grid;gap:4px}.attendance-toolbar strong{font-size:11px}.attendance-toolbar small{font-size:9px;color:#89948c}.attendance-list{display:grid}.attendee-row{display:flex;align-items:center;gap:9px;padding:9px 1px;border-bottom:1px solid #f1f3f1}.attendee-row input{accent-color:var(--green);height:15px;width:15px}.attendee-row .avatar{height:28px;width:28px;font-size:8px}.attendee-name{font-size:10px;font-weight:600;flex:1}.attendee-phone{font-size:9px;color:#a0aaa3}.attendance-empty{padding:14px;text-align:center;color:#89948c;font-size:10px}.finalize-box{margin-top:14px;padding:13px;background:#f8faf8;border:1px solid #edf1ed;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:14px}.finalize-box>div{max-width:310px}.finalize-box strong{font-size:10px}.finalize-box p{font-size:9px;line-height:1.5;color:#859087;margin:5px 0 0}.amount-field{display:grid;gap:5px;min-width:133px}.amount-field>span{font-size:8px;color:#79867d}.amount-field>div{display:flex;align-items:center;gap:5px;background:#fff;border:1px solid #dce5de;border-radius:6px;padding:6px 8px}.amount-field b{font-size:10px;color:#718077}.amount-field input{width:72px;border:0;outline:0;font-size:12px;font-weight:700;color:#345742}.panel-actions{display:flex;justify-content:space-between;gap:9px;padding-top:14px}.panel-actions .button{font-size:9px}.rules-panel{position:sticky;top:84px}.rules-panel h2{font:700 14px Manrope,sans-serif;margin:6px 0 20px}.rule-equation{display:grid;gap:10px}.rule-equation>div:not(.rule-result){display:flex;justify-content:space-between;align-items:center}.rule-equation>div>span{color:#7f8b83;font-size:9px}.rule-equation>div>strong{font-size:10px}.operator{text-align:center;color:#a6b0a9;font-weight:700;font-size:11px}.rule-result{margin-top:4px;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px}.rule-result strong{font:700 18px Manrope,sans-serif;color:var(--green)}.rule-tip{display:flex;gap:9px;background:#f5f8f2;padding:11px;border-radius:7px;margin-top:16px}.rule-tip>span{color:#6b9867;font-weight:700}.rule-tip p{color:#758274;font-size:9px;line-height:1.5;margin:0}.finance-stats{margin-bottom:14px}.table-panel{padding:0;overflow:hidden}.table-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 18px;border-bottom:1px solid var(--line)}.table-heading h2{margin:0}.table-heading p{color:#8a958e;font-size:9px;margin:5px 0 0}.table-filters{display:flex;gap:7px}.table-filters select{border:1px solid #e3eae4;background:#fff;border-radius:6px;padding:7px 9px;color:#627168;font-size:9px}.responsive-table{overflow:auto}table{width:100%;border-collapse:collapse;min-width:560px}th{text-align:left;color:#9aa49d;font-size:8px;font-weight:700;letter-spacing:.8px;padding:11px 18px;background:#fbfcfb}td{padding:11px 18px;border-top:1px solid #f0f3f0;font-size:10px;color:#56645b}td:first-child{color:#263a2f;font-weight:600}.person-cell{display:flex;align-items:center;gap:9px}.person-cell .avatar{height:27px;width:27px;font-size:8px}.amount-open{color:#a36c1d;font-weight:600}.amount-paid{color:#337650;font-weight:600}.search-field{border:1px solid #e4eae5;border-radius:6px;display:flex;align-items:center;gap:7px;padding:7px 9px;color:#93a097}.search-field input{border:0;outline:0;width:150px;font-size:9px}.member-grid{padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.member-card{border:1px solid #edf1ed;border-radius:8px;padding:12px;display:flex;align-items:center;gap:9px}.member-card .avatar{height:30px;width:30px;font-size:8px}.member-card>div{display:grid;gap:4px}.member-card strong{font-size:10px}.member-card small{font-size:8px;color:#89948c}.invite-note{display:flex;gap:10px;align-items:flex-start;border:1px solid #e7ece8;background:#f8faf8;border-radius:8px;padding:12px;margin-top:12px;color:#68776e}.invite-note>span{font-size:13px}.invite-note strong{font-size:10px;color:#46564b}.invite-note p{font-size:9px;color:#849087;line-height:1.5;margin:4px 0 0}.member-view-badge{border:1px solid #dfebe2;background:#f2f8f3;border-radius:20px;padding:7px 9px;font-size:8px;letter-spacing:.7px;color:#50805d;font-weight:700}.member-summary-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:12px;margin-bottom:14px}.member-summary-grid .stat-card{padding:15px}.member-summary-grid .stat-value{font-size:22px}.next-member-game{display:grid;gap:8px;background:#153d2c;color:#fff;border-radius:10px;padding:16px;box-shadow:var(--shadow)}.next-member-game .eyebrow{color:#aac1b1}.next-member-game>strong{font:600 12px Manrope,sans-serif}.next-member-game>span:not(.eyebrow):not(.status-pill){color:#bbccbf;font-size:9px}.next-member-game .status-pill{justify-self:start}.dues-panel{padding:0;overflow:hidden}.dues-panel .table-heading{padding:17px 18px}.due-row{display:flex;align-items:center;gap:11px;padding:13px 18px;border-bottom:1px solid #f0f3f0}.due-row input{accent-color:var(--green);width:15px;height:15px}.due-date{height:38px;width:38px;border-radius:7px;background:#f3f6f3;display:grid;place-items:center;align-content:center;gap:1px;flex-shrink:0}.due-date small{font-size:7px;color:#859188;font-weight:700}.due-date strong{font:700 13px Manrope,sans-serif}.due-info{flex:1;display:grid;gap:4px}.due-info strong{font-size:10px}.due-info small{color:#89948c;font-size:8px}.due-amount{font:700 12px Manrope,sans-serif}.due-paid{background:#fafcfb}.due-paid .due-info strong{color:#728078}.due-paid-tag{font-size:8px;color:#41805a;background:#edf6ef;padding:5px 7px;border-radius:15px}.checkout-bar{display:flex;justify-content:space-between;align-items:center;background:#fbfcfb;border-top:1px solid #eef2ee;padding:13px 18px}.checkout-bar>div{display:grid;gap:4px}.checkout-bar small{font-size:8px;color:#89948c}.checkout-bar strong{font:700 16px Manrope,sans-serif}.checkout-bar .button{font-size:9px}.payment-method-note{padding:9px 18px;color:#9ba49d;font-size:8px;background:#fff}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,16px);background:#193c2b;color:white;border-radius:7px;padding:10px 15px;font-size:11px;opacity:0;transition:.22s;pointer-events:none;z-index:8;box-shadow:0 6px 22px #153d2c26}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;border-radius:12px;box-shadow:0 20px 80px #11261c50;padding:0;width:min(360px,calc(100% - 30px));color:var(--ink)}dialog::backdrop{background:#101d1685;backdrop-filter:blur(3px)}.modal-content{position:relative;text-align:center;padding:27px}.modal-close{position:absolute;right:12px;top:9px;background:none;border:0;color:#87948b;font-size:20px}.modal-icon{height:44px;width:44px;margin:auto;border-radius:12px;display:grid;place-items:center;background:#eef6dd;font-size:21px}.modal-content h2{font:700 16px Manrope,sans-serif;margin:14px 0 7px}.modal-content p{color:#78847c;font-size:10px;line-height:1.6;margin:0 0 18px}.modal-ok{width:100%}.mobile-view-title{display:none}
@media(max-width:1000px){.sidebar{width:220px}.page-content{padding-left:3%;padding-right:3%}.topbar{padding:0 3%}.home-grid{grid-template-columns:1.2fr 1fr}.panel{padding:15px}.member-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{display:none}.topbar{height:58px;padding:0 16px}.mobile-brand{display:flex;align-items:center;gap:8px;font:700 11px Manrope,sans-serif}.mobile-brand .brand-mark{height:29px;width:29px;border-radius:9px;font-size:10px}.crumb{display:none}.top-actions{gap:9px}.prototype-badge{font-size:0}.prototype-badge i{height:7px;width:7px}.role-switch{font-size:9px;padding:7px 8px}.icon-button{display:none}.page-content{padding:16px 13px 82px}.prototype-note{margin-bottom:18px;padding:9px}.prototype-note small{font-size:8px;line-height:1.4}.page-heading{align-items:flex-start;margin-bottom:16px}.page-heading h1{font-size:21px}.page-heading p{font-size:10px;max-width:240px;line-height:1.5}.page-heading>.button{font-size:9px;padding:9px 10px;white-space:nowrap;margin-top:13px}.stat-grid{gap:8px;margin-bottom:10px}.stat-card{padding:12px 11px;border-radius:8px}.stat-label{font-size:8px;gap:4px;line-height:1.35}.stat-icon{height:21px;width:21px;border-radius:6px;font-size:8px}.stat-value{font-size:17px;margin:10px 0 5px}.stat-foot{font-size:8px;line-height:1.4}.home-grid{grid-template-columns:1fr;gap:9px;margin-bottom:20px}.panel{padding:14px;border-radius:9px}.panel-heading h2,.table-heading h2{font-size:12px}.next-game-panel .game-summary{margin:14px 0}.date-tile{height:48px;width:42px}.date-tile strong{font-size:18px}.game-info>strong{font-size:10px}.game-info>span{font-size:8px}.attendance-preview{padding-top:10px}.text-button{font-size:9px}.month-total{margin:17px 0 11px}.month-total strong{font-size:14px}.progress-legend{padding:10px 0}.progress-legend span{font-size:8px}.month-foot{padding-top:9px}.section-heading{align-items:flex-end}.section-heading h2{font-size:12px}.section-heading p{font-size:8px}.attention-grid{grid-template-columns:1fr;gap:8px}.attention-card{padding:10px}.attention-card strong{font-size:9px}.attention-card small{font-size:8px}.prototype-footer{font-size:8px;line-height:1.5}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:62px;background:#fff;border-top:1px solid var(--line);z-index:5;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -3px 20px #1a39240a}.mobile-nav-item{border:0;background:transparent;color:#87938b;display:grid;justify-items:center;align-content:center;gap:3px;flex:1;font-size:8px}.mobile-nav-item span{font-size:16px}.mobile-nav-item.active{color:var(--green);font-weight:700}.game-layout{grid-template-columns:1fr;gap:10px}.rules-panel{position:static}.attendance-toolbar{align-items:flex-start}.attendance-toolbar strong{font-size:10px}.attendance-toolbar small{font-size:8px}.attendance-toolbar .button{font-size:8px;padding:8px}.attendee-row{gap:8px;padding:8px 0}.attendee-row .avatar{height:26px;width:26px}.attendee-name{font-size:9px}.attendee-phone{font-size:8px}.finalize-box{align-items:flex-start;padding:11px;gap:8px}.finalize-box p{font-size:8px}.amount-field{min-width:115px}.amount-field input{width:58px}.panel-actions{flex-direction:column-reverse}.panel-actions .button{width:100%;min-height:37px}.finance-stats .stat-card{padding:10px 8px}.finance-stats .stat-value{font-size:15px}.table-heading{align-items:flex-start;padding:13px}.table-heading p{max-width:245px;line-height:1.45}.table-filters{display:none}.table-heading>.search-field{width:125px}.search-field input{width:90px}.member-grid{grid-template-columns:1fr 1fr;padding:10px;gap:7px}.member-card{padding:9px;gap:7px}.member-card .avatar{height:26px;width:26px}.member-card strong{font-size:8px}.member-card small{font-size:7px}.member-summary-grid{grid-template-columns:1fr 1fr;gap:8px}.member-summary-grid .stat-card{padding:11px 10px}.member-summary-grid .stat-value{font-size:17px}.member-summary-grid .stat-foot{font-size:7px}.next-member-game{grid-column:1/-1;padding:13px;gap:6px}.next-member-game>strong{font-size:10px}.next-member-game>span:not(.eyebrow):not(.status-pill){font-size:8px}.member-view-badge{font-size:7px;padding:6px}.dues-panel .table-heading{padding:13px}.due-row{padding:11px 12px;gap:8px}.due-date{width:32px;height:35px}.due-info strong{font-size:9px}.due-info small{font-size:7px}.due-amount{font-size:10px}.checkout-bar{padding:12px}.checkout-bar .button{font-size:8px;padding:9px}.payment-method-note{font-size:7px;padding:8px 12px}.role-switch{max-width:148px}.page-heading .member-view-badge{margin-top:9px}}
@media(max-width:380px){.role-switch{font-size:8px;max-width:130px}.top-actions{gap:6px}.page-content{padding-left:10px;padding-right:10px}.page-heading>.button{font-size:8px}.stat-value{font-size:15px}.stat-label{font-size:7px}.member-grid{grid-template-columns:1fr}.member-card strong{font-size:9px}.member-card small{font-size:8px}}