@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/InstrumentSans-Latin.woff2) format("woff2")}@font-face{font-family:Instrument Sans;font-style:italic;font-weight:400 700;font-display:swap;src:url(/fonts/InstrumentSans-Italic-Latin.woff2) format("woff2")}:root{font-family:Instrument Sans,Aptos,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;color:#002f49;background:#f1f1f1;font-synthesis:none;font-feature-settings:"tnum" 1,"cv11","ss01";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #002f49;--navy-hover: #1a4360;--navy-soft: rgba(0, 47, 73, .08);--navy-selected: rgba(0, 47, 73, .15);--teal: #82acac;--teal-light: #a8c5c5;--lime: #f1e400;--paper: #ffffff;--canvas: #f1f1f1;--line: #d4d4d4;--muted: #5c7280;--success: #2e7d5b;--warning: #c29a1f;--danger: #b23b2e}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--canvas)}button,a{font:inherit}button{cursor:pointer}.center-state{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.spinner{width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--ink);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,.9fr) 1.1fr;background:var(--paper)}.login-card{padding:clamp(40px,7vw,110px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.brand-mark{width:58px;height:58px;color:transparent;font-size:0;background:url(/brand/zi-symbol-navy.png) center / contain no-repeat;display:grid;place-items:center;margin-bottom:46px}.brand-mark.small{width:40px;height:40px;margin:0}.eyebrow{font-size:11px;line-height:1.3;letter-spacing:.14em;font-weight:600;color:var(--muted);margin:0 0 10px;text-transform:uppercase}.login-card h1{font:500 clamp(44px,5vw,72px)/1.05 "Instrument Sans",sans-serif;letter-spacing:-.02em;color:var(--ink);margin:0;max-width:650px}.login-copy{font-size:18px;line-height:1.55;color:var(--muted);max-width:520px;margin:30px 0 38px}.primary-button{background:var(--ink);color:var(--canvas);text-decoration:none;padding:16px 23px;border:1px solid var(--ink);border-radius:2px;font-weight:500;transition:background .12s cubic-bezier(.2,0,.2,1)}.primary-button:hover{background:var(--navy-hover)}.primary-button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.security-note{font-size:12px;color:var(--muted);margin:18px 0 0}.login-aside{position:relative;overflow:hidden;background:var(--ink);min-height:640px;display:grid;place-items:center}.login-aside:before{content:"";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(241,241,241,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(241,241,241,.18) 1px,transparent 1px);background-size:44px 44px}.orbit{position:absolute;border:1px solid rgba(130,172,172,.48);border-radius:50%}.orbit-one{width:58%;aspect-ratio:1}.orbit-two{width:82%;aspect-ratio:1}.orbit-center{z-index:1;width:160px;height:160px;background:var(--lime);display:grid;place-items:center;color:var(--ink);font-size:28px;font-weight:600;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}.app-shell{min-height:100vh;background:var(--canvas)}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,72px);background:var(--canvas);position:sticky;top:0;z-index:10}.brand{display:flex;gap:13px;align-items:center}.brand h1{color:var(--ink);font-size:18px;line-height:1;font-weight:500;margin:0;letter-spacing:-.015em}.brand .eyebrow{margin:0 0 6px;font-size:9px}.topbar-actions{display:flex;align-items:center;gap:12px}.sync-state{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}.status-dot{width:7px;height:7px;background:var(--lime)}.sync-state.bad .status-dot{background:var(--danger)}.secondary-button{height:36px;border:1px solid var(--ink);background:transparent;padding:0 14px;border-radius:2px;color:var(--ink);font-weight:500;font-size:13px;transition:background .12s cubic-bezier(.2,0,.2,1)}.secondary-button:hover:not(:disabled){background:var(--navy-soft)}.secondary-button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.secondary-button:disabled{opacity:.4;cursor:wait}.user-chip{width:34px;height:34px;border-radius:2px;background:var(--teal);display:grid;place-items:center;font-weight:600;color:var(--ink);font-size:13px}.content{padding:48px clamp(24px,5vw,72px) 80px;max-width:1600px;margin:0 auto}.muted{color:var(--muted);margin:0}.error-banner{background:color-mix(in srgb,var(--danger) 7%,var(--paper));color:var(--danger);padding:13px 16px;border:1px solid var(--danger);border-radius:0;margin-bottom:18px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric-card{min-height:160px;background:var(--paper);border:1px solid var(--line);border-radius:0;padding:22px;display:flex;flex-direction:column}.metric-card p{margin:0;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.metric-card strong{color:var(--ink);font-size:44px;line-height:1.05;font-weight:500;letter-spacing:-.02em;margin:auto 0 2px}.metric-card span{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-card.dark{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.metric-card.dark strong{color:var(--canvas)}.metric-card.dark p,.metric-card.dark span{color:#f1f1f1b8}.metric-card.accent{background:var(--teal);border-color:var(--teal)}.metric-card.accent p,.metric-card.accent span,.metric-card.accent strong{color:var(--ink)}.panel{background:var(--paper);border:1px solid var(--line);border-radius:0;margin-top:18px;overflow:hidden}.panel-heading{padding:22px 24px;display:flex;justify-content:space-between;align-items:center}.panel-heading h3{color:var(--ink);font-size:12px;line-height:1.3;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.filter-actions{display:flex;align-items:center;gap:8px}.filter-pill{height:34px;border:1px solid var(--line);background:transparent;padding:0 12px;border-radius:2px;color:var(--muted);font-size:12px;font-weight:500}.filter-pill:hover:not(.active){color:var(--ink);background:var(--navy-soft)}.filter-pill.active{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.filter-pill:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.pipeline{display:grid;grid-template-columns:repeat(10,minmax(92px,1fr));border-top:1px solid var(--line);overflow-x:auto}.stage{min-width:92px;background:transparent;border:0;border-right:1px solid var(--line);padding:18px 13px;color:var(--ink);text-align:left;transition:background .12s cubic-bezier(.2,0,.2,1)}.stage:hover{background:var(--navy-soft)}.stage.selected{background:var(--navy-selected)}.stage.done{background:color-mix(in srgb,var(--teal) 24%,var(--paper))}.stage.done.selected{background:var(--teal-light)}.stage:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.stage-number{display:block;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.08em;margin-bottom:20px}.stage strong{display:block;color:var(--ink);font-size:28px;font-weight:500;letter-spacing:-.02em}.stage>span:last-child{display:block;color:var(--muted);font-size:11px;margin-top:4px;line-height:1.25}.record-count{color:var(--muted);font-size:12px}.table-wrap{overflow-x:auto;border-top:1px solid var(--line)}table{width:100%;min-width:1180px;border-collapse:collapse;table-layout:fixed;font-size:13px}.stage-table-column{width:260px}.notes-table-column{width:230px}.action-table-column{width:86px}th{text-align:left;color:var(--muted);background:var(--paper);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;padding:13px 18px;border-bottom:1px solid var(--line)}td{padding:16px 18px;border-bottom:1px solid var(--line);color:var(--muted)}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background .12s cubic-bezier(.2,0,.2,1)}tbody tr:hover{background:var(--navy-soft)}.counterparty{display:flex;gap:11px;align-items:center;color:var(--ink)}.counterparty>div{display:flex;flex-direction:column;gap:4px}.risk-dot{width:8px;height:8px;background:var(--teal)}.risk-dot.watch{background:var(--warning)}.risk-dot.critical{background:var(--danger)}.risk-dot.complete{background:var(--success)}.exception-label{color:var(--danger);font-size:10px}.stage-chip{display:inline-flex;align-items:center;min-height:22px;background:var(--navy-soft);color:var(--ink);padding:4px 8px;border:1px solid rgba(0,47,73,.15);border-radius:2px;font-size:11px;font-weight:500;white-space:nowrap}.age{color:var(--ink);font-variant-numeric:tabular-nums}.age.watch{color:var(--warning);font-weight:600}.age.critical{color:var(--danger);font-weight:600}.row-link{color:var(--ink);font-weight:600;text-decoration-thickness:1px;text-underline-offset:3px;white-space:nowrap}.notes-cell{min-width:0;padding:8px 12px;vertical-align:middle}.notes-cell-content{display:flex;align-items:center;gap:5px;min-width:0}.latest-note{display:flex;flex:1 1 auto;align-items:center;gap:6px;min-width:0;height:30px;padding:0 8px;border:0;border-left:2px solid var(--teal);background:var(--navy-soft);color:var(--ink);text-align:left}.latest-note:hover{background:var(--navy-selected)}.latest-note:focus-visible,.note-add:focus-visible,.notes-modal-close:focus-visible,.primary-note-button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.latest-note strong{flex:0 1 auto;overflow:hidden;max-width:64px;color:var(--muted);font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.latest-note span{overflow:hidden;color:var(--ink);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.note-add{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid var(--ink);flex:0 0 30px;border-radius:2px;color:var(--canvas);background:var(--ink);font-size:19px;font-weight:500;line-height:1}.note-add:hover{background:var(--navy-hover)}.notes-modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:#001e2f7a}.notes-modal{display:flex;flex-direction:column;width:min(560px,100%);max-height:min(720px,calc(100vh - 48px));background:var(--paper);border:1px solid var(--ink);box-shadow:0 24px 64px #001e2f42}.notes-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.notes-modal-header .eyebrow{margin-bottom:5px}.notes-modal-header h2{margin:0;color:var(--ink);font-size:20px;font-weight:600;letter-spacing:-.01em}.notes-modal-close{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:22px}.notes-modal-close:hover{background:var(--navy-soft)}.notes-modal-history{display:grid;gap:10px;min-height:120px;padding:18px 22px;overflow-y:auto}.notes-modal-entry{padding:12px 14px;border-left:2px solid var(--teal);background:var(--navy-soft)}.notes-modal-meta{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:7px}.notes-modal-meta strong{color:var(--ink);font-size:12px}.notes-modal-meta time{flex:0 0 auto;color:var(--muted);font-size:10px}.notes-modal-entry p{margin:0;color:var(--ink);font-size:13px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.notes-empty{align-self:center;margin:30px 0;color:var(--muted);font-size:13px}.notes-modal-form{display:grid;gap:8px;padding:18px 22px 20px;border-top:1px solid var(--line)}.notes-modal-form label{color:var(--ink);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.notes-modal-form textarea{width:100%;min-height:86px;resize:vertical;padding:10px 11px;border:1px solid var(--line);border-radius:0;color:var(--ink);background:var(--paper);font:inherit;font-size:13px}.notes-modal-form textarea:focus{border-color:var(--ink);outline:1px solid var(--ink)}.notes-modal-form-actions{display:flex;align-items:center;justify-content:space-between}.notes-modal-form-actions>span{color:var(--muted);font-size:10px}.primary-note-button{height:34px;padding:0 14px;border:1px solid var(--ink);border-radius:2px;color:var(--canvas);background:var(--ink);font-size:12px;font-weight:600}.primary-note-button:hover:not(:disabled){background:var(--navy-hover)}.primary-note-button:disabled{cursor:not-allowed;opacity:.4}.empty-row{text-align:center;padding:50px;color:var(--muted)}@media(max-width:1050px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.login-shell{grid-template-columns:1fr}.login-aside{display:none}}@media(max-width:680px){.topbar{padding:0 18px}.sync-state{display:none}.content{padding:32px 16px 60px}.metrics-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{min-height:135px;padding:17px}.metric-card strong{font-size:34px}.login-card{padding:38px 25px}.login-card h1{font-size:44px}.notes-modal-backdrop{padding:12px}.notes-modal{max-height:calc(100vh - 24px)}.notes-modal-meta{align-items:flex-start;flex-direction:column;gap:3px}}