:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#233b34;background:#f6f8f6;font-synthesis:none;--green:#176e50;--muted:#85918a;--border:#e6ece7}*{box-sizing:border-box}body{margin:0;font-size:14px}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0;background:none;color:inherit}button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--border);padding:34px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 6px}.brand-icon,.modal-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--green);color:white;font-size:23px;font-weight:700}.brand strong{font-size:24px;letter-spacing:1px}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:2px;color:#8c9991;margin-top:3px}.workspace{display:flex;gap:10px;align-items:center;background:#f7f9f7;border:1px solid var(--border);padding:13px 10px;border-radius:10px;margin:36px 0 30px;font-size:12px}.workspace small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.workspace-icon{padding:10px;background:#e5ece4;border-radius:9px;color:#607657}.workspace>span:last-child{margin-left:auto}.nav-label{font-size:10px;letter-spacing:2px;color:#9aa49c;padding:0 14px 14px}.nav{display:flex;align-items:center;text-align:left;width:100%;padding:14px;border-radius:8px;margin-bottom:8px;gap:12px;color:#6d7e73;font-size:13px}.nav.active{background:#eaf3ec;color:var(--green);font-weight:600}.nav i{margin-left:auto;font-style:normal;font-size:11px;background:#dceadf;padding:2px 7px;border-radius:5px}.nav>span{font-size:19px}.sidebar-note{margin-top:auto;padding:21px 13px;color:#66776b;font-size:11px}.green-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#459a6d;margin-right:6px}.sidebar-note p{color:#96a097;font-size:11px;line-height:1.9;padding-left:13px}.profile{display:flex;align-items:center;gap:11px;border-top:1px solid var(--border);padding-top:22px;font-size:12px}.avatar{background:#f4eadb;color:#92744e;width:35px;height:35px;display:grid;place-items:center;border-radius:50%}.profile small{display:block;color:#929c94;margin-top:5px;font-size:10px}.profile button{margin-left:auto;font-size:21px;color:#7c8b81}.main{margin-left:238px}header{height:78px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 42px;background:#ffffffa8;font-size:11px;color:#7b8980}.breadcrumb span{margin:0 15px;color:#c0c9c1}.header-right{display:flex;gap:18px;align-items:center}.demo-badge{border:1px solid #e5e8db;background:#f6f7ed;padding:6px 10px;color:#7f8965;border-radius:5px;font-size:10px;letter-spacing:.8px}#sync-state{font-size:10px}main{max-width:1500px;margin:auto;padding:36px 42px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#87978c}h1{font-size:31px;font-weight:600;letter-spacing:-.6px;margin:12px 0}h1 em{font-style:normal;color:var(--green)}.heading p{color:#8a968d;font-size:12px}.primary{background:var(--green);color:white;border-radius:7px;padding:12px 19px;font-size:12px;box-shadow:0 3px 7px #176e5012}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stat{background:white;border:1px solid var(--border);padding:18px 20px;border-radius:10px}.stat-top{display:flex;justify-content:space-between;font-size:11px;color:#849187}.stat-icon{color:#abb8ad}.stat-value{font-size:30px;margin:12px 0 7px;font-weight:550;letter-spacing:-1px}.stat small{font-size:10px;color:#9ba59c}.stat.green{background:#eef5ef;border-color:#dce9df}.stat.green .stat-value{color:var(--green)}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px}.board{background:white;border:1px solid var(--border);border-radius:11px;overflow:hidden;min-height:435px}.board-header{display:flex;justify-content:space-between;align-items:center;padding:21px 23px}.board-header>div{display:flex;gap:10px;align-items:center}h2{font-size:16px;margin:0}#task-counter{color:#9aa69b;font-size:11px}.live{font-size:10px;color:#819583}.filters{display:flex;align-items:center;gap:5px;padding:0 20px 17px;border-bottom:1px solid #edf0ea}.filters button{font-size:11px;padding:7px 10px;border-radius:5px;white-space:nowrap;color:#7d8b80}.filters button.selected{background:#edf4ee;color:var(--green);font-weight:600}.filters input{min-width:50px;width:110px;margin-left:auto;background:#f8f9f6;border:1px solid #edf0ea;border-radius:5px;padding:7px 9px;font-size:10px}.task-row{display:flex;align-items:flex-start;gap:13px;padding:23px;border-bottom:1px solid #edf0ea;cursor:pointer}.task-row:last-child{border:0}.task-row:hover{background:#fafcf9}.task-check{width:18px;height:18px;border:1.5px solid #d6dfd5;border-radius:5px;margin-top:2px;color:#94b19d;display:grid;place-items:center;font-size:11px;flex-shrink:0}.task-check.done{background:#e5f2e8;border-color:#d6e8db;color:var(--green)}.task-body{min-width:0;flex:1}.task-title{font-size:13px;font-weight:550;margin:0 0 11px;line-height:1.5}.task-meta{display:flex;align-items:center;gap:9px;color:#94a094;font-size:10px;flex-wrap:wrap}.tag{background:#f3f5f0;border:1px solid #edf0e8;padding:3px 6px;border-radius:4px;font-size:9px;color:#87917d}.task-status{font-size:10px;white-space:nowrap;padding:4px 8px;border-radius:4px;margin-left:auto}.pending{background:#f4f3eb;color:#a19060}.doing{background:#edf3fb;color:#6c89a6}.review{background:#fff3e5;color:#b18c56}.done{background:#eaf4ed;color:#619375}.rework{background:#fff0ed;color:#c27f6f}.overdue{color:#c3836c!important}.group-card{border:1px solid var(--border);background:white;border-radius:10px;padding:22px 20px}.group-card-head{display:flex;gap:11px;align-items:center;font-size:13px;font-weight:600}.group-icon{background:#e8f0e8;color:var(--green);border-radius:10px;padding:11px;font-size:21px}.group-card-head small{display:block;font-size:9px;color:#98a393;margin-top:7px;font-weight:400}.member-avatars{display:flex;align-items:center;margin-top:21px}.member-avatars span{display:grid;place-items:center;border-radius:50%;width:27px;height:27px;background:#ede6d8;border:2px solid white;font-size:9px;color:#998a6b;margin-right:-5px}.member-avatars span:nth-child(2){background:#e3ebe3;color:#6f9479}.member-avatars span:nth-child(3){background:#e6e9f1;color:#7d8fa4}.member-avatars small{font-size:9px;color:#a1aa9e;margin-left:16px}.line{height:1px;background:var(--border);margin:23px 0}h3{font-size:12px;font-weight:550}ol{padding:0;list-style:none;margin:22px 0}ol li{display:flex;gap:12px;align-items:flex-start;margin-bottom:20px;font-size:11px}ol b{background:#f2f5ef;padding:6px;border-radius:6px;color:#96aa92;font-size:10px}ol small{display:block;color:#9aa594;font-size:9px;margin-top:6px}.outline{border:1px solid var(--border);border-radius:6px;background:#fff;padding:10px 13px;font-size:11px}.full{width:100%}.tip-card{background:#eeeede;border-radius:10px;padding:23px 20px;margin-top:17px;color:#7e8160}.tip-card>span{font-size:20px}.tip-card h3{margin:12px 0}.tip-card p{font-size:11px;line-height:1.9}.tip-card small{font-size:9px;line-height:1.7;opacity:.7;display:block;margin-top:18px}footer{display:flex;justify-content:space-between;margin:26px 0;color:#a6afa5;font-size:9px;letter-spacing:.6px}dialog{border:1px solid var(--border);border-radius:16px;padding:28px;width:510px;max-width:calc(100% - 28px);color:#30443a;box-shadow:0 24px 100px #15332324;max-height:90vh;overflow:auto}dialog::backdrop{background:#162c274d;backdrop-filter:blur(4px)}dialog h2{font-size:21px;margin:14px 0}dialog p{font-size:12px;line-height:1.8;color:#809083}.modal-mark{width:44px;height:44px}label{display:block;font-size:11px;color:#758578;margin:18px 0 0}label input:not([type=checkbox]),label select,label textarea{display:block;width:100%;border:1px solid #dfe7de;background:#fafcf9;border-radius:7px;padding:12px;color:#30443a;outline:none;margin-top:8px}input:focus,textarea:focus,select:focus{border-color:#64a38a!important}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkbox{display:flex;align-items:center;gap:8px}.checkbox input{accent-color:var(--green)}.form-error{color:#ba695a!important;min-height:14px}.local-hint{display:block;font-size:9px;color:#a0aaa1;line-height:1.8;margin-top:15px}.modal-top{display:flex;justify-content:space-between;align-items:center}.icon-button{font-size:24px;color:#8b9b8e;line-height:1;padding:3px 7px}.detail-head{display:flex;justify-content:space-between;align-items:center}.detail-meta{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.detail-description{white-space:pre-wrap;font-size:13px;line-height:1.9;color:#718174;background:#f6f8f3;padding:14px;border-radius:8px}.detail-section{border-top:1px solid var(--border);padding-top:17px;margin-top:20px}.events{border-left:1px solid #dfe8df;padding-left:17px;margin-left:3px}.event{margin:15px 0;font-size:11px;line-height:1.7}.event small{display:block;font-size:9px;color:#a6b1a4}.actions{display:flex;gap:8px;margin-top:18px}.actions button{flex:1}.photos{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.photos img{width:85px;height:75px;object-fit:cover;border-radius:6px}.submit-box textarea{display:block;width:100%;border:1px solid var(--border);padding:12px;border-radius:7px;font-size:12px;margin:12px 0}.notice{padding:13px;background:#f7f4e8;font-size:11px;line-height:1.8;border-radius:7px;color:#9a8c64;margin:15px 0}.feed-item{padding:20px 23px;border-bottom:1px solid var(--border);display:flex;gap:12px}.feed-item .avatar{flex-shrink:0;width:30px;height:30px;font-size:11px}.feed-item b{font-size:11px}.feed-item small{color:#9da99c;font-size:9px;margin-left:10px}.feed-item p{font-size:12px;line-height:1.8;color:#7d8b7b;margin:7px 0}.feed-item a{font-size:11px;color:var(--green)}.summary-box{padding:23px}.summary-box pre{font-family:inherit;font-size:12px;line-height:2;white-space:pre-wrap;background:#f5f8f2;padding:20px;border-radius:8px;color:#687d65}.empty{padding:55px 20px;text-align:center;font-size:12px;color:#98a794}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#234b3b;color:white;border-radius:9px;padding:13px 22px;font-size:12px;box-shadow:0 10px 30px #1c3c332a;opacity:0;pointer-events:none;transition:opacity .15s;z-index:100}#toast.show{opacity:1}button:focus-visible,a:focus-visible{outline:2px solid #5c9a76;outline-offset:3px}[hidden]{display:none!important}@media(min-width:1600px){main{padding-top:50px}.task-row{padding:28px}.stats{gap:22px}.stat{padding:24px}}@media(max-width:1200px){.sidebar{width:205px;padding:28px 16px}.main{margin-left:205px}main{padding:28px 26px}header{padding:0 26px}.content-grid{grid-template-columns:minmax(0,1fr)}.right-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tip-card{margin:0}.stats{gap:10px}.stat{padding:16px}.filters input{width:100px}}@media(max-width:700px){.sidebar{position:static;width:auto;padding:15px 20px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--border);gap:10px}.brand strong{font-size:19px}.brand-icon{width:34px;height:34px;font-size:18px}.brand small,.workspace,.nav-label,.nav,.sidebar-note,.profile .avatar,.profile small{display:none}.profile{margin-left:auto;padding:0;border:0}.profile button{margin-left:7px}.main{margin-left:0}header{height:53px;padding:0 20px}.header-right #sync-state{display:none}main{padding:25px 16px}.heading{align-items:flex-start}.heading .primary{padding:11px;font-size:10px;white-space:nowrap;margin-top:28px}h1{font-size:24px}.heading p{font-size:10px}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat-value{font-size:26px}.content-grid{display:block}.right-column{display:none}.filters{flex-wrap:wrap;padding:0 12px 13px;gap:2px}.filters button{padding:7px 8px}.filters input{width:100%;margin:6px 0 0}.task-row{padding:20px 16px;gap:10px}.task-title{font-size:12px}.task-status{font-size:9px}.board-header{padding:20px 16px}footer span{display:none}.form-grid{grid-template-columns:1fr}dialog{padding:22px}.actions{flex-wrap:wrap}.demo-badge{font-size:9px}.breadcrumb{font-size:10px}}

.mobile-tabs{display:none}@media(max-width:700px){.mobile-tabs{display:flex;gap:6px;padding:12px 16px 0}.mobile-tabs button{font-size:11px;padding:9px 11px;border-radius:6px;color:#8b9789}.mobile-tabs button.active{background:#e7f0e7;color:#176e50}.mobile-tabs #mobile-guide{margin-left:auto}}