@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;450;500;600;700&display=swap');
:root{--bg:#f4f6f8;--ink:#152632;--muted:#7a8790;--line:#e8edef;--green:#a8ed73;--dark:#101f2b;--accent:#297447}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif;font-size:15px}button,input,select,textarea{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}a{color:inherit;text-decoration:none}aside{width:252px;background:var(--dark);color:#a1adb8;position:fixed;inset:0 0 0 auto;display:flex;flex-direction:column;padding:30px 18px;z-index:30}.brand{display:flex;align-items:center;gap:13px;color:white;font-size:34px;font-weight:700;padding:0 14px;line-height:1.1}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#bfccd3;margin-top:9px}.brand-mark{background:var(--green);color:#12252b;display:grid;place-items:center;width:46px;height:48px;border-radius:12px;font-size:39px;transform:skew(-6deg)}.club{display:flex;align-items:center;gap:11px;background:#1b2b37;border:1px solid #293b46;border-radius:10px;padding:13px 10px;margin:32px 0 26px;color:#e3e8ed;font-size:13px}.club small,.side-bottom small{display:block;font-size:11px;color:#8496a5;margin-top:4px}.club-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:8px;background:#344638;color:#b5e792}.nav-label{font-size:11px;letter-spacing:1px;padding:0 15px 10px;color:#637885}nav{display:flex;flex-direction:column;gap:5px;overflow:auto}nav a{display:flex;gap:12px;align-items:center;border-radius:8px;padding:11px 14px;font-size:14px;transition:.2s}nav a:hover{background:#203440;color:white}nav a.active{color:var(--green);background:#2a3c35;font-weight:600}nav a.active:after{content:'';height:7px;width:7px;border-radius:50%;background:var(--green);margin-right:auto}.svg{width:20px;height:20px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.side-bottom{margin-top:auto;padding:20px 12px 0;border-top:1px solid #293743;font-size:12px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-left:6px}.workspace{margin-right:252px}header{height:86px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.head-left,.head-right{display:flex;align-items:center;gap:14px}#breadcrumb{font-size:13px;color:#8b969d}#breadcrumb b{font-weight:500;color:#40525e;margin-right:8px}.icon-btn{border:1px solid var(--line);background:white;width:37px;height:37px;border-radius:9px;display:inline-grid;place-items:center;position:relative;color:#4e626e}.icon-btn i{position:absolute;width:5px;height:5px;background:#db7858;right:9px;top:7px;border-radius:50%}.divider{height:30px;width:1px;background:var(--line);margin:0 6px}.avatar{display:inline-grid;place-items:center;width:38px;height:38px;background:#eff2e7;color:#657d4c;border-radius:50%;font-size:12px;font-weight:600}.user{font-size:13px;font-weight:600}.user small{display:block;font-size:11px;color:var(--muted);font-weight:400}.mobile{display:none}main{max-width:1540px;margin:auto;padding:32px 38px 10px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:16px}.eyebrow{font-size:12px;color:#7d8e99;margin-bottom:3px}h1{font-size:28px;letter-spacing:-.6px;margin:0 0 7px;font-weight:600}p{margin:0;color:var(--muted);line-height:1.8;font-size:14px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{border:1px solid #dce3e7;background:white;border-radius:8px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#344955;font-size:13px;white-space:nowrap}.btn:hover{border-color:#87a77c;background:#f6faef}.btn.primary{background:var(--dark);color:white;border-color:var(--dark)}.btn.lime{background:var(--green);border-color:var(--green);color:#172c22}.btn.small{padding:7px 11px;font-size:12px}.banner{background:var(--dark);border-radius:13px;color:white;padding:25px 30px;position:relative;display:flex;justify-content:space-between;align-items:center;overflow:hidden;margin-bottom:25px;border-left:6px solid var(--green)}.banner h2{font-weight:500;font-size:21px;margin:0 0 7px}.banner p{color:#a9b7c0;font-size:13px}.banner .overline{color:#b2eb85;font-size:11px;letter-spacing:2px;margin-bottom:10px}.banner-actions{display:flex;gap:10px;align-items:center}.banner-num{font-size:49px;font-weight:500;color:var(--green);line-height:1.1;direction:ltr}.banner-stat{border-right:1px solid #3e4d57;padding-right:30px;margin-right:25px;text-align:center}.banner-stat small{color:#a9b7c0;font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.stat{background:white;border:1px solid var(--line);border-radius:11px;padding:19px 20px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#73838d;font-size:13px}.stat-icon{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;background:#f3f6f3;color:#5d765a}.stat:nth-child(2) .stat-icon{background:#edf4fb;color:#5e89ad}.stat:nth-child(3) .stat-icon{background:#f9f1e6;color:#ba925c}.stat:nth-child(4) .stat-icon{background:#f0eff9;color:#8c7fb1}.stat-value{font-family:inherit;font-size:29px;font-weight:600;line-height:1.6;display:flex;align-items:baseline;gap:6px}.stat-value small{font-size:12px;color:#84939b;font-weight:400}.stat-foot{font-size:11px;color:#9ba5ac;display:flex;gap:8px}.change{color:#448763;background:#edf7f0;padding:1px 5px;border-radius:4px}.grid-main{display:grid;grid-template-columns:1.85fr 1fr;gap:22px;margin-bottom:22px}.panel{border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden}.panel-head{padding:21px 23px 16px;display:flex;justify-content:space-between;align-items:center;gap:10px}.panel h2{font-size:16px;margin:0;font-weight:600}.sub{font-size:11px;color:#92a0a8;margin-top:4px}.link{color:#5d7750;font-size:12px;background:none;border:0;padding:4px}.chart-wrap{padding:0 22px 16px}.chart-legend{display:flex;gap:18px;font-size:11px;color:#7c8b94}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:5px}.chart-total{font-size:25px;font-weight:600;margin:12px 0 0}.chart-total small{font-size:12px;color:#98a0a7;font-weight:400}.chart{width:100%;height:190px;overflow:visible}.chart-labels{display:flex;justify-content:space-between;color:#98a3aa;font-size:10px;padding:0 24px}.donut-area{display:flex;gap:24px;align-items:center;justify-content:center;padding:18px 15px 22px}.donut{height:145px;width:145px;border-radius:50%;background:conic-gradient(#a5de72 0 45%,#254738 45% 70%,#adc9dd 70% 88%,#e5eaf0 88%);position:relative;display:grid;place-items:center;flex-shrink:0}.donut:before{content:'';position:absolute;inset:18px;background:white;border-radius:50%}.donut div{z-index:1;text-align:center;font-size:25px;font-weight:600;line-height:1.3}.donut small{display:block;font-size:10px;color:#97a1a6;font-weight:400}.legend{display:grid;gap:15px;font-size:12px;width:115px}.legend div{display:flex;align-items:center;justify-content:space-between}.legend b{font-size:11px;color:#61727d;font-weight:500}.panel-note{border-top:1px solid #eef1f3;margin:0 23px;padding:14px 0;color:#87959f;font-size:11px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:right;white-space:nowrap}th{font-size:11px;font-weight:500;color:#85939c;background:#fafbfc;border-bottom:1px solid var(--line);padding:12px 20px}td{font-size:13px;padding:15px 20px;border-bottom:1px solid #f0f3f4}tr:last-child td{border-bottom:0}.person{display:flex;align-items:center;gap:10px}.person .avatar{width:33px;height:33px;background:#edf1f6;color:#6a8199}.person small{display:block;color:#94a0a8;font-size:10px;margin-top:2px}.badge{display:inline-block;padding:4px 10px;background:#edf6ec;color:#518553;font-size:11px;border-radius:5px}.badge.orange{background:#fff4e2;color:#bd9550}.badge.red{background:#fbeded;color:#b66767}.badge.blue{background:#edf3fa;color:#608fb0}.training{display:flex;gap:12px;padding:14px 22px;border-bottom:1px solid #f0f3f4;align-items:center}.sport-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;background:#eef4e8;color:#648753;flex-shrink:0}.training:nth-child(3) .sport-icon{background:#edf5fb;color:#6594b3}.training:nth-child(4) .sport-icon{background:#fbf1e9;color:#bc8a5e}.training-info{flex:1}.training h3{font-size:13px;margin:0 0 3px;font-weight:500}.training p{font-size:10px}.training-time{font-size:12px;text-align:left;line-height:1.6}.training-time small{display:block;color:#91a0a6;font-size:10px}.toolbar{display:flex;gap:12px;align-items:center;padding:17px 22px;border-bottom:1px solid var(--line);flex-wrap:wrap}.search,input,select,textarea{border:1px solid #dfe6e9;border-radius:8px;padding:10px 12px;background:white;color:#354c5a;min-width:0}.search{min-width:240px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1px solid var(--line);padding:25px;border-radius:12px}.card h3{font-size:18px;margin:12px 0}.card p{font-size:13px}.card .price{font-size:32px;margin:20px 0}.card .price small{font-size:13px;color:#82919c}.card ul{list-style:none;padding:0;font-size:13px;line-height:2.5;color:#76858e}.card li:before{content:'✓';color:#619543;margin-left:10px}.card.featured{border:1px solid #9ac87f;box-shadow:0 0 0 3px #a8ed7318}.card .btn{margin-top:18px}.section-gap{margin-top:25px}.schedule-day{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.days{display:flex;gap:10px;margin:0 22px 15px}.day{background:#f8f9fa;border:1px solid #eef0f3;border-radius:9px;flex:1;padding:10px 4px;text-align:center;font-size:11px;color:#80909b}.day b{display:block;font-size:19px;color:#344955;margin-top:5px}.day.selected{background:#eff7e9;border-color:#b7d4a1;color:#517943}.calendar-list{padding:0 22px 22px}.calendar-row{display:flex;align-items:center;gap:20px;padding:17px 0;border-top:1px solid var(--line)}.calendar-row time{color:#8d9aa3;font-size:12px;min-width:70px;direction:ltr}.event{padding:14px 18px;border-right:3px solid #8abd6b;background:#f4f8ee;border-radius:7px;flex:1;display:flex;align-items:center;justify-content:space-between}.event small{display:block;color:#839378;font-size:11px}.notice{background:#f0f6e9;color:#66804f;border-radius:9px;padding:13px 17px;font-size:13px;margin-bottom:20px}.empty{text-align:center;padding:45px;color:#83939d}.product-icon{height:100px;background:#f3f6f4;display:grid;place-items:center;border-radius:10px;color:#71876d}.product-icon .svg{width:55px;height:55px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;font-size:13px}.field label{color:#667984}textarea{min-height:105px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.span-2{grid-column:span 2}.profile-head{display:flex;gap:16px;align-items:center;padding:15px 0 24px}.profile-head .avatar{height:65px;width:65px;font-size:22px}.profile-head h3{margin:0 0 5px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-grid div{padding:14px;background:#f5f7f8;border-radius:8px;font-size:13px}.mini-grid small{display:block;color:#87959f;margin-bottom:6px}footer{display:flex;justify-content:space-between;margin:28px 38px 0;padding:20px 0;color:#a2adb3;border-top:1px solid #e4e9ed;font-size:10px}dialog{border:0;border-radius:15px;padding:0;width:550px;max-width:calc(100% - 30px);box-shadow:0 24px 100px #0003;color:var(--ink)}dialog::backdrop{background:#101f2b85;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:20px;margin:0}#modal-body{padding:25px}#toast{position:fixed;bottom:25px;left:25px;background:#183728;color:white;padding:15px 24px;border-radius:9px;z-index:100;opacity:0;transform:translateY(20px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translateY(0)}.permissions input{accent-color:#63994c;width:17px;height:17px}.switch-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.switch-row input{accent-color:#619748;width:18px}.qr-card{text-align:center;padding:18px;background:#f7f9f4;border-radius:10px}.qr-card canvas{display:block;margin:15px auto}.qr-card code{font-size:16px}.inline-stat{display:flex;align-items:center;gap:10px}.rating{color:#a88c46}.danger{color:#b56e66}.btn:disabled{opacity:.45;cursor:not-allowed}
@media(min-width:1600px){main{padding-top:40px}.chart{height:230px}.training{padding-top:20px;padding-bottom:20px}}@media(max-width:1200px){aside{width:222px;padding:25px 12px}.workspace{margin-right:222px}main{padding:25px}.grid-main{grid-template-columns:1.6fr 1fr;gap:17px}.donut-area{gap:12px;flex-direction:column}.donut{height:130px;width:130px}.legend{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:12px}.banner-stat{display:none}.stat{padding:15px}.stats{gap:12px}.stat-value{font-size:25px}header{padding:0 25px}}@media(max-width:900px){aside{width:205px}.workspace{margin-right:205px}.grid-main{grid-template-columns:1fr}.donut-area{flex-direction:row;gap:30px}.legend{display:flex;flex-direction:column;width:150px}.stats{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr 1fr}.page-head{align-items:flex-start;flex-direction:column}.settings-grid{grid-template-columns:1fr}.banner{padding:23px}.banner-actions{display:none}}@media(max-width:640px){aside{transform:translateX(100%);transition:.25s}.menu-open aside{transform:translateX(0);box-shadow:-40px 0 100px #0004}.workspace{margin:0}.mobile{display:grid}header{height:70px;padding:0 17px}.user,.divider{display:none}main{padding:22px 16px}.page-head{gap:14px;margin-bottom:20px}h1{font-size:25px}.banner{padding:22px}.banner h2{font-size:18px}.stats{gap:10px}.stat{padding:14px}.stat-top{font-size:11px}.stat-value{font-size:25px}.stat-foot{font-size:10px;gap:3px}.stat-icon{width:27px;height:27px}.stat-icon .svg{width:17px;height:17px}.cards{grid-template-columns:1fr}.search{min-width:0;width:100%}.toolbar{padding:15px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.calendar-row{gap:9px}.event{padding:10px;font-size:12px}.event .btn{padding:5px}.mini-grid{grid-template-columns:1fr}footer{margin:15px 16px 0}.head-left{gap:8px}.days{gap:4px;margin:0 10px 15px}.day{font-size:10px}.day b{font-size:16px}.chart-labels{font-size:9px;padding:0}#breadcrumb{font-size:11px}.banner p{font-size:12px}.panel-head{padding:19px 17px}.btn{font-size:12px;padding:9px 12px}}