:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#e6efff;background:#090f19;font-size:14px;font-synthesis:none;--bg:#090f19;--panel:#111c2c;--panel2:#172438;--line:#283b55;--muted:#99adc5;--accent:#58a6ff;--green:#57d7a2;--red:#ff7b85;--yellow:#f6c976}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #334963;color:#dfebff;background:#1b2b42;border-radius:8px;padding:9px 12px;transition:background .12s,border-color .12s}button:hover:not(:disabled){background:#263b56;border-color:#557aa6}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.primary{background:#1571b9;border-color:#188fe4;color:white;font-weight:650}.primary:hover:not(:disabled){background:#2389d7}.soft{background:#152438}.tiny{font-size:12px;padding:5px 8px}.wide{width:100%}.subtle,.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.12em;font-weight:800;color:#9ebadd}.topbar{height:81px;border-bottom:1px solid #293b55;background:#0f1b2b;display:flex;align-items:center;justify-content:space-between;padding:12px 23px;gap:15px}.brand{display:flex;align-items:center;gap:13px}.brand-orbit{font-size:27px;color:#5daffc}.brand h1{margin:4px 0 2px;font-weight:730;letter-spacing:-.035em;font-size:20px}.version{font-size:11px;color:#abd7fc;border:1px solid #42617d;padding:3px 7px;border-radius:12px;vertical-align:middle;letter-spacing:normal}.top-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.sync-badge,.version-tag{font-size:12px;padding:6px 9px;border:1px solid #3a506c;border-radius:15px;color:#bdd0e7}.sync-badge.ok{color:var(--green);border-color:#29745b;background:#15302b}.sync-badge.bad{color:var(--red);border-color:#7c404b;background:#361f2a}.sync-badge.busy{color:var(--yellow);border-color:#7a6235}.shell{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:calc(100vh - 81px)}.sidebar{border-right:1px solid #263850;background:#0d1725;padding:17px 13px;display:flex;flex-direction:column;gap:12px}.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 3px 8px}.project-list{display:grid;gap:8px}.project{width:100%;text-align:left;padding:13px 11px;display:grid;gap:5px;background:transparent;border-color:transparent}.project strong{font-size:13px;line-height:1.4}.project small{color:var(--muted);line-height:1.45}.project.selected{background:#1a2d46;border-color:#4474a5;border-left:3px solid var(--accent)}.sidebar-bottom{margin-top:auto;display:grid;gap:13px;border-top:1px solid var(--line);padding-top:16px}.sidebar-note{font-size:12px;line-height:1.5;color:#f1cf89}.sidebar-bottom small{font-size:11px;line-height:1.5;color:#728ba7}main{padding:14px min(3vw,34px) 50px;min-width:0}nav{display:flex;gap:4px;align-items:center;border-bottom:1px solid #263b55;overflow:auto;max-width:1510px}nav button.tab{flex-shrink:0;border-radius:7px 7px 0 0;border:0;border-bottom:2px solid transparent;background:transparent;padding:13px 15px;color:#a9bfd9;font-size:13px}nav button.tab.selected{color:white;background:#1a2c43;border-color:#6db5ff}.workspace{max-width:1510px;padding-top:19px}.message{border:1px solid #a35a55;background:#361e26;color:#ffd9d8;padding:13px;border-radius:10px;margin-top:13px;white-space:pre-wrap}.message[hidden]{display:none}.hero{background:linear-gradient(110deg,#18283d,#102038 67%,#14283b);border:1px solid #2d4664;border-radius:13px;padding:19px 23px;margin-bottom:16px}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hero h2{font-size:23px;letter-spacing:-.03em;margin:3px 0 9px}.hero p{font-size:13px;line-height:1.65;color:#abbdd3;margin:7px 0 0;max-width:950px}.meta-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;gap:4px;border-radius:14px;font-size:11px;padding:5px 9px;background:#253a54;color:#c2d2e8;border:1px solid #3c5875}.tag.good{color:#9deaca;border-color:#34745b;background:#1a3932}.tag.red{color:#ffc2c7;border-color:#8d4654;background:#3b202b}.tag.blue{color:#adcbff;border-color:#476aa1;background:#1b304e}.tag.yellow{color:#ffe0a0;border-color:#7d6a3c;background:#393121}.tag.gray{background:#232f3f;border-color:#475363}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:16px}.metric{background:#121d2e;border:1px solid #2b3e58;border-radius:11px;padding:15px 16px;min-width:0}.metric b{display:block;font-size:26px;letter-spacing:-.035em;line-height:1.15}.metric span{font-size:12px;color:#9fb3cc;display:block;margin-top:6px}.main-grid{display:grid;grid-template-columns:minmax(310px,0.85fr) minmax(480px,1.2fr);gap:15px;align-items:start}.panel{background:#101a2a;border:1px solid #293e58;border-radius:12px;padding:17px;min-width:0}.panel h3,.panel h2{margin:0 0 12px;font-size:17px;letter-spacing:-.025em}.panel .explain{font-size:12px;color:var(--muted);line-height:1.5;margin:-5px 0 16px}.group-heading{color:#83b9f9;font-size:11px;letter-spacing:.1em;font-weight:800;margin:14px 0 8px;border-bottom:1px solid #273b52;padding-bottom:7px}.phase-entry{display:flex;gap:5px;align-items:stretch;margin-bottom:6px}.phase-entry button.select-phase{text-align:left;display:grid;grid-template-columns:1fr auto;gap:3px 8px;flex:1;border-color:#2c415a;background:#142135;min-width:0;padding:10px}.phase-entry button.select-phase.selected{background:#1c3652;border-color:#5799d1}.phase-entry strong{font-size:12px;line-height:1.4;overflow-wrap:anywhere}.phase-entry small{font-size:11px;color:#90a9c2;grid-column:1/-1}.arrow-buttons{display:flex;flex-direction:column;gap:4px}.arrow-buttons button{padding:2px 8px;font-size:13px;min-width:30px}.phase-entry .tag{white-space:nowrap;align-self:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:grid;gap:6px;margin-bottom:12px;min-width:0}.field label{font-size:12px;color:#b4c9e0;font-weight:650}.field input,.field textarea,.field select{width:100%;background:#0b1421;color:#e5efff;border:1px solid #38516e;border-radius:8px;padding:10px 11px;min-width:0}.field textarea{resize:vertical;min-height:76px;line-height:1.5}.field textarea.long{min-height:114px}.field input:disabled,.field textarea:disabled{opacity:.55}.field select{height:40px}.depend-list{max-height:160px;overflow:auto;background:#0d1827;border:1px solid #324963;padding:9px;border-radius:8px;display:grid;gap:7px}.depend-list label{display:flex;align-items:start;gap:8px;font-size:12px;color:#bacce1;line-height:1.4}.depend-list input{accent-color:#65b2ff;margin-top:3px}.section-sep{border:0;border-top:1px solid #273b54;margin:19px 0}.action-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.action-row.stick{position:sticky;bottom:0;padding:13px 0;background:linear-gradient(#101a2adc,#101a2a);z-index:2}.action-hint{font-size:12px;color:#b2c7df}.evidence{border:1px solid #2b425d;padding:10px 11px;border-radius:8px;margin:8px 0;background:#142237;line-height:1.45;overflow-wrap:anywhere}.evidence small{color:#b6c6db}.evidence .ev-type{font-size:10px;color:#8dc1fc;text-transform:uppercase;font-weight:750}.empty-panel{text-align:center;padding:60px 20px;background:#121d2e;border:1px solid #2b405c;border-radius:12px;color:#9fb7d2}.empty-panel h2{color:#e7f0ff}.log-entry{padding:12px 0;border-bottom:1px solid #283a51}.log-entry strong{font-size:13px}.log-entry p{font-size:12px;color:#9caec8;margin:5px 0;line-height:1.5;overflow-wrap:anywhere}pre,.readonly{background:#0b1421;border:1px solid #2b425c;border-radius:9px;color:#bfd3e9;padding:16px;max-height:650px;overflow:auto;white-space:pre-wrap;word-break:break-word;line-height:1.6;font:12px/1.6 ui-monospace,"Cascadia Code",Consolas,monospace}.readonly{width:100%;resize:vertical}.toast{position:fixed;bottom:20px;right:20px;z-index:100;background:#203d56;border:1px solid #5493c1;border-radius:9px;padding:13px 16px;box-shadow:0 10px 40px #0009;color:#e6f2ff;max-width:min(550px,90vw);visibility:hidden;opacity:0;transition:opacity .2s}.toast.show{visibility:visible;opacity:1}dialog{background:#101e30;border:1px solid #507ba5;color:#ebf1fc;border-radius:14px;padding:25px;max-width:min(540px,90vw);width:100%;box-shadow:0 20px 80px #000a}dialog::backdrop{background:#020712cf}dialog h2{margin-top:0}dialog form{display:grid;gap:12px}dialog label{font-size:12px;color:#bcd1e8;font-weight:700}dialog input,dialog textarea{width:100%;background:#091421;color:#eef5ff;border:1px solid #3d5574;border-radius:7px;padding:10px}dialog textarea{resize:vertical}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:12px}a{color:#75bdfb;text-underline-offset:3px}::selection{background:#2e70a9}
@media(max-width:1024px){.shell{grid-template-columns:220px minmax(0,1fr)}.main-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.topbar{height:auto;flex-wrap:wrap}.top-actions{width:100%}.shell{display:block}.sidebar{border-bottom:1px solid var(--line);border-right:0}.project-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-bottom{margin-top:8px}main{padding:12px}.metric-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.hero{padding:15px}.hero h2{font-size:19px}}

.metric b.metric-green{color:var(--green)}.note-observation{border:1px solid #345a7e;border-radius:10px;padding:11px;background:#122740}
