:root{color:#17201f;background:#f6f7f4;font-family:Inter,Noto Sans TC,Noto Sans HK,PingFang HK,Microsoft JhengHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f6f7f4}button,input{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:20px;padding:18px 14px;border-right:1px solid #dfe4df;background:#fbfbf8}.brand{display:grid;gap:2px;padding:4px 8px 14px;border-bottom:1px solid #dfe4df}.brand strong{font-size:16px}.brand span,.topbar span,.panel-heading span,.article-cell span,.status-card span{color:#64706d;font-size:12px}.sidebar nav{display:grid;gap:4px}.sidebar button,.control-group button,.segmented button,.icon-actions button,.icon-link,.article-shortcut button{display:inline-flex;align-items:center;gap:8px;min-height:34px;border:1px solid transparent;border-radius:8px;color:#26302e;background:transparent;text-decoration:none}.sidebar button{justify-content:flex-start;padding:8px 10px}.sidebar button.active,.sidebar button:hover,.control-group button:hover,.segmented button.active,.icon-actions button:hover,.icon-link:hover{border-color:#b7d6d1;background:#e8f3f1;color:#064e4c}.workspace{min-width:0;padding:18px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}h1,h2,h3{margin:0;letter-spacing:0}h1{font-size:24px;line-height:1.2}h2{font-size:20px}h3{font-size:15px}.filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.control-group,.segmented,.search-box{display:inline-flex;align-items:center;gap:6px;padding:4px;border:1px solid #d5ddd8;border-radius:8px;background:#fff}.control-group button,.segmented button{padding:6px 9px;min-height:30px}.control-group input,.search-box input{min-height:30px;border:1px solid #d5ddd8;border-radius:6px;padding:4px 8px;color:#17201f;background:#fff}.search-box input{width:min(320px,62vw);border:0;outline:0}.page-stack{display:grid;gap:16px}.toolbar-row,.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.icon-actions{display:flex;gap:6px}.icon-actions button,.icon-link{justify-content:center;width:34px;padding:0}.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px}.kpi-card,.status-card,.panel{border:1px solid #dfe4df;border-radius:8px;background:#fff}.kpi-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px}.kpi-card div{display:grid;gap:6px}.kpi-card span{color:#64706d;font-size:12px}.kpi-card strong{font-size:24px;line-height:1}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px}.panel{min-width:0;padding:14px}.panel.wide{min-height:348px}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{border-bottom:1px solid #e6ebe7;padding:10px 8px;text-align:left;vertical-align:middle}th{color:#64706d;font-size:12px;font-weight:700}th button{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:inherit;padding:0}.article-cell{display:grid;gap:4px;max-width:560px}.article-cell a{display:inline-flex;align-items:center;gap:6px;color:#0f5f5c;text-decoration:none;font-weight:700;line-height:1.35}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:24px;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700}.badge.member{color:#064e4c;background:#d7f0ec}.badge.public{color:#7c3d00;background:#fde7bd}.error-state,.empty-state{margin-bottom:14px;border:1px solid #f4b7b0;border-radius:8px;padding:12px 14px;color:#8a1f16;background:#fff4f2}.article-shortcut{margin-bottom:14px}.article-shortcut button{padding:7px 10px;border-color:#d5ddd8;background:#fff}.text-link{color:#0f5f5c;font-weight:700}.status-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:12px}.status-card{display:flex;gap:12px;padding:14px}.status-card div{display:grid;gap:5px}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:2;border-right:0;border-bottom:1px solid #dfe4df}.sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr))}.sidebar button{justify-content:center}.analytics-grid,.status-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media(max-width:680px){.workspace{padding:12px}.topbar{display:grid}.filters{justify-content:flex-start}.control-group{width:100%;flex-wrap:wrap}.kpi-grid{grid-template-columns:1fr}h1{font-size:20px}}