:root{font-family:Inter,system-ui,Segoe UI,sans-serif;color:#10233f;background:#eef7fd}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}.login-shell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#e1f3ff,#f7fbff)}.login-card{width:min(520px,92vw);background:#fff;border:1px solid #dbe8f4;border-radius:24px;padding:34px;box-shadow:0 24px 70px #16365624}.login-logo{width:150px}.badge,.pill{display:inline-flex;gap:8px;align-items:center;background:#e9f7ff;color:#057dcf;border:1px solid #c8e8fb;border-radius:999px;padding:8px 12px;font-weight:800}.login-card h1,header h1{font-size:34px;margin:18px 0 8px;color:#071f44}.login-card p,header p,.panel p{color:#64748b}.stack,.compact,.knowledge-form{display:grid;gap:12px}.stack label{display:grid;gap:7px;font-weight:800;color:#17365e}.stack input,.compact input,.knowledge-form input,.knowledge-form textarea,.test input{border:1px solid #cbdbea;border-radius:12px;padding:13px;background:#fff}.knowledge-form textarea{min-height:130px;resize:vertical}.primary,.compact button,.knowledge-form button,.test button{border:0;border-radius:12px;background:#057dcf;color:#fff;font-weight:900;padding:13px;display:inline-flex;gap:8px;align-items:center;justify-content:center;cursor:pointer}.link{border:0;background:transparent;color:#057dcf;font-weight:800;margin-top:16px}.error{background:#fff0f0;color:#b42318;border:1px solid #ffc9c9;border-radius:12px;padding:12px}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}aside{background:#fff;border-right:1px solid #dbe8f4;padding:24px;display:flex;flex-direction:column;gap:24px}.logo{width:155px}.nav,.logout{width:100%;border:0;background:transparent;color:#31445f;border-radius:12px;padding:12px;display:flex;gap:10px;align-items:center;font-weight:800;cursor:pointer}.nav.active,.nav:hover{background:#eaf6ff;color:#057dcf}.logout{margin-top:auto;color:#c2410c}main{padding:28px;overflow:auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:#fff;border:1px solid #dbe8f4;border-radius:18px;padding:22px;box-shadow:0 18px 45px #122c4614}.panel h2{display:flex;align-items:center;gap:10px;margin:0 0 16px;color:#10233f}.list{display:grid;gap:10px;margin-top:16px}.row{border:1px solid #dbe8f4;background:#fff;border-radius:12px;padding:12px;text-align:left;display:grid;gap:3px;cursor:pointer}.row span{color:#64748b;font-size:13px}.row.selected{border-color:#057dcf;background:#f0f9ff}pre{white-space:pre-wrap;word-break:break-all;background:#0d223d;color:#d8f7ff;border-radius:14px;padding:16px}.test{display:flex;gap:10px}.test input{flex:1}.answer{margin-top:12px;padding:14px;border-radius:14px;background:#f0fdf4;border:1px solid #bbf7d0;color:#14532d}.wide{margin-top:18px}.tabs{display:flex;gap:10px;margin-bottom:16px}.tabs button{border:1px solid #cbdbea;background:white;border-radius:999px;padding:9px 14px;font-weight:800;cursor:pointer}.tabs .on{background:#057dcf;color:#fff;border-color:#057dcf}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:16px}.cards article{border:1px solid #dbe8f4;border-radius:14px;padding:16px}.cards article button{border:0;background:#057dcf;color:#fff;border-radius:10px;padding:8px 10px;font-weight:800}.table,.split{display:grid;gap:12px}.tr{border-bottom:1px solid #e2edf6;padding:12px}.tr span{margin-left:14px;color:#64748b}.messages{background:#f7fbff;border-radius:14px;padding:14px;min-height:260px}.bubble{padding:10px 12px;border-radius:14px;margin:8px 0;max-width:80%}.bubble.visitor{background:#057dcf;color:#fff;margin-left:auto}.bubble.assistant{background:white;border:1px solid #dbe8f4}.billing-form,.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px}.billing-form input{border:1px solid #cbdbea;border-radius:12px;padding:12px}.stats-row article{border:1px solid #dbe8f4;border-radius:14px;padding:16px;background:#f8fcff}.stats-row b{display:block;font-size:28px;color:#071f44}.stats-row span{color:#64748b}.tr button{border:0;border-radius:10px;background:#057dcf;color:#fff;font-weight:800;padding:9px 12px;cursor:pointer}@media (max-width:900px){.app{grid-template-columns:1fr}aside{position:static}.grid.two{grid-template-columns:1fr}header{display:block}}
