@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@700;800&display=swap');
:root{--ink:#17221d;--muted:#69736e;--line:#e4e9e6;--paper:#fff;--canvas:#f4f7f5;--green:#176b46;--green2:#22a06b;--mint:#e5f5ed;--nav:#102d22;--danger:#a53d3d;--shadow:0 10px 30px rgba(27,54,42,.07);--radius:18px}*{box-sizing:border-box}html{font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--canvas)}body{margin:0}h1,h2,h3{font-family:Manrope,system-ui,sans-serif;margin:0;letter-spacing:-.025em}h1{font-size:clamp(1.65rem,4vw,2.25rem)}h2{font-size:1.18rem}p{color:var(--muted);line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-page{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:var(--nav);color:#fff;padding:26px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-family:Manrope;font-weight:800;font-size:1.15rem}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--green2);display:grid;place-items:center;color:#fff;font-size:.8rem}.club-chip{margin:28px 0 18px;padding:12px 14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:13px}.club-chip small,.club-chip strong{display:block}.club-chip small{color:#a9bdb4;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a,.sidebar-foot>a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:11px;color:#c7d5cf;font-size:.9rem}.sidebar nav a span:first-child{width:20px;text-align:center}.sidebar nav a:hover,.sidebar nav a.active,.sidebar-foot>a.active{background:rgba(255,255,255,.1);color:#fff}.sidebar nav a.disabled{opacity:.38;cursor:not-allowed}.nav-label{font-size:.64rem;color:#789085;text-transform:uppercase;letter-spacing:.12em;margin:17px 12px 3px}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding-top:14px}.sidebar-foot>a{padding:7px}.sidebar-foot>a>span:last-child{display:flex;flex-direction:column}.sidebar-foot small{font-size:.68rem;color:#91a89e}.avatar{width:36px;height:36px;flex:none;border-radius:12px;background:#d9f0e5;color:var(--green);display:grid;place-items:center;font-weight:800;font-size:.78rem}.text-button{border:0;background:none;color:#91a89e;padding:10px 8px;cursor:pointer;font-size:.75rem}.content{margin-left:260px;padding:34px clamp(22px,4vw,60px) 60px;max-width:1500px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.eyebrow{font-size:.69rem;text-transform:uppercase;letter-spacing:.11em;font-weight:700;color:var(--green2);margin:0 0 6px}.top-avatar{display:none}.mobile-head{display:none}.welcome-card{position:relative;overflow:hidden;border-radius:24px;padding:32px;background:linear-gradient(120deg,#164d36,#0f6a45);color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow)}.welcome-card h2{font-size:1.65rem;margin:13px 0 4px}.welcome-card p{color:#cde1d7;margin:0}.pill{font-size:.61rem;font-weight:800;letter-spacing:.09em;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:5px 9px}.ball-accent{font-size:5.6rem;opacity:.18;transform:rotate(-14deg);margin-right:4%}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:20px 0}.stat{background:var(--paper);padding:20px;border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-template-columns:auto 1fr;gap:11px 15px;box-shadow:var(--shadow)}.stat-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center}.stat-icon.green{background:#e3f5eb}.stat-icon.blue{background:#e6f1fb}.stat-icon.orange{background:#fff0df}.stat small,.stat strong{display:block}.stat small{font-size:.72rem;color:var(--muted)}.stat strong{font-family:Manrope;font-size:1.75rem}.stat a{grid-column:1/-1;font-size:.74rem;color:var(--green);font-weight:700;border-top:1px solid var(--line);padding-top:11px}.split{display:grid;grid-template-columns:1.6fr .9fr;gap:17px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:19px}.panel-head p,.form-panel>p{margin:4px 0 0;font-size:.85rem}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid>a,.quick-disabled{border:1px solid var(--line);border-radius:14px;padding:15px;display:grid;grid-template-columns:auto 1fr;gap:1px 11px}.quick-grid span{grid-row:1/3;width:33px;height:33px;border-radius:10px;background:var(--mint);display:grid;place-items:center;color:var(--green);font-weight:800}.quick-grid strong{font-size:.82rem}.quick-grid small{color:var(--muted);font-size:.69rem}.quick-grid>a:hover{border-color:#a8ceb9;background:#fbfdfc}.quick-disabled{opacity:.55}.next{background:#f0f7f3}.next h2{margin-bottom:12px}.next p{font-size:.86rem}.progress{height:7px;background:#dbe7e0;border-radius:99px;margin:26px 0 8px}.progress span{display:block;width:32%;height:100%;background:var(--green2);border-radius:99px}.next>small{color:var(--muted)}.alert{padding:12px 15px;border-radius:12px;margin-bottom:18px;font-size:.84rem}.alert.success{background:#dff3e8;color:#17623f}.alert.error{background:#fde8e8;color:var(--danger)}.two-col{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);gap:18px;align-items:start}.form-panel{position:sticky;top:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.stack{display:flex;flex-direction:column;gap:17px;margin-top:24px}.full{grid-column:1/-1}label{font-size:.75rem;font-weight:700;color:#46514c}input,select,textarea{display:block;width:100%;margin-top:6px;border:1px solid #d5ddd8;border-radius:11px;padding:11px 12px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green2);box-shadow:0 0 0 3px rgba(34,160,107,.12)}textarea{resize:vertical}.button{border:0;background:var(--green);color:#fff;border-radius:11px;padding:12px 17px;font-weight:700;cursor:pointer;display:flex;justify-content:center;gap:10px}.button:hover{background:#105638}.slug,.badge{display:inline-flex;align-items:center;border-radius:99px;background:var(--mint);color:var(--green);font-size:.68rem;font-weight:700;padding:5px 9px;white-space:nowrap}.people-list{display:flex;flex-direction:column}.person{display:flex;align-items:center;gap:12px;padding:14px 2px;border-top:1px solid var(--line)}.person:first-child{border-top:0}.person>div{min-width:0;flex:1}.person strong,.person small{display:block}.person strong{font-size:.87rem}.person small{color:var(--muted);font-size:.7rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:3px}.player-avatar{background:#e8f2fb;color:#286790}.parent-avatar{background:#fff0df;color:#9a5b16}.empty{text-align:center;padding:48px 24px}.empty>span{font-size:2rem}.empty h3,.empty h2{margin-top:11px}.empty .button{display:inline-flex;margin-top:14px}.profile-card{text-align:center}.profile-avatar{width:76px;height:76px;border-radius:22px;font-size:1.25rem;margin:0 auto 15px}.profile-card p{margin:4px 0 12px}.profile-card hr{border:0;border-top:1px solid var(--line);margin:25px 0}.profile-card>small,.profile-card>strong{display:block}.profile-card>small{color:var(--muted)}.auth-page{min-height:100vh;background:#edf3ef;display:grid;place-items:center;padding:25px}.auth-shell{width:min(1020px,100%);min-height:610px;background:#fff;border-radius:26px;overflow:hidden;display:grid;grid-template-columns:1.08fr .92fr;box-shadow:0 25px 80px rgba(18,46,34,.16)}.auth-story{padding:48px;background:linear-gradient(150deg,rgba(9,47,33,.93),rgba(18,106,70,.94)),radial-gradient(circle at 70% 30%,#239c68,#0d3c2b);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.auth-story h1{font-size:clamp(2rem,4vw,3.25rem);line-height:1.12}.auth-story p{color:#c8ded4;max-width:440px}.auth-story small{color:#91b4a5}.auth-card{padding:clamp(32px,6vw,70px);display:flex;flex-direction:column;justify-content:center}.auth-card h2{font-size:1.8rem}.auth-card .muted{margin-top:6px}.support{text-align:center;font-size:.72rem;margin-top:25px}
@media(max-width:1050px){.stats-grid{grid-template-columns:1fr}.stat{grid-template-columns:auto 1fr auto;align-items:center}.stat a{grid-column:auto;border:0;padding:0}.split{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}.form-panel{position:static}.account-grid{grid-template-columns:minmax(250px,.7fr) 1.3fr}}
@media(max-width:879px){.mobile-head{display:flex;position:sticky;top:0;height:64px;background:var(--nav);color:#fff;align-items:center;justify-content:space-between;padding:0 18px;z-index:15}.mobile-head .brand-mark{width:34px;height:34px}.menu-button{border:0;background:rgba(255,255,255,.1);color:#fff;border-radius:10px;font-size:1.25rem;width:40px;height:40px}.sidebar{transform:translateX(-105%);transition:transform .2s ease;box-shadow:15px 0 40px rgba(0,0,0,.18)}.sidebar.open{transform:translateX(0)}.content{margin-left:0;padding:24px 18px 45px}.top-avatar{display:grid}.page-head{margin-bottom:20px}.auth-shell{grid-template-columns:1fr;min-height:0;max-width:500px}.auth-story{display:none}.auth-card{min-height:560px}}
@media(max-width:560px){.welcome-card{padding:25px 21px}.ball-accent{display:none}.welcome-card h2{font-size:1.35rem}.stat{grid-template-columns:auto 1fr}.stat a{grid-column:1/-1;border-top:1px solid var(--line);padding-top:10px}.quick-grid,.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.panel{padding:19px}.person .badge{font-size:.6rem}.account-grid{grid-template-columns:1fr}.auth-page{padding:0}.auth-shell{border-radius:0;min-height:100vh}.auth-card{padding:28px 22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.club-logo{width:38px;height:38px;object-fit:contain;border-radius:10px;background:#fff;padding:3px;flex:none}.login-logo{display:block;width:68px;height:68px;object-fit:contain;margin-bottom:22px}.auth-story{background:linear-gradient(150deg,var(--nav),var(--green))}.brand-admin-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end;border-top:1px solid var(--line);padding:14px 0}.brand-admin-form h3{grid-column:1/-1;font-size:.85rem}.brand-admin-form input[type=color]{height:41px;padding:4px}.brand-logo-upload{grid-column:1/3}.brand-preview{width:58px;height:58px;object-fit:contain}.brand-admin-form .small-button{min-height:40px}@media(max-width:650px){.brand-admin-form{grid-template-columns:1fr 1fr}.brand-logo-upload{grid-column:1/-1}}
.sidebar,.mobile-head{color:var(--on-nav,#fff)}.sidebar nav a,.sidebar-foot>a,.sidebar-foot small,.club-chip small,.text-button{color:var(--on-nav,#fff);opacity:.78}.sidebar nav a.active,.sidebar nav a:hover{color:var(--on-nav,#fff);opacity:1}.button{color:var(--on-green,#fff)}.brand-mark{color:var(--on-accent,#fff)}.auth-story{color:var(--on-nav,#fff)}.auth-story p,.auth-story small{color:inherit;opacity:.8}
.platform-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.platform-stats article{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.platform-stats small,.platform-stats strong{display:block}.platform-stats small{color:var(--muted);font-size:.72rem}.platform-stats strong{font:800 1.7rem Manrope;margin-top:3px}.platform-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.72fr);gap:18px;align-items:start}.club-admin-list{display:flex;flex-direction:column;gap:10px}.club-admin-card{border:1px solid var(--line);border-radius:14px;padding:0 15px}.club-admin-card summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0}.club-admin-card summary::-webkit-details-marker{display:none}.club-admin-card summary strong,.club-admin-card summary small{display:block}.club-admin-card summary small{color:var(--muted);font-size:.69rem;margin-top:3px}.club-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-top:1px solid var(--line);padding:14px 0}.club-metrics span{font-size:.67rem;color:var(--muted)}.club-metrics strong{display:block;color:var(--ink);font-size:.88rem}.club-admin-actions{border-top:1px solid var(--line);padding:14px 0;display:flex;align-items:end;justify-content:space-between;gap:12px}.compact-form{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.compact-form label{max-width:125px}.compact-form input,.compact-form select{padding:7px 8px;margin-top:3px;font-size:.7rem}.danger-button{border-color:#e2b8b8;color:var(--danger);background:#fff8f8}.form-section-title{font-size:.82rem;border-top:1px solid var(--line);padding-top:16px}.invite-result input{background:#fff;border-color:#b3d9c2;margin:8px 0 4px}.invite-result small{display:block}.badge.cancelled{background:#f5e7e7;color:#943c3c}
@media(max-width:1100px){.platform-layout{grid-template-columns:1fr}.platform-layout .form-panel{position:static}}@media(max-width:650px){.platform-stats{grid-template-columns:1fr}.club-metrics{grid-template-columns:1fr 1fr}.club-admin-actions{align-items:stretch;flex-direction:column}.compact-form{display:grid;grid-template-columns:1fr 1fr}.compact-form label{max-width:none}}
.stack-panels{display:flex;flex-direction:column;gap:18px}.stack-panels .form-panel{position:static}.match-list{display:flex;flex-direction:column;gap:12px}.match-card{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:start;border:1px solid var(--line);border-radius:15px;padding:15px}.match-date{width:48px;height:53px;border-radius:12px;background:var(--mint);display:grid;place-items:center;align-content:center;color:var(--green)}.match-date strong{font-family:Manrope;font-size:1.25rem;line-height:1}.match-date small{font-size:.58rem;font-weight:800}.match-card h3{font-size:.95rem;margin:7px 0 2px}.match-card small{color:var(--muted);font-size:.7rem}.match-card p{font-size:.76rem;margin:8px 0 0}.score{font-family:Manrope;font-size:1.2rem;font-weight:800;white-space:nowrap}.order-card{display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:15px 2px;border-top:1px solid var(--line)}.order-card:first-child{border-top:0}.order-card strong,.order-card small{display:block}.order-card small{font-size:.7rem;color:var(--muted);margin-top:3px}.inline-form{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap}.inline-form select{width:auto;margin:0;padding:7px 9px;font-size:.7rem}.small-button{border:0;border-radius:8px;padding:7px 10px;background:var(--nav);color:#fff;font-size:.7rem;font-weight:700}.badge.paid{background:#dff3e8}.badge.pending{background:#fff0df;color:#975b17}.product-grid{display:grid;gap:11px;margin-top:17px}.product{border:1px solid var(--line);border-radius:14px;padding:15px}.product>span{font-size:1.4rem}.product>div{display:flex;justify-content:space-between;gap:15px;margin-top:7px}.product small{color:var(--green);font-weight:800}.product form{border-top:1px solid var(--line);padding-top:13px;margin-top:13px}.muted{color:var(--muted)}
@media(max-width:560px){.match-card{grid-template-columns:auto 1fr}.match-card .score{grid-column:2}.order-card{grid-template-columns:1fr}.order-card>.badge{justify-self:start}}
.training-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.65fr);gap:18px;align-items:start}.create-training{position:sticky;top:24px}.training-list{display:flex;flex-direction:column;gap:10px}.training-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;border:1px solid var(--line);border-radius:15px;padding:14px;transition:border-color .15s,transform .15s}.training-card:hover{border-color:#a7cdb8;transform:translateY(-1px)}.training-card.cancelled{opacity:.6}.training-day{width:47px;height:52px;border-radius:12px;background:var(--mint);color:var(--green);display:grid;place-items:center;align-content:center}.training-day strong{font-family:Manrope;font-size:1.2rem;line-height:1}.training-day small{font-size:.58rem;font-weight:800}.training-card h3{font-size:.92rem;margin:6px 0 2px}.training-card small{font-size:.69rem;color:var(--muted)}.training-meta{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:7px}.badge.completed{background:#dff3e8}.badge.cancelled{background:#f5e7e7;color:#943c3c}.form-note{margin-top:20px;padding:14px;border-radius:12px;background:var(--canvas);font-size:.76rem}.form-note p{font-size:.72rem;margin:5px 0 0}.status-form{display:flex;gap:7px;align-items:center}.status-form select{width:auto;margin:0;padding:7px 9px;font-size:.72rem}.attendance-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 0 16px}.attendance-tools span{font-size:.7rem;color:var(--muted)}.ghost-button{border:1px solid #b8d5c5;background:#f5fbf8;color:var(--green);border-radius:9px;padding:8px 11px;font-weight:700;font-size:.72rem;cursor:pointer}.attendance-list{display:flex;flex-direction:column}.attendance-row{display:grid;grid-template-columns:auto minmax(120px,1fr) 130px minmax(130px,1fr);gap:10px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}.attendance-row select,.attendance-row input{margin:0;padding:8px 9px;font-size:.72rem}.attendance-row strong{font-size:.8rem}.attendance-save{margin-top:18px;margin-left:auto}.empty.compact{padding:20px}.compact p{margin:0}
@media(max-width:1120px){.training-layout{grid-template-columns:1fr}.create-training{position:static}.attendance-row{grid-template-columns:auto 1fr 130px}.attendance-row input{grid-column:2/-1}}
@media(max-width:600px){.training-card{grid-template-columns:auto 1fr}.training-meta{grid-column:2;align-items:flex-start;text-align:left}.attendance-panel .panel-head{display:block}.status-form{margin-top:12px}.attendance-row{grid-template-columns:auto 1fr}.attendance-row select,.attendance-row input{grid-column:2/-1}.attendance-tools{align-items:flex-start;flex-direction:column}}
.billing-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.billing-stats article{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:17px;box-shadow:var(--shadow)}.billing-stats small,.billing-stats strong{display:block}.billing-stats small{color:var(--muted);font-size:.74rem}.billing-stats strong{font-family:Manrope;font-size:1.45rem;margin-top:5px}.billing-stats .has-overdue{border-color:#ecc2c2}.billing-stats .has-overdue strong{color:var(--danger)}.billing-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.65fr);gap:18px;align-items:start}.billing-tools{position:sticky;top:24px}.generate-form{display:flex;align-items:end;gap:8px}.generate-form label{font-size:.68rem}.generate-form input{margin-top:3px;padding:7px 8px;font-size:.72rem}.charge-list{display:flex;flex-direction:column;gap:11px}.charge-card{border:1px solid var(--line);border-radius:15px;padding:15px;display:grid;grid-template-columns:1fr auto;gap:11px}.charge-main{display:flex;align-items:center;gap:11px}.money-avatar{background:#e1f3e9}.charge-main div>*{display:block}.charge-main strong{font-size:.86rem}.charge-main span{font-size:.76rem;margin-top:2px}.charge-main small{font-size:.68rem;color:var(--muted);margin-top:4px}.charge-amount{text-align:right}.charge-amount>strong{display:block;font-family:Manrope;font-size:1.05rem;margin-bottom:5px}.balance-line{grid-column:1/-1;border-top:1px solid var(--line);padding-top:9px;display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted)}.balance-line strong{color:var(--ink)}.payment-details{grid-column:1/-1}.payment-details summary{cursor:pointer;color:var(--green);font-size:.75rem;font-weight:700}.payment-form{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px;padding:13px;background:var(--canvas);border-radius:11px}.payment-form .wide{grid-column:1/-1}.payment-form input,.payment-form select{padding:8px;font-size:.72rem}.mini-list{display:flex;flex-direction:column}.mini-list>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line);font-size:.76rem}.mini-list>div:first-child{border-top:0}.mini-list span>*{display:block}.mini-list small{color:var(--muted);font-size:.66rem;margin-top:3px}.section-title{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
@media(max-width:1150px){.billing-layout{grid-template-columns:1fr}.billing-tools{position:static}.billing-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.billing-stats{grid-template-columns:1fr 1fr}.billing-stats article{padding:13px}.billing-stats strong{font-size:1.15rem}.panel-head .generate-form{margin-top:12px}.charge-card{grid-template-columns:1fr}.charge-amount{text-align:left;display:flex;align-items:center;gap:9px}.payment-form{grid-template-columns:1fr}.payment-form .wide{grid-column:auto}.generate-form{flex-wrap:wrap}}
.invite-banner{display:grid;grid-template-columns:1fr minmax(260px,1.3fr) auto;gap:14px;align-items:center;background:#e4f5ec;border:1px solid #b5dac5;border-radius:16px;padding:16px;margin-bottom:18px}.invite-banner p{font-size:.75rem;margin:3px 0 0}.invite-banner input{margin:0;background:#fff;font-size:.74rem}.parent-row{flex-wrap:wrap}.parent-row form{margin-left:auto}.notices-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);gap:18px;align-items:start}.publish-notice{position:sticky;top:24px}.notice-list{display:flex;flex-direction:column;gap:13px}.notice-card{border:1px solid var(--line);border-radius:15px;padding:17px}.notice-card.unread{border-left:4px solid var(--green2);background:#fbfefc}.notice-top,.notice-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.notice-top small,.notice-card footer small{color:var(--muted);font-size:.72rem}.notice-card h3{font-size:1rem;margin-top:13px}.notice-card p{font-size:.84rem;white-space:normal}.notice-card footer{border-top:1px solid var(--line);padding-top:11px;margin-top:14px}.read-mark{font-size:.7rem;color:var(--green);font-weight:700}.reminder-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reminder-card{display:flex;gap:11px;padding:14px;border-radius:13px;background:var(--canvas);border:1px solid var(--line)}.reminder-card>span{width:34px;height:34px;border-radius:10px;background:var(--mint);color:var(--green);display:grid;place-items:center;flex:none}.reminder-card strong,.reminder-card small{display:block}.reminder-card strong{font-size:.78rem}.reminder-card small{font-size:.7rem;color:var(--muted);margin-top:4px}.reminder-card.payment>span{background:#fff0df;color:#975b17}
@media(max-width:1050px){.notices-layout{grid-template-columns:1fr}.publish-notice{position:static}}
@media(max-width:650px){.invite-banner{grid-template-columns:1fr}.reminder-grid{grid-template-columns:1fr}.notice-card footer{align-items:flex-start;flex-direction:column}}
.account-layout{display:grid;grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr);gap:18px;align-items:start}.preference-list{display:flex;flex-direction:column;margin-top:18px}.preference-list>label{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-top:1px solid var(--line)}.preference-list>label:first-of-type{border-top:0}.preference-list span>*{display:block}.preference-list small{font-size:.72rem;color:var(--muted);font-weight:400;margin-top:3px}.preference-list input[type=checkbox]{width:22px;height:22px;margin:0;accent-color:var(--green)}.preference-list .button{margin-top:12px}
@media(max-width:850px){.account-layout{grid-template-columns:1fr}}
.report-filter{margin-bottom:16px}.report-filter form{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr)) auto;align-items:end;gap:12px}.report-filter input,.report-filter select{margin-top:4px}.report-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.report-stats article{display:flex;align-items:center;gap:11px;background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:16px;box-shadow:var(--shadow)}.report-stats article>span{width:34px;height:34px;border-radius:10px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-weight:800}.report-stats small,.report-stats strong{display:block}.report-stats small{font-size:.7rem;color:var(--muted)}.report-stats strong{font-family:Manrope;font-size:1.1rem;margin-top:3px}.report-stats .report-balance{border-color:#ebc7c7}.report-stats .report-balance>span{background:#fae9e9;color:var(--danger)}.report-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin-bottom:16px}.export-link{color:var(--green);font-size:.72rem;font-weight:700}.report-table-wrap{overflow:auto}.report-table{border-collapse:collapse;width:100%;font-size:.76rem}.report-table th{text-align:left;color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.04em;padding:10px;border-bottom:1px solid var(--line)}.report-table td{padding:12px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.rate-bar{display:inline-block;width:48px;height:5px;background:#e4ebe7;border-radius:99px;margin-right:7px;vertical-align:middle}.rate-bar i{display:block;height:100%;background:var(--green2);border-radius:99px}.table-empty{text-align:center;color:var(--muted)}.payment-report-list{display:flex;flex-direction:column}.payment-report-list>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.payment-report-list>div:first-child{border-top:0}.payment-report-list span:last-child{text-align:right}.payment-report-list strong,.payment-report-list small{display:block}.payment-report-list strong{font-size:.78rem}.payment-report-list small{font-size:.68rem;color:var(--muted);margin-top:3px}.export-panel{display:grid;grid-template-columns:.5fr 1.5fr;gap:28px;align-items:center}.export-panel p{font-size:.8rem;margin:5px 0}.export-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.export-grid a{border:1px solid var(--line);border-radius:12px;padding:12px}.export-grid a:hover{border-color:#9fc9b2;background:#fbfefc}.export-grid span,.export-grid strong,.export-grid small{display:block}.export-grid span{color:var(--green);margin-bottom:7px}.export-grid strong{font-size:.76rem}.export-grid small{font-size:.65rem;color:var(--muted);margin-top:3px}
@media(max-width:1150px){.report-stats{grid-template-columns:repeat(3,1fr)}.report-grid{grid-template-columns:1fr}.export-panel{grid-template-columns:1fr}.export-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.report-filter form{grid-template-columns:1fr 1fr}.report-filter label:nth-child(3),.report-filter .button{grid-column:1/-1}.report-stats{grid-template-columns:1fr 1fr}.report-stats article:last-child{grid-column:1/-1}.export-grid{grid-template-columns:1fr 1fr}}
