:root{--navy:#0b1f4b;--blue:#39388d;--violet:#5336ea;--ink:#101828;--muted:#667085;--line:#e4e7ec;--bg:#f6f7fb;--red:#d92d4b;--orange:#f97316;--amber:#f5b82e;--green:#16a36a;--white:#fff;--shadow:0 10px 30px rgba(16,24,40,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}.app{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#081c45,#111b3c);color:#fff;padding:22px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:6px 8px 20px;border-bottom:1px solid rgba(255,255,255,.12)}.brand .pa-logo{width:154px;height:42px;object-fit:contain;object-position:left center}.client-brand{display:flex;align-items:center;gap:10px;width:100%;padding-top:2px}.client-brand span{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9fb0cf;font-weight:700}.client-brand .colbun-logo{width:118px;height:31px;object-fit:contain;object-position:left center}.brand>span{display:none}.sidebar nav{padding-top:18px;display:grid;gap:7px}.nav{border:0;background:transparent;color:#cbd5e1;text-align:left;padding:12px 14px;border-radius:10px;cursor:pointer}.nav:hover,.nav.active{background:rgba(255,255,255,.1);color:#fff}.nav span{margin-left:8px}.side-note{margin-top:auto;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);padding:14px;border-radius:12px;font-size:13px;line-height:1.45}.side-note small{color:#b7c3d8}main{padding:24px 28px 36px;min-width:0}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}h1{font-size:30px;margin:0 0 5px;color:var(--navy)}header p,.panel-title p{margin:0;color:var(--muted)}.header-actions{display:flex;gap:10px;align-items:center}.pulse{font-size:13px;color:#344054}.client-chip{font-size:11px;letter-spacing:.08em;font-weight:800;color:var(--navy);background:#eef3f7;border:1px solid #d7e0e8;padding:8px 10px;border-radius:999px}.pulse i{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:7px;box-shadow:0 0 0 5px rgba(22,163,106,.12)}#openAI,.ghost{border:1px solid #cfd4ff;color:var(--blue);background:#fff;border-radius:9px;padding:10px 14px;cursor:pointer;font-weight:600}#openAI{background:linear-gradient(135deg,var(--blue),var(--violet));color:white;border:0}.view{display:none}.view.active{display:block}.filterbar{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr;gap:10px;margin-bottom:14px}.filterbar label,.ai-layout label{font-size:12px;color:var(--muted);font-weight:600}.filterbar select,.filterbar input,.ai-layout select{display:block;width:100%;margin-top:5px;border:1px solid var(--line);border-radius:8px;padding:9px 10px;background:#fff;color:var(--ink)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.kpis article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 16px;box-shadow:0 2px 10px rgba(16,24,40,.03)}.kpis span,.kpis small{display:block;color:var(--muted);font-size:12px}.kpis strong{font-size:31px;color:var(--blue);line-height:1.2}.kpis .critical strong{color:var(--red)}.grid2{display:grid;grid-template-columns:1.45fr 1fr;gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 12px rgba(16,24,40,.03);min-width:0}.panel.full{padding:20px}.panel-title{padding:15px 16px 11px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.panel-title h2{margin:0 0 4px;font-size:17px;color:var(--navy)}.panel-title p{font-size:12px}.badge,.ai-chip{font-size:11px;font-weight:700;background:#eef0ff;color:var(--blue);padding:5px 8px;border-radius:999px;white-space:nowrap}.badge.soft{background:#f2f4f7;color:#475467}.table-wrap{overflow:auto}.cases-panel table{width:100%;border-collapse:collapse;font-size:12.5px}.cases-panel th{text-align:left;color:#667085;padding:9px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.03em}.cases-panel td{padding:10px 12px;border-bottom:1px solid #f0f1f4;vertical-align:middle}.cases-panel tr{cursor:pointer}.cases-panel tbody tr:hover{background:#f8f8ff}.cases-panel tbody tr.selected{background:linear-gradient(90deg,#f1efff,#fff);box-shadow:inset 3px 0 var(--violet)}.supplier{font-weight:700;color:#1d2939}.sub{font-size:11px;color:#667085;margin-top:2px}.score{font-weight:800;color:var(--navy);font-size:15px}.pill{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10.5px;font-weight:800;color:#fff}.pill.critical{background:var(--red)}.pill.high{background:var(--orange)}.pill.medium{background:var(--amber);color:#654b00}.empty{padding:55px 25px;text-align:center;color:#98a2b3;font-size:13px}.hidden{display:none!important}.detail-panel{min-height:360px}.detail-body{padding:0 16px 16px}.risk-head{display:grid;grid-template-columns:92px 1fr;gap:13px;align-items:center;padding:4px 0 12px;border-bottom:1px solid var(--line)}.score-ring{width:82px;height:82px;border-radius:50%;border:8px solid var(--red);display:grid;place-items:center;font-size:26px;font-weight:900;color:var(--red);background:#fff}.risk-head h3{margin:0 0 4px;font-size:17px}.signals{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.signal{font-size:10.5px;background:#fff3f5;color:#b42318;border:1px solid #ffd6dc;border-radius:7px;padding:5px 7px}.detail-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.detail-cols h4,.explain h4{font-size:12px;margin:0 0 7px;color:#344054}.checklist,.explain ul{margin:0;padding:0;list-style:none}.checklist li,.explain li{font-size:11.5px;padding:4px 0;color:#344054}.checklist .miss{color:#b54708}.timeline{display:grid;grid-template-columns:1fr 1fr;gap:7px}.timeline div{border:1px solid var(--line);border-radius:8px;padding:7px}.timeline span{display:block;color:#667085;font-size:10px}.timeline b{font-size:11px}.explain{margin-top:12px;background:#f8f7ff;border:1px solid #e7e4ff;border-radius:10px;padding:10px}.lower{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;margin-top:14px}.bar-row{padding:0 16px 10px}.bar-label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:5px}.bar{height:7px;background:#f0f2f5;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--violet));border-radius:999px}.risk-map{height:205px;position:relative}.risk-map svg{position:absolute;inset:0;width:100%;height:100%;z-index:0}.risk-map line{stroke:#d8dbee;stroke-width:1.5}.node{position:absolute;z-index:1;padding:7px 10px;border:1px solid #dcdffa;background:#fff;border-radius:999px;font-size:10px;color:var(--blue);box-shadow:0 4px 12px rgba(57,56,141,.08)}.node.center{left:42%;top:42%;background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff;border:0;font-weight:800}.n1{left:8%;top:16%}.n2{right:6%;top:15%}.n3{left:6%;bottom:14%}.n4{right:6%;bottom:14%}.n5{left:42%;top:4%}.ai-teaser{padding-bottom:13px}.ai-teaser>p{font-size:12px;color:#667085;padding:0 16px 8px;line-height:1.45}.prompt,.quick button,.drawer-quick button{display:block;width:calc(100% - 32px);margin:6px 16px;border:1px solid #e3e5ff;background:#fafaff;color:var(--blue);border-radius:8px;padding:8px 10px;text-align:left;font-size:11px;cursor:pointer}.prompt:hover,.quick button:hover,.drawer-quick button:hover{background:#f0efff}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.case-card{border:1px solid var(--line);border-radius:12px;padding:14px;cursor:pointer}.case-card:hover{border-color:#c9c5ff;box-shadow:var(--shadow)}.case-card .top{display:flex;justify-content:space-between}.case-card h3{font-size:14px;margin:0}.case-card p{font-size:11px;color:#667085}.case-card strong{font-size:24px;color:var(--blue)}.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rule-card{border:1px solid var(--line);border-radius:12px;padding:14px}.rule-card b{font-size:13px;color:var(--navy)}.rule-card p{font-size:11px;color:#667085;line-height:1.45}.ai-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}.ai-head>div{display:grid;grid-template-columns:46px 1fr;grid-template-areas:'orb h' 'orb p';column-gap:12px}.ai-head h2{grid-area:h;margin:0;color:var(--navy)}.ai-head p{grid-area:p;margin:3px 0;color:#667085;font-size:12px}.ai-orb{grid-area:orb;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--violet));color:white;display:grid;place-items:center;font-size:22px}.ai-layout{display:grid;grid-template-columns:250px 1fr;gap:18px;padding-top:18px}.quick{margin-top:12px}.quick button{width:100%;margin:6px 0}.chat{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fafbff}.chat #chatLog{height:380px;overflow:auto;padding:15px}.msg{max-width:82%;padding:10px 12px;border-radius:12px;margin-bottom:9px;font-size:12px;line-height:1.55;white-space:pre-wrap}.msg.bot{background:#fff;border:1px solid var(--line);color:#344054}.msg.user{background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff;margin-left:auto}.chat form,.drawer form{display:flex;border-top:1px solid var(--line);background:#fff}.chat input,.drawer input{flex:1;border:0;padding:13px 14px;outline:0}.chat button,.drawer form button{border:0;background:var(--blue);color:#fff;padding:0 18px;cursor:pointer}.drawer{position:fixed;right:-410px;top:0;width:390px;height:100vh;background:#fff;box-shadow:-20px 0 45px rgba(16,24,40,.16);z-index:99;transition:right .25s;display:flex;flex-direction:column}.drawer.open{right:0}.drawer-head{padding:18px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#0d2050,#39388d);color:#fff}.drawer-head small{display:block;color:#d9dcff;margin-top:2px}.drawer-head button{border:0;background:transparent;color:#fff;font-size:25px;cursor:pointer}.drawer-case{padding:10px 16px;background:#f8f7ff;color:#344054;font-size:12px;border-bottom:1px solid #e8e6ff}.drawer-log{padding:14px;overflow:auto;flex:1;background:#fafbff}.drawer-quick{padding:6px 0;border-top:1px solid var(--line)}.drawer-quick button{width:calc(100% - 24px);margin:5px 12px}.drawer form{height:52px}.drawer form input{min-width:0}.ai-chip{background:linear-gradient(135deg,#eef0ff,#f4eeff);border:1px solid #e2ddff}@media(max-width:1200px){.app{grid-template-columns:78px 1fr}.sidebar{padding:18px 10px}.brand img{width:58px;object-fit:cover;object-position:left}.nav span,.side-note{display:none}.grid2{grid-template-columns:1fr}.lower{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){main{padding:16px}.sidebar{display:none}.app{display:block}.filterbar{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:1fr 1fr}.lower{grid-template-columns:1fr}.cards,.rules-grid{grid-template-columns:1fr}.ai-layout{grid-template-columns:1fr}.drawer{width:100%;right:-100%}header{align-items:flex-start;gap:10px}.pulse{display:none}h1{font-size:23px}}

@media(max-width:1100px){.client-chip{display:none}.brand .pa-logo{width:135px}.client-brand .colbun-logo{width:105px}}