*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4f3f0;--surface:#fff;--border:rgba(0,0,0,.09);--border-md:rgba(0,0,0,.16);--text:#18181A;--muted:#65656A;--hint:#9A9A9F;--blue:#2D7DD2;--blue-bg:#e8f1fb;--blue-text:#0a3d7a;--green:#15946A;--green-bg:#e0f5ee;--green-text:#074d37;--amber:#D4880A;--amber-bg:#fdf0d5;--amber-text:#5c3a00;--red:#D03030;--red-bg:#fdeaea;--red-text:#6e1212;--purple:#6B4ECC;--purple-bg:#eeebfa;--purple-text:#2e1a7a;--gray-bg:#eeecea;--gray-text:#3d3d3a;--r:8px;--rl:12px;--font-prose:Georgia,"Times New Roman",serif}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;color:var(--text);background:var(--bg);min-height:100vh}.shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:224px;background:var(--surface);border-right:.5px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:52px;background:var(--surface);border-bottom:.5px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:12px;flex-shrink:0}.content{flex:1;overflow-y:auto;padding:20px}.logo-wrap{padding:14px 16px;border-bottom:.5px solid var(--border)}.logo-name{font-size:15px;font-weight:800;letter-spacing:-.3px}.logo-sub{font-size:11px;color:var(--muted);margin-top:2px}.nav-grp{font-size:10px;color:var(--hint);text-transform:uppercase;letter-spacing:.08em;padding:10px 16px 3px;font-weight:700}.nav-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--r);cursor:pointer;font-size:13px;color:var(--muted);margin:1px 8px;transition:background .12s,color .12s}.nav-item:hover{background:var(--bg);color:var(--text)}.nav-item.active{background:var(--blue-bg);color:var(--blue-text);font-weight:600}.nav-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.nav-badge{margin-left:auto;background:var(--red-bg);color:var(--red-text);font-size:10px;padding:1px 6px;border-radius:10px;font-weight:700}.nav-badge-amber{background:var(--amber-bg);color:var(--amber-text)}.proj-list{flex:1;overflow-y:auto;padding:4px 0}.sidebar-bottom{padding:10px;border-top:.5px solid var(--border);margin-top:auto;display:flex;flex-direction:column;gap:6px}.tabs{display:flex;background:var(--surface);border-bottom:.5px solid var(--border);padding:0 20px;flex-shrink:0;overflow-x:auto}.tab-btn{padding:10px 14px;font-size:13px;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;background:none;border-top:none;border-left:none;border-right:none;font-family:inherit;transition:color .12s}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--text);font-weight:600;border-bottom-color:var(--text)}.card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--rl);padding:16px}.card-click{cursor:pointer;transition:border-color .15s,box-shadow .15s}.card-click:hover{border-color:var(--border-md);box-shadow:0 2px 10px #0000000f}.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric{background:var(--bg);border-radius:var(--r);padding:12px 14px}.metric-label{font-size:11px;color:var(--muted);margin-bottom:3px}.metric-val{font-size:22px;font-weight:700}.metric-sub{font-size:11px;color:var(--muted);margin-top:2px}.sec-title{font-size:13px;font-weight:700;margin-bottom:12px}.btn{border:.5px solid var(--border-md);background:var(--surface);color:var(--text);padding:6px 14px;border-radius:var(--r);font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .12s;white-space:nowrap;font-family:inherit}.btn:hover:not(:disabled){background:var(--bg)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--blue-bg);color:var(--blue-text);border-color:#2d7dd240;font-weight:600}.btn-primary:hover:not(:disabled){opacity:.85}.btn-green{background:var(--green-bg);color:var(--green-text);border-color:#15946a40;font-weight:600}.btn-danger{background:var(--red-bg);color:var(--red-text);border-color:#d0303040}.btn-sm{padding:4px 10px;font-size:12px}.btn-dashed{border-style:dashed;color:var(--muted);background:none;width:100%;justify-content:center}.btn-dashed:hover{background:var(--bg);color:var(--text)}.tag{font-size:11px;padding:2px 8px;border-radius:8px;font-weight:600;display:inline-block;white-space:nowrap}.tag-blue{background:var(--blue-bg);color:var(--blue-text)}.tag-green{background:var(--green-bg);color:var(--green-text)}.tag-amber{background:var(--amber-bg);color:var(--amber-text)}.tag-red{background:var(--red-bg);color:var(--red-text)}.tag-purple{background:var(--purple-bg);color:var(--purple-text)}.tag-gray{background:var(--gray-bg);color:var(--gray-text)}.tbl-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{font-size:11px;font-weight:700;color:var(--muted);padding:6px 10px;border-bottom:.5px solid var(--border);text-align:left;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}td{padding:8px 10px;font-size:13px;border-bottom:.5px solid var(--border);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg)}.empty-td td{text-align:center;color:var(--muted);padding:28px}.form-row{margin-bottom:12px}.form-row label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px;font-weight:600}.form-row input,.form-row select,.form-row textarea{width:100%;border:.5px solid var(--border-md);border-radius:var(--r);padding:7px 10px;font-size:13px;background:var(--surface);color:var(--text);font-family:inherit;transition:border-color .15s}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:none;border-color:var(--blue)}.form-row input.err,.form-row select.err,.form-row textarea.err{border-color:var(--red)}.form-row textarea{min-height:64px;resize:vertical}.ferr{font-size:11px;color:var(--red-text);margin-top:3px}.fhint{font-size:11px;color:var(--hint);margin-top:3px}.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:56px 16px;overflow-y:auto}.modal{background:var(--surface);border-radius:var(--rl);padding:20px;width:540px;max-width:100%;border:.5px solid var(--border-md);margin:auto}.modal-title{font-size:15px;font-weight:700;margin-bottom:16px}.modal-footer{display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:12px;border-top:.5px solid var(--border)}.alert{padding:10px 12px;border-left:2px solid;border-radius:0 var(--r) var(--r) 0;margin-bottom:8px;font-size:13px}.alert-warn{border-color:var(--amber);background:var(--amber-bg)}.alert-err{border-color:var(--red);background:var(--red-bg)}.alert-info{border-color:var(--blue);background:var(--blue-bg)}.alert-ok{border-color:var(--green);background:var(--green-bg)}.alert-title{font-weight:700;font-size:12px}.alert-sub{font-size:11px;color:var(--muted);margin-top:1px}.pbar{height:4px;background:var(--bg);border-radius:4px;overflow:hidden;margin-top:4px}.pbar-fill{height:100%;border-radius:4px;background:var(--blue);transition:width .3s}.topbar-title{font-size:15px;font-weight:700;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.empty-state{text-align:center;padding:48px 20px;color:var(--muted)}.spin{display:inline-block;width:18px;height:18px;border:2px solid var(--border-md);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-c{display:flex;align-items:center;justify-content:center;height:200px;gap:10px;color:var(--muted)}.proj-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.gantt-wrap{overflow-x:auto}.gantt-row{display:flex;align-items:center;gap:8px;margin-bottom:5px;min-width:600px}.gantt-lbl{width:165px;font-size:11px;color:var(--muted);flex-shrink:0;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gantt-track{flex:1;height:14px;background:var(--bg);border-radius:2px;position:relative}.gantt-blk{position:absolute;height:100%;border-radius:2px;border-left:2px solid}.gantt-months{display:flex;padding-left:173px;margin-bottom:4px;min-width:600px}.gm{flex:1;font-size:9px;color:var(--hint);text-align:center}.editor-shell{display:flex;height:100%;overflow:hidden}.editor-outline{width:210px;background:var(--surface);border-right:.5px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.editor-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.editor-panel{width:270px;background:var(--surface);border-left:.5px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.editor-textarea{flex:1;padding:28px 36px;font-family:var(--font-prose);font-size:15px;line-height:1.85;border:none;outline:none;resize:none;background:var(--surface);color:var(--text);width:100%}.outline-item{display:flex;align-items:center;gap:6px;padding:6px 12px;cursor:pointer;border-left:2px solid transparent;font-size:13px;color:var(--muted)}.outline-item:hover{background:var(--bg)}.outline-item.active{background:var(--blue-bg);color:var(--blue-text);border-left-color:var(--blue);font-weight:600}.panel-tabs{display:flex;border-bottom:.5px solid var(--border)}.panel-tab{flex:1;padding:9px 0;font-size:12px;text-align:center;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;background:none;border-top:none;border-left:none;border-right:none;font-family:inherit;transition:color .12s}.panel-tab.active{color:var(--text);font-weight:600;border-bottom-color:var(--text)}@media (max-width:900px){.sidebar{display:none}.g4{grid-template-columns:repeat(2,1fr)}.editor-panel{display:none}}@media (max-width:600px){.g3,.g2,.fgrid{grid-template-columns:1fr}}