:root{font-family:Inter,"Microsoft YaHei",sans-serif;color:#202c2b;background:#f5f7f6;font-size:14px}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:232px;background:#fff;border-right:1px solid #e4eae7;padding:38px 24px;position:fixed;inset:0 auto 0 0}.brand{font-size:24px;font-weight:800;color:#137c62;display:flex;gap:14px;align-items:center}.brand span{font-size:20px;color:#203c33}nav{margin-top:46px;display:grid;gap:10px}button{cursor:pointer;font:inherit;border:1px solid #dce4df;border-radius:10px;background:white;padding:11px 17px;color:#365347}button:hover{background:#edf5f0}button:disabled{opacity:.5;cursor:wait}nav button{text-align:left;border:0;padding:15px}nav .selected{background:#e9f4ed;color:#137c62;font-weight:700}main{margin-left:232px;padding:48px 5%;width:calc(100% - 232px);max-width:1600px}h1{font-size:30px;margin:8px 0 12px;letter-spacing:-1px}h2{font-size:18px;margin:0 0 18px}h3{font-size:18px;line-height:1.5;margin:14px 0}.muted,small{color:#788780;line-height:1.7}.eyebrow{font-size:11px;letter-spacing:2px;color:#789485;font-weight:700}.primary{background:#17795c;color:#fff;border-color:#17795c}.primary:hover{background:#116047}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.stats{display:flex;gap:18px;margin-bottom:26px}.stat{flex:1;background:white;padding:22px;border-radius:15px;border:1px solid #e4eae7}.stat strong{font-size:30px;display:block;margin-top:9px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.card,.panel{background:#fff;border:1px solid #e4eae7;border-radius:15px;padding:24px}.panel{margin-bottom:24px}.card p{line-height:1.8}.card .reward{color:#147555;font-size:18px;font-weight:700}.tag{display:inline-block;padding:5px 9px;background:#eff4f1;border-radius:6px;font-size:12px;margin-right:6px}.tag.red{background:#fff0f0;color:#d65a67}.card footer{border-top:1px solid #edf0ee;padding-top:16px;margin-top:18px;display:flex;justify-content:space-between;gap:8px}.empty{grid-column:1/-1;padding:64px;text-align:center;color:#83928a;background:#fff;border:1px dashed #ccd9d1;border-radius:14px}label{display:block;margin-bottom:18px;color:#40594b;font-size:13px}input,textarea,select{font:inherit;width:100%;padding:12px;border:1px solid #d9e2dc;border-radius:8px;margin-top:8px;background:#fff;color:#263c31}input:focus,textarea:focus,select:focus{outline:2px solid #bedccb;outline-offset:1px}textarea{resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.inline{display:flex;gap:12px;align-items:center}.inline input{margin:0;max-width:400px}#login{max-width:390px;margin:70px auto}#login form{margin-top:32px}#logout{margin-top:30px}dialog{border:0;border-radius:18px;padding:28px;width:min(650px,95vw);max-height:90vh;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#20372c66}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-head h2{margin:0}#hostHint{display:block;margin:-9px 0 16px;overflow-wrap:anywhere}#formError{color:#bc3b40}#notice,.banner{background:#fff4d9;color:#775916;border-radius:10px;padding:14px;margin-bottom:20px}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th,td{padding:14px 12px;border-bottom:1px solid #edf0ee;font-size:13px}th{color:#7c8a82;font-weight:500}.scroll{overflow:auto}code{font-size:12px;overflow-wrap:anywhere;white-space:normal}#recordList td:first-child{white-space:normal;min-width:150px}[hidden]{display:none!important}@media(max-width:760px){aside{position:static;width:100%;padding:20px}body{display:block}aside .muted{display:none}nav{display:flex;margin-top:18px}main{margin:0;width:100%;padding:24px}header{align-items:flex-start}.stats{gap:8px}.stat{padding:15px}.two{grid-template-columns:1fr}h1{font-size:25px}}
.image-upload{margin:-6px 0 22px;padding:14px;background:#f5f8f5;border-radius:10px}.image-upload label{margin-bottom:6px}.image-list{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.image-item{width:100px}.image-item img{display:block;width:100px;height:100px;object-fit:cover;border-radius:8px}.image-item button{width:100%;padding:7px;margin-top:5px;font-size:12px}
.admin-comment{padding:22px 0;border-bottom:1px solid #e4eae7}.comment-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.admin-comment .inline{flex-wrap:wrap}#commentEditError{color:#b64039}
.tag-filter{max-width:280px;margin-bottom:24px}.internal-tag{background:#e8f1fc;color:#3e648c;font-size:12px;font-weight:500;vertical-align:middle;max-width:100%;overflow-wrap:anywhere}

.task-actions{display:flex;gap:8px;flex-wrap:wrap}.view-task{display:inline-flex;align-items:center;text-decoration:none;color:#17795c;padding:11px 14px;border:1px solid #dce4df;border-radius:10px;white-space:nowrap}.view-task:hover{background:#edf5f0}#taskList .card footer{flex-wrap:wrap;align-items:center}

.cover-preview{display:block;max-width:160px;max-height:160px;object-fit:cover}.cover-preview[hidden]{display:none}