*{box-sizing:border-box}body{margin:0;font:14px "Microsoft YaHei",Arial;color:#263244;background:#f4f7fb}button,input,select,textarea{font:inherit}button{cursor:pointer}header{height:62px;background:#2878f0;color:#fff;display:flex;align-items:center;gap:16px;padding:0 24px}header strong{font-size:21px}header span{opacity:.9}.top-search{margin-left:auto;background:rgba(255,255,255,.18);padding:9px 18px;border-radius:20px;width:280px;color:#eaf2ff}header button{border:0;background:white;color:#2878f0;border-radius:7px;padding:7px 12px}.layout{display:grid;grid-template-columns:190px 1fr;min-height:calc(100vh - 62px)}nav{background:#fff;padding:18px 12px;border-right:1px solid #e2e8f0}nav button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:11px 14px;border-radius:8px;margin:3px 0;color:#40506a}nav button.active{background:#e9f2ff;color:#1769d2;font-weight:500}main{padding:24px;max-width:1500px;width:100%}.page{display:none}.page.active{display:block}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.page-head h1,h1{margin:0;font-size:23px}.page-head p{margin:6px 0 0;color:#8491a5}.page-head button,.primary,#msg-send,#ai-send{border:0;background:#2878f0;color:#fff;border-radius:8px;padding:10px 16px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric,.panel,.project-card,.report-card{background:#fff;border:1px solid #e4e9f1;border-radius:11px;padding:17px}.metric span{color:#8290a5}.metric b{display:block;font-size:28px;margin-top:8px}.columns{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:14px}.panel{margin-top:14px}.panel h2{font-size:16px;margin:0 0 14px}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.quick button{border:1px solid #dce5f0;background:#f7faff;padding:14px;border-radius:9px;color:#2878f0}.tabs,.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.tabs button,.filters button{border:1px solid #dce3ec;background:#fff;padding:8px 12px;border-radius:7px}.tabs button.active{color:#2878f0;border-color:#8bb7ff;background:#eef5ff}.filters input{border:1px solid #dce3ec;border-radius:7px;padding:8px 12px;margin-left:auto}.row{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr auto;gap:12px;align-items:center;padding:13px 5px;border-bottom:1px solid #edf1f5}.row:last-child{border:0}.row small{color:#8a96a8}.row button{border:1px solid #d6e0eb;background:#fff;border-radius:6px;padding:6px 9px}.tag,.status{font-size:12px;padding:4px 9px;border-radius:13px;background:#fff0dc;color:#a96000;width:max-content}.tag.normal{background:#e8f8ee;color:#278149}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.project-card h3{margin:0 0 12px}.project-card progress,.goal progress{width:100%;height:9px}.project-meta{display:flex;justify-content:space-between;color:#7e8b9d;margin:11px 0}.report-card{margin-bottom:12px}.report-card p{line-height:1.8}.goal{display:grid;grid-template-columns:2fr 1fr 1fr 70px;gap:16px;padding:16px 4px;border-bottom:1px solid #edf1f5;align-items:center}.ask,.comment-box{display:flex;gap:8px}.ask input,.comment-box input{flex:1;border:1px solid #ccd7e4;border-radius:7px;padding:10px}pre{white-space:pre-wrap;background:#f6f8fb;border-radius:8px;padding:14px;min-height:90px}.overlay{position:fixed;inset:0;background:rgba(24,36,53,.45);display:flex;align-items:center;justify-content:center;z-index:50}.hidden{display:none!important}.modal{width:min(720px,94vw);max-height:92vh;overflow:auto;background:#fff;border-radius:16px;padding:22px}.create-modal{width:min(820px,94vw)}.modal-head,.drawer-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{margin:0}.modal-head button,.drawer-head button{border:0;background:#f0f4f8;border-radius:7px;padding:6px 10px}.task-title{width:100%;min-height:92px;border:1px solid #d7e0eb;border-radius:9px;margin:18px 0 10px;padding:14px;font-size:18px}.summary-line{display:grid;grid-template-columns:auto 1fr auto 1.3fr auto 1.3fr 1fr;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1f5}.summary-line input,.summary-line select,.field-grid input,.field-grid select,.field-grid textarea{border:1px solid #d7e0eb;border-radius:7px;padding:9px;width:100%}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.field-grid label{display:grid;gap:6px;color:#68768a}.field-grid .wide{grid-column:1/-1}.field-grid textarea{min-height:80px}.field-grid .check{display:flex;align-items:center}.field-grid .check input{width:auto}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.modal-actions button{padding:9px 16px;border:1px solid #d7e0eb;background:#fff;border-radius:8px}.modal-actions .primary{background:#2878f0;color:#fff}.drawer-wrap{justify-content:flex-end;align-items:stretch}.drawer{width:min(880px,96vw);height:100%;overflow:auto;background:#fff;padding:22px 30px;box-shadow:-10px 0 30px rgba(0,0,0,.12)}.drawer-head{position:sticky;top:-22px;background:#fff;padding:14px 0;z-index:2}.detail-title{display:flex;align-items:center;gap:25px}.detail-title h2{flex:1;font-size:22px}.task-progress{width:170px;display:flex;gap:8px;align-items:center}.task-progress progress{width:125px}.detail-meta{display:flex;gap:22px;color:#66758a;padding:12px 0 20px;border-bottom:1px solid #e8edf3}.detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;padding:18px 0}.detail-fields>div{display:grid;grid-template-columns:100px 1fr;min-height:46px;align-items:center}.detail-fields label{color:#8692a4}.detail-fields button{width:max-content;border:0;background:#edf4ff;color:#2878f0;padding:7px 12px;border-radius:7px}.detail-section{border-top:1px solid #e8edf3;padding:18px 0}.detail-section h3{font-size:15px}.detail-section h3 button{border:0;background:#edf4ff;color:#2878f0;padding:6px 10px;border-radius:7px}.subtask,.log,.comment{padding:10px;border-bottom:1px solid #edf1f5}.comment-box{margin-top:12px}#notice{position:fixed;right:20px;bottom:20px;background:#263244;color:#fff;padding:11px 15px;border-radius:8px;display:none;z-index:80}@media(max-width:800px){.layout{grid-template-columns:1fr}nav{display:flex;overflow:auto}.metrics,.project-grid,.columns{grid-template-columns:1fr 1fr}.summary-line,.field-grid{grid-template-columns:1fr}.detail-fields{grid-template-columns:1fr}.top-search{display:none}main{padding:15px}}