:root{--page:#f7fbf8;--surface:#fff;--surface-2:#f1f7f2;--ink:#14532b;--ink-2:#3f6b4a;--muted:#6b8a72;--border:#14532b1f;--hairline:#dfe8e1;--accent:#0e7490;--accent-wash:#0e749014;--gold:#b8860b;--gold-wash:#b8860b1a;--good:#0ca30c;--good-wash:#0ca30c1a;--warning:#c98500;--warning-wash:#fab21924;--critical:#d03b3b;--critical-wash:#d03b3b1a;--neutral:#6b6a66;--neutral-wash:#8987811f;--radius:12px;--sidebar-w:220px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--page);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5}a{color:inherit}button{cursor:pointer;font-family:inherit}::selection{background:var(--accent-wash)}.demoNote{color:#fff;text-align:center;background:linear-gradient(90deg,#14532b,#0e7490);padding:8px 16px;font-size:12.5px;font-weight:500}.shell{min-height:calc(100vh - 34px);display:flex}.sidebar{width:var(--sidebar-w);color:#fff;background:#0b0b0b;flex-direction:column;flex-shrink:0;padding:20px 14px;display:flex}.sidebarLogo{letter-spacing:-.2px;align-items:center;gap:9px;padding:6px 10px 22px;font-size:16px;font-weight:700;display:flex}.sidebarLogo .mark{background:linear-gradient(135deg,#0e7490,#14532b);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.navGroup{margin-bottom:18px}.navLabel{text-transform:uppercase;letter-spacing:1.2px;color:#ffffff59;padding:4px 10px 8px;font-size:10.5px}.navItem{color:#ffffffa6;border-radius:8px;align-items:center;gap:11px;padding:9px 10px;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.navItem:hover{color:#fff;background:#ffffff0f}.navItem.active{color:#fff;background:#2a78d62e}.navItem .ic{text-align:center;width:18px;font-size:14.5px}.sidebarFoot{border-top:1px solid #ffffff14;align-items:center;gap:10px;margin-top:auto;padding:12px 10px;display:flex}.avatar{color:#fff;background:#2a3441;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:flex}.who div:first-child{color:#fff;font-size:13px;font-weight:600}.who div:last-child{color:#fff6;font-size:11.5px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--hairline);background:var(--surface);flex-wrap:wrap;align-items:center;gap:16px;padding:16px 28px;display:flex}.topbar h1{letter-spacing:-.2px;font-size:19px;font-weight:700}.search{flex:1;max-width:340px;position:relative}.search input{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--ink);border-radius:9px;padding:9px 12px 9px 34px;font-size:13.5px}.search input:focus{outline:2px solid var(--accent);outline-offset:1px}.search:before{content:"⌕";color:var(--muted);font-size:15px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.btn{border:1px solid var(--border);background:var(--surface);color:var(--ink);white-space:nowrap;border-radius:9px;padding:9px 16px;font-size:13.5px;font-weight:600}.btn:hover{background:var(--surface-2)}.btnPrimary{background:var(--accent);color:#fff;border-color:var(--accent)}.btnPrimary:hover{background:#0a5a72}.spacer{flex:1}.tabs{border-bottom:1px solid var(--hairline);background:var(--surface);gap:4px;padding:14px 28px 0;display:flex}.tab{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;margin-right:22px;padding:10px 4px;font-size:13.5px;font-weight:600}.tab.active{color:var(--ink);border-bottom-color:var(--accent)}.tab:hover{color:var(--ink)}.view{padding:22px 28px 40px}.pipeline{grid-template-columns:repeat(5,1fr);align-items:start;gap:16px;display:grid}.col{background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius);min-height:120px;padding:12px}.colHead{justify-content:space-between;align-items:center;padding:2px 4px 12px;display:flex}.colHead h3{text-transform:uppercase;letter-spacing:.5px;color:var(--ink-2);font-size:12.5px;font-weight:700}.colCount{color:var(--muted);background:var(--border);border-radius:20px;padding:1px 8px;font-size:11.5px;font-weight:700}.card{background:var(--surface);border:1px solid var(--hairline);cursor:pointer;text-align:left;border-radius:10px;width:100%;margin-bottom:10px;padding:12px;transition:transform .15s,box-shadow .15s,border-color .15s}.card:hover{border-color:#2a78d659;transform:translateY(-2px);box-shadow:0 8px 20px #0b0b0b14}.cardTop{align-items:center;gap:9px;margin-bottom:8px;display:flex}.cardTop .avatar{width:26px;height:26px;font-size:11px}.cardName{font-size:13.5px;font-weight:600}.cardProgram{color:var(--ink-2);margin-bottom:9px;font-size:12px}.cardFoot{color:var(--muted);justify-content:space-between;align-items:center;font-size:11.5px;display:flex}.pill{border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.pill:before{content:"";border-radius:50%;width:6px;height:6px}.pill.neutral{background:var(--neutral-wash);color:#54524d}.pill.neutral:before{background:var(--neutral)}.pill.warning{background:var(--warning-wash);color:#8a5c00}.pill.warning:before{background:var(--warning)}.pill.info{background:var(--accent-wash);color:#0a5a72}.pill.info:before{background:var(--accent)}.pill.good{background:var(--good-wash);color:#046204}.pill.good:before{background:var(--good)}.pill.critical{background:var(--critical-wash);color:#961f1f}.pill.critical:before{background:var(--critical)}.tableWrap{border-radius:var(--radius);width:100%;overflow-x:auto}table{border-collapse:collapse;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);width:100%;min-width:640px;overflow:hidden}thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--hairline);padding:12px 16px;font-size:11.5px;font-weight:700}tbody td{border-bottom:1px solid var(--hairline);padding:13px 16px;font-size:13.5px}tbody tr:last-child td{border-bottom:none}tbody tr{cursor:pointer;transition:background .15s}tbody tr:hover{background:var(--surface-2)}.rowName{align-items:center;gap:10px;font-weight:600;display:flex}.rowName .avatar{width:26px;height:26px;font-size:11px}.mutedCell{color:var(--muted)}.overlay{opacity:0;pointer-events:none;z-index:40;background:#0b0b0b59;transition:opacity .25s;position:fixed;inset:0}.overlay.open{opacity:1;pointer-events:all}.panel{background:var(--surface);z-index:41;flex-direction:column;width:400px;max-width:92vw;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-24px 0 60px #0b0b0b2e}.panel.open{transform:translate(0)}.panelHead{border-bottom:1px solid var(--hairline);align-items:flex-start;gap:14px;padding:22px 24px 18px;display:flex}.panelHead .avatar{width:44px;height:44px;font-size:16px}.panelHead h2{margin-bottom:4px;font-size:17px;font-weight:700}.panelClose{color:var(--muted);background:0 0;border:none;margin-left:auto;padding:4px;font-size:18px}.panelClose:hover{color:var(--ink)}.panelBody{flex:1;padding:20px 24px;overflow-y:auto}.kv{grid-template-columns:96px 1fr;gap:10px 12px;margin-bottom:22px;font-size:13.5px;display:grid}.kv div:nth-child(odd){color:var(--muted)}.panelSectionTitle{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:22px 0 12px;font-size:11.5px;font-weight:700}.timeline{list-style:none}.timeline li{color:var(--ink-2);border-left:2px solid var(--hairline);padding:0 0 16px 18px;font-size:13px;position:relative}.timeline li:last-child{border-color:#0000;padding-bottom:0}.timeline li:before{content:"";background:var(--accent);border:2px solid var(--surface);border-radius:50%;width:8px;height:8px;position:absolute;top:2px;left:-5px}.tDate{color:var(--muted);margin-top:2px;font-size:11px;display:block}.panelFoot{border-top:1px solid var(--hairline);gap:10px;padding:16px 24px;display:flex}.panelFoot .btn{text-align:center;flex:1}.modalOverlay{opacity:0;pointer-events:none;z-index:50;background:#0b0b0b66;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.modalOverlay.open{opacity:1;pointer-events:all}.modal{background:var(--surface);opacity:0;border-radius:16px;width:380px;max-width:92vw;padding:24px;transition:transform .25s,opacity .25s;transform:translateY(10px)scale(.98);box-shadow:0 30px 80px #0b0b0b40}.modalOverlay.open .modal{opacity:1;transform:translateY(0)scale(1)}.modal h3{margin-bottom:16px;font-size:16px;font-weight:700}.field{margin-bottom:14px}.field label{color:var(--ink-2);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.field input,.field select{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--ink);border-radius:8px;padding:9px 11px;font-family:inherit;font-size:13.5px}.field input:focus,.field select:focus{outline:2px solid var(--accent);outline-offset:1px}.modalActions{gap:10px;margin-top:18px;display:flex}.modalActions .btn{flex:1}@media (max-width:980px){.pipeline{grid-template-columns:1fr}.sidebar{display:none}}@media (max-width:600px){.topbar{padding:14px 16px}.search{order:3;width:100%;max-width:none}.view{padding:16px 16px 32px}}