@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;450;500;600;700&display=swap";*{box-sizing:border-box}body{color:#203330;background:#f6f8fa;margin:0;font-family:IBM Plex Sans Arabic,Tahoma,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button,a{cursor:pointer}button{color:#31594c;background:#fff;border:1px solid #dce5e1;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;transition:all .15s;display:inline-flex}button:hover{background:#edf5f0}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit}button.primary{color:#fff;background:#17694e;border-color:#17694e}button.primary:hover{background:#12543e}.shell{min-height:100vh;display:flex}aside{z-index:10;background:#fff;border-left:1px solid #e6ece8;flex-direction:column;width:244px;padding:36px 23px;display:flex;position:fixed;inset:0 0 0 auto}.brand{align-items:center;gap:12px;font-size:26px;font-weight:700;text-decoration:none;display:flex}.brand span:not(.brandmark){color:#81908b;font-size:11px;font-weight:400;display:block}.brandmark{color:#fff;background:#17694e;border-radius:14px 14px 14px 3px;place-items:center;width:43px;height:47px;display:grid}.club{border:1px solid #e6ece8;border-radius:12px;align-items:center;gap:10px;margin-top:35px;padding:13px 10px;font-size:12px;display:flex}.club>span{color:#95803c;background:#f3efe4;border-radius:9px;padding:9px 13px;font-weight:700}.club small{color:#94a19c;margin-top:3px;font-size:10px;display:block}.navlabel{color:#a1aca7;margin:30px 12px 13px;font-size:10px}nav{gap:6px;display:grid}nav button{color:#76837d;background:0 0;border:0;justify-content:flex-start;padding:13px 15px}nav button.active{color:#17694e;background:#eaf4ee;font-weight:600}nav em{background:#fff;border-radius:5px;margin-right:auto;padding:1px 7px;font-size:11px;font-style:normal}.sidefoot{color:#7a8c82;border-top:1px solid #e8eeeb;align-items:center;gap:10px;margin-top:auto;padding-top:20px;font-size:11px;display:flex}.sidefoot small{color:#a0aaa5;margin-top:5px;display:block}.workspace{width:calc(100% - 244px);margin-right:244px}header{color:#88958f;background:#fff;border-bottom:1px solid #e6ece8;justify-content:space-between;align-items:center;height:78px;padding:0 43px;font-size:12px;display:flex}header>span{align-items:center;gap:12px;display:flex}.profile{color:#52645b;align-items:center;gap:10px;display:flex}.profile b{color:#7c713f;background:#ede8db;border-radius:50%;place-items:center;width:35px;height:35px;margin-right:10px;display:grid}.dot{background:#258661;border-radius:50%;width:6px;height:6px}main{max-width:1450px;margin:auto;padding:36px 43px 20px}.heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:1px;color:#619077!important;margin:0 0 6px!important;font-size:10px!important}h1{letter-spacing:-.7px;margin:0;font-size:28px;font-weight:600}.heading p{color:#849089;margin:8px 0 0;font-size:12px}.hero{background:#e7f0e8;border-radius:18px;justify-content:space-between;align-items:center;min-height:278px;padding:29px 35px;display:flex;position:relative;overflow:hidden}.pill{color:#357553;background:#d7e9d9;border-radius:20px;padding:5px 11px;font-size:10px;display:inline-block}.hero h2{color:#174e39;letter-spacing:-.6px;margin:10px 0;font-size:29px;font-weight:600;line-height:1.5}.hero p{color:#6e8776;margin:0 0 17px;font-size:12px;line-height:1.9}.hero button{color:#296d4c;background:0 0;border:0;padding:0;font-size:12px;font-weight:600}.hero-art{justify-content:center;align-items:center;width:42%;height:235px;display:flex;position:relative}.orbit{border:1px solid #d3e4d6;border-radius:50%;width:275px;height:275px;position:absolute;box-shadow:0 0 0 29px #deebdf77,0 0 0 60px #deebdf44}.paper{text-align:center;background:#fff;border-radius:13px;width:190px;padding:20px;position:relative;transform:rotate(-7deg);box-shadow:0 16px 35px #375b3d17}.paper-icon{color:#508c65;background:#eef5ef;border-radius:12px;place-items:center;width:44px;height:44px;margin:0 auto 12px;display:grid}.paper b{font-size:12px}.paper small{color:#9ca99e;margin:5px 0 15px;font-size:8px;display:block}.paper i{background:#eff3ef;border-radius:8px;height:5px;margin:8px 0;display:block}.paper i:last-of-type{width:65%}.paper-ok{color:#4e8a62;background:#edf6ed;border-radius:6px;justify-content:center;gap:5px;margin-top:16px;padding:7px;font-size:9px;display:flex}.float-card{color:#3b8455;background:#fff;border:1px solid #edf2ec;border-radius:10px;align-items:center;gap:10px;padding:13px 16px;font-size:12px;display:flex;position:absolute;bottom:27px;left:8%;transform:rotate(7deg);box-shadow:0 8px 20px #284b2e0a}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin:23px 0 28px;display:grid}.stat{background:#fff;border:1px solid #e8ede9;border-radius:13px;min-height:118px;padding:19px;position:relative}.stat>span{border-radius:10px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:20px;left:17px}.green{color:#398660;background:#edf6ef}.blue{color:#6085af;background:#f0f5fa}.orange{color:#bd9555;background:#fbf5e9}.purple{color:#8c80ab;background:#f3f0f8}.stat small{color:#8a968f;margin:2px 0 12px;font-size:11px;display:block}.stat b{color:#344d40;font-size:29px;font-weight:500}.panel{background:#fff;border:1px solid #e5ece7;border-radius:14px;overflow:hidden}.panelhead{border-bottom:1px solid #eef1ef;justify-content:space-between;align-items:center;gap:15px;padding:21px 25px;display:flex}.panelhead h2{margin:0;font-size:16px;font-weight:600}.panelhead p{color:#97a29b;margin:5px 0 0;font-size:10px}.textbtn{border:0;font-size:11px}.tablewrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;text-align:right;width:100%}th{color:#8b978f;background:#fcfdfc;padding:13px 25px;font-size:10px;font-weight:400}td{color:#617269;border-top:1px solid #f0f3f1;padding:17px 25px;font-size:12px}td b{color:#364d40;font-weight:500}td small{color:#98a39c;margin-top:5px;font-size:10px;display:block}td button{border:0;padding:7px 10px;font-size:10px}.status{color:#af8a40;background:#f8f2e4;border-radius:7px;padding:5px 10px;font-size:10px}.status.done{color:#46825b;background:#e9f4ec}.empty{text-align:center;padding:36px 20px 38px}.empty>div{color:#8aa594;background:#f2f6f3;border-radius:50%;place-items:center;width:60px;height:60px;margin:auto;display:grid}.empty h3{margin:12px 0 7px;font-size:14px;font-weight:500}.empty p{color:#95a098;font-size:11px}.empty button{margin-top:7px;font-size:11px}.note{color:#7e8b81;border:1px dashed #d8e3d9;border-radius:11px;align-items:center;gap:14px;margin:22px 0;padding:17px 22px;font-size:11px;display:flex}.note b{color:#647a6a;font-size:11px;font-weight:500}.note p{margin:5px 0 0;font-size:10px;line-height:1.8}footer{color:#a5afa8;justify-content:space-between;margin:32px 0 0;font-size:9px;display:flex}.actions{gap:8px;display:flex}.toolbar{gap:15px;padding:20px 25px;display:flex}.toolbar>div{color:#89978c;border:1px solid #e1e8e2;border-radius:8px;flex:1;align-items:center;padding:0 12px;display:flex}.toolbar input{background:0 0;border:0;outline:none;width:100%;padding:10px}.toolbar select{max-width:200px}input,select{color:#385441;background:#fff;border:1px solid #dce5de;border-radius:8px;outline-color:#39835c;width:100%;min-width:0;padding:11px 12px}input[type=checkbox]{accent-color:#17694e;width:17px}label{color:#617568;flex-direction:column;gap:8px;font-size:12px;display:flex}.teams{grid-template-columns:repeat(3,1fr);gap:18px;padding:23px;display:grid}.teamcard{color:#438159;border:1px solid #e2eae3;border-radius:12px;padding:23px}.teamcard h3{color:#2c4e38}.teamcard p,.teamcard small{color:#8b998e}.teamcard button{margin-top:20px;display:block}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30;background:#122c2566;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog{background:#fff;border-radius:16px;width:680px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 20px 100px #10291d30}.dialog form{padding:25px}.formgrid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.full{grid-column:1/-1}.dialogfoot{border-top:1px solid #edf1ec;gap:10px;margin-top:24px;padding-top:20px;display:flex}.playerselect{border:1px solid #e3ebe3;border-radius:10px;overflow:hidden}.playerselect .panelhead{padding:12px;font-size:11px}.playerselect button{padding:5px 7px;font-size:10px}.playerselect label{border-bottom:1px solid #f0f3f0;flex-direction:row;align-items:center;padding:10px 15px}.playerselect small{color:#9ba79b;margin-right:auto}.playerselect p{color:#93a094;padding:12px}.error,.success{border-radius:9px;margin:12px 0;padding:13px 18px;font-size:12px}.error{color:#ad4a42;background:#fcecea}.success{color:#297147;background:#e5f3e9}.detail{padding:25px}.detail p{color:#7d8f80;line-height:1.9}.detailplayer{border-bottom:1px solid #edf2ec;justify-content:space-between;padding:13px 0;font-size:12px;display:flex}.detailplayer span{color:#97a294}.detail label{margin-top:20px}.detail .muted{font-size:10px}.neutral{background:#f2f5f1}@media (min-width:1400px){.hero-art{margin-left:60px}}@media (max-width:1050px){aside{width:205px;padding:28px 16px}.workspace{width:calc(100% - 205px);margin-right:205px}main{padding:27px}.heading{align-items:flex-start}h1{font-size:24px}.hero{padding:26px}.hero h2{font-size:26px}.stat>span{width:28px;height:28px;left:10px}.stat{padding:16px}.stat small{font-size:10px}.float-card{left:0}}@media (max-width:760px){aside{border-bottom:1px solid #e2eae2;border-left:0;width:100%;height:auto;padding:14px 18px;position:static}.shell{display:block}.brand{font-size:21px}.brandmark{width:35px;height:38px}.brand span:not(.brandmark){font-size:9px}.club,.navlabel,.sidefoot{display:none}nav{gap:3px;margin-top:15px;display:flex;overflow:auto}nav button{white-space:nowrap;padding:9px 12px;font-size:11px}nav button svg{width:16px}nav em{display:none}.workspace{width:100%;margin:0}header{height:55px;padding:0 20px}main{padding:24px 17px}.heading{flex-direction:column;gap:16px;margin-bottom:20px}h1{font-size:25px}.heading>.primary{padding:10px 15px;font-size:12px}.hero{min-height:255px;padding:22px}.hero h2{font-size:24px}.hero p{font-size:10px}.hero-art{transform-origin:0;width:43%;margin-left:-20px;margin-right:-25px;transform:scale(.75)}.hero>div:first-child{z-index:1;position:relative}.paper{min-width:170px}.float-card{bottom:10px;left:-20px}.orbit{width:230px;height:230px}.stats{grid-template-columns:repeat(2,1fr);gap:12px;margin:17px 0}.stat{min-height:101px}.stat b{font-size:25px}.panelhead{flex-wrap:wrap;padding:18px}.panelhead h2{font-size:14px}.actions{flex-wrap:wrap}.actions button{font-size:11px}.toolbar{flex-wrap:wrap;gap:10px;padding:15px}.toolbar>div{min-width:180px}.toolbar select{max-width:100%}th,td{padding:13px 18px}.note{align-items:flex-start;padding:14px}.note>svg{flex-shrink:0}footer span{display:none}.teams{grid-template-columns:1fr;padding:15px}.formgrid{grid-template-columns:1fr;gap:16px}.dialog form{padding:20px}.overlay{padding:12px}.dialog{max-height:94vh}.dialog .panelhead h2{font-size:16px}}.permissions-box{border:1px solid #dce7df;border-radius:12px;margin:0;padding:10px 18px}.permissions-box legend{color:#31684c;padding:0 7px;font-size:12px}.permissions-box label{flex-direction:row;align-items:center;gap:12px;padding:13px 0}.permissions-box label+label{border-top:1px solid #edf2ef}.permissions-box small{color:#8a9a8d;margin-top:5px;font-size:11px;display:block}.permission-tags{flex-wrap:wrap;gap:6px;max-width:240px;display:flex}.permission-tags span{color:#357653;background:#edf6ef;border-radius:6px;padding:5px 8px;font-size:10px}.personal-home{padding:30px}.personal-home h2{font-size:23px}.personal-home p{color:#7d8f80;line-height:1.8}.field-help{color:#84948a;margin-top:6px;font-size:10px;display:block}.entry-page{background:radial-gradient(at 50% 0,#e8f2eb,#0000 60%),#f7f9f7;min-height:100vh;padding:0 26px}.entry-top{border-bottom:1px solid #dfe8e1;justify-content:space-between;align-items:center;max-width:1160px;margin:auto;padding:28px 0;display:flex}.entry-top>span{color:#8b9b8e;font-size:12px}.entry-main{text-align:center;max-width:1050px;padding:50px 0 20px}.entry-main h1{color:#214f3b;margin-top:15px;font-size:36px}.entry-intro{color:#7d9083;margin:13px 0 33px;font-size:14px}.entry-cards{text-align:right;grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.entry-card{color:#294f3b;white-space:normal;text-align:right;border:1px solid #e0e8e1;border-radius:17px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;min-height:287px;padding:29px 25px;display:flex;position:relative;box-shadow:0 7px 25px #174c3004}.entry-card:hover{background:#fafffa;border-color:#8eb49b;transform:translateY(-3px)}.entry-card.chosen{background:#fff;border-color:#287a51;box-shadow:0 0 0 2px #287a5114}.entry-icon{color:#42845d;background:#edf5ed;border-radius:13px;place-items:center;width:54px;height:54px;display:grid}.entry-title{margin:19px 0 8px;font-size:21px;font-weight:600;display:block}.entry-description{color:#839386;min-height:46px;font-size:12px;line-height:1.9;display:block}.entry-items{border-top:1px solid #edf2ed;gap:10px;width:100%;margin-top:16px;padding-top:16px;display:grid}.entry-items>span{color:#718677;align-items:center;gap:7px;font-size:11px;display:flex}.entry-items svg{color:#7aa68a;flex-shrink:0}.entry-radio{border:1px solid #cddcce;border-radius:50%;place-items:center;width:21px;height:21px;display:grid;position:absolute;top:28px;left:24px}.chosen .entry-radio{color:#fff;background:#287a51;border-color:#287a51}.entry-login{text-align:right;background:#fff;border:1px solid #dce8dd;border-radius:13px;justify-content:space-between;align-items:center;gap:25px;margin-top:23px;padding:24px 27px;display:flex}.entry-login h2{margin:0;font-size:16px}.entry-login p{color:#809284;margin:8px 0;font-size:12px;line-height:1.9}.entry-login small{color:#829586;font-size:11px}.entry-login b{color:#466b51;font-weight:400;display:inline-block}.entry-login button,.entry-auth{white-space:nowrap;flex-shrink:0}.entry-auth{color:#fff;background:#17694e;border-radius:9px;align-items:center;gap:8px;padding:12px 20px;font-size:12px;text-decoration:none;display:flex}.entry-note{color:#8a9b8c;justify-content:center;align-items:center;gap:9px;margin-top:24px;font-size:11px;line-height:1.9;display:flex}.entry-note svg{flex-shrink:0}.entry-switch{color:#647d6a;align-items:center;gap:7px;padding:12px;font-size:12px;text-decoration:none;display:inline-flex}.entry-hosting{color:#95a298;margin:14px 0;font-size:10px;line-height:1.9}.entry-footer{text-align:center;border-top:1px solid #e4eae4;max-width:1160px;margin:auto;padding:20px 0;display:block}.entry-loading{color:#809383;font-size:12px}.return-entry{background:#f8faf7;margin-top:15px;font-size:11px}.workspace-signout{color:#8a9b8c;justify-content:center;align-items:center;gap:7px;margin-top:14px;font-size:10px;text-decoration:none;display:flex}.manager-tasks{background:#fff;border:1px solid #dce7df;border-radius:13px;flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:20px;padding:20px;display:flex}.manager-tasks h2{margin:0;font-size:15px}.manager-tasks p{color:#8b9b8d;margin:5px 0 0;font-size:11px}.manager-tasks>div{margin-left:auto}.manager-tasks button{font-size:12px}@media (max-width:760px){.entry-page{padding:0 18px}.entry-top{padding:20px 0}.entry-top>span{font-size:10px}.entry-main{padding-top:30px}.entry-main h1{font-size:28px}.entry-intro{margin-bottom:22px;font-size:12px}.entry-cards{grid-template-columns:1fr;gap:12px}.entry-card{min-height:0;padding:22px 22px 20px 55px}.entry-icon{width:42px;height:42px}.entry-title{margin:12px 0 5px;font-size:18px}.entry-description{min-height:0}.entry-items{gap:7px;margin-top:12px;padding-top:12px}.entry-radio{top:24px;left:22px}.entry-login{flex-direction:column;align-items:stretch;padding:20px}.entry-login button,.entry-login a{justify-content:center}.entry-note{text-align:right}.return-entry{margin-top:12px}.workspace-signout{margin-right:18px;display:inline-flex}.entry-hosting{font-size:9px}.manager-tasks{padding:17px}}.brand{gap:10px;font-size:16px;line-height:1.6}.brand .club-logo{background:#fff;border:1px solid #f0f1ef;border-radius:10px;flex:0 0 49px;width:49px;height:49px;display:block;overflow:hidden}.club-logo img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.brand>div{min-width:0}.brand div>span{font-size:10px;line-height:1.8}.entry-top .brand{gap:14px;font-size:21px}.entry-top .brand .club-logo{border-radius:14px;flex-basis:68px;width:68px;height:68px}.entry-top .brand div>span{font-size:11px}.club>.club-logo-small{background:#fff;border-radius:7px;flex:0 0 34px;width:34px;height:34px;padding:0;display:block;overflow:hidden}@media (max-width:760px){.brand{font-size:16px}.brand .club-logo{flex-basis:44px;width:44px;height:44px}.entry-top .brand{gap:10px;font-size:17px}.entry-top .brand .club-logo{flex-basis:53px;width:53px;height:53px}.entry-top>span{text-align:left;max-width:96px;font-size:9px;line-height:1.8}.entry-top .brand div>span{font-size:10px}.entry-footer{font-size:9px}}.preview-banner{color:#45637d;background:#f2f7fc;border:1px solid #d7e3f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:24px;padding:18px 20px;display:flex}.preview-banner b{font-size:14px}.preview-banner p{color:#7990a2;margin:6px 0 0;font-size:11px;line-height:1.8}.preview-banner>div{margin-left:auto}.preview-banner label{color:#60798c;min-width:170px;font-size:10px}.preview-banner select{padding:8px;font-size:11px}.preview-banner button{color:#45637d;border-color:#dae4ee;font-size:11px}@media (max-width:760px){.preview-banner{gap:14px;padding:16px}.preview-banner label{width:100%}}.account-login{gap:14px;width:100%;min-width:260px;max-width:430px;display:grid}.account-login label{gap:7px;display:grid}.account-login input{box-sizing:border-box;width:100%}.account-login-actions{gap:10px;display:grid}.entry-login:has(.account-login){align-items:start}.entry-login:has(.account-login)>div{max-width:340px}.account-login small{color:#67766d;line-height:1.8}@media (max-width:700px){.entry-login:has(.account-login){flex-direction:column;align-items:stretch;display:flex}.account-login{min-width:0;max-width:none}}.danger-delete{color:#b42318;background:#fff5f4;border:1px solid #fda29b;align-items:center;gap:5px;margin-inline-start:8px;display:inline-flex}.danger-delete:hover{background:#fee4e2}.danger-delete:disabled{opacity:.5;cursor:not-allowed}.manager-team-picker{border:1px solid #dce5df;border-radius:12px;max-height:260px;padding:14px;overflow:auto}.manager-team-picker legend{padding:0 6px}.manager-team-picker label{cursor:pointer;flex-direction:row;align-items:center;gap:10px;padding:9px 0;display:flex}.manager-team-picker input[type=checkbox]{accent-color:#18694f;flex-shrink:0;width:20px;height:20px;min-height:20px}.manager-team-picker small{margin-top:8px;display:block}.sport-groups{gap:14px;display:grid}.sport-group{border:1px solid #dce6df;border-radius:16px;overflow:hidden}.sport-group summary{cursor:pointer;background:#f5faf7;align-items:center;gap:12px;padding:20px;list-style:none;display:flex}.sport-group summary b{font-size:18px}.sport-group summary span{color:#28684e;margin-inline-start:auto}.sport-group summary small{color:#68796e}.category-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;padding:18px;display:grid}.category-card{background:#fff;border:1px solid #e1e9e4;border-radius:12px;padding:18px}.category-card h3{margin:0 0 10px;font-size:15px}.category-card span{color:#68796e;font-size:13px}.manager-team-picker h4{color:#18694f;margin:16px 0 5px}@media (max-width:600px){.sport-group summary{flex-wrap:wrap;gap:8px;padding:16px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}.category-card{padding:12px}}.member-search{border-top:1px solid #edf2ec;border-bottom:1px solid #edf2ec;padding:12px 15px}.member-search small{color:#617568;margin:8px 0 0;font-size:11px;display:block}.member-options{overscroll-behavior:contain;max-height:300px;overflow-y:auto}.member-options label{cursor:pointer}.member-options input[type=checkbox]{flex-shrink:0}.request-category{color:#617568;flex-direction:column;gap:8px;font-size:12px;display:flex;position:relative}.request-category>button{text-align:right;justify-content:space-between;width:100%;min-height:43px;font-size:12px}.request-category-options{z-index:5;background:#fff;border:1px solid #dce5de;border-radius:8px;max-height:300px;padding:10px;position:absolute;top:100%;left:0;right:0;overflow:auto;box-shadow:0 8px 24px #15392a20}.request-category-options label{cursor:pointer;flex-direction:row;align-items:center;padding:8px;display:flex}.request-category-options small{color:#7e8b81;padding:4px 8px;display:block}.request-category-options>button{width:100%;margin-top:6px}
