:root{--bg:#f4f6fb;--panel:#ffffff;--panel2:#eef2f8;--text:#111827;--muted:#5b677a;--line:#d7deeb;--accent:#1f6feb;--bar:#3b82f6;--bar2:#06b6d4;--good:#137333;--warn:#b7791f;--bad:#b91c1c;--shadow:0 12px 40px rgba(15,23,42,.12)}
[data-theme="dark"]{--bg:#090d14;--panel:#121923;--panel2:#182230;--text:#f8fafc;--muted:#a7b0c2;--line:#2b3648;--accent:#70a7ff;--bar:#377dff;--bar2:#5eead4;--good:#4ade80;--warn:#fbbf24;--bad:#fb7185;--shadow:0 16px 60px rgba(0,0,0,.35)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;background:rgba(255,255,255,.72);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}[data-theme="dark"] header{background:rgba(9,13,20,.74)}h1{font-size:20px;margin:0}.sub{font-size:12px;color:var(--muted);margin-top:4px}.btn,input,select,textarea{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:9px 11px}.btn{font-weight:700;cursor:pointer}.btn:hover{border-color:var(--accent)}.primary{background:var(--accent);color:white}.danger{background:#fee2e2;color:#7f1d1d}[data-theme="dark"] .danger{background:#3b1116;color:#ffd3d8}.shell{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 60px)}aside{border-right:1px solid var(--line);background:var(--panel);padding:14px;position:sticky;top:61px;height:calc(100vh - 61px);overflow:auto}.nav button{display:block;width:100%;text-align:left;margin-bottom:7px}.nav button.active{background:var(--panel2);border-color:var(--accent)}main{padding:16px;overflow:hidden}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:var(--shadow)}.num{font-size:28px;font-weight:900}.label{color:var(--muted);font-size:12px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.split{display:grid;grid-template-columns:minmax(520px,42%) 1fr;gap:12px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.panel h2{font-size:15px;margin:0;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--panel2)}.tablewrap{overflow:auto;max-height:68vh}table{width:100%;border-collapse:collapse;min-width:800px}th,td{border-bottom:1px solid var(--line);padding:8px;font-size:12px;text-align:left;vertical-align:top}th{position:sticky;top:0;background:var(--panel2);z-index:2}.editable input,.editable select{width:100%;padding:6px;border-radius:8px}.locked .editOnly{display:none!important}.badge{display:inline-block;padding:3px 8px;border-radius:999px;border:1px solid var(--line);font-size:11px}.status-Complete,.status-Done{color:var(--good);border-color:var(--good)}.status-In{color:var(--accent);border-color:var(--accent)}.status-Pending,.status-Not{color:var(--warn);border-color:var(--warn)}.status-Blocked{color:var(--bad);border-color:var(--bad)}.ganttwrap{overflow:auto;max-height:68vh;padding:12px}.timeline{min-width:1200px}.scale,.ganttrow{display:grid;grid-template-columns:280px repeat(45, 24px);gap:2px;align-items:center}.scale div{font-size:10px;color:var(--muted);text-align:center}.ganttrow{height:38px}.tasklabel{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:8px}.cell{height:22px;background:rgba(127,127,127,.07);border-radius:4px}.bar{height:22px;border-radius:999px;background:linear-gradient(90deg,var(--bar),var(--bar2));box-shadow:0 0 16px rgba(59,130,246,.22);position:relative;cursor:grab}.bar:after{content:attr(data-pct) '%';position:absolute;right:8px;top:4px;font-size:10px;color:white}.flowgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.flowcard{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px}.steps{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.step{padding:6px 8px;border-radius:999px;border:1px solid var(--line);font-size:11px}.Done{background:rgba(34,197,94,.14);border-color:var(--good)}.Current{background:rgba(59,130,246,.14);border-color:var(--accent)}.Pending{opacity:.7}.chartbar{height:18px;border-radius:8px;background:linear-gradient(90deg,var(--bar),var(--bar2));margin:4px 0}.hidden{display:none!important}.modal{position:fixed;inset:0;background:rgba(0,0,0,.62);display:flex;align-items:center;justify-content:center;z-index:99}.modalbox{width:min(420px,92vw);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px}.notice{font-size:12px;color:var(--muted);line-height:1.4}@media(max-width:1100px){.shell{grid-template-columns:1fr}aside{position:relative;top:0;height:auto}.split{grid-template-columns:1fr}}