:root{--navy:#16243f;--navy-2:#22345a;--navy-3:#3b4f78;--teal:#1f8a78;--teal-soft:#e3f2ef;--gold:#b8912a;--gold-soft:#f6efdc;--cream:#f3eddd;--bg:#f4f6f9;--panel:#fff;--line:#dde3ec;--line-2:#eef1f5;--ink:#1b2433;--ink-2:#4a5568;--ink-3:#7a8699;--hi:#c0392b;--hi-soft:#fbe9e7;--med:#b9770e;--med-soft:#fdf2e0;--low:#2e7d4f;--low-soft:#e6f4ec;--info:#2f5f8f;--info-soft:#e7f0f7;--radius:10px;--shadow:0 1px 2px #16243f0f, 0 4px 14px #16243f0d;--font:Calibri, Carlito, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--mono:"Cascadia Mono", Consolas, "SFMono-Regular", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--teal)}h1,h2,h3,h4{color:var(--navy);margin:0;line-height:1.2}p{margin:0}ul{margin:0;padding-left:1.15em}li{margin:2px 0}.mono{font-family:var(--mono);font-size:.92em}.num{font-variant-numeric:tabular-nums}.top{background:var(--navy);color:#fff;z-index:30;border-bottom:3px solid var(--gold);position:sticky;top:0}.top-in{align-items:center;gap:14px;max-width:1440px;margin:0 auto;padding:10px 20px;display:flex}.mark{background:linear-gradient(135deg, var(--teal), #146b5d);letter-spacing:.5px;color:#fff;border:1px solid #ffffff40;border-radius:8px;flex:none;place-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:grid}.brand{flex-direction:column;min-width:0;display:flex}.brand b{letter-spacing:.2px;white-space:nowrap;font-size:18px}.brand span{color:#b9c4d8;font-size:12px}.top .spacer{flex:1}.pill{letter-spacing:.4px;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.pill.demo{background:var(--gold);color:var(--navy)}.pill.full{color:#d6f2ec;background:#ffffff1f;border:1px solid #fff3}.btn{border:1px solid var(--line);color:var(--navy);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-weight:600;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:#f7f9fc;border-color:#c7d0dd}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--teal);border-color:var(--teal);color:#fff}.btn.primary:hover{background:#197566}.btn.navy{background:var(--navy);border-color:var(--navy);color:#fff}.btn.gold{background:var(--gold);border-color:var(--gold);color:var(--navy)}.btn.ghost{color:#fff;background:0 0;border-color:#ffffff4d}.btn.ghost:hover{background:#ffffff14}.btn.sm{padding:5px 10px;font-size:13px}.shell{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:18px;max-width:1440px;margin:0 auto;padding:18px 20px 40px;display:grid}.side{flex-direction:column;gap:12px;display:flex;position:sticky;top:76px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:16px 18px}.cmpd{padding:12px}.cmpd .struct{border:1px solid var(--line-2);background:#fff;border-radius:8px;place-items:center;height:150px;display:grid;overflow:hidden}.cmpd .struct svg{width:100%;height:100%}.cmpd h3{margin-top:10px;font-size:16px}.cmpd .meta{color:var(--ink-2);margin-top:2px;font-size:13px}.steps{padding:6px}.step{cursor:pointer;text-align:left;width:100%;color:var(--ink-2);background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;display:flex}.step:hover{background:var(--line-2)}.step.on{background:var(--navy);color:#fff}.step .n{border:1.5px solid var(--line);width:24px;height:24px;color:var(--ink-3);background:#fff;border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.step.on .n{background:var(--gold);border-color:var(--gold);color:var(--navy)}.step.done .n{background:var(--teal);border-color:var(--teal);color:#fff}.step:disabled{opacity:.45;cursor:not-allowed}.step .t{font-size:14px;font-weight:600}.main{flex-direction:column;gap:16px;min-width:0;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-head .kicker{letter-spacing:1px;text-transform:uppercase;color:var(--teal);font-size:12px;font-weight:700}.page-head h2{margin-top:2px;font-size:26px}.page-head p{color:var(--ink-2);max-width:760px;margin-top:4px}.section-title{letter-spacing:.8px;text-transform:uppercase;color:var(--navy-3);align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.section-title:before{content:"";background:var(--gold);border-radius:2px;width:4px;height:14px}.grid{gap:14px;display:grid}.grid>*{min-width:0}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.span2{grid-column:span 2}.nav-foot{justify-content:space-between;gap:10px;display:flex}.kpis{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:11px 13px}.kpi .l{color:var(--ink-3);font-size:12px;font-weight:600}.kpi .v{color:var(--navy);font-variant-numeric:tabular-nums;margin-top:2px;font-size:21px;font-weight:700}.kpi .s{color:var(--ink-2);margin-top:1px;font-size:12px}.kpi.accent{border-left:4px solid var(--teal)}.kpi.gold{border-left:4px solid var(--gold)}.banner{border-radius:var(--radius);border:1px solid;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.banner .tag{letter-spacing:.8px;border-radius:5px;flex:none;margin-top:1px;padding:3px 8px;font-size:11px;font-weight:800}.banner.navy{background:var(--navy);color:#fff;border-color:var(--navy)}.banner.navy .tag{background:var(--gold);color:var(--navy)}.banner.navy h3{color:#fff}.banner.info{background:var(--info-soft);border-color:#c9dbec}.banner.info .tag{background:var(--info);color:#fff}.banner.tip{background:var(--low-soft);border-color:#c4e3d1}.banner.tip .tag{background:var(--low);color:#fff}.banner.warn{background:var(--med-soft);border-color:#f0dcb5}.banner.warn .tag{background:var(--med);color:#fff}.banner.bad{background:var(--hi-soft);border-color:#f2c9c3}.banner.bad .tag{background:var(--hi);color:#fff}.banner.demo{background:var(--gold-soft);border-color:#e6d6a8}.banner.demo .tag{background:var(--gold);color:var(--navy)}.summary-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.summary-list li{grid-template-columns:26px 1fr;align-items:start;gap:8px;display:grid}.summary-list .k{background:var(--gold);width:22px;height:22px;color:var(--navy);border-radius:6px;place-items:center;font-size:12px;font-weight:800;display:grid}.tbl-wrap{border:1px solid var(--line);border-radius:9px;overflow-x:auto}table.t{border-collapse:collapse;width:100%;font-size:14px}table.t th{background:var(--navy);color:#fff;text-align:left;white-space:nowrap;padding:8px 10px;font-size:13px;font-weight:600}table.t td{border-top:1px solid var(--line-2);vertical-align:top;padding:7px 10px}table.t tr:nth-child(2n) td{background:#f8fafc}table.t td.r,table.t th.r{text-align:right}table.t tr.hl td{font-weight:600;background:var(--teal-soft)!important}.lvl{letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:800;display:inline-block}.lvl.high{background:var(--hi-soft);color:var(--hi)}.lvl.medium{background:var(--med-soft);color:var(--med)}.lvl.low{background:var(--low-soft);color:var(--low)}.lvl.info{background:var(--info-soft);color:var(--info)}.field{flex-direction:column;gap:5px;display:flex}.field label{color:var(--ink-2);font-size:13px;font-weight:600}.field .hint{color:var(--ink-3);font-size:12px}.input,.select,textarea.input{background:#fff;border:1px solid #cfd7e3;border-radius:8px;outline:none;width:100%;padding:8px 10px}.input:focus,.select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #1f8a7826}.input:disabled{color:var(--ink-3);background:#f1f3f6}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;margin-bottom:14px;display:flex}.tab{cursor:pointer;color:var(--ink-2);background:0 0;border:0;border-bottom:3px solid #0000;margin-bottom:-1px;padding:9px 14px;font-weight:600}.tab.on{color:var(--navy);border-bottom-color:var(--gold)}.lib{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;display:grid}.lib-item{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;flex-direction:column;gap:4px;padding:10px 12px;display:flex;position:relative}.lib-item:hover{border-color:var(--teal)}.lib-item.on{border-color:var(--teal);box-shadow:0 0 0 2px #1f8a7840}.lib-item b{color:var(--navy)}.lib-item span{color:var(--ink-2);font-size:12.5px}.lib-item.locked{opacity:.55}.lib-item .lock{color:var(--gold);font-size:11px;font-weight:700;position:absolute;top:8px;right:10px}.err{color:var(--hi);font-size:13px}.muted{color:var(--ink-3)}.small{font-size:13px}.bar{background:var(--line-2);border-radius:99px;height:8px;overflow:hidden}.bar>i{background:var(--teal);border-radius:99px;height:100%;display:block}.bar.gold>i{background:var(--gold)}.mode-row{grid-template-columns:70px 1fr 46px;align-items:center;gap:10px;display:grid}.method{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.method-h{grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.rank{background:var(--line-2);width:36px;height:36px;color:var(--navy);border-radius:9px;place-items:center;font-weight:800;display:grid}.method.first .rank{background:var(--gold)}.method.first{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}.method-b{gap:10px;padding:0 14px 14px 70px;display:grid}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--line-2);color:var(--ink-2);border-radius:6px;padding:3px 8px;font-size:12px}.chip b{color:var(--navy)}ol.proto{margin:0;padding-left:1.3em}ol.proto li{margin:3px 0}.colcard{border:1px solid var(--line);background:#fff;border-radius:10px;gap:6px;padding:12px 14px;display:grid}.colcard.primary{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}.colcard .h{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.risk{border-left:4px solid;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;border-radius:0 9px 9px 0;gap:4px;padding:10px 14px;display:grid}.risk.high{border-left-color:var(--hi)}.risk.medium{border-left-color:var(--med)}.risk.low{border-left-color:var(--low)}.risk.info{border-left-color:var(--info)}.risk .act{font-size:14px}.risk .act b{color:var(--teal)}.day{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:86px 1fr;gap:14px;padding:12px 14px;display:grid}.day .d{background:var(--navy);color:#fff;text-align:center;border-radius:8px;align-self:start;place-items:center;padding:8px 4px;font-weight:700;display:grid}.day .exit{color:var(--teal);margin-top:6px;font-size:13px;font-weight:600}.chart{width:100%;height:auto;display:block}.chart text{font-family:var(--font)}.empty{text-align:center;color:var(--ink-3);padding:40px}.loading{color:var(--ink-2);align-items:center;gap:10px;display:flex}.spinner{border:2.5px solid var(--line);border-top-color:var(--teal);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.foot{max-width:1440px;color:var(--ink-3);margin:0 auto;padding:0 20px 30px;font-size:12px}.modal-back{z-index:50;background:#0f192d8c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;gap:12px;width:100%;max-width:460px;padding:22px;display:grid;box-shadow:0 20px 60px #0000004d}@media (max-width:1100px){.g4,.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.shell{grid-template-columns:1fr}.side{position:static}.steps{display:flex;overflow-x:auto}.step{flex:none;width:auto}.step .t,.cmpd{display:none}.g2,.g3,.g4{grid-template-columns:1fr}.span2{grid-column:auto}.method-b{padding-left:14px}.brand span{display:none}}@media (max-width:560px){.top-in{gap:10px;padding:10px 14px}.brand b{font-size:15px}.shell{padding:14px 14px 30px}.day{grid-template-columns:1fr}}.signout-wrap{position:relative}.signout-wrap .btn.secondary{color:#fff;background:0 0;border-color:#ffffff4d}.signout-wrap .btn.secondary:hover{background:#ffffff14}.signout-wrap .signout-pop .btn.secondary{border-color:var(--line);color:var(--navy);background:#fff}.signout-wrap .signout-pop .btn{background:var(--navy);border-color:var(--navy);color:#fff}.signout-wrap .btn-row{flex-wrap:wrap;gap:8px;display:flex}.signout-wrap .note.red{background:var(--hi-soft);color:var(--hi);border-radius:6px;margin-bottom:10px;padding:6px 10px;font-size:13px}@media (max-width:560px){.signout-wrap .signout-pop{width:min(330px,100vw - 32px);right:-8px}}.owner-preview{color:#c9d3e4;background:#ffffff0f;border:1px dashed #ffffff4d;border-radius:8px;align-items:center;gap:6px;padding:3px 4px 3px 8px;font-size:12px;display:inline-flex}.owner-preview select{background:var(--navy-2);color:#fff;border:0;border-radius:6px;padding:4px 6px;font-size:12.5px}.top-in{flex-wrap:wrap}@media (max-width:700px){.owner-preview span{display:none}}
