:root{--text: #1f2937;--bg: #f8fafc;--border: #dbe4f0;--accent: #4f46e5;--accent-bg: #eef2ff;--muted: #6b7280;--panel-alt: #f8fbff;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45;font-weight:400;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}#root{max-width:1180px;margin:0 auto;padding:1rem}h1{margin:0;font-size:1.6rem}h2{margin:0;font-size:1.15rem}.app-shell{display:flex;flex-direction:column;gap:1rem}.header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.eyebrow{text-transform:uppercase;letter-spacing:.09em;color:var(--accent);font-size:.8rem;margin-bottom:.4rem}.subtext{margin-top:.4rem;color:var(--muted)}.view-nav{display:flex;gap:.4rem}.view-toggle{border:1px solid var(--border);background:#fff;border-radius:999px;padding:.4rem .8rem;text-transform:capitalize;cursor:pointer}.view-toggle.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.layout{display:grid;grid-template-columns:300px 1fr;gap:1rem}.panel{border:1px solid var(--border);border-radius:.75rem;padding:1rem;background:#fff}.panel-subtext{color:var(--muted);font-size:.92rem;margin-bottom:.75rem}.transaction-list{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.5rem}.transaction-item{width:100%;text-align:left;border:1px solid var(--border);background:var(--panel-alt);border-radius:.6rem;padding:.6rem;cursor:pointer;display:flex;flex-direction:column;gap:.1rem}.transaction-item span{font-size:.83rem;color:var(--muted)}.transaction-item.selected{border-color:var(--accent);background:var(--accent-bg)}.input-wrap{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;margin-bottom:.6rem}.input-wrap input{border:1px solid var(--border);border-radius:.4rem;padding:.55rem}.input-wrap select{border:1px solid var(--border);border-radius:.4rem;padding:.55rem;background:#fff}.primary-button,.secondary-button{border-radius:.5rem;border:1px solid var(--accent);cursor:pointer;padding:.55rem .8rem;font-weight:600}.primary-button{background:var(--accent);color:#fff;width:100%}.secondary-button{background:var(--accent-bg);color:var(--accent)}.contract-band{margin-top:.8rem}.contract-label{background:#f3f6ff;color:#29314d;border-radius:.6rem;padding:.6rem .8rem;margin-bottom:.7rem;font-weight:600}.timeline-header-row{display:flex;justify-content:space-between;font-size:.82rem;color:var(--muted);margin-bottom:.45rem}.timeline-lanes{display:flex;flex-direction:column;gap:.45rem;margin-bottom:.7rem;position:relative;padding-top:1.1rem}.timeline-now-needle{position:absolute;top:.2rem;bottom:.2rem;width:1px;background:#dc2626;z-index:2;pointer-events:none}.timeline-now-needle span{position:absolute;top:-.95rem;left:50%;transform:translate(-50%);font-size:.68rem;color:#b91c1c;background:#fff1f2;border:1px solid #fecdd3;border-radius:999px;padding:.08rem .38rem;white-space:nowrap}.timeline-lane{border:1px solid var(--border);background:#fbfcff;border-radius:.6rem;padding:.45rem .55rem;display:grid;grid-template-columns:180px 1fr;align-items:center;gap:.65rem;cursor:pointer}.lane-label{font-size:.82rem;text-align:left;color:#334155;display:flex;flex-direction:column}.lane-label small{color:var(--muted);font-size:.72rem}.lane-track{position:relative;display:block;min-height:28px}.lane-track:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:2px solid #dbe4f0}.timeline-milestone{position:absolute;top:calc(50% - 10px);height:20px;border-radius:999px;background:#22c55e33;text-align:left;padding:0}.timeline-milestone .milestone-dot{position:absolute;left:6px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:999px;background:#16a34a}.timeline-milestone.status-active{background:#f59e0b38}.timeline-milestone.status-active .milestone-dot{background:#d97706}.timeline-milestone.status-inactive{background:#94a3b838}.timeline-milestone.status-inactive .milestone-dot{background:#64748b}.timeline-milestone.status-completed{background:#22c55e38}.timeline-milestone.status-completed .milestone-dot{background:#16a34a}.timeline-milestone.status-denied{background:#ef444433}.timeline-milestone.status-denied .milestone-dot{background:#dc2626}.timeline-lane.active{border-color:#1d4ed8;box-shadow:inset 0 0 0 1px #1d4ed8}.timeline-focus-card{border:1px solid var(--border);border-radius:.65rem;background:#fff;padding:.7rem}.timeline-focus-card h3{margin:0 0 .2rem;font-size:.95rem}.timeline-focus-card p{margin:.2rem 0 0;color:var(--muted);font-size:.84rem}.flow-card{margin-top:1rem;border:1px dashed var(--border);border-radius:.65rem;padding:.75rem}.flow-card ul{padding-left:1rem}.editor-title{margin-top:1rem}.editor-grid{display:grid;grid-template-columns:repeat(2,minmax(200px,1fr));gap:.65rem;margin-top:.5rem}.editor-grid label{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:#334155}.editor-grid input,.editor-grid select,.editor-grid textarea{border:1px solid var(--border);border-radius:.4rem;padding:.45rem .5rem;font-size:.85rem}.editor-grid textarea{min-height:72px;resize:vertical}.read-only{background:var(--panel-alt)}@media (max-width: 860px){.header{flex-direction:column}.layout,.timeline-lane,.editor-grid{grid-template-columns:1fr}}