:root{--bg: #f4f5f7;--surface: #ffffff;--surface-2: #fafbfc;--border: #e2e5ea;--border-strong: #d3d8e0;--text: #1a1d23;--text-muted: #6b7280;--text-faint: #9aa1ac;--accent: #f2c200;--accent-ink: #1a1d23;--accent-soft: #fff6cc;--success: #2e7d32;--success-soft: #e6f4ea;--danger: #d32f2f;--danger-soft: #fdecea;--info: #1565c0;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 3px rgba(26, 29, 35, .06), 0 1px 2px rgba(26, 29, 35, .04);--mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}.app{display:grid;grid-template-columns:240px 1fr;height:100vh;overflow:hidden}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:18px 12px;gap:4px;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:6px 10px 16px;border-bottom:1px solid var(--border);margin-bottom:10px}.brand-logo{width:34px;height:34px;border-radius:8px;background:var(--accent);display:grid;place-items:center;color:var(--accent-ink);font-weight:800;font-size:18px}.brand-name{font-weight:700;font-size:15px;letter-spacing:.3px}.brand-sub{font-size:11px;color:var(--text-faint);font-family:var(--mono)}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-left:3px solid transparent;font-weight:500;transition:background .12s,color .12s}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--text);border-left-color:var(--accent);font-weight:700}.nav-icon{width:18px;text-align:center}.sidebar-foot{margin-top:auto;padding:12px 10px 4px;font-size:11px;color:var(--text-faint);font-family:var(--mono);border-top:1px solid var(--border)}.main{overflow-y:auto;padding:28px 36px 60px}.page-head{margin-bottom:20px}.page-title{font-size:22px;font-weight:800;margin:0 0 4px}.page-desc{color:var(--text-muted);margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);padding:8px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:600;transition:all .12s}.btn:hover{border-color:var(--accent);background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:#e0b400;border-color:#e0b400}.btn-danger{color:var(--danger);border-color:var(--danger-soft)}.btn-danger:hover{background:var(--danger-soft)}.tag{display:inline-block;font-size:11px;padding:2px 8px;background:var(--surface-2);border:1px solid var(--border);border-radius:20px;color:var(--text-muted);margin:2px 4px 2px 0}.pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px}.pill-type{background:var(--accent-soft);color:var(--text);border:1px solid var(--accent)}.pill-imp-3{background:var(--danger-soft);color:var(--danger)}.pill-imp-2{background:#fff3e0;color:#b26a00}.pill-imp-1{background:var(--surface-2);color:var(--text-faint)}.pill-done{background:var(--success-soft);color:var(--success)}.pill-pending{background:#fff3e0;color:#b26a00}textarea,input,select{font-family:inherit;font-size:14px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:10px 12px;width:100%;outline:none;transition:border-color .12s}textarea:focus,input:focus,select:focus{border-color:var(--accent)}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:700;color:var(--text-muted);margin-bottom:6px}.seg{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden}.seg button{border:none;background:var(--surface);padding:7px 14px;cursor:pointer;font-size:13px;font-weight:600;color:var(--text-muted)}.seg button.active{background:var(--accent);color:var(--accent-ink)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.mono{font-family:var(--mono)}.small{font-size:12px}.composer{padding:16px;margin-bottom:22px}.composer textarea{min-height:96px;resize:vertical}.list{display:flex;flex-direction:column;gap:12px}.entry{padding:14px 16px;cursor:pointer;transition:border-color .12s,box-shadow .12s}.entry:hover{border-color:var(--accent)}.entry-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.entry-title{font-weight:700;font-size:15px}.entry-summary{color:var(--text-muted);margin:4px 0 8px}.entry-content{color:var(--text);white-space:pre-wrap;font-size:13.5px}.entry-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px}.entry-detail{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border)}.related-item{font-size:12.5px;padding:6px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:6px}.related-reason{color:var(--text-muted)}.qa-box{display:flex;flex-direction:column;gap:12px;max-width:860px}.qa-bubble{padding:12px 16px;border-radius:var(--radius);max-width:88%}.qa-user{align-self:flex-end;background:var(--accent);color:var(--accent-ink);font-weight:600}.qa-bot{align-self:flex-start;background:var(--surface);border:1px solid var(--border)}.qa-input{display:flex;gap:10px;max-width:860px;margin-top:8px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.summary-block{padding:16px}.summary-block h3{margin:0 0 10px;font-size:15px;display:flex;align-items:center;gap:8px}.summary-block ul{margin:0;padding-left:18px}.summary-block li{margin-bottom:6px}.followup{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--border)}.followup:last-child{border-bottom:none}.empty{text-align:center;color:var(--text-faint);padding:50px 20px}.loading{display:inline-block;width:16px;height:16px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.banner{padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:16px;font-size:13px}.banner-warn{background:var(--accent-soft);border:1px solid var(--accent);color:var(--text)}.banner-err{background:var(--danger-soft);border:1px solid var(--danger);color:var(--danger)}.banner-ok{background:var(--success-soft);border:1px solid var(--success);color:var(--success)}.stat-row{display:flex;gap:14px;margin-bottom:18px;flex-wrap:wrap}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 18px;min-width:110px;box-shadow:var(--shadow)}.stat-num{font-size:24px;font-weight:800;font-family:var(--mono)}.stat-label{font-size:12px;color:var(--text-muted)}hr.soft{border:none;border-top:1px solid var(--border);margin:16px 0}