.demo-page{background:#0e121b;color:#fff;min-height:100vh;padding-top:76px}.demo-shell{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 76px)}.demo-sidebar{border-right:1px solid #29303d;padding:24px 16px;background:#111722}.demo-label{font-size:10px;letter-spacing:.14em;color:#7f899a}.demo-sidebar nav{display:grid;gap:5px;margin-top:24px}.demo-sidebar button{border:0;background:transparent;color:#aeb6c4;text-align:left;padding:11px 13px;border-radius:6px;cursor:pointer}.demo-sidebar button:hover,.demo-sidebar button.active{background:#212938;color:#fff}.demo-sidebar button.active{box-shadow:inset 2px 0 var(--cyan)}.demo-main{padding:28px;overflow:hidden}.demo-top{display:flex;align-items:center;justify-content:space-between}.demo-top h1{font:400 31px var(--serif);margin:4px 0}.demo-badge{border:1px solid #3a4352;color:#aeb7c6;padding:8px 11px;border-radius:999px;font-size:10px;letter-spacing:.12em}.demo-kpis{display:grid;grid-template-columns:2fr repeat(4,1fr);margin:24px 0;border:1px solid #2d3542}.demo-kpis div{padding:20px;border-right:1px solid #2d3542}.demo-kpis span{display:block;color:#8d97a8;font-size:10px;text-transform:uppercase}.demo-kpis strong{font:400 30px var(--serif)}.demo-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.demo-card{background:#151b27;border:1px solid #2c3442;padding:22px}.demo-card h2{font:400 25px var(--serif);margin:7px 0 18px}.ask-box{display:flex;border:1px solid #394354;background:#0f141e}.ask-box input{flex:1;background:transparent;border:0;color:#fff;padding:14px;outline:0}.ask-box button,.demo-action{border:0;background:var(--cyan);color:#081118;padding:0 16px;font-weight:750;cursor:pointer}.ai-response{margin-top:16px;padding:18px;background:#0f141e;border-left:2px solid var(--cyan)}.ai-response p{color:#b7bfcc}.evidence-row{display:flex;gap:8px;flex-wrap:wrap}.evidence-row span{border:1px solid #343d4c;border-radius:999px;padding:6px 9px;font-size:10px;color:#aab3c2}.risk-list{display:grid;gap:9px}.risk-item{display:grid;grid-template-columns:1fr auto;gap:4px;padding:14px;background:#0f141e;border:1px solid #29313e}.risk-item span{font-size:11px;color:#8d97a8}.risk-item b{color:#ff6a7f}.workflow-state{display:flex;gap:7px;margin-top:16px;overflow:auto}.workflow-state span{white-space:nowrap;padding:9px 11px;border:1px solid #3a4352;color:#8e98a8;font-size:10px}.workflow-state span.done{background:#113539;border-color:#1b7580;color:#b8f7ff}.demo-actions{display:flex;gap:9px;margin-top:16px}.demo-action{padding:10px 13px;border-radius:4px}.demo-action.secondary{background:transparent;color:#fff;border:1px solid #3a4352}.toast{position:fixed;right:24px;bottom:24px;background:#fff;color:#111722;padding:15px 18px;border-radius:6px;box-shadow:0 20px 50px rgba(0,0,0,.3);transform:translateY(100px);opacity:0;transition:.3s}.toast.show{transform:none;opacity:1}@media(max-width:900px){.demo-shell{grid-template-columns:1fr}.demo-sidebar{border-right:0;border-bottom:1px solid #29303d}.demo-sidebar nav{grid-template-columns:repeat(5,auto);overflow:auto}.demo-layout{grid-template-columns:1fr}.demo-kpis{grid-template-columns:1fr 1fr}.demo-kpis div:first-child{grid-column:1/-1}}@media(max-width:560px){.demo-page{padding-top:64px}.demo-main{padding:16px}.demo-kpis div{padding:14px}.demo-top{align-items:flex-start}.demo-badge{font-size:8px}.demo-actions{flex-wrap:wrap}}