:root{color:#202124;background:#f6f5f1;font-family:Inter,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:0;border-radius:6px;background:#24433f;color:#fff;min-height:38px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}button:hover{background:#1a3430}a{color:inherit;text-decoration:none}input,select,textarea{width:100%;border:1px solid #d5d2ca;background:#fff;color:#202124;border-radius:6px;padding:10px;outline:none}input:focus,select:focus,textarea:focus{border-color:#2f6d66;box-shadow:0 0 0 3px #2f6d6624}label{display:grid;gap:6px;color:#5c5a55;font-size:13px}h1,h2,p{margin:0}.app{min-height:100vh;padding:28px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.topbar h1{font-size:28px;line-height:1.2;letter-spacing:0}.topbar p{color:#706d66;margin-top:8px}.top-actions{display:flex;align-items:center;gap:12px}.switch{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:8px;white-space:nowrap}.switch input{width:18px;height:18px}.summary-band{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px}.metric-tile{background:#fff;border:1px solid #e4e0d6;border-radius:8px;padding:16px;display:flex;align-items:center;gap:12px;min-height:86px}.metric-tile>span{width:38px;height:38px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:#24433f;background:#e6efed}.metric-tile p{color:#706d66;font-size:13px}.metric-tile strong{display:block;margin-top:4px;font-size:21px;letter-spacing:0}.workspace,.management-grid,.stats-section,.project-stack,.subproject-stack{display:grid;gap:16px}.workspace{grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);align-items:start}.management-grid,.stats-section{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.stats-section{grid-template-columns:repeat(3,minmax(0,1fr))}.project-board{margin-top:16px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.section-heading h2{font-size:20px;letter-spacing:0}.panel{background:#fff;border:1px solid #e4e0d6;border-radius:8px;padding:18px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.panel-heading h2{font-size:18px;letter-spacing:0}.panel-heading p{color:#706d66;font-size:13px;margin-top:4px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.record-panel{display:grid;gap:12px}.target-picker{display:grid;gap:10px;border:1px solid #ebe7de;border-radius:8px;padding:12px;background:#fbfaf7}.target-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.metrics-editor{display:grid;gap:10px;padding-top:4px}.inline-title{display:flex;justify-content:space-between;align-items:center;color:#5c5a55;font-size:13px;gap:10px}.inline-title span{display:inline-flex;align-items:center;gap:6px}.metric-row{display:grid;grid-template-columns:1fr 140px 38px;gap:8px}.primary{width:100%;min-height:44px}.icon-button{width:38px;min-width:38px;padding:0;background:#eef0ed;color:#24433f}.icon-button:hover{background:#dfe5e1}.icon-link{width:38px;height:38px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:#eef0ed;color:#24433f}.icon-link:hover{background:#dfe5e1}.icon-button.danger{color:#9a2f2f;background:#f3e8e5}.entry-list,.manager-list,.stats-list{display:grid;gap:10px}.entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;border:1px solid #ebe7de;border-radius:8px;padding:12px}.entry-actions{display:flex;gap:8px}.entry-edit{grid-column:1 / -1;display:grid;gap:12px}.entry.archived,.manager-item:has(+.none).archived{opacity:.62}.entry strong,.entry span{display:block}.entry div>span{color:#706d66;font-size:13px;margin-top:4px}.entry-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.edit-actions{display:flex;justify-content:flex-end;gap:8px}.secondary{background:#eef0ed;color:#24433f}.secondary:hover{background:#dfe5e1}.entry-meta span,.metric-tags span{background:#f1eee7;color:#484640;border-radius:6px;padding:5px 8px;font-size:12px}.entry p{color:#5c5a55;grid-column:1 / -1;font-size:13px;line-height:1.6}.project-card,.subproject-card{background:#fff;border:1px solid #e4e0d6;border-radius:8px;padding:14px}.subproject-card{background:#fbfaf7}.project-card.archived,.subproject-card.archived,.mini-row.archived{opacity:.62}.project-header,.subproject-header{display:grid;grid-template-columns:38px minmax(180px,1fr) minmax(220px,1.2fr) auto;align-items:center;gap:10px}.fold-button{width:38px;min-width:38px;padding:0;background:#eef0ed;color:#24433f}.fold-button:hover{background:#dfe5e1}.project-title{display:flex;align-items:center;gap:8px;min-width:0}.project-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-title em{color:#8a857c;font-size:12px;font-style:normal;white-space:nowrap}.project-index{flex:0 0 auto;background:#e6efed;color:#24433f;border-radius:6px;padding:5px 8px;font-size:12px;font-weight:700}.project-body,.subproject-body{display:grid;gap:12px;margin-top:14px}.subproject-stack{gap:10px}.metric-inline-form,.video-form,.metric-input-grid,.video-input-grid{display:grid;gap:8px}.metric-input-grid{grid-template-columns:minmax(180px,1.1fr) minmax(100px,.5fr) minmax(110px,.5fr) minmax(160px,.8fr)}.video-input-grid{grid-template-columns:minmax(220px,1fr) minmax(110px,.45fr) minmax(110px,.45fr)}.form-action-row{display:flex;justify-content:flex-end;gap:8px}.add-only-row{margin-top:2px}.metric-history,.video-list,.video-section{display:grid;gap:8px}.video-section{border-top:1px solid #ebe7de;padding-top:12px}.mini-row{border:1px solid #ebe7de;border-radius:8px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff}.mini-row>span{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis}.video-edit-row{flex:1;display:grid;grid-template-columns:minmax(220px,1fr) minmax(110px,.25fr) minmax(110px,.25fr);gap:8px;min-width:0}.field-with-label{display:grid;gap:5px;min-width:0}.field-with-label span{color:#706d66;font-size:12px;line-height:1}.field-with-label input{width:100%}.title-field{min-width:0}.add-tail-form{display:grid;gap:8px;margin-top:12px}.add-tail-form.compact{margin-top:0}.inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:10px}.inline-form.two{grid-template-columns:minmax(120px,.8fr) minmax(160px,1fr) auto}.manager-item,.stat-row{border:1px solid #ebe7de;border-radius:8px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.manager-item.sub{margin-left:18px}.manager-item span{display:flex;align-items:center;gap:8px}.row-actions{display:flex;gap:8px;flex:0 0 auto}.stat-row{align-items:flex-start}.stat-row strong,.stat-row span{display:block}.stat-row div:first-child span{color:#706d66;font-size:13px;margin-top:4px}.metric-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.muted-tags span{color:#8a857c}.empty{color:#8a857c;padding:16px 0}.notice{background:#fff1e3;border:1px solid #f0c28e;color:#7f460c;border-radius:8px;padding:12px;margin-bottom:16px}.center-screen{min-height:100vh;display:grid;place-items:center;color:#24433f}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.workspace,.management-grid,.stats-section{grid-template-columns:1fr}.project-header,.subproject-header{grid-template-columns:38px minmax(0,1fr) auto}.project-header .metric-tags,.subproject-header .metric-tags{grid-column:2 / -1;justify-content:flex-start}.metric-input-grid,.video-input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.app{padding:16px}.topbar{flex-direction:column}.form-grid,.target-grid,.inline-form,.inline-form.two,.metric-row,.metric-input-grid,.video-input-grid,.add-tail-form{grid-template-columns:1fr}.metric-row .icon-button{width:100%}.entry,.stat-row{grid-template-columns:1fr}.entry-actions,.edit-actions{justify-content:flex-start}.project-header,.subproject-header{grid-template-columns:38px minmax(0,1fr)}.project-header .row-actions,.subproject-header .row-actions,.project-header .metric-tags,.subproject-header .metric-tags{grid-column:1 / -1;justify-content:flex-start}.mini-row{align-items:flex-start;flex-direction:column}.video-edit-row{width:100%;grid-template-columns:1fr}.metric-tags{justify-content:flex-start}.form-action-row{justify-content:stretch}.form-action-row button{width:100%}}