*{box-sizing:border-box}body{margin:0;background:#f7f8fa;color:#202b39;font:14px 'Segoe UI','Microsoft YaHei',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;background:white;border:1px solid #dfe4e9;border-radius:8px;padding:10px 15px;color:inherit}button:hover{filter:brightness(.97)}aside{position:fixed;width:235px;inset:0 auto 0 0;background:#fff;border-right:1px solid #e5e8ed;padding:35px 23px;display:flex;flex-direction:column}.brand{font-size:35px;font-weight:850;letter-spacing:2px;color:#1d3c35;text-decoration:none}.brand span{color:#21a378}.brand small{font-size:11px;letter-spacing:1px;display:block;font-weight:400;margin-top:7px;color:#81908e}.workspace{margin:45px 0 20px;font-size:10px;letter-spacing:1px;color:#89939b}.workspace span{float:right;background:#f0f3f4;padding:1px 6px;border-radius:4px}nav button{display:block;border:0;width:100%;text-align:left;margin:7px 0;padding:13px 15px;color:#79838e;background:none}nav .active{background:#eaf5ef;color:#19845f;font-weight:650}.sidebottom{margin-top:auto;font-size:11px;color:#929ba5}.demo{color:#24916e}.sidebottom p{line-height:1.8}.sidebottom label{display:block;margin-top:25px}.sidebottom select{margin-top:8px;width:100%;border:1px solid #e4e8ec;padding:10px;border-radius:7px;color:#46535c;background:white}main{margin-left:235px}header{height:76px;background:#fff;border-bottom:1px solid #e5e8ed;display:flex;align-items:center;justify-content:space-between;padding:0 42px;color:#95a0aa;font-size:12px}header b{font-weight:500;color:#4e5c67;margin-left:8px}.profile{display:flex;gap:10px;align-items:center;color:#65736e}.profile i{font-size:11px;font-style:normal;background:#e9eee7;color:#60715b;border-radius:50%;padding:12px;margin-left:15px}.dot{background:#269b74;width:6px;height:6px;border-radius:50%}.page{max-width:1530px;margin:auto;padding:36px 42px}.heading{display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:#8c989e}h1{font-size:29px;letter-spacing:-1px;margin:12px 0}p{color:#8a949e}.primary{background:#19835f;color:white;border-color:#19835f;box-shadow:0 3px 5px #1b765b14}.toolbar{display:flex;gap:18px;align-items:center;margin:26px 0 22px;color:#909ba5;font-size:12px}.toolbar>button{margin-left:auto}.tabs{display:flex;padding:4px;background:#eaedf0;border-radius:8px}.tabs button{padding:7px 19px;background:none;border:0;color:#87909a;font-size:12px}.tabs .selected{background:white;color:#263b33;box-shadow:0 1px 3px #0001}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.stat,.panel{background:white;border:1px solid #e4e9ed;border-radius:12px}.stat{padding:22px}.stat small{color:#7d8994}.stat strong{display:block;font-size:32px;margin:13px 0 9px;letter-spacing:-1px}.stat strong em{font-size:12px;font-weight:400;font-style:normal;color:#9da6ae;letter-spacing:0;margin-left:7px}.stat p{font-size:11px;margin:0}.green{color:#19835f}.split{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;margin-top:22px}.panel{padding:23px}.panelhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.panelhead h3{font-size:15px;margin:0}.panelhead small{font-size:11px;color:#939da6}.panelhead button{border:0;color:#238865;font-size:12px;padding:0}.activities{display:grid;grid-template-columns:repeat(3,1fr);gap:23px 25px}.activity span{font-size:11px;color:#87939c}.activity strong{display:block;font-size:24px;margin:10px 0}.activity strong small{font-size:11px;color:#a3adb4;font-weight:400}.bar{height:5px;background:#edf1f3;border-radius:5px;overflow:hidden;margin:9px 0}.bar i{height:100%;background:#329d79;display:block;border-radius:5px}.activity label{font-size:10px;color:#98a2ab}.rank{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #f1f3f5}.rank:last-child{border:0}.rank>small{width:15px;color:#a0a9b2}.avatar{background:#f0eee8;color:#9a865c;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0}.rank .name{flex:1;font-size:12px}.rank strong{font-size:15px}.rank strong small{font-size:10px;font-weight:400;color:#a2aab1;margin-left:4px}.tablepanel{margin-top:22px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}th{font-weight:400;color:#909ba5;background:#f8fafb;padding:13px;text-align:left}td{padding:15px 13px;border-bottom:1px solid #f0f2f4}td .avatar{margin-right:9px}.pill{background:#edf6f1;color:#348768;border-radius:5px;font-size:10px;padding:5px 8px}.muted{color:#99a2aa}.filters{display:flex;gap:10px;margin:0 0 20px;flex-wrap:wrap}.filters input,.filters select{padding:9px 12px;border:1px solid #e1e6eb;background:white;border-radius:7px}.empty{text-align:center;color:#9aa4ad;padding:45px}.notice{background:#f5f2e9;color:#98804b;padding:13px 16px;border-radius:8px;font-size:12px;margin-top:20px;line-height:1.8}footer{font-size:10px;color:#a0a9b1;margin-top:28px;display:flex;justify-content:space-between}dialog{border:0;border-radius:16px;padding:28px;width:540px;max-width:95%;box-shadow:0 25px 90px #132d3533}dialog::backdrop{background:#152b3955;backdrop-filter:blur(3px)}.modalhead{display:flex;justify-content:space-between;align-items:center}.modalhead button{border:0}.modalhead h2{font-size:23px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}.fields label{font-size:12px;color:#75828c}.fields input,.fields select,.fields textarea{width:100%;border:1px solid #dce3e8;padding:11px;margin-top:7px;border-radius:7px;background:white;color:#263642}.wide{grid-column:1/-1}.fields textarea{height:80px;resize:vertical}.savebar{display:flex;justify-content:space-between;align-items:center;margin-top:22px;color:#218661}#toast{position:fixed;bottom:30px;left:50%;background:#203d33;color:white;padding:13px 24px;border-radius:8px;display:none}.action{font-size:11px;padding:5px 8px}.overdue{color:#bd7956}@media(min-width:1500px){.page{padding-top:45px}.panel{padding:28px}.stat{padding:27px}}@media(max-width:1000px){aside{width:190px;padding:30px 16px}main{margin-left:190px}.page{padding:25px}.split{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:16px}.stat strong{font-size:27px}header{padding:0 25px}}@media(max-width:650px){aside{position:static;width:auto;padding:16px}.brand{font-size:26px}.brand small,.workspace,.sidebottom{display:none}nav{display:flex;margin-top:12px}nav button{font-size:11px;padding:9px 5px;margin:0;text-align:center}main{margin:0}header{height:48px;padding:0 18px}.page{padding:23px 16px}.heading{gap:15px}h1{font-size:22px}.heading p{font-size:12px}.eyebrow{font-size:8px}.primary{white-space:nowrap;padding:10px;font-size:12px}.stats{grid-template-columns:1fr 1fr}.toolbar{flex-wrap:wrap;gap:10px}.toolbar #range{display:none}.tabs button{padding:7px 13px}.panel{padding:18px}.activities{gap:18px 10px}.activity span{font-size:10px}footer{display:block}footer span{display:block;margin-top:7px}}