@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
.athlete-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.athlete-layout .panel-heading h2{margin-top:7px}.section-body{padding:0 23px 24px}.parent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.document-list{display:grid;gap:12px;margin-top:22px}.document-check{display:flex;align-items:center;gap:13px;background:#f7f9f4;border:1px solid #e4e9df;border-radius:9px;padding:14px 16px;font-size:13px;cursor:pointer}.document-check input{width:18px;height:18px;accent-color:#32685a;flex-shrink:0}.document-check small{display:block;color:#7e8b7b;font-size:10px;margin-top:4px}.certificate{display:inline-block;padding:6px 9px;border-radius:6px;font-size:10px}.certificate.missing{background:#f1f3ef;color:#8a9286}.certificate.valid{background:#e8f1e1;color:#5d7f49}.certificate.expired{background:#f8e7e3;color:#a26457}.certificate.soon{background:#fcf1d9;color:#9c7f3e}.certificate-preview{margin-top:10px}.payment-total{text-align:right}.payment-total small{display:block;color:#81917c;font-size:10px;margin-bottom:4px}.payment-total strong{font-family:Manrope,sans-serif;font-size:23px;font-weight:750;white-space:nowrap}.payments-table td{padding-top:13px;padding-bottom:13px}.payments-table input[type=number]{width:160px}.payments-table input[type=date]{width:190px}.payments-table td:first-child{width:35%}.profile-back{margin-bottom:12px}.profile-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0}.profile-actions p{font-size:11px}.profile-actions>div{display:flex;gap:9px}.profile-error{padding:15px 20px;background:#f8e7e3;color:#9d5a51;border:1px solid #e4bdb3;border-radius:9px;margin-top:18px;font-size:12px}.profile-error[hidden]{display:none}
@media(max-width:950px){.athlete-layout{grid-template-columns:1fr}.athlete-layout .full{grid-column:auto}}@media(max-width:700px){.parent-grid{grid-template-columns:1fr}.profile-actions{align-items:flex-start;flex-direction:column}.payments-table input[type=number]{width:100px}.payments-table input[type=date]{width:147px}.payments-table td,.payments-table th{padding-left:12px;padding-right:12px}.payment-total strong{font-size:18px}.payments-table td:first-child{width:auto}.athlete-layout .section-body{padding:0 18px 20px}}
:root{--navy:#182d30;--green:#32685a;--mint:#def2d9;--ink:#203b3e;--muted:#77817e;--line:#e4e9e3;--bg:#f5f7f2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #8dc0ad;outline-offset:3px}.sidebar{width:238px;background:var(--navy);color:#dce5e0;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:30px 22px}.brand{font-family:Manrope,sans-serif;font-weight:800;font-size:32px;letter-spacing:-1.5px;color:#fff;text-decoration:none;display:flex;gap:11px;align-items:center}.brand-icon{display:inline-flex;align-items:center;justify-content:center;background:#d5ecc9;color:var(--navy);border-radius:12px;width:39px;height:39px;font-size:35px;position:relative}.brand-icon span{position:absolute;top:-13px;right:6px;font-size:24px}.club{margin:37px 0 31px;padding:15px 0;border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15;display:flex;gap:10px;align-items:center}.club-symbol{background:#ffffff10;border:1px solid #ffffff1a;border-radius:9px;padding:10px;font-size:11px;letter-spacing:1px}.club strong,.profile strong{display:block;font-size:12px;font-weight:550}.club small,.profile small{display:block;color:#8fa5a0;font-size:11px;margin-top:5px}.nav-label{font-size:10px;color:#8baba3;letter-spacing:1.7px;margin:0 12px 14px}nav{display:grid;gap:8px}nav button{border:0;background:transparent;color:#adc1bb;text-align:left;border-radius:9px;padding:14px;display:flex;gap:13px;align-items:center}nav button span{font-size:20px;width:20px;text-align:center;line-height:20px}nav button.active{background:#d8edcc;color:#203c36;font-weight:650}nav button:hover:not(.active){background:#ffffff0b}.sidebar-bottom{margin-top:auto}.season{font-size:11px;padding:16px 7px;color:#b7c8c1}.dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#8abf79;margin-right:7px}.profile{border-top:1px solid #ffffff15;display:flex;gap:10px;padding-top:19px}.avatar{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#edf2e8;color:#4a6c60;font-size:12px;font-weight:650;flex-shrink:0}.workspace{margin-left:238px}header{height:78px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;background:#fcfdfb;font-size:12px;color:var(--muted)}header strong{font-weight:500;color:#40554e}.crumb{margin:0 14px;color:#b3bbb4}.header-right{display:flex;align-items:center;gap:23px}.local-badge{border:1px solid var(--line);padding:6px 10px;border-radius:20px;color:#526a5c;font-size:11px}main{max-width:1440px;margin:auto;padding:36px 42px 24px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:20px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--green);font-weight:700}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:29px;font-weight:750;letter-spacing:-1px;margin:7px 0 8px}h2{font-size:18px;letter-spacing:-.5px;margin:0}h3{font-size:15px;margin:0}p{color:var(--muted);margin:0;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:8px;font-weight:600;font-size:12px;border:1px solid transparent;white-space:nowrap}.primary{background:var(--green);color:white}.primary:hover{background:#254e43}.secondary{background:white;border-color:var(--line);color:#476154}.text-button{background:none;border:0;color:var(--green);font-size:12px;font-weight:600;padding:8px 0}.hero{border-radius:13px;padding:28px 31px;background:#e4eedf;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;margin-bottom:24px;min-height:158px}.hero h2{font-size:23px;margin:8px 0}.hero p{color:#657861;max-width:450px;font-size:13px}.hero-art{width:200px;height:110px;position:relative;flex-shrink:0}.hero-art:before,.hero-art:after{content:'';position:absolute;border:1px solid #8baa8060;border-radius:50%;width:154px;height:154px;top:-24px;right:0}.hero-art:after{width:104px;height:104px;top:1px;right:25px}.gymnast{font-size:82px;position:absolute;right:53px;top:-13px;color:#476951;transform:rotate(-13deg);line-height:120px}.spark{position:absolute;color:#76976c;font-size:29px;right:10px;top:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.stat{background:white;border:1px solid var(--line);border-radius:11px;padding:20px 23px;position:relative}.stat-label{font-size:12px;color:#718176}.stat-value{font-family:Manrope,sans-serif;font-size:32px;font-weight:750;letter-spacing:-1px;margin:10px 0 5px}.stat-note{font-size:11px;color:#819084}.stat-icon{position:absolute;right:20px;top:20px;width:35px;height:35px;display:flex;align-items:center;justify-content:center;font-size:18px;border-radius:10px;background:#edf3e7;color:#6b875d}.content-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:23px}.panel{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-heading{padding:23px 23px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading p{font-size:11px;margin-top:5px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;color:#8a948c;text-transform:uppercase;font-weight:500;letter-spacing:.7px;background:#fafbf8;padding:13px 23px;border-top:1px solid #edf0e9;border-bottom:1px solid #edf0e9}td{padding:17px 23px;border-bottom:1px solid #edf0e9;font-size:12px}tr:last-child td{border-bottom:0}.person{display:flex;align-items:center;gap:11px}.person strong{display:block;font-weight:600}.person small{display:block;color:#8a938b;font-size:10px;margin-top:4px}.avatar.color1{background:#efe9e2;color:#a28360}.avatar.color2{background:#e6eaf1;color:#67799c}.avatar.color3{background:#eee4ed;color:#9a7597}.tag{border-radius:5px;padding:5px 8px;font-size:10px;display:inline-block;background:#edf3e7;color:#658254}.tag.blue{background:#eaf0f8;color:#6b84a5}.tag.purple{background:#f0eafa;color:#9175ad}.group-row{display:flex;align-items:center;gap:12px;padding:18px 23px;border-top:1px solid #edf0e9}.group-icon{width:40px;height:40px;border-radius:10px;background:#f0f4ec;color:#6d8565;display:flex;justify-content:center;align-items:center;font-size:19px}.group-row h3{font-family:'DM Sans',sans-serif;font-size:12px}.group-row p{font-size:10px;margin-top:4px}.group-count{margin-left:auto;font-family:Manrope,sans-serif;font-size:20px;font-weight:650}.panel-foot{padding:16px 23px;border-top:1px solid #edf0e9;font-size:11px;color:#7c887f}.demo-notice{margin-top:23px;display:flex;gap:10px;align-items:center;color:#83917d;font-size:11px}.demo-notice span{font-size:15px}footer{display:flex;justify-content:space-between;color:#97a092;font-size:10px;max-width:1440px;margin:0 auto;padding:15px 42px 26px}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:18px 23px;border-bottom:1px solid var(--line)}input,select,textarea{padding:10px 12px;border:1px solid #dce3d8;border-radius:7px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#6b9581;box-shadow:0 0 0 3px #dcebdd}input[type=search]{width:300px}.count-label{margin-left:auto;color:var(--muted);font-size:12px}.icon-button{background:none;border:0;color:#779080;padding:8px}.danger{color:#ac5b55}.empty{padding:45px;text-align:center;color:var(--muted)}.group-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.group-card{background:white;border:1px solid var(--line);padding:25px;border-radius:12px}.group-card .group-icon{margin-bottom:19px}.group-card p{font-size:12px;margin:8px 0 20px}.group-card .number{font-family:Manrope;font-size:35px;font-weight:700}.group-card .card-bottom{border-top:1px solid var(--line);margin-top:20px;padding-top:10px;display:flex;justify-content:space-between}.attendance-choices{display:flex;gap:5px}.attendance-choices button{border:1px solid var(--line);background:white;color:#859084;border-radius:6px;font-size:11px;padding:7px 9px}.attendance-choices button.selected.present{background:#e5f1de;border-color:#abc99a;color:#4b7638}.attendance-choices button.selected.absent{background:#f8e5e1;border-color:#dab2aa;color:#a05e52}.attendance-choices button.selected.excused{background:#fcf2d9;border-color:#ddc48b;color:#9a7e38}dialog{border:1px solid var(--line);border-radius:15px;padding:27px;width:560px;max-width:calc(100% - 28px);box-shadow:0 20px 80px #182d3025}dialog::backdrop{background:#182d3060;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.dialog-heading h2{margin-top:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label.field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#5b7060}.full{grid-column:1 / -1}textarea{resize:vertical;min-height:72px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:20px;margin-top:23px}#toast{position:fixed;bottom:26px;left:calc(50% + 100px);transform:translateX(-50%);background:var(--navy);color:white;padding:13px 22px;border-radius:9px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}#toast.show{opacity:1}.action-bar{display:flex;gap:8px}.backup-bar{margin-top:20px;display:flex;gap:15px;align-items:center}.backup-bar p{font-size:11px}.contact{color:#7c897f}.attendance-summary{font-size:12px;color:#58734f;padding:15px 23px;background:#f6f9f2;border-bottom:1px solid var(--line)}
@media(min-width:1500px){main{padding-top:48px}.hero{min-height:185px}.stats{margin-bottom:32px}.stat{padding:25px}.content-grid td{padding-top:20px;padding-bottom:20px}}@media(max-width:1100px){.sidebar{width:205px;padding:25px 16px}.workspace{margin-left:205px}main{padding:28px 25px}header{padding:0 25px}.content-grid{grid-template-columns:1fr}.group-cards{grid-template-columns:repeat(2,1fr)}.header-right #today-label{display:none}td,th{padding-left:18px;padding-right:18px}footer{padding-left:25px;padding-right:25px}}@media(max-width:700px){.sidebar{position:static;width:auto;padding:17px 20px}.brand{font-size:26px}.brand-icon{width:32px;height:32px;font-size:29px}.club,.nav-label,.sidebar-bottom{display:none}nav{display:flex;gap:5px;margin-top:17px}nav button{padding:9px;font-size:11px;flex:1;justify-content:center;gap:5px}nav button span{font-size:16px;width:16px}.workspace{margin-left:0}header{height:55px;padding:0 20px}.local-badge{font-size:9px}main{padding:25px 18px}.page-heading{align-items:flex-start}h1{font-size:25px}.page-heading p{font-size:12px}.page-heading .button{padding:10px}.hero{padding:23px;min-height:160px}.hero h2{font-size:20px}.hero-art{display:none}.stats{gap:8px}.stat{padding:16px 12px}.stat-value{font-size:26px}.stat-icon{display:none}.stat-label{font-size:10px}.stat-note{font-size:9px}.group-cards{grid-template-columns:1fr}.toolbar{padding:15px}input[type=search]{width:100%}.toolbar select{flex:1}.count-label{display:none}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}footer{padding:10px 18px 20px}footer span{display:none}#toast{left:50%;width:max-content;max-width:90%}.backup-bar{flex-wrap:wrap}.action-bar{flex-direction:column}.attendance-choices{flex-direction:column}.demo-notice{line-height:1.6}}

.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}

.parent-document-list { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; }
