:root{--navy: #0d1b2e;--navy-hover: #172a43;--navy-on: #1f3a5c;--navy-line: #22364f;--side-text: #9db0c8;--accent: #0f8f8c;--accent-ink: #0a6f6d;--accent-soft: #e2f4f3;--bg: #f2f5f9;--card: #ffffff;--line: #e0e6ee;--text: #14202f;--muted: #5a6a7f;--ok: #1b7f47;--ok-bg: #e4f5ea;--warn: #8a5a00;--warn-bg: #fff5d9;--warn-line: #ecc35a;--bad: #b7312a;--bad-bg: #fde9e7;--info: #1f5fbf;--info-bg: #e5eefc;--radius: 8px;--side-w: 76px;--top-h: 48px;font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-size:13px;line-height:1.4}h1{font-size:18px;line-height:1.2;margin:0;letter-spacing:-.01em}h2{font-size:15px;margin:0}h3{font-size:13.5px;margin:0 0 8px}p{margin:0 0 6px}a{color:var(--accent-ink)}code,.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px}.muted{color:var(--muted)}.grow{flex:1}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input,select,textarea{font:inherit;color:var(--text);background:#fff;border:1px solid #cfd8e3;border-radius:6px;padding:4px 8px;width:100%}input:not([type=checkbox]):not([type=radio]),select{height:30px}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:2px solid var(--accent-soft)}input:disabled,select:disabled{background:#f0f3f7;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;font:inherit;font-weight:600;padding:0 12px;min-height:30px;border-radius:6px;border:1px solid #cfd8e3;background:#fff;color:var(--text);cursor:pointer;text-decoration:none;white-space:nowrap}.btn:hover{background:#f4f7fa}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-ink)}.btn.danger{color:var(--bad);border-color:#f0b5af}.btn.danger:hover{background:var(--bad-bg)}.btn.small{min-height:24px;padding:0 8px;font-size:12px}.btn.block{width:100%;min-height:34px}.btn:disabled{opacity:.5;cursor:not-allowed}.link{background:none;border:0;color:var(--accent-ink);font:inherit;cursor:pointer;padding:0}.link:hover{text-decoration:underline}.icon-btn{background:none;border:0;padding:4px;border-radius:6px;cursor:pointer;color:inherit;display:inline-flex}.icon-btn:hover{background:#0000000f}.field{display:flex;flex-direction:column;gap:2px;margin-bottom:8px;min-width:0}.field-label{font-weight:600;font-size:12px}.hint{color:var(--muted);font-size:11.5px}.check{display:flex;align-items:center;gap:6px;margin-bottom:8px}.check input{width:auto}.row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.row.end{justify-content:flex-end;margin-top:6px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;align-items:start}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 10px;align-items:start}.chip{display:inline-block;padding:1px 8px;border-radius:99px;font-size:11.5px;font-weight:600;background:#e9eef4;color:#3b4a5e;white-space:nowrap}.chip.ok{background:var(--ok-bg);color:var(--ok)}.chip.warn{background:var(--warn-bg);color:var(--warn)}.chip.bad{background:var(--bad-bg);color:var(--bad)}.chip.info{background:var(--info-bg);color:var(--info)}.notice{padding:6px 10px;border-radius:6px;margin-bottom:8px;border:1px solid}.notice.warn{background:var(--warn-bg);border-color:var(--warn-line)}.notice.bad{background:var(--bad-bg);border-color:#f0b5af;color:#7d1f19}.notice.ok{background:var(--ok-bg);border-color:#a9dcba}.notice.info{background:var(--info-bg);border-color:#b5cdf3}.empty{text-align:center;padding:18px 12px;color:var(--muted)}.empty strong{display:block;color:var(--text);margin-bottom:2px}.secret{display:flex;gap:8px;align-items:center;margin:4px 0}.secret code{font-size:14px;background:#fff;padding:3px 8px;border-radius:6px;border:1px solid #a9dcba}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;margin-bottom:10px}.card.flush{padding:0;overflow:hidden}.card-head{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line)}.card-head h3{margin:0}.toolbar{display:flex;gap:6px;padding:8px 10px;border-bottom:1px solid var(--line);align-items:center;flex-wrap:wrap}.toolbar select{width:170px}.toolbar input[type=search],.toolbar .q{width:220px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:11.5px;font-weight:600;color:var(--muted);padding:5px 10px;border-bottom:1px solid var(--line);background:#fafbfd;white-space:nowrap;position:sticky;top:0}.table th.num{text-align:right}.table td{padding:4px 10px;border-bottom:1px solid #edf1f6;vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tr.click{cursor:pointer}.table tr.click:hover td{background:#f7fafc}.table tr.sel td{background:var(--accent-soft)}.table td input{height:24px;padding:0 5px;text-align:right;width:68px}.grid-in td:nth-child(-n+3){white-space:nowrap}.table td.edit{padding:2px 4px}.table tfoot td{font-weight:700;background:#fafbfd;border-top:1px solid var(--line)}.table .actions{white-space:nowrap;text-align:right}.facts{display:grid;grid-template-columns:120px 1fr;gap:3px 10px;margin:0}.facts dt{color:var(--muted)}.facts dd{margin:0}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin:8px 0 10px}.tabs button{padding:6px 12px;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font:inherit;font-weight:600;cursor:pointer;margin-bottom:-1px}.tabs button.on{color:var(--text);border-color:var(--accent)}.pillbtn{border:1px solid var(--line);background:#fff;border-radius:99px;padding:2px 10px;font:inherit;cursor:pointer}.pillbtn b{margin-left:5px;color:var(--muted)}.pillbtn.on{background:var(--navy);color:#fff;border-color:var(--navy)}.pillbtn.on b{color:#cfe0f3}.shell{display:flex;min-height:100%}.side{position:fixed;inset:0 auto 0 0;width:var(--side-w);background:var(--navy);display:flex;flex-direction:column;z-index:30}.side-logo{display:flex;justify-content:center;align-items:center;height:var(--top-h);border-bottom:1px solid var(--navy-line)}.side-items{flex:1;overflow-y:auto;padding:6px 4px}.side-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 2px 5px;margin-bottom:1px;border-radius:8px;color:var(--side-text);text-decoration:none;font-size:11px;text-align:center}.side-item:hover{background:var(--navy-hover);color:#fff}.side-item.on{background:var(--navy-on);color:#fff;box-shadow:inset 3px 0 0 var(--accent)}.main{margin-left:var(--side-w);flex:1;min-width:0;display:flex;flex-direction:column}.top{position:sticky;top:0;z-index:20;height:var(--top-h);background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 14px}.brand{color:var(--text);text-decoration:none;font-size:16px;white-space:nowrap}.brand b{font-weight:800}.user{position:relative}.user-btn{display:flex;align-items:center;gap:8px;background:none;border:0;cursor:pointer;padding:2px 6px;border-radius:8px;font:inherit;color:inherit;text-align:left}.user-btn:hover{background:var(--bg)}.user-text{display:flex;flex-direction:column;line-height:1.2}.user-text span{color:var(--muted);font-size:11.5px}.avatar{width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex:none;font-size:12px}.menu{position:absolute;right:0;top:calc(100% + 4px);min-width:170px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #0d1b2e24;padding:4px;display:flex;flex-direction:column}.menu button{text-align:left;padding:6px 8px;border-radius:6px;background:none;border:0;font:inherit;color:var(--text);cursor:pointer}.menu button:hover{background:var(--bg)}.content{padding:12px 14px;width:100%}.page-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.page-head p{margin:0}.crumb{color:var(--muted);margin-bottom:2px;font-size:12px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:10px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:8px 12px;text-decoration:none;color:inherit;display:flex;flex-direction:column;border-left:3px solid var(--line)}a.kpi:hover{border-color:var(--accent)}.kpi.good{border-left-color:var(--ok)}.kpi.warn{border-left-color:#e0a100}.kpi.bad{border-left-color:var(--bad)}.kpi.info{border-left-color:var(--info)}.kpi-n{font-size:22px;font-weight:700;line-height:1.15;letter-spacing:-.02em}.kpi-l{color:var(--muted);font-size:12px}.steps{display:flex;gap:0;margin-bottom:8px;overflow-x:auto;scrollbar-width:none;padding-right:4px}.steps::-webkit-scrollbar{display:none}.step{flex:1;min-width:96px;padding:5px 8px 5px 14px;background:#e9eef4;color:var(--muted);position:relative;font-size:11.5px;line-height:1.25;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%,8px 50%);margin-right:-4px}.step:first-child{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%);padding-left:8px}.step b{display:block;color:var(--text);font-size:12px}.step.done{background:var(--ok-bg)}.step.done b{color:var(--ok)}.step.current{background:var(--navy);color:#cfe0f3}.step.current b{color:#fff}.step:last-child{margin-right:0}.step.optional{background:#f4f7fa}.strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:8px}.strip div{background:#fff;padding:5px 10px;display:flex;flex-direction:column}.strip span{color:var(--muted);font-size:11.5px}.strip b{font-size:15px;font-variant-numeric:tabular-nums}.split{display:grid;grid-template-columns:1fr;gap:10px;align-items:start}.split.open{grid-template-columns:minmax(0,1fr) 380px}.panel{position:sticky;top:calc(var(--top-h) + 8px);max-height:calc(100vh - var(--top-h) - 20px);overflow:auto}.lines td,.lines th{padding-top:3px;padding-bottom:3px}.lines tr.group td{background:#fafbfd;font-weight:700;color:var(--muted);font-size:11.5px}.up{color:var(--ok)}.down{color:var(--bad)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d1b2e73;z-index:60;display:flex;align-items:flex-start;justify-content:center;padding-top:8vh}.dialog{background:#fff;border-radius:10px;width:min(480px,calc(100vw - 24px));max-height:84vh;overflow:auto;padding:14px 16px;box-shadow:0 16px 48px #0d1b2e4d}.dialog.wide{width:min(860px,calc(100vw - 24px))}.dialog h2{margin-bottom:8px}.login{min-height:100%;display:grid;grid-template-columns:minmax(380px,46%) 1fr}.login-side{background:var(--navy);color:#e9f0f8;padding:36px 48px;display:flex;flex-direction:column;position:relative;overflow:hidden}.brand-lg{display:flex;align-items:center;gap:12px;font-size:22px}.brand-lg b{font-weight:800}.login-pitch{margin:auto 0;max-width:460px;padding:40px 0 120px}.login-pitch h1{font-size:38px;line-height:1.12;letter-spacing:-.02em;margin-bottom:16px}.login-pitch p{color:#b8c8dc;font-size:16px}.login-pitch ul{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:10px;color:#cddbed}.login-pitch li{padding-left:18px;position:relative}.login-pitch li:before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--accent)}.runway{position:absolute;left:0;right:0;bottom:0;height:96px;background:#0a1523}.runway:before{content:"";position:absolute;left:0;right:0;top:46px;height:4px;background:repeating-linear-gradient(90deg,#e9f0f8 0 38px,transparent 38px 70px);opacity:.55}.runway:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--accent)}.login-main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;background:var(--bg)}.login-card{width:100%;max-width:400px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;box-shadow:0 6px 24px #0d1b2e0f}.login-card h2{font-size:22px;margin-bottom:4px}.login-card>.muted{margin-bottom:18px}.login-card .field{margin-bottom:14px}.login-card input:not([type=checkbox]){height:38px}.login-card .link-row{display:flex;justify-content:space-between;gap:12px;margin:14px 0 0;font-size:13px;flex-wrap:wrap}.pw{position:relative;display:block}.pw input{padding-right:40px}.pw .icon-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%)}.pad{padding:14px}@media (max-width: 860px){.login{grid-template-columns:1fr}.login-side{padding:22px}.login-pitch{padding:18px 0 70px}.login-pitch h1{font-size:26px}.login-pitch ul{display:none}.runway{height:56px}.runway:before{top:26px}}.menu-note{padding:4px 8px 6px;font-size:11px;color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:4px;white-space:nowrap}.build-line{margin-top:14px;font-size:11px;color:var(--muted);text-align:center;max-width:360px}.build-line b{color:var(--warn);font-weight:600}.build-banner{background:var(--warn-bg);color:var(--warn);border-bottom:1px solid var(--warn-line);padding:6px 14px;font-size:12.5px;font-weight:600}.tab-filter{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;padding-bottom:4px}.tab-filter select{min-width:130px}.strip.filtered{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.strip-tag{display:flex;flex-direction:column;justify-content:center;gap:1px}.strip-tag span{font-size:11px;color:var(--muted)}.strip-tag b{color:var(--accent-ink)}.strip-tag .link{padding:0;text-align:left;font-size:12px}.pp-top{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--navy);color:#e9f0f8}.pp-top b{font-weight:700}.pp-top .grow{flex:1}.pp-top .btn{background:transparent;color:#e9f0f8;border-color:#3b5169}.pp-wrap{max-width:760px;margin:0 auto;padding:18px 14px 40px}.pp-wrap h1{font-size:20px;margin:0 0 4px}.pp-narrow{max-width:400px;margin:24px auto 0}.pp-slip{display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--line);flex-wrap:wrap}.pp-slip:first-child{border-top:0}.pp-slip .grow{flex:1;min-width:160px}.pp-slip .net{font-weight:700;font-variant-numeric:tabular-nums}.featgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:0 10px}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px}textarea{resize:vertical}.kpi .kpi-n{color:var(--text)}.flows{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:10px;align-items:start}ol.flow{list-style:none;margin:8px 0 0;padding:0 0 0 10px;border-left:2px solid var(--line);display:grid;gap:6px}ol.flow li{display:grid;grid-template-columns:104px 1fr;gap:8px;align-items:start;position:relative}ol.flow li:before{content:"";position:absolute;left:-15px;top:6px;width:8px;height:8px;border-radius:50%;background:var(--accent)}.lane{display:inline-block;padding:1px 8px;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap;justify-self:start}.lane-staff{background:#e5eefc;color:#1f5fbf}.lane-customer{background:#fff5d9;color:#8a5a00}.lane-install{background:#e4f5ea;color:#1b7f47}.lane-server{background:#e2f4f3;color:#0a6f6d}@media (max-width: 860px){.flows{grid-template-columns:1fr}.split.open{grid-template-columns:1fr!important}}