@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{color-scheme:dark;--bg: #000000;--surface: #0d0d0d;--card: #111111;--card-hover: #181818;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--ink: #ffffff;--muted: rgba(255, 255, 255, .45);--dim: rgba(255, 255, 255, .25);--purple: #5A189A;--purple-light: #7b2fbf;--purple-dim: rgba(90, 24, 154, .2);--purple-glow: rgba(90, 24, 154, .4);--orange: #FF9F1C;--orange-dim: rgba(255, 159, 28, .2);--green: #22c55e;--green-dim: rgba(34, 197, 94, .15);--red: #ef4444;--red-dim: rgba(239, 68, 68, .15);--yellow: #eab308;--yellow-dim: rgba(234, 179, 8, .15);--font: "Poppins", "Segoe UI", sans-serif;--mono: "IBM Plex Mono", monospace;--sidebar-w: 220px;--radius: .75rem;--radius-sm: .5rem}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;z-index:100}.sidebar-brand{padding:1.5rem 1.25rem 1rem;border-bottom:1px solid var(--border)}.sidebar-brand-name{font-size:1.1rem;font-weight:700;color:var(--ink);letter-spacing:-.01em}.sidebar-brand-sub{font-size:.72rem;color:var(--muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-top:.1rem}.sidebar-live{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;background:var(--green-dim);border-bottom:1px solid var(--border)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse-dot 2s ease-in-out infinite}.live-label{font-size:.7rem;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--green)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.sidebar-nav{flex:1;padding:.75rem;display:flex;flex-direction:column;gap:.15rem}.nav-item{display:flex;align-items:center;gap:.65rem;padding:.6rem .75rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--muted);cursor:pointer;border:none;background:transparent;width:100%;text-align:left;transition:background .15s,color .15s}.nav-item:hover{background:#ffffff0d;color:var(--ink);transform:none;box-shadow:none}.nav-item.active{background:var(--purple-dim);color:var(--ink)}.nav-item.active .nav-icon{color:var(--purple-light)}.nav-icon{font-size:1rem;width:1.25rem;text-align:center;flex-shrink:0}.sidebar-operator{padding:.75rem 1.25rem;border-top:1px solid var(--border)}.operator-label{font-size:.68rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--dim);margin-bottom:.4rem}.operator-select{width:100%;background:var(--card);border:1px solid var(--border-strong);color:var(--ink);border-radius:var(--radius-sm);padding:.45rem .6rem;font-family:var(--font);font-size:.82rem;font-weight:500;cursor:pointer}.operator-select:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.main-content{flex:1;margin-left:var(--sidebar-w);min-height:100vh;display:flex;flex-direction:column}.section{padding:2rem;max-width:1200px;width:100%;animation:fade-up .28s ease-out}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.section-header{margin-bottom:1.5rem}.section-title{margin:0 0 .25rem;font-size:1.4rem;font-weight:700;letter-spacing:-.02em}.section-subtitle{margin:0;font-size:.875rem;color:var(--muted)}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}.kpi-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem}.kpi-label{font-size:.72rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:.45rem}.kpi-value{font-size:1.75rem;font-weight:700;letter-spacing:-.03em;line-height:1;margin-bottom:.2rem}.kpi-value.purple{color:var(--purple-light)}.kpi-value.orange{color:var(--orange)}.kpi-value.green{color:var(--green)}.kpi-value.white{color:var(--ink)}.kpi-sub{font-size:.75rem;color:var(--dim)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}.card-title{font-size:.85rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-family:var(--mono);margin:0 0 1rem}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase}.badge.green{background:var(--green-dim);color:var(--green);border:1px solid rgba(34,197,94,.3)}.badge.orange{background:var(--orange-dim);color:var(--orange);border:1px solid rgba(255,159,28,.3)}.badge.red{background:var(--red-dim);color:var(--red);border:1px solid rgba(239,68,68,.3)}.badge.purple{background:var(--purple-dim);color:var(--purple-light);border:1px solid rgba(90,24,154,.4)}.badge.yellow{background:var(--yellow-dim);color:var(--yellow);border:1px solid rgba(234,179,8,.3)}.badge.dim{background:#ffffff0f;color:var(--dim);border:1px solid var(--border)}.tx-list{display:flex;flex-direction:column;gap:.5rem}.tx-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;padding:.85rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s}.tx-row:hover{background:var(--card-hover);border-color:var(--border-strong)}.tx-row.selected{border-color:var(--purple);background:var(--purple-dim)}.tx-meta{display:flex;flex-direction:column;gap:.2rem}.tx-id{font-family:var(--mono);font-size:.78rem;color:var(--purple-light)}.tx-desc{font-size:.875rem;font-weight:500;color:var(--ink)}.tx-time{font-size:.72rem;color:var(--muted);font-family:var(--mono)}.tx-amount{font-size:.9rem;font-weight:700;color:var(--orange);font-family:var(--mono);white-space:nowrap}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.detail-field{display:flex;flex-direction:column;gap:.2rem}.detail-label{font-size:.68rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.detail-value{font-size:.875rem;font-weight:500;color:var(--ink)}.detail-value.mono{font-family:var(--mono);font-size:.8rem;color:var(--purple-light)}.stepper{display:flex;flex-direction:column;gap:0}.step-row{display:flex;gap:.85rem;align-items:flex-start;position:relative}.step-track{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.step-dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--border-strong);background:var(--surface);margin-top:.35rem;z-index:1}.step-dot.done{border-color:var(--green);background:var(--green)}.step-dot.active{border-color:var(--purple-light);background:var(--purple);animation:pulse-dot 2s infinite}.step-dot.pending{border-color:var(--border-strong);background:transparent}.step-line{width:2px;flex:1;min-height:1.5rem;background:var(--border)}.step-line.done{background:var(--purple-dim)}.step-content{padding-bottom:1.25rem;flex:1}.step-name{font-size:.875rem;font-weight:600;color:var(--ink);margin-bottom:.2rem}.step-name.pending{color:var(--muted)}.step-detail{font-size:.78rem;color:var(--muted);font-family:var(--mono)}.activity-feed{display:flex;flex-direction:column;gap:.6rem}.activity-item{display:flex;gap:.75rem;align-items:flex-start}.activity-icon{font-size:.85rem;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.05rem}.activity-body{flex:1}.activity-text{font-size:.82rem;color:var(--ink);margin-bottom:.1rem}.activity-time{font-size:.7rem;color:var(--muted);font-family:var(--mono)}.rep-bar-wrapper{margin-bottom:.35rem}.rep-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.rep-bar-label{font-size:.8rem;font-weight:500;color:var(--ink)}.rep-bar-score{font-size:.8rem;font-family:var(--mono);color:var(--orange);font-weight:600}.rep-bar{height:5px;border-radius:999px;background:var(--border);overflow:hidden}.rep-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--purple),var(--orange));transition:width .6s ease}.agent-rows{display:flex;flex-direction:column;gap:.6rem}.agent-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.agent-name{font-size:.875rem;font-weight:600;margin-bottom:.1rem}.agent-id{font-family:var(--mono);font-size:.72rem;color:var(--muted)}.agent-tasks{font-size:.78rem;color:var(--muted);text-align:right}.escrow-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.escrow-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;display:flex;flex-direction:column;gap:.85rem}.escrow-panel-title{font-size:.8rem;font-weight:600;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .25rem}.field{display:flex;flex-direction:column;gap:.3rem}.field-label{font-size:.72rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.field select,.field input,.field textarea{background:var(--card);border:1px solid var(--border-strong);color:var(--ink);border-radius:var(--radius-sm);padding:.5rem .7rem;font-family:var(--font);font-size:.85rem;transition:border-color .15s}.field select:focus,.field input:focus,.field textarea:focus{outline:none;border-color:var(--purple-light)}.field textarea{resize:vertical;min-height:4rem}.field-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--muted);cursor:pointer}.escrow-result{border-top:1px solid var(--border);padding-top:.75rem;display:flex;flex-direction:column;gap:.3rem}.escrow-result-row{display:flex;justify-content:space-between;font-size:.82rem}.escrow-result-row .label{color:var(--muted)}.escrow-result-row .value{font-family:var(--mono);font-weight:600;color:var(--ink)}.audit-controls{display:flex;gap:.75rem;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap}.audit-controls .field{min-width:10rem}.log-list{display:flex;flex-direction:column;gap:.6rem}.log-item{padding:.85rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:.25rem}.log-item-header{display:flex;justify-content:space-between;align-items:center}.log-item-action{font-size:.875rem;font-weight:600;color:var(--ink)}.log-item-time{font-size:.7rem;font-family:var(--mono);color:var(--muted)}.log-item-detail{font-size:.78rem;color:var(--muted);font-family:var(--mono)}.pending-alert{background:var(--orange-dim);border:1px solid rgba(255,159,28,.3);border-radius:var(--radius-sm);padding:.75rem 1rem;display:flex;align-items:center;gap:.6rem;font-size:.82rem;color:var(--orange);margin-bottom:1rem}button{font-family:var(--font);font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .12s;border-radius:var(--radius-sm);font-size:.85rem}button:hover{transform:translateY(-1px);box-shadow:none}button:active{transform:translateY(0)}.btn-primary{background:var(--purple);border:1px solid var(--purple-light);color:#fff;padding:.55rem 1.1rem}.btn-primary:hover{background:var(--purple-light)}.btn-secondary{background:transparent;border:1px solid var(--border-strong);color:var(--ink);padding:.55rem 1.1rem}.btn-secondary:hover{background:#ffffff0d;border-color:var(--ink)}.btn-danger{background:var(--red-dim);border:1px solid rgba(239,68,68,.35);color:var(--red);padding:.55rem 1.1rem}.btn-danger:hover{background:#ef444440}.btn-sm{padding:.35rem .75rem;font-size:.78rem}.btn-row{display:flex;gap:.5rem;flex-wrap:wrap}.divider{height:1px;background:var(--border);margin:1.25rem 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}@media (max-width: 1024px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.three-col{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.sidebar{display:none}.main-content{margin-left:0}.kpi-grid{grid-template-columns:1fr 1fr}.escrow-layout,.detail-grid{grid-template-columns:1fr}}@media (max-width: 480px){.kpi-grid{grid-template-columns:1fr}.section{padding:1rem}}