:root{
  --bg:#f7f7f4;--surface:#fff;--surface-2:#fbfaf7;--ink:#1f2a33;--muted:#697680;--line:#e2e6e8;
  --orange:#d9893d;--orange-100:#fff3e8;--green:#4f7f68;--green-100:#edf7f1;--blue:#507c98;--blue-100:#eef6fb;
  --violet:#756590;--violet-100:#f4f1f8;--gold:#9a7a29;--gold-100:#fff8df;--red:#a84b4b;--red-100:#fff0f0;
  --shadow:0 12px 34px rgba(31,42,51,.065);--radius:18px;--sidebar:230px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}
.topbar{height:78px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand-block{display:flex;gap:12px;align-items:center}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--orange);color:#fff;font-weight:900;font-size:20px;box-shadow:0 8px 20px rgba(217,137,61,.22)}.eyebrow,.kicker{font-weight:800;letter-spacing:.12em;font-size:10px;color:var(--orange)}h1{font-size:18px;line-height:1.1;margin:3px 0 0}h2,h3,p{margin-top:0}.topbar-actions{display:flex;align-items:center;gap:10px}.health-pill{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--green-100);font-size:12px;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%;background:#58a579;box-shadow:0 0 0 4px rgba(88,165,121,.12)}
.workspace{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:calc(100vh - 78px)}.sidebar{position:sticky;top:78px;height:calc(100vh - 78px);padding:22px 16px;border-right:1px solid var(--line);background:#fff;display:flex;flex-direction:column;justify-content:space-between;z-index:30}.nav-stack{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:10px;border:0;border-radius:11px;background:transparent;color:var(--muted);padding:10px 12px;text-align:left;font-weight:700}.nav-item:hover{background:var(--surface-2);color:var(--ink)}.nav-item.active{background:var(--orange-100);color:#9a5d24}.nav-item>span:first-child{width:24px;text-align:center}.sidebar-note{display:grid;gap:5px;padding:13px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);font-size:11px;color:var(--muted)}.sidebar-note b{color:var(--ink)}
.content{width:min(1550px,100%);padding:26px 30px 56px;margin:auto}.section-block{scroll-margin-top:98px;margin-bottom:34px}.anchor-section{padding-top:6px}.hero-card{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 26px;border:1px solid #efd3b6;border-radius:var(--radius);background:linear-gradient(120deg,#fff7ef 0%,#fff 62%);box-shadow:var(--shadow);margin-bottom:18px}.hero-card h2{font-size:24px;margin:7px 0 5px;letter-spacing:-.02em}.hero-card p{max-width:780px;margin:0;color:var(--muted)}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#fff;border:1px solid #efd3b6;color:#9b602a;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.hero-flow{display:flex;align-items:center;gap:7px;padding:12px 14px;border-radius:13px;background:rgba(255,255,255,.8);border:1px solid #efd3b6;white-space:nowrap;font-weight:800;font-size:11px}.hero-flow span{padding:5px 7px;border-radius:7px;background:var(--orange-100)}.hero-flow i{font-style:normal;color:var(--orange)}
.assistant-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.65fr);gap:16px;margin-bottom:16px}.surface{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 18px rgba(31,42,51,.035)}.chat-surface,.trace-surface,.visual-surface{padding:18px}.surface-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.surface-header h3{margin:2px 0 0;font-size:17px}.ghost-btn,.icon-btn,.send-btn,.quick-chip{border:1px solid var(--line);transition:.18s ease}.ghost-btn{padding:8px 11px;border-radius:10px;background:#fff;color:var(--ink);font-size:12px;font-weight:700}.ghost-btn:hover{border-color:#c9d0d4;background:var(--surface-2)}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#fff;color:var(--ink)}.icon-btn:hover{background:var(--surface-2)}
.identity-toolbar{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(300px,1.3fr);gap:10px;margin-bottom:11px}.field{display:grid;gap:4px}.field>span{font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.field input,.field select{width:100%;height:40px;border:1px solid var(--line);border-radius:10px;padding:0 11px;background:#fff;color:var(--ink);outline:none}.field input:focus,.field select:focus,.composer textarea:focus{border-color:#e5b482;box-shadow:0 0 0 3px rgba(217,137,61,.1)}
.quick-scroll{display:flex;gap:7px;overflow:auto;padding:1px 0 10px;scrollbar-width:none}.quick-scroll::-webkit-scrollbar{display:none}.quick-chip{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:var(--surface-2);color:var(--ink);font-size:11px;font-weight:700}.quick-chip:hover{background:var(--orange-100);border-color:#efd0af;color:#925920}.messages{height:365px;overflow:auto;padding:14px 4px 8px;scrollbar-color:#d7dcdf transparent}.message{display:flex;gap:9px;align-items:flex-start;margin:10px 0}.user-message{justify-content:flex-end}.avatar{width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;font-size:10px;font-weight:900}.ai-avatar{background:var(--green-100);color:var(--green)}.user-avatar{background:var(--blue-100);color:var(--blue);order:2}.bubble{max-width:min(82%,720px);padding:10px 12px;border-radius:14px;background:var(--green-100);border:1px solid #dbece2}.user-message .bubble{background:var(--blue-100);border-color:#dceaf2}.bubble p{margin:0}.message-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.meta-chip{padding:3px 6px;border-radius:6px;background:rgba(255,255,255,.65);font-size:9px;font-weight:800;color:var(--muted);text-transform:uppercase}.meta-chip.allow{color:#347453}.meta-chip.deny{color:var(--red)}
.composer{display:flex;gap:8px;align-items:flex-end;margin-top:8px;padding:7px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 6px 20px rgba(31,42,51,.05)}.composer textarea{flex:1;resize:none;max-height:120px;border:0;outline:none;padding:7px 8px;background:transparent;line-height:1.4}.voice-btn{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);font-size:13px;transition:.18s ease}.voice-btn:hover{background:var(--surface-2);color:var(--ink)}.voice-btn.listening{background:var(--red-100);border-color:#e8c4c4;color:var(--red);animation:voice-pulse 1.2s ease-in-out infinite}.voice-btn:disabled{opacity:.45;cursor:not-allowed}@keyframes voice-pulse{50%{box-shadow:0 0 0 5px rgba(184,90,90,.12)}}.send-btn{height:38px;display:flex;align-items:center;gap:7px;padding:0 12px;border-radius:10px;background:var(--ink);color:#fff;font-weight:800}.send-btn:disabled{opacity:.5;cursor:not-allowed}.send-btn b{font-size:17px}.composer-help{text-align:right;margin-top:5px;color:#99a2a9;font-size:9px}
.trace-summary{display:flex;align-items:center;gap:8px;padding:9px 10px;background:var(--surface-2);border-radius:10px;margin-bottom:10px;font-size:11px}.status-badge{padding:3px 7px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.04em}.status-badge.allow{background:var(--green-100);color:#397359}.status-badge.deny{background:var(--red-100);color:var(--red)}.status-badge.neutral{background:#eef0f1;color:var(--muted)}.trace-view{height:422px;overflow:auto;padding-right:2px}.trace-empty{height:100%;display:grid;place-items:center;text-align:center;color:var(--muted);padding:20px}.trace-step{position:relative;padding:0 0 15px 31px}.trace-step:before{content:"";position:absolute;left:10px;top:20px;bottom:-2px;width:1px;background:var(--line)}.trace-step:last-child:before{display:none}.trace-index{position:absolute;left:0;top:0;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:var(--surface-2);border:1px solid var(--line);font-size:9px;font-weight:900}.trace-step h4{margin:0 0 4px;font-size:11px;text-transform:capitalize}.trace-detail{padding:8px 9px;border-radius:9px;background:#f8f9f8;border:1px solid #edf0f1;font:10px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#56636d}
.visual-surface{min-height:330px}.visual-toolbar{margin-bottom:8px}.toolbar-actions{display:flex;gap:7px}.visual-stage{min-height:260px}.empty-state{min-height:260px;display:grid;place-items:center;align-content:center;text-align:center;padding:30px;color:var(--muted);border:1px dashed #d6dcdf;border-radius:14px;background:var(--surface-2)}.empty-state b{color:var(--ink);font-size:15px}.empty-state p{margin:5px 0 0;max-width:460px}.empty-icon{font-size:32px;color:#a7b0b6;margin-bottom:7px}.visual-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.visual-head h3{margin:0;font-size:18px}.visual-type{padding:4px 7px;border-radius:7px;background:var(--orange-100);color:#965a24;font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.metricgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px;margin:8px 0 16px}.metric{padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--blue-100)}.metric:nth-child(2n){background:var(--green-100)}.metric:nth-child(3n){background:var(--gold-100)}.metric b{display:block;font-size:23px;line-height:1.1}.metric span{display:block;font-weight:800;margin-top:4px}.metric small{display:block;color:var(--muted);margin-top:2px}
.chart-card{padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;margin:10px 0 16px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.chart-header b{font-size:12px}.bars{display:grid;gap:9px}.barrow{display:grid;grid-template-columns:minmax(95px,170px) minmax(120px,1fr) 62px;align-items:center;gap:10px;font-size:11px}.bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bartrack{height:13px;border-radius:999px;background:#edf0f2;overflow:hidden}.barfill{height:100%;background:linear-gradient(90deg,#d9893d,#edb171);border-radius:999px;transform-origin:left;animation:grow .45s ease both}.barrow b{text-align:right;font-variant-numeric:tabular-nums}@keyframes grow{from{transform:scaleX(.05)}to{transform:scaleX(1)}}
.table-shell{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.table-tools{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:9px;border-bottom:1px solid var(--line);background:#fbfcfb}.table-search{min-width:180px;max-width:320px;width:42%;height:34px;border:1px solid var(--line);border-radius:9px;padding:0 10px;outline:none}.table-actions{display:flex;align-items:center;gap:7px}.mini-btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;padding:6px 8px;font-size:10px;font-weight:800}.tablewrap{overflow:auto;max-height:470px}.tablewrap table{border-collapse:separate;border-spacing:0;width:100%;min-width:max-content;font-size:11px}.tablewrap th,.tablewrap td{padding:9px 11px;border-bottom:1px solid #edf0f1;text-align:left;white-space:nowrap}.tablewrap th{position:sticky;top:0;z-index:2;background:#f8f9f8;color:#59656e;text-transform:capitalize;font-size:10px;cursor:pointer;user-select:none}.tablewrap th:hover{background:#f2f4f4}.tablewrap tr:hover td{background:#fffaf4}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#fbfcfb;color:var(--muted);font-size:10px}.pagination{display:flex;gap:5px}.page-btn{width:28px;height:27px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font-size:10px}.page-btn:disabled{opacity:.35}.page-status{min-width:72px;text-align:center;align-self:center}
.orgscroll{overflow:auto;padding:8px 4px 24px;min-height:240px}.orgnode-wrap{text-align:center;min-width:160px}.orgnode{position:relative;display:inline-flex;flex-direction:column;gap:1px;min-width:160px;max-width:205px;padding:10px 28px 10px 10px;border:1px solid #ccddd3;border-radius:12px;background:var(--green-100);box-shadow:0 4px 12px rgba(30,50,60,.04)}.orgnode b{font-size:11px}.orgnode span{font-size:10px}.orgnode small{font-size:9px;color:var(--muted)}.org-toggle{position:absolute;right:7px;top:7px;width:19px;height:19px;border:1px solid #c8d8cf;border-radius:6px;background:#fff;color:var(--green);font-size:11px;line-height:1}.orgchildren{position:relative;display:flex;align-items:flex-start;justify-content:center;gap:10px;margin-top:25px}.orgchildren:before{content:"";position:absolute;top:-13px;left:8%;right:8%;border-top:1px solid #aebbc2}.orgchildren>.orgnode-wrap{position:relative}.orgchildren>.orgnode-wrap:before{content:"";position:absolute;top:-13px;left:50%;height:13px;border-left:1px solid #aebbc2}.orgchildren.collapsed{display:none}
.policy-grid{grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr)}.policy-grid .surface{padding:18px}
.policy-form{display:grid;gap:12px}.role-checks{display:flex;flex-wrap:wrap;gap:10px;padding:9px 0 2px;font-size:11px;font-weight:600;color:var(--ink)}.role-checks label{display:flex;align-items:center;gap:5px;font-weight:600}
.policy-status{font-size:11px;color:var(--muted);min-height:14px}
.policy-doc-list{display:grid;gap:8px;max-height:440px;overflow:auto}.policy-doc-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}.policy-doc-item b{display:block;font-size:12px}.policy-doc-meta{display:block;color:var(--muted);font-size:10px;margin-top:2px}.policy-doc-roles{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.policy-doc-roles i{font-style:normal;padding:2px 6px;border-radius:6px;background:var(--violet-100);font-size:9px;font-weight:800;color:#5c4d78}.policy-doc-side{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.policy-sources{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.policy-sources span{padding:3px 7px;border-radius:7px;background:#fff;border:1px solid #efd3b6;color:#8b5c2f;font-size:9px;font-weight:800}
@media(max-width:1150px){.policy-grid{grid-template-columns:1fr}}
.profile{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px}.profile>div{padding:12px;border-radius:11px;background:var(--blue-100);border:1px solid #dfebf2}.profile small{display:block;text-transform:capitalize;color:var(--muted);font-size:9px}.profile b{display:block;margin-top:3px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips>span{padding:8px 11px;border-radius:999px;background:var(--violet-100);border:1px solid #e4deec;font-weight:800;font-size:11px}.chips small{font-weight:500;color:var(--muted)}.policy{padding:17px;border-left:4px solid var(--orange);background:var(--orange-100);border-radius:10px}.policy b{font-size:15px}.policy p{margin:7px 0 0;color:#55616a}.flowsteps{display:flex;align-items:stretch;gap:8px;overflow:auto;padding-bottom:5px}.flowsteps>div{min-width:155px;padding:13px;background:var(--green-100);border:1px solid #dbe9e0;border-radius:12px;display:flex;align-items:center}.flowsteps b{flex:0 0 auto;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--ink);color:#fff;margin-right:7px;font-size:10px}.flowsteps i{align-self:center;font-size:17px;color:var(--orange)}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 2px 13px}.section-heading h2{font-size:20px;margin:3px 0 0}.section-heading p{margin:0;color:var(--muted);font-size:12px}.stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.stat-card{padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff}.stat-card b{display:block;font-size:24px;line-height:1.1}.stat-card span{display:block;margin-top:4px;color:var(--muted);text-transform:capitalize;font-size:10px}.layer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.layer-card{padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff}.layer-card:nth-child(4n+1){background:var(--blue-100)}.layer-card:nth-child(4n+2){background:var(--green-100)}.layer-card:nth-child(4n+3){background:var(--violet-100)}.layer-card:nth-child(4n){background:var(--gold-100)}.layer-card h3{margin:0 0 8px;font-size:14px}.service-map{display:grid;gap:3px;padding:8px;border-radius:9px;background:rgba(255,255,255,.58);font-size:9px}.service-map b{color:#8b5c2f}.layer-card p{margin:9px 0 0;color:var(--muted);font-size:11px}.platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tool-card{padding:17px;display:grid;grid-template-columns:auto 1fr;gap:12px}.tool-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--orange-100);color:#955923;font-weight:900}.tool-card h3{margin:0 0 3px}.tool-card p{margin:0;color:var(--muted);font-size:11px}.tool-links{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap}.tool-links a{padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);text-decoration:none;font-size:10px;font-weight:800}.tool-links a:hover{background:var(--orange-100)}
.modal{position:fixed;inset:0;z-index:100;background:rgba(20,28,34,.48);backdrop-filter:blur(5px);display:grid;place-items:center;padding:18px}.modal-card{width:min(1500px,96vw);height:min(900px,94vh);display:flex;flex-direction:column;background:#fff;border-radius:18px;box-shadow:0 28px 90px rgba(20,28,34,.28);overflow:hidden}.modal-header{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line)}.modal-header h3{margin:2px 0 0}.modal-body{flex:1;min-height:0;overflow:auto;padding:18px}.modal-body .tablewrap{max-height:calc(94vh - 170px)}.modal-body .orgscroll{min-width:max-content}.toast{position:fixed;right:20px;bottom:20px;z-index:120;padding:10px 13px;border-radius:10px;background:var(--ink);color:#fff;box-shadow:var(--shadow);font-size:11px}footer{text-align:center;padding:18px;color:#8a949b;border-top:1px solid var(--line);font-size:10px;background:#fff}.mobile-only{display:none}
@media(max-width:1150px){:root{--sidebar:190px}.assistant-grid{grid-template-columns:1fr}.trace-view{height:260px}.trace-surface{order:2}.stat-grid{grid-template-columns:repeat(3,1fr)}.layer-grid{grid-template-columns:repeat(2,1fr)}.hero-flow{display:none}}
@media(max-width:760px){.topbar{height:66px;padding:0 14px}.brand-mark{width:34px;height:34px}.eyebrow{font-size:8px}.brand-block h1{font-size:14px}.health-pill{max-width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobile-only{display:grid}.workspace{display:block}.sidebar{position:fixed;top:66px;left:0;bottom:0;height:auto;width:240px;transform:translateX(-105%);transition:.22s ease;box-shadow:20px 0 50px rgba(31,42,51,.12)}.sidebar.open{transform:translateX(0)}.content{padding:16px 12px 40px}.hero-card{display:block;padding:18px}.hero-card h2{font-size:20px}.assistant-grid{display:block}.trace-surface{margin-top:12px}.identity-toolbar{grid-template-columns:1fr}.employee-field{min-width:0}.messages{height:390px}.bubble{max-width:90%}.send-btn span{display:none}.section-heading{display:block}.section-heading p{margin-top:4px}.stat-grid{grid-template-columns:repeat(2,1fr)}.layer-grid,.platform-grid{grid-template-columns:1fr}.barrow{grid-template-columns:90px 1fr 45px}.table-search{width:65%;min-width:120px}.visual-surface{padding:14px}.orgchildren{justify-content:flex-start}.modal{padding:6px}.modal-card{width:100%;height:98vh;border-radius:14px}.modal-body{padding:10px}}
@media(max-width:430px){.health-pill span:last-child{display:none}.stat-grid{grid-template-columns:1fr 1fr}.stat-card b{font-size:20px}.quick-scroll{margin-right:-12px}.surface-header{align-items:flex-start}.toolbar-actions .ghost-btn{display:none}.barrow{grid-template-columns:78px 1fr 38px;gap:6px}.topbar-actions{gap:5px}}
.nav-guidance{display:grid;gap:8px;padding:2px 0}
.nav-dest{font-size:15px;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.nav-route{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:600;color:#1d4ed8;word-break:break-all}
.nav-path{font-size:12px;color:var(--muted);line-height:1.4}
.nav-path-label{font-weight:600;color:var(--ink);margin-right:4px}
.nav-action{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:8px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:12px;font-weight:700;text-decoration:none;transition:.18s ease;box-shadow:0 1px 3px rgba(31,42,51,.04)}
.nav-action:hover{border-color:#c9d0d4;background:var(--surface-2);color:var(--ink)}