:root{--background:#f4f5f2;--surface:#ffffff;--surface-alt:#f8f9f7;--text:#172018;--muted:#667168;--border:#dce2dc;--accent:#c92028;--accent-dark:#99171d;--green:#284836;--green-dark:#111a15;--shadow:0 16px 44px rgba(29,42,34,0.08)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--background);color:var(--text);font-family:Arial,Microsoft JhengHei,sans-serif}body{letter-spacing:0}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:264px minmax(0,1fr)}.sidebar{min-height:100vh;padding:24px 18px;background:var(--green-dark);color:#f7faf7;display:flex;flex-direction:column;gap:24px}.brand-block{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:var(--accent);color:#ffffff;font-size:24px;font-weight:900}.brand-name{font-size:18px;font-weight:800}.brand-subtitle{margin-top:3px;color:#b8c5bb;font-size:13px}.nav-list{display:grid;gap:8px}.nav-item{width:100%;min-height:44px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.08);background:transparent;color:#e2e9e4;border-radius:8px;padding:11px 12px;text-align:left}.nav-item.active,.nav-item:hover{background:#26382d;border-color:#496552;color:#ffffff}.metric-card svg,.nav-icon,.result-source svg,.search-box svg{width:18px;height:18px;flex:0 0 auto}.sidebar-note{margin-top:auto;padding:14px;border-radius:8px;background:rgba(255,255,255,.07);color:#cbd8cf;font-size:13px;line-height:1.6}.main{min-width:0;padding:26px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.topbar h1{margin:0;font-size:30px;line-height:1.2}.faq-row p,.gate-row p,.panel-heading p,.sync-state p,.topbar p{margin:7px 0 0;color:var(--muted);line-height:1.65}.top-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.status-pill{min-height:36px;display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;padding:8px 13px;background:var(--surface);color:var(--text);font-size:13px;white-space:nowrap}.status-pill.muted{color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.metric-card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}.metric-card{min-height:116px;padding:16px;display:grid;align-content:space-between;gap:10px}.metric-card svg{color:var(--accent)}.metric-card span{color:var(--muted);font-size:13px}.metric-card strong{display:block;font-size:25px;line-height:1.1}.admin-grid,.content-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr);gap:16px}.admin-card,.ask-panel,.library-panel,.roadmap-panel,.side-panel{padding:20px}.admin-card h2,.ask-panel h2,.library-panel h2,.roadmap-panel h2,.side-panel h2{margin:0 0 14px;font-size:18px}.ask-form{display:grid;gap:12px}.ask-form label{display:grid;gap:8px;color:var(--muted);font-size:14px}.question-input{width:100%;min-height:116px;resize:vertical;border:1px solid var(--border);border-radius:8px;padding:14px;color:var(--text);line-height:1.65;outline:none;background:#ffffff}.question-input:focus,.search-box input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(201,32,40,.12)}.primary-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;padding:12px 16px;background:var(--accent);color:#ffffff;font-weight:700}.primary-button:hover{background:var(--accent-dark)}.primary-button:disabled{opacity:.72;cursor:wait}.quick-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.quick-list button{border:1px solid var(--border);border-radius:999px;background:#eef3ef;color:var(--text);padding:8px 12px;font-size:13px}.quick-list button:hover{border-color:#b7c4ba;background:#e5ece7}.result-box{margin-top:18px;border-top:1px solid var(--border);padding-top:18px}.result-box h3{margin:0 0 10px;font-size:18px}.answer-text{margin:0;line-height:1.75;white-space:pre-wrap}.result-source{margin-top:14px;display:grid;gap:8px;color:var(--muted);font-size:14px}.result-source div,.sync-state,.task-row{display:flex;gap:10px;align-items:flex-start}.task-list{display:grid;gap:10px}.task-row{padding:11px 0;border-top:1px solid var(--border);color:var(--muted);line-height:1.5}.task-row:first-child{border-top:0}.task-row b{color:var(--text)}.sync-state svg,.task-row svg{width:19px;height:19px;color:var(--accent);margin-top:2px;flex:0 0 auto}.panel-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.search-box{width:min(360px,100%);display:flex;align-items:center;gap:9px;color:var(--muted)}.search-box input{width:100%;min-height:40px;border:1px solid var(--border);border-radius:8px;padding:9px 11px;outline:none}.faq-list{display:grid;gap:10px}.faq-row{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:16px;padding:14px 0;border-top:1px solid var(--border)}.faq-row:first-child{border-top:0}.faq-row h3{margin:6px 0 0;font-size:16px}.category{color:var(--accent);font-size:12px;font-weight:700}.faq-meta{display:grid;align-content:start;gap:8px;color:var(--muted);font-size:13px}.admin-card dl{display:grid;gap:10px;margin:0}.admin-card dl div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--border)}.admin-card dl div:first-child{border-top:0}.admin-card dt{color:var(--muted)}.admin-card dd{margin:0;font-weight:800}.sync-state{padding-top:4px}.sync-state strong{display:block}.collection-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.collection-list code{border:1px solid var(--border);border-radius:8px;padding:7px 9px;background:var(--surface-alt);color:var(--text);font-size:12px}.gate-list{display:grid;gap:10px}.gate-row{display:grid;grid-template-columns:78px minmax(0,1fr);gap:14px;padding:14px 0;border-top:1px solid var(--border)}.gate-row:first-child{border-top:0}.gate-row span{align-self:start;display:inline-flex;justify-content:center;border-radius:999px;padding:6px 9px;background:#f0e7e8;color:var(--accent-dark);font-size:12px;font-weight:800}.gate-row.done span{background:#e5f0e8;color:#1d6b39}.gate-row h3{margin:0;font-size:16px}@media (max-width:1060px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid,.content-grid{grid-template-columns:1fr}}@media (max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;padding:16px}.nav-list{grid-template-columns:repeat(4,minmax(0,1fr))}.nav-item{justify-content:center}.sidebar-note{display:none}.main{padding:16px}.panel-heading,.topbar{display:grid}.top-actions{justify-content:flex-start}.faq-row{grid-template-columns:1fr}}@media (max-width:560px){.metrics,.nav-list{grid-template-columns:1fr}.nav-item{justify-content:flex-start}.topbar h1{font-size:25px}.gate-row{grid-template-columns:1fr}}