:root{--green:#013d2b;--green-2:#0b5c41;--green-3:#116f50;--ink:#14241f;--muted:#6d7874;--line:#dfe7e3;--soft:#f5f8f6;--red:#d7282f;--gold:#f1c85c}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:#eef3f0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.loader{min-height:100vh;display:grid;place-items:center;align-content:center;grid-gap:16px;gap:16px;color:var(--green);font-weight:700;background:radial-gradient(circle at 20% 20%,#e5f5ec,#f8fbf9 42%,#e9f2ed)}.loaderBadge{width:58px;height:58px;border-radius:18px;background:var(--green);color:#fff;letter-spacing:.08em;box-shadow:0 16px 40px rgba(1,61,43,.2)}.loaderBadge,.loginScreen{display:grid;place-items:center}.loginScreen{min-height:100vh;background:radial-gradient(circle at 70% 15%,rgba(67,159,105,.24),transparent 34%),linear-gradient(130deg,#022d21,#0b6448 55%,#0a4d38);padding:28px}.loginPanel{width:min(470px,100%);background:rgba(255,255,255,.97);border-radius:30px;box-shadow:0 28px 80px rgba(0,0,0,.26);padding:40px;text-align:center}.loginCrest{width:82px;height:106px;object-fit:contain;margin-bottom:10px}.eyebrow{margin:0 0 7px;font-size:11px;letter-spacing:.12em;font-weight:800;color:var(--green-3)}h1,h2,h3,p{margin-top:0}.loginPanel h1{font-size:32px;margin-bottom:6px}.loginSubtitle{color:var(--muted);margin-bottom:26px}.loginForm{display:grid;grid-gap:14px;gap:14px;text-align:left}.formGrid label,.loginForm label{display:grid;grid-gap:7px;gap:7px;font-size:13px;font-weight:700;color:#395047}.formGrid input,.formGrid select,.formGrid textarea,.loginForm input{width:100%;border:1px solid #cfdbd5;border-radius:10px;padding:12px 13px;color:var(--ink);background:#fff;outline:none}.formGrid input:focus,.formGrid select:focus,.formGrid textarea:focus,.loginForm input:focus{border-color:var(--green-3);box-shadow:0 0 0 3px rgba(17,111,80,.11)}.loginFoot{margin:20px 0 0;color:#89938f;font-size:12px}.clearButton,.dangerBtn,.demoButton,.favoriteBtn,.filterButton,.primaryBtn,.secondaryBtn{border-radius:10px;border:1px solid transparent;font-weight:750;transition:.18s ease}.primaryBtn{background:var(--green);color:#fff;padding:12px 16px;box-shadow:0 8px 18px rgba(1,61,43,.17)}.primaryBtn:hover{background:#025038;transform:translateY(-1px)}.primaryBtn:disabled{opacity:.6;cursor:wait}.compact{padding:11px 14px}.favoriteBtn,.secondaryBtn{color:var(--green);background:#fff;border-color:#b4c7bd;padding:11px 14px}.favoriteBtn:hover,.secondaryBtn:hover{border-color:var(--green);background:#f4faf6}.dangerBtn{color:var(--red);background:#fff;border-color:#ef9fa3;padding:11px 14px}.dangerBtn:hover{background:#fff3f3}.favoriteBtn.selected{color:#b17400;background:#fff8e5;border-color:#edca74}.appShell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr);background:#f8fbf9}.sidebar{min-height:100vh;position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:28px 16px 20px;color:#fff;background:radial-gradient(circle at 20% 10%,#13674a,transparent 33%),linear-gradient(160deg,#003b2a,#012c20 76%)}.crest{width:70px;height:92px;object-fit:contain;display:block;margin:0 auto 8px}.clubName{text-align:center;font-size:16px;font-weight:900;letter-spacing:.045em}.staffName{text-align:center;font-size:11px;letter-spacing:.12em;opacity:.76;margin-top:6px}.nav{margin-top:36px;display:grid;grid-gap:8px;gap:8px}.nav button{width:100%;display:flex;gap:13px;align-items:center;color:#e9f4ed;background:transparent;border:0;text-align:left;padding:13px 12px;border-radius:10px;font-weight:650;font-size:15px}.nav button.active,.nav button:hover{background:rgba(83,196,135,.2);color:#fff}.privateCard{border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(255,255,255,.06);padding:14px;display:grid;grid-gap:7px;gap:7px;font-size:11px;color:#d3e6dc}.privateCard strong{font-size:11px;color:#fff}.content{padding:42px 52px 70px;min-width:0}.topHeader{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.topHeader h1{font-size:38px;line-height:1;margin:2px 0 11px;letter-spacing:-.04em}.headerSub{color:#607068;margin:0;font-size:17px}.privatePill{display:inline-flex;gap:5px;color:#0c6748;background:#e7f5ec;border:1px solid #b9d9c6;padding:4px 8px;border-radius:20px;font-size:10px;font-weight:850;vertical-align:middle;margin-left:7px}.headerRight{display:flex;gap:14px}.updateBox,.usersBox{background:#fff;border:1px solid #e2ebe6;box-shadow:0 8px 28px rgba(24,53,39,.055);border-radius:14px;padding:13px 16px;min-height:73px}.updateBox{display:grid;grid-gap:5px;gap:5px;font-size:12px;color:#738078;min-width:198px}.updateBox strong{color:var(--green-3);font-size:13px}.usersBox{min-width:242px}.usersBox>span{display:block;font-size:12px;color:#617068;margin-bottom:7px}.avatars{display:flex;gap:8px}.avatar{position:relative;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,#d9e8df,#9dc8af);color:var(--green);font-size:10px;font-weight:850;border:2px solid #fff;box-shadow:0 2px 7px rgba(0,0,0,.09)}.avatar small{position:absolute;right:-1px;bottom:-5px;color:#94a39b;font-size:9px}.avatar.online small{color:#14a564}.notice{margin:22px 0;background:#edf8f1;border:1px solid #bfe0ca;color:#176441;padding:10px 13px;border-radius:10px;font-size:13px;display:flex;justify-content:space-between;gap:10px}.notice.error{color:#b21e26;border-color:#f2b3b7;background:#fff3f3}.notice button{border:0;background:transparent;color:inherit;font-size:18px;line-height:1}.toolbar{margin:30px 0 12px;display:flex;gap:12px}.searchWrap{flex:1 1;position:relative}.searchWrap span{position:absolute;left:15px;top:11px;color:#5e7167;font-size:23px}.searchWrap input{width:100%;border:1.5px solid #98aca0;background:#fff;height:47px;padding:0 16px 0 48px;border-radius:12px;outline:none;font-size:14px}.searchWrap input:focus{border-color:var(--green-3);box-shadow:0 0 0 4px rgba(17,111,80,.1)}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}.selectWrap{display:flex;align-items:center;gap:9px;padding:0 10px;border:1px solid #dce6e1;background:#fff;border-radius:10px;min-height:40px;color:#52645a;font-size:12px}.selectWrap select{border:0;outline:0;color:var(--ink);background:#fff;font-size:12px;max-width:160px}.clearButton,.filterButton{background:#fff;border-color:#dce6e1;color:#506158;padding:0 11px;font-size:12px;min-height:40px}.filterButton.selected{color:#936a00;background:#fff7df;border-color:#f0cf7f}.clearButton{margin-left:auto}.libraryMeta{display:flex;justify-content:space-between;align-items:center;margin:26px 0 14px;color:#617068;font-size:13px}.libraryMeta strong{color:var(--ink)}.demoButton{padding:8px 10px;font-size:12px;background:#f1f7f3;color:var(--green);border-color:#c9dfd0}.taskGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.taskCard{min-width:0;position:relative;overflow:hidden;background:#fff;border:1px solid #e0e9e4;border-radius:14px;box-shadow:0 6px 22px rgba(17,48,34,.055)}.taskHero{width:100%;height:148px;display:block;border:0;background-size:cover;background-position:50%;text-align:left;position:relative}.codeBadge{display:inline-block;margin:10px;padding:4px 7px;border-radius:5px;color:#fff;font-size:11px;font-weight:900;background:rgba(0,46,32,.88);letter-spacing:.04em}.star{position:absolute;z-index:2;top:9px;right:8px;border:0;background:rgba(0,0,0,.26);color:#fff;width:31px;height:31px;border-radius:50%;font-size:17px}.star.isFavorite{color:#ffd144;text-shadow:0 1px 5px rgba(0,0,0,.6)}.taskBody{padding:12px 13px 10px}.taskTitle{border:0;padding:0;background:transparent;color:var(--ink);text-align:left;font-size:14px;line-height:1.2;font-weight:850;min-height:35px}.taskTitle:hover{color:var(--green-3)}.metaRow{display:flex;gap:10px;margin-top:9px;flex-wrap:wrap;font-size:11px;color:#6c7b74}.updated{margin-top:9px;font-size:10px;color:#8a9690}.cardActions{display:flex;gap:7px;align-items:center;border-top:1px solid #edf2ef;padding:9px 12px}.cardActions button{border:0;background:transparent;color:#52655b;font-size:11px;padding:2px 0}.cardActions button:hover{color:var(--green-3)}.deleteText{color:var(--red)!important;margin-left:auto}.emptyState{margin-top:28px;min-height:345px;border:1px dashed #b7ccc0;border-radius:18px;background:#fff;display:grid;place-items:center;align-content:center;text-align:center;padding:35px}.emptyState>div:first-child{font-size:42px}.emptyState h2{margin:12px 0 8px;font-size:21px}.emptyState p{max-width:550px;color:#708078;font-size:14px;line-height:1.55}.emptyState>div:last-child{display:flex;gap:10px;margin-top:12px}.detailTop{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:27px;margin-bottom:13px}.backButton{color:#5a6a62;background:transparent;border:0;padding:7px 0;font-size:13px}.detailActions{display:flex;gap:9px;flex-wrap:wrap}.detailGrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.85fr);grid-gap:18px;gap:18px}.mediaBox{overflow:hidden;border-radius:15px;background:#0b251b;min-height:360px;border:1px solid #d5e2da}.pdfFrame,.taskMedia{width:100%;height:100%;min-height:360px;object-fit:cover;display:block;border:0}.fallbackMedia{min-height:360px;background-size:cover;background-position:50%;padding:28px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end}.fallbackMedia span{display:inline-block;background:rgba(0,35,25,.85);padding:5px 8px;border-radius:5px;font-size:12px;font-weight:900;width:max-content}.fallbackMedia strong{margin-top:12px;font-size:26px;max-width:570px}.fallbackMedia p{margin:10px 0 0;font-size:13px;max-width:540px;opacity:.92}.filePanel{margin-top:14px;background:#fff;border:1px solid #e0e9e4;border-radius:14px;padding:15px}.filePanelHeader{display:flex;justify-content:space-between;gap:10px;align-items:baseline;border-bottom:1px solid #edf2ef;padding-bottom:10px}.filePanelHeader h3{margin:0;font-size:15px}.filePanelHeader p{margin:0;color:#7a8982;font-size:11px}.fileList{display:grid;grid-gap:8px;gap:8px;margin-top:10px}.fileRow{display:flex;justify-content:space-between;gap:12px;padding:10px;border:1px solid #e8efeb;border-radius:10px;align-items:center}.fileRow.primaryFile{border-color:#99cdb0;background:#f2faf5}.fileRow>div:first-child{display:flex;gap:10px;align-items:center;min-width:0}.fileIcon{width:34px;height:34px;border-radius:8px;background:#e7f4ec;display:grid;place-items:center;color:var(--green);font-weight:900;font-size:10px}.fileRow strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.fileRow small{display:block;margin-top:3px;color:#77847e;font-size:10px}.fileControls{display:flex;gap:9px;align-items:center}.fileControls button{border:0;background:transparent;color:#3a6350;font-size:11px;font-weight:700}.noFiles{padding:20px 2px 4px;color:#78857f;font-size:13px;line-height:1.45}.detailsPanel{background:#fff;border:1px solid #e0e9e4;border-radius:15px;padding:19px 21px}.detailsPanel h2{font-size:17px;margin-bottom:10px}.detailRow{display:grid;grid-template-columns:minmax(145px,.9fr) minmax(140px,1.1fr);grid-gap:16px;gap:16px;padding:13px 0;border-top:1px solid #ebf0ed}.detailRow span{color:#5a6961;font-size:12px}.detailRow strong{font-size:12px;line-height:1.45}.detailRow.long strong{font-weight:650}.emphasis{color:var(--green-3)}.modalOverlay{position:fixed;inset:0;background:rgba(1,28,19,.58);z-index:20;padding:28px;overflow:auto;display:grid;place-items:center}.taskModal{width:min(850px,100%);max-height:calc(100vh - 56px);overflow:auto;background:#fff;border-radius:20px;box-shadow:0 28px 80px rgba(0,0,0,.32)}.taskModal header{position:-webkit-sticky;position:sticky;top:0;z-index:1;background:#fff;border-bottom:1px solid #e6ede9;padding:22px 26px 18px;display:flex;justify-content:space-between;align-items:flex-start}.taskModal h2{font-size:22px;margin:0}.closeBtn{border:0;background:#edf3ef;width:34px;height:34px;border-radius:50%;font-size:23px;color:#4d6156}.taskModal form{padding:22px 26px 24px}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:15px;gap:15px}.formGrid .full{grid-column:1/-1}.formGrid textarea{resize:vertical}.required:after{content:"*";color:var(--red);margin-left:3px}.uploadField input{display:none}.dropZone{margin-top:1px;min-height:110px;display:grid;place-items:center;text-align:center;align-content:center;grid-gap:7px;gap:7px;border:1.5px dashed #a9beb2;border-radius:12px;background:#f8fbf9;color:var(--green);padding:18px;cursor:pointer}.dropZone small{color:#798981;font-size:11px}.dropZone em{font-style:normal;color:#2b5b45;font-size:11px;overflow-wrap:anywhere}.taskModal footer{display:flex;justify-content:flex-end;gap:10px;margin-top:23px;padding-top:18px;border-top:1px solid #edf2ef}@media (max-width:1180px){.taskGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.headerRight{flex-direction:column}.detailGrid{grid-template-columns:1fr}.detailsPanel{order:-1}.content{padding:34px}}@media (max-width:860px){.appShell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;min-height:auto;display:grid;grid-template-columns:auto 1fr;grid-gap:15px;gap:15px;padding:18px}.sidebar>div:first-child{align-self:center}.crest{width:42px;height:56px;margin:0 auto}.clubName{font-size:13px}.staffName{font-size:9px}.nav{margin:0;display:flex;flex-wrap:wrap;align-items:center}.nav button{width:auto;padding:8px 9px;font-size:12px}.privateCard{display:none}.content{padding:26px 18px 55px}.topHeader{display:block}.topHeader h1{font-size:31px}.headerRight{flex-direction:row;margin-top:18px;overflow:auto}.taskGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{flex-direction:column}.clearButton{margin-left:0}.detailTop{align-items:flex-start;flex-direction:column}.detailActions{width:100%}.detailActions button{flex:1 1}.formGrid{grid-template-columns:1fr}.formGrid .full{grid-column:auto}.taskModal{border-radius:16px}.taskModal form,.taskModal header{padding-left:18px;padding-right:18px}}@media (max-width:520px){.taskGrid{grid-template-columns:1fr}.headerRight{flex-direction:column}.updateBox,.usersBox{width:100%}.filters{display:grid;grid-template-columns:1fr 1fr}.selectWrap{min-width:0}.selectWrap span{display:none}.clearButton,.filterButton{width:100%}.emptyState>div:last-child{flex-direction:column}.detailActions button{flex:auto;width:100%}.fileRow{align-items:flex-start;flex-direction:column}.fileControls{width:100%;justify-content:space-between}.detailRow{grid-template-columns:1fr;gap:4px}.fallbackMedia,.mediaBox,.pdfFrame,.taskMedia{min-height:260px}}