:root{font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;color:#23362f;background:#f4f6f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;background:transparent}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #77baa4;outline-offset:3px}aside{width:230px;background:#173c32;color:#fff;position:fixed;inset:0 auto 0 0;padding:40px 22px}.brand{display:flex;gap:12px;align-items:center;margin:0 12px 65px}.brand b{font-size:28px}.brand span{font-size:9px;letter-spacing:2px;color:#a9c6b9}.side-label{font-size:11px;color:#95b3a6;margin:0 14px 14px}.nav{display:block;width:100%;text-align:left;padding:17px 13px;color:#c1d5cc;border-radius:9px;margin:8px 0}.nav.active{background:#2d5548;color:white}.side-bottom{position:absolute;bottom:35px;font-size:13px;line-height:2;color:#c1d5cc}.side-bottom small{color:#83a595}main{margin-left:230px}header{height:78px;border-bottom:1px solid #dfe6e1;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 42px;font-size:13px;color:#698077}.profile{display:flex;align-items:center;gap:9px;max-width:50%;overflow-wrap:anywhere}.profile i{width:8px;height:8px;border-radius:50%;background:#4d9574}.content{max-width:1400px;margin:auto;padding:44px 42px}.heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:2px;color:#53816c;margin:0 0 12px}h1{font-size:31px;letter-spacing:-1px;font-weight:650;margin:0 0 12px}.muted{color:#7b8b84;font-size:13px;line-height:1.8}.primary{background:#22664e;color:#fff;padding:14px 22px;border-radius:9px;white-space:nowrap}.month-row{display:flex;align-items:center;justify-content:space-between;margin:30px 0 22px;gap:12px}.month-row label{font-size:13px;display:flex;gap:12px;align-items:center}input,select{border:1px solid #dce4df;border-radius:7px;padding:11px 13px;background:white;color:#304c3e}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stat{background:white;border:1px solid #dfe7e2;border-radius:13px;padding:25px;text-align:left}.stat>span{font-size:14px}.stat strong{display:block;font-size:43px;font-weight:600;margin:12px 0 3px}.stat small{font-size:14px;margin-left:10px;color:#90a096;font-weight:400}.stat p{font-size:12px;color:#8c9b93;margin:0}.s1 strong{color:#2f8965}.s2 strong{color:#bb8a35}.progress-label{display:flex;justify-content:space-between;font-size:12px;color:#7b8d82;margin:22px 0 9px}.progress{background:#e0e8e3;height:6px;border-radius:9px;overflow:hidden}.progress div{height:100%;background:#418e6b;transition:width .3s}.categories{display:flex;flex-wrap:wrap;gap:7px;margin:32px 0 18px}.categories button{padding:10px 15px;border:1px solid #dce4df;border-radius:24px;color:#76877d;font-size:13px}.categories .selected{background:#245a46;border-color:#245a46;color:white}.panel{background:white;border:1px solid #dfe7e2;border-radius:12px;overflow:hidden}.toolbar{padding:20px 24px;display:flex;justify-content:space-between;gap:12px}.toolbar button{color:#8d9993;padding:8px 14px;font-size:13px}.toolbar .chosen{background:#edf5f0;color:#276449;border-radius:6px;font-weight:bold}.toolbar input{font-size:12px;width:240px}.table-head,.task{display:grid;grid-template-columns:1.5fr 1fr 140px;align-items:center;gap:16px;padding:20px 26px}.table-head{background:#f7f9f7;color:#8a9a90;font-size:11px;padding-top:12px;padding-bottom:12px}.task{border-top:1px solid #edf1ee;min-height:105px}.task-name{display:flex;gap:16px;align-items:center}.mark{font-size:23px;color:#adbbb2}.checked{color:#3d906c}.task small{font-size:11px;color:#869b8c}.task h3{font-weight:500;font-size:15px;margin:6px 0}.task p{font-size:12px;color:#708476;overflow-wrap:anywhere}.record{font-size:12px;color:#9ba79f}.record b{display:block;color:#596f61;font-weight:500;overflow-wrap:anywhere}.record time{display:block;font-size:10px;margin-top:7px}.actions{display:flex;align-items:center;gap:10px;font-size:12px}.complete{background:#edf5ef;color:#397352;border:1px solid #dceadd;border-radius:7px;padding:10px 13px;white-space:nowrap}.badge{color:#4b8f6c;background:#edf7f0;border-radius:20px;padding:7px 13px}.remove{color:#9ba99e}.empty{text-align:center;padding:60px 20px 70px;color:#809186;font-size:13px;line-height:1.9}.empty>div{font-size:36px;color:#b4c7b9}.empty h3{font-size:17px;color:#54705d;font-weight:500}.templates{margin-top:32px;padding:24px}.templates h2{font-size:18px}.templates .task{display:flex;justify-content:space-between}.templates button{font-size:12px;color:#9d7150}footer{font-size:11px;color:#95a298;padding-top:24px}.error{background:#fff0e8;padding:15px;border-radius:8px;color:#9a4b31;margin-bottom:16px}.overlay{position:fixed;inset:0;background:#10291c70;display:grid;place-items:center;padding:20px;z-index:10}.dialog{background:#fff;border-radius:16px;padding:30px;width:460px;max-width:100%}.dialog-title{display:flex;justify-content:space-between;align-items:center}.dialog h2{font-size:21px;font-weight:600}.dialog-title button{font-size:27px}.dialog label{display:block;margin:22px 0 8px;font-size:13px}.dialog label>input:not([type=checkbox]),.dialog select{display:block;width:100%;margin-top:10px}.dialog .check{display:flex;gap:10px;align-items:center}.hint{font-size:12px;color:#88988d}.dialog>.primary{width:100%;margin-top:15px}@media(max-width:1000px){aside{width:190px;padding:30px 15px}main{margin-left:190px}.content{padding:30px 24px}header{padding:0 24px}.table-head,.task{grid-template-columns:1.2fr 1fr 110px;padding:18px}.heading h1{font-size:25px}}@media(max-width:700px){aside{position:static;width:100%;padding:16px 20px;display:flex;align-items:center;gap:12px}.brand{margin:0 auto 0 0}.brand b{font-size:22px}.brand span,.side-label,.side-bottom{display:none}.nav{display:inline;width:auto;font-size:11px;padding:10px;margin:0}main{margin:0}header{height:52px;padding:0 20px;font-size:11px}.content{padding:27px 18px}.heading{align-items:flex-start}.heading h1{font-size:23px}.heading .primary{font-size:12px;padding:11px 12px}.muted{font-size:11px}.month-row{flex-wrap:wrap;margin-top:23px}.month-row .muted{font-size:10px}.stats{gap:8px}.stat{padding:17px 12px}.stat>span{font-size:12px}.stat strong{font-size:32px}.stat small{font-size:11px;margin-left:5px}.stat p{font-size:9px}.categories{gap:6px;margin-top:25px}.categories button{font-size:11px;padding:9px 11px}.toolbar{padding:12px;flex-wrap:wrap}.toolbar input{width:100%}.table-head{display:none}.task{grid-template-columns:1fr auto;gap:12px}.task-name{grid-column:1/-1;gap:12px}.task h3{font-size:16px}.record{padding-left:35px}.actions{justify-content:flex-end}.empty{padding:40px 18px}.dialog{padding:24px}footer{line-height:1.8}}

.profile a{color:#28654c;border:1px solid #dce7df;padding:7px 10px;border-radius:6px;white-space:nowrap;font-size:11px;text-decoration:none}.pending-badge{color:#a17a34;background:#faf4e6;border-radius:20px;padding:7px 13px}.actions{flex-wrap:wrap}
.access-screen{margin:0;min-height:100vh;display:grid;place-items:center;padding:25px}.access-card{background:white;max-width:520px;padding:40px;border:1px solid #dce7df;border-radius:18px;line-height:1.9}.access-card>a,.access-card>button{display:block;text-align:center;margin-top:16px;font-size:14px;text-decoration:none}.member-form{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.member-form input{min-width:0;flex:1}.member-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e5ebe7;padding:20px 0;gap:12px}.member-row h3{font-size:16px}.member-row small{font-size:11px;color:#6e8276;margin-left:8px}.member-row button{padding:10px}.member-row .muted{overflow-wrap:anywhere}@media(max-width:700px){.member-form{flex-direction:column}.member-row{align-items:flex-start;flex-direction:column}.access-card{padding:27px}.access-card h1{font-size:24px}}
.login-form{width:460px;max-width:100%}.login-form label{display:block;font-size:13px;margin:16px 0}.login-form input{display:block;width:100%;margin-top:7px}.login-form>button{width:100%;margin-top:13px}.login-form details{font-size:12px;color:#76897e;margin-top:25px}.login-form summary{cursor:pointer}.account-bar{margin-left:230px;background:#e7f0e9;padding:10px 30px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;color:#3b6250}.account-bar button{padding:7px 12px;text-decoration:underline}.account-bar+ .shell header{height:62px}@media(max-width:1000px){.account-bar{margin-left:190px}}@media(max-width:700px){.account-bar{margin-left:0;padding:10px 18px;flex-wrap:wrap}.member-form input{flex:auto;width:100%}}

.categories.district-tabs{margin-top:-6px;margin-bottom:20px;padding-left:12px;border-left:3px solid #bad2c3}