@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";:root{--navy: #0F2B46;--navy2: #122d4a;--navy3: #0a1f33;--teal: #2EC4B6;--teal2: rgba(46,196,182,.15);--teal3: rgba(46,196,182,.08);--orange: #FF6B35;--purple: #8B5CF6;--blue: #3B82F6;--green: #10B981;--amber: #F59E0B;--red: #EF4444;--red-dim: rgba(239,68,68,.1);--amber-dim: rgba(245,158,11,.1);--green-dim: rgba(16,185,129,.1);--purple-dim: rgba(139,92,246,.1);--text: #E8F0F7;--text2: #A8BFD0;--text3: #5E7A8F;--surf: #0F2B46;--surf2: #132E4A;--surf3: #162E48;--surf4: #1A3555;--border: #1E3D5A;--border2: #244260;--g500: #4B6070;--agent-match: #2EC4B6;--agent-exc: #F59E0B;--agent-report:#8B5CF6;--agent-var: #3B82F6;--agent-close: #10B981;--agent-audit: #6B7280;--agent-nlq: #EC4899;--agent-anom: #EF4444;--agent-els: #F97316;--agent-narr: #06B6D4}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Inter,sans-serif;background:var(--navy3);color:var(--text);font-size:13px}.topbar{height:48px;background:linear-gradient(180deg,#08182cfa,#0a1c32f2);border-bottom:1px solid rgba(46,196,182,.18);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px #2ec4b614,0 4px 20px #0000004d;display:flex;align-items:center;padding:0 16px;gap:12px;flex-shrink:0;z-index:100}.logo{font-size:16px;font-weight:800;letter-spacing:-.5px;color:var(--text);display:flex;align-items:center;gap:6px}.logo-zero{color:var(--teal)}.version-badge{background:var(--surf4);border:1px solid var(--border2);border-radius:4px;padding:2px 8px;font-size:9px;font-family:IBM Plex Mono,monospace;color:var(--teal);letter-spacing:1px}.route-pills{display:flex;gap:6px;flex:1;overflow-x:auto;scrollbar-width:none;padding:0 8px}.route-pills::-webkit-scrollbar{display:none}.route-pill{padding:3px 10px;border-radius:4px;border:1px solid var(--border2);background:transparent;color:var(--text3);font-size:10px;cursor:pointer;white-space:nowrap;font-family:IBM Plex Mono,monospace;transition:all .15s}.route-pill:hover{border-color:var(--teal);color:var(--teal)}.route-pill.active{background:var(--teal2);border-color:var(--teal);color:var(--teal)}.topbar-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.tb-icon-btn{width:30px;height:30px;border-radius:6px;background:var(--surf4);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;color:var(--text2)}.avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--purple));display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;cursor:pointer}.topbar-certify{background:var(--teal);color:var(--navy3);border:none;border-radius:6px;padding:6px 14px;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px}.topbar-certify:not(:disabled){background:linear-gradient(135deg,var(--teal),rgba(46,196,182,.8));box-shadow:0 0 16px #2ec4b666,0 4px 12px #0003;animation:certify-pulse 2s ease-in-out infinite}.topbar-certify:disabled{opacity:.4;cursor:not-allowed}@keyframes certify-pulse{0%,to{box-shadow:0 0 16px #2ec4b666,0 4px 12px #0003}50%{box-shadow:0 0 24px #2ec4b699,0 4px 16px #0000004d}}.role-bar{background:linear-gradient(180deg,#0e2842f2,#0b223afa);border-bottom:1px solid rgba(46,196,182,.1);padding:8px 16px;display:flex;align-items:center;gap:10px;flex-shrink:0}.role-bar-label{font-size:9px;letter-spacing:1.5px;color:var(--text3);font-family:IBM Plex Mono,monospace;flex-shrink:0}.role-chips{display:flex;gap:6px;flex-wrap:nowrap}.role-chip{padding:5px 14px;border-radius:20px;border:1.5px solid rgba(46,196,182,.18);background:linear-gradient(145deg,#163250cc,#102a42e6);cursor:pointer;font-size:11px;font-weight:600;transition:all .15s;display:flex;align-items:center;gap:6px;white-space:nowrap}.role-chip:hover{border-color:var(--teal);color:var(--teal)}.role-chip.active{border-color:var(--teal);background:#2ec4b61f;color:var(--teal)}.chip-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.role-note{margin-left:auto;font-size:9px;color:var(--text3);font-family:IBM Plex Mono,monospace}.agent-bar{background:var(--surf3);border-bottom:1px solid var(--border);padding:6px 20px;display:flex;align-items:center;gap:12px;flex-shrink:0;overflow-x:auto;scrollbar-width:none}.agent-bar::-webkit-scrollbar{display:none}.agent-bar-label{font-size:8px;letter-spacing:1.5px;color:var(--text3);font-family:IBM Plex Mono,monospace;flex-shrink:0}.agent-pill{background:linear-gradient(145deg,#16324ee6,#122d48f2);border-radius:20px;padding:4px 12px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;border:1px solid;white-space:nowrap;cursor:pointer;flex-shrink:0;transition:all .15s;box-shadow:0 2px 8px #0003}.agent-pill:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.agent-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.agent-dot.pulse{animation:agent-pulse 1.5s ease-in-out infinite}@keyframes agent-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.agent-status{font-size:8px;opacity:.7;font-family:IBM Plex Mono,monospace}.app-body{display:flex;flex:1;overflow:hidden}.sidebar{width:200px;background:var(--navy2);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sb-header{padding:12px 14px 8px;border-bottom:1px solid var(--border)}.sb-period{font-size:11px;font-weight:700;color:var(--text)}.sb-period-sub{font-size:9px;color:var(--text3);margin-top:2px}.sb-clock{font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:700;color:var(--amber);margin-top:4px}.sb-section{padding:6px 14px 2px;font-size:8px;letter-spacing:1.5px;color:var(--text3);font-family:IBM Plex Mono,monospace;margin-top:8px}.sb-item{padding:7px 14px;display:flex;align-items:center;gap:8px;cursor:pointer;border-left:2px solid transparent;transition:all .15s;color:var(--text2);font-size:12px}.sb-item:hover{background:var(--surf4);color:var(--text)}.sb-item.active{background:linear-gradient(90deg,rgba(46,196,182,.12),transparent);border-left-color:var(--teal);color:var(--teal);box-shadow:inset 2px 0 8px #2ec4b614}.sb-icon{width:16px;text-align:center;font-size:13px;flex-shrink:0}.sb-badge{margin-left:auto;background:var(--amber);color:var(--navy3);border-radius:10px;padding:1px 6px;font-size:9px;font-weight:700}.sb-badge.red{background:var(--red)}.sb-badge.teal{background:var(--teal)}.sb-badge.amber{background:var(--amber)}.sb-role-footer{padding:12px 14px;border-top:1px solid var(--border);margin-top:auto}.sb-role-label{font-size:9px;letter-spacing:1px;color:var(--text3);font-family:IBM Plex Mono,monospace}.sb-role-name{font-size:11px;font-weight:700;color:var(--text);margin-top:2px}.sb-role-ai{font-size:9px;color:var(--teal);margin-top:3px}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.page-header{padding:14px 20px 10px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-shrink:0}.page-title{font-size:17px;font-weight:800;color:var(--text)}.page-crumb{font-size:11px;color:var(--text3)}.page-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.page-body{flex:1;overflow-y:auto;padding:16px 20px;scrollbar-width:thin;scrollbar-color:var(--border) transparent;background:linear-gradient(160deg,#091a2e,#08162a 60%,#0a1226)}.section-card{background:linear-gradient(145deg,#163250cc,#102a44e6);border:1px solid rgba(46,196,182,.13);border-radius:10px;padding:14px 16px;margin-bottom:12px;box-shadow:0 4px 24px #00000038,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(46,196,182,.08)}.card-title{font-size:12px;font-weight:700;color:var(--text)}.card-sub{font-size:10px;color:var(--text3);margin-top:2px}.metric-row{display:grid;gap:10px;margin-bottom:12px}.metric-row.cols4{grid-template-columns:repeat(4,1fr)}.metric-row.cols3{grid-template-columns:repeat(3,1fr)}.metric-row.cols2{grid-template-columns:repeat(2,1fr)}.metric-card{background:linear-gradient(145deg,#183452e6,#122c46f2);border:1px solid rgba(46,196,182,.15);border-radius:10px;padding:14px 16px;box-shadow:0 2px 12px #00000040,inset 0 1px #ffffff0d;position:relative;overflow:hidden}.metric-label{font-size:9px;letter-spacing:1px;color:var(--text3);font-family:IBM Plex Mono,monospace;margin-bottom:6px}.metric-value{font-size:26px;font-weight:900;letter-spacing:-1px;color:var(--text);line-height:1}.metric-value.green{color:var(--green)}.metric-value.teal{color:var(--teal)}.metric-value.amber{color:var(--amber)}.metric-value.red{color:var(--red)}.metric-sub{font-size:10px;color:var(--text3);margin-top:4px}.metric-trend{font-size:10px;margin-top:4px}.trend-up{color:var(--green)}.trend-dn{color:var(--red)}.trend-nt{color:var(--text3)}.pbar{background:var(--surf4);border-radius:4px;height:6px;overflow:hidden}.pfill{background:var(--teal);height:100%;border-radius:4px;transition:width .3s}.pfill.amber{background:var(--amber)}.pfill.red{background:var(--red)}.pfill.green{background:var(--green)}.badge{display:inline-block;padding:2px 7px;border-radius:4px;font-size:9px;font-weight:600;letter-spacing:.3px}.badge.green{background:#10b98126;color:var(--green);border:1px solid rgba(16,185,129,.3);box-shadow:0 0 8px #10b9811f}.badge.amber{background:#f59e0b26;color:var(--amber);border:1px solid rgba(245,158,11,.3);box-shadow:0 0 6px #f59e0b1a}.badge.red{background:#ef444426;color:var(--red);border:1px solid rgba(239,68,68,.3);box-shadow:0 0 8px #ef44441f}.badge.blue{background:#3b82f626;color:var(--blue);border:1px solid rgba(59,130,246,.3)}.badge.teal{background:var(--teal2);color:var(--teal);border:1px solid rgba(46,196,182,.3);box-shadow:0 0 6px #2ec4b626}.badge.purple{background:#8b5cf626;color:var(--purple);border:1px solid rgba(139,92,246,.3)}.badge.gray{background:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.gaf-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:4px;font-size:9px;font-family:IBM Plex Mono,monospace;font-weight:700;letter-spacing:.5px}.gaf-read{background:#10b9811f;color:var(--green);border:1px solid rgba(16,185,129,.25)}.gaf-rec{background:#f59e0b1f;color:var(--amber);border:1px solid rgba(245,158,11,.25)}.gaf-data{background:#ef44441f;color:var(--red);border:1px solid rgba(239,68,68,.25);box-shadow:0 0 6px #ef44441a}.data-table{width:100%;border-collapse:collapse;font-size:11px}.data-table thead tr{background:linear-gradient(90deg,#16324ee6,#122d48e6)}.data-table th{padding:8px 10px;text-align:left;font-size:9px;letter-spacing:.8px;color:var(--text3);font-family:IBM Plex Mono,monospace;border-bottom:1px solid var(--border);font-weight:500}.data-table td{padding:8px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .12s}.data-table tbody tr:hover td{background:#2ec4b60a;cursor:pointer}.amount{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--text2)}.tb-btn{background:linear-gradient(145deg,#1a3555e6,#142d48f2);border:1px solid rgba(46,196,182,.2);color:var(--text2);border-radius:6px;padding:5px 12px;font-size:11px;cursor:pointer;transition:all .15s;font-family:Inter,sans-serif;font-weight:500}.tb-btn:hover{border-color:var(--teal);color:var(--teal);box-shadow:0 0 8px #2ec4b626;transform:translateY(-1px)}.tb-btn.primary{background:linear-gradient(135deg,var(--teal),rgba(46,196,182,.8));color:var(--navy3);border:none;font-weight:700;box-shadow:0 4px 12px #2ec4b64d}.tb-btn.primary:hover{box-shadow:0 6px 18px #2ec4b673;transform:translateY(-1px)}.tb-btn.requires-approval{border-color:#ef444459;color:var(--red)}.tb-btn.requires-approval:before{content:"🔒 "}.tb-btn.requires-approval:hover{border-color:var(--red);box-shadow:0 0 8px #ef444433}.tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:14px}.tab{padding:7px 16px;font-size:11px;font-weight:500;color:var(--text3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s}.tab:hover{color:var(--text)}.tab.active{color:var(--teal);border-bottom-color:var(--teal)}.sla-timer{font-size:9px;font-family:IBM Plex Mono,monospace;padding:3px 8px;border-radius:4px;font-weight:700}.sla-timer.urgent{background:#ef444426;color:var(--red);border:1px solid rgba(239,68,68,.3);animation:sla-flash 1s ease-in-out infinite}.sla-timer.warn{background:#f59e0b1f;color:var(--amber);border:1px solid rgba(245,158,11,.25)}.sla-timer.ok{background:#10b9811f;color:var(--green);border:1px solid rgba(16,185,129,.25)}@keyframes sla-flash{0%,to{opacity:1}50%{opacity:.65}}.erp-badge{display:inline-block;padding:1px 6px;border-radius:3px;font-size:8px;font-weight:700;font-family:IBM Plex Mono,monospace;letter-spacing:.5px}.erp-oracle{background:#ff00001f;color:#ff6b6b;border:1px solid rgba(255,107,107,.2)}.erp-netsuite{background:#3b82f61f;color:#60a5fa;border:1px solid rgba(96,165,250,.2)}.erp-workday{background:#f59e0b1f;color:#fcd34d;border:1px solid rgba(252,211,77,.2)}.erp-sap{background:#10b9811f;color:#34d399;border:1px solid rgba(52,211,153,.2)}.erp-csv{background:#6b728026;color:#9ca3af;border:1px solid rgba(156,163,175,.2)}.xai-panel{background:linear-gradient(135deg,#2ec4b60f,#8b5cf60a);border:1px solid rgba(46,196,182,.2);border-radius:8px;padding:12px 14px;margin-top:8px}.xai-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:10px;font-weight:700;color:var(--teal);font-family:IBM Plex Mono,monospace;letter-spacing:.5px}.xai-bar-row{display:flex;align-items:center;gap:8px;margin-bottom:5px}.xai-bar-label{font-size:10px;color:var(--text2);width:90px;flex-shrink:0}.xai-bar-track{flex:1;background:#ffffff0f;border-radius:3px;height:7px;box-shadow:inset 0 1px 2px #0000004d}.xai-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--teal),rgba(46,196,182,.7));box-shadow:0 0 6px #2ec4b666;transition:width .4s}.xai-bar-pct{font-size:9px;font-family:IBM Plex Mono,monospace;color:var(--teal);width:32px;text-align:right;flex-shrink:0}.xai-verdict{font-size:11px;color:var(--text2);margin-top:8px;padding-top:8px;border-top:1px solid var(--border2);line-height:1.5}.narrative-banner{background:linear-gradient(135deg,#06b6d41a,#2ec4b60f 50%,#8b5cf60f);border:1px solid rgba(6,182,212,.25);border-radius:12px;padding:16px 18px;margin-bottom:14px;box-shadow:0 4px 20px #06b6d414,inset 0 1px #ffffff0a;position:relative;overflow:hidden}.narrative-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.5),rgba(46,196,182,.3),transparent)}.spark{display:flex;align-items:flex-end;gap:1px;height:20px}.spark-bar{width:4px;background:var(--teal);border-radius:1px 1px 0 0;opacity:.7}.blocker-resolved{animation:blocker-out .4s ease-in forwards}@keyframes blocker-out{0%{opacity:1;max-height:200px;transform:translate(0)}to{opacity:0;max-height:0;transform:translate(20px);padding:0;overflow:hidden}}.page-view{animation:page-in .2s ease-out}@keyframes page-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.ask-ai-fab{position:fixed;bottom:24px;right:24px;z-index:500;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#06b6d4e6,#8b5cf6e6);border:1px solid rgba(6,182,212,.4);box-shadow:0 0 24px #06b6d466,0 8px 24px #0006;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;animation:fab-float 3s ease-in-out infinite;transition:transform .2s,box-shadow .2s}.ask-ai-fab:hover{transform:scale(1.1)!important;box-shadow:0 0 32px #06b6d499,0 12px 30px #00000080}@keyframes fab-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.ask-ai-fab.open{animation:none;background:linear-gradient(135deg,#ef4444cc,#8b5cf6cc)}.rbac-locked{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:12px}.rbac-locked-icon{font-size:48px}.rbac-locked-msg{font-size:16px;font-weight:700;color:var(--text)}.rbac-locked-sub{font-size:12px;color:var(--text3);text-align:center;max-width:320px;line-height:1.6}.close-task-pill{background:#2ec4b61a;border:1px solid rgba(46,196,182,.25);border-radius:4px;padding:1px 6px;font-size:9px;color:var(--teal);cursor:pointer;font-family:IBM Plex Mono,monospace}.agent-activity-panel{background:var(--surf2);border:1px solid var(--border2);border-radius:10px;padding:14px 16px;margin-bottom:12px}.agent-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.agent-row:last-child{border-bottom:none}.agent-icon-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.agent-info{flex:1}.agent-name{font-size:11px;font-weight:700;color:var(--text)}.agent-action{font-size:10px;color:var(--text2);margin-top:1px}.agent-time{font-size:9px;color:var(--text3);font-family:IBM Plex Mono,monospace}