:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#edf8fb;background:#05111d}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:grid;grid-template-columns:235px minmax(0,1fr)}.sidebar{background:#071927;border-right:1px solid #244053;padding:25px 18px;display:flex;flex-direction:column;gap:25px}.logo,.mobilebrand{font-size:27px;letter-spacing:-1.4px;font-weight:850}.logo span,.mobilebrand span{color:#38edc7}.nav-heading,.eyebrow{font-size:11px;letter-spacing:1.6px;color:#57dbbc;font-weight:750}.sidebar nav{display:grid;gap:9px}.sidebar nav button{width:100%;padding:13px 12px;background:transparent;border:0;color:#a3bdcc;text-align:left;border-radius:10px;display:flex;gap:13px;align-items:center}.sidebar nav button.active,.sidebar nav button:hover{background:linear-gradient(90deg,#18665e,#102e3e);color:#fff}.sidebar nav button>span:first-child{font-size:18px}.counter{margin-left:auto;background:#274659;border-radius:999px;padding:1px 8px}.side-bottom{margin-top:auto;border:1px solid #276359;border-radius:13px;background:linear-gradient(140deg,#113f3f,#081e2e);padding:20px}.side-bottom strong{color:#65f5d0}.side-bottom p,.sidebar .back{font-size:13px;color:#a7c3cd;line-height:1.6}.wave{height:35px;border-bottom:2px solid #44eac1;border-radius:50%}.back{font-size:13px}.main{min-width:0}.top{height:71px;border-bottom:1px solid #204152;background:#071925;display:flex;align-items:center;justify-content:flex-end;padding:0 33px}.topright{display:flex;align-items:center;gap:22px;font-size:13px}.online{color:#a8efd9;border:1px solid #26584f;background:#0e3333;padding:10px 12px;border-radius:9px}.online i{display:inline-block;width:8px;height:8px;background:#45e7b6;border-radius:50%;margin-right:8px}.user{color:#c1d1dc}.mobilebrand{display:none}.content{max-width:1580px;padding:28px 28px 50px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.heading h1{margin:7px 0;font-size:clamp(30px,3vw,43px);letter-spacing:-1.5px}.heading em{font-style:normal;color:#7ae9cf}.heading p,.subtle{color:#a6bac9;font-size:14px}.pill,.chips span{padding:9px 13px;border:1px solid #27564e;border-radius:9px;color:#adf1dd;font-size:12px;background:#0c2d30}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:22px 0}.metrics article,.panel{background:linear-gradient(140deg,#102739,#0b1c2c);border:1px solid #2a4e60;border-radius:14px}.metrics article{padding:20px;display:grid;gap:6px}.metrics small,.metrics span{font-size:12px;color:#9db8c6}.metrics strong{font-size:31px}.metrics span{color:#5be4bc}.workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(330px,1fr);gap:17px}.panel-header{padding:19px 19px 16px;border-bottom:1px solid #244452;display:flex;justify-content:space-between;gap:10px;align-items:center}.panel-header strong{font-size:15px}.panel-header small{display:block;color:#92b4c3;margin-top:6px}.outline{background:#122c3c;border:1px solid #315669;color:#c9dfeb;border-radius:8px;padding:9px}.conversation{display:flex;flex-direction:column;min-height:620px;overflow:hidden}.chat{flex:1;max-height:590px;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:13px}.bubble{max-width:84%;border-radius:15px 15px 15px 3px;background:#233b53;padding:12px 15px;font-size:14px;line-height:1.6;white-space:pre-wrap}.bubble.ai{align-self:flex-end;background:#095047;border-radius:15px 15px 3px 15px}.bubble small{display:block;color:#b6d0d6;font-size:11px;margin-bottom:5px}.composer{display:flex;gap:10px;padding:14px;border-top:1px solid #244452}.composer input{min-width:0;flex:1;background:#0b2132;border:1px solid #345b70;color:white;padding:13px;border-radius:9px}.composer button,.actions button{background:#75f1ca;border:0;border-radius:9px;color:#062b25;font-weight:800;padding:12px 18px}.composer button:disabled,.actions button:disabled{opacity:.4;cursor:not-allowed}.quick{display:flex;gap:8px;flex-wrap:wrap;padding:0 15px 17px}.quick button{color:#7fecce;background:#153b42;border:1px solid #377066;border-radius:20px;padding:7px 11px;font-size:12px}.right{display:grid;gap:13px;align-content:start}.lead{padding-bottom:10px}.tag{font-size:11px;border-radius:25px;background:#1e4f47;color:#92ffdc;padding:7px}.fields{padding:12px 18px}.field{border-bottom:1px solid #244251;display:grid;grid-template-columns:42% 58%;gap:8px;padding:11px 0;font-size:13px}.field .key{color:#9fb7c3}.field .val{overflow-wrap:anywhere}.lead .subtle{padding:0 18px;line-height:1.5;font-size:11px}.success,.knowledge{padding:20px}.success{border-color:#36786b;background:#103a37}.success strong{color:#7df3cf}.success p,.knowledge p{font-size:13px;line-height:1.6;color:#a9c3cd}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.actions button:nth-child(2){background:#183349;color:#d1eaf2;border:1px solid #3a6775}.knowledge b{color:#efffff}.secondary{padding:30px;min-height:480px}.secondary h2{font-size:25px}.secondary .tile{border:1px solid #315363;background:#142c3c;padding:17px;border-radius:12px;margin:15px 0}.secondary button{padding:10px 15px;border:1px solid #58bfa6;color:#9cfbdc;border-radius:8px;background:#183d3c}.secondary input,.secondary textarea{width:100%;margin:8px 0;padding:10px;color:#fff;background:#081a28;border:1px solid #426575;border-radius:8px}footer{margin-top:30px;font-size:12px;line-height:1.5;color:#84a4b4}footer a{color:#70f0cb}@media(max-width:1130px){.workspace{grid-template-columns:1fr}.sidebar{padding:20px 12px}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.shell{display:block}.sidebar{position:static;padding:15px;border:0;gap:15px}.sidebar nav{display:flex;flex-wrap:wrap}.sidebar nav button{width:auto;font-size:12px}.sidebar .side-bottom,.nav-heading{display:none}.top{display:none}.content{padding:25px 15px}.heading{display:block}.metrics{gap:8px}.metrics article{padding:14px}.conversation{min-height:500px}.chat{min-height:330px}.pill{display:inline-block;margin-top:10px}.field{grid-template-columns:38% 62%}}
[hidden]{display:none!important}

.pill-btn{cursor:pointer;font:inherit;margin-right:10px}.guide-steps ol{line-height:2;color:#cfebef}.guide-steps li{padding:5px 0}.secondary select{display:block;background:#0c2535;color:white;padding:11px;border:1px solid #426575;border-radius:8px;margin:10px 0 16px;max-width:100%}.secondary label{display:block;margin-top:14px}.secondary .tile p{line-height:1.7;color:#b5d2d9}