*{box-sizing:border-box}body{margin:0;background:#f4f6fa;color:#192333;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus,textarea:focus,select:focus{outline:3px solid #a1baff;outline-offset:2px}a{color:#365bcc;text-decoration:none}button.primary{background:#365bcc;color:white;border-radius:10px;padding:10px 17px;font-weight:600}button.secondary{padding:9px 14px;background:white;border:1px solid #dce2ed;border-radius:9px;color:#324057}button.danger{background:#fff0ee;color:#a93225;border-radius:9px;padding:9px 14px}.loading{padding:60px;color:#718096}h1,h2,h3,p{margin-top:0}h1{font-size:27px;letter-spacing:-.7px;margin-bottom:5px}h2{font-size:19px}h3{font-size:15px;margin-bottom:6px}.muted{color:#7d8898}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:1.6px;font-weight:700;color:#8b9bb2}.shell{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:100vh}.sidebar{background:#142234;color:#becbdf;padding:29px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-size:23px;color:white;letter-spacing:-.6px;display:flex;align-items:center;gap:11px;margin-bottom:40px;font-weight:650}.brand-mark{background:#8aa8ff;color:#152b58;width:35px;height:35px;display:grid;place-items:center;border-radius:11px;font-size:22px}.sidebar .eyebrow{margin:0 10px 12px}.nav{display:grid;gap:5px}.nav button{background:transparent;text-align:left;color:#b6c6dc;border-radius:9px;padding:12px;display:flex;gap:12px}.nav button.active{background:#293b54;color:white}.nav .icon{width:19px;text-align:center;color:#91acdc}.sidebar-footer{margin-top:auto;border-top:1px solid #2c3c51;padding:20px 8px 0}.user-name{color:white;font-size:14px;font-weight:600}.user-role{font-size:11px;margin:3px 0 10px}.logout{background:none;color:#9eb0c8;padding:0;font-size:12px}.main{padding:28px 32px;min-width:0}.top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.connection{background:#e8f4ef;color:#25714e;border:1px solid #d3e8dd;padding:7px 11px;border-radius:20px;font-size:11px;white-space:nowrap}.connection:before{content:"";display:inline-block;width:6px;height:6px;background:#3d9b71;border-radius:50%;margin-right:6px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:24px 0}.metric{padding:17px 20px;border:1px solid #e4e8ef;border-radius:13px;background:white}.metric strong{font-size:26px;font-weight:650;letter-spacing:-.7px;display:block}.metric span{font-size:12px;color:#7b8798}.metric.alert strong{color:#ad7322}.toolbar{display:flex;gap:10px;margin-bottom:17px;flex-wrap:wrap}.search{flex:1;min-width:160px}input,select,textarea{border:1px solid #dce2ec;background:#fff;color:#263548;border-radius:9px;padding:10px 12px}select{max-width:230px}textarea{resize:vertical;width:100%;min-height:110px;line-height:1.6}.workspace{display:grid;grid-template-columns:minmax(300px,44%) minmax(0,1fr);gap:19px;align-items:start}.list{display:grid;gap:11px;max-height:calc(100vh - 290px);overflow:auto;padding-right:4px}.chat-card{background:white;border:1px solid #e3e8ef;border-radius:13px;padding:17px;cursor:pointer;position:relative}.chat-card.selected{border-color:#6584da;box-shadow:0 0 0 2px #e0e8ff}.chat-card.needs_manager{border-left:3px solid #d7a046}.card-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:10px}.identity{display:flex;align-items:center;gap:10px;min-width:0}.avatar{width:35px;height:35px;background:#edf0f9;color:#6576a0;display:grid;place-items:center;border-radius:11px;font-weight:600;flex-shrink:0}.name{font-weight:650;color:#29364b}.time{font-size:10px;color:#8e99a8;white-space:nowrap}.product{font-size:11px;color:#8390a2;margin:3px 0}.snippet{color:#59677b;font-size:12px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;min-height:34px}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px}.status{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:4px 7px;font-weight:600;font-size:10px;white-space:nowrap}.status.bot{color:#5468a2;background:#eef1fc}.status.needs_manager{color:#a0712e;background:#fff3dc}.status.manager{color:#2a7390;background:#e7f3fa}.status.resolved{color:#487563;background:#edf4f0}.reason{font-size:11px;background:#fff8ea;border:1px solid #f0e2c5;border-radius:7px;padding:8px 10px;margin-top:12px;color:#967744}.detail{background:white;border:1px solid #e0e6ef;border-radius:14px;overflow:hidden;position:sticky;top:22px}.detail-head{padding:20px 22px;border-bottom:1px solid #edf0f5}.detail-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-head p{margin:5px 0 0;font-size:12px}.detail-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.detail-actions button{font-size:11px;padding:7px 11px}.messages{min-height:220px;max-height:calc(100vh - 520px);overflow:auto;padding:23px 22px;background:#f9fafc;display:flex;flex-direction:column;gap:13px}.bubble{max-width:92%;padding:10px 13px;background:#fff;border:1px solid #e4e8ef;border-radius:12px 12px 12px 3px;white-space:pre-wrap;font-size:12px;word-break:break-word}.bubble.out{align-self:flex-end;background:#edf2ff;border-color:#e2e9fa;border-radius:12px 12px 3px 12px}.bubble.pending{border-style:dashed;background:#fffbef}.bubble small{display:block;font-size:9px;color:#94a0b1;margin-top:6px;text-align:right}.compose{padding:17px 20px;border-top:1px solid #e8ecf2}.compose-foot{display:flex;justify-content:space-between;align-items:center;margin-top:9px;gap:12px}.compose-foot span{font-size:10px;color:#8d98a8}.compose p{font-size:11px;color:#8a96a6;margin:8px 0 0}.empty{padding:60px 25px;text-align:center;color:#8b97a8}.empty .symbol{width:58px;height:58px;background:#eff3fb;border-radius:18px;margin:0 auto 17px;display:grid;place-items:center;font-size:27px;color:#869dc7}.panel{border:1px solid #e3e8ef;background:white;border-radius:14px;padding:23px;margin-bottom:18px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}form.fields{display:grid;gap:13px}.fields label{display:grid;gap:5px;font-size:12px;color:#6c7b8f}.fields input,.fields select{width:100%;max-width:none}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:13px 10px;border-bottom:1px solid #eef1f6;font-size:12px}.data-table th{color:#8390a0;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.7px}.knowledge-card{padding:18px 0;border-bottom:1px solid #e9edf4}.knowledge-card p{white-space:pre-wrap;font-size:13px}.knowledge-meta{font-size:10px;color:#8997a9;display:flex;gap:15px}.knowledge-actions{display:flex;gap:8px;margin-top:12px}.auth{max-width:430px;margin:10vh auto;background:white;border:1px solid #e1e7f0;border-radius:18px;padding:34px;box-shadow:0 20px 65px #172b4b08}.auth .brand{color:#22344f;margin-bottom:25px}.auth h1{font-size:23px}.auth p{font-size:12px;color:#8491a2}.auth button{margin-top:5px}.notice{font-size:12px;padding:12px 15px;background:#edf3ff;border:1px solid #dbe6fc;color:#59749c;border-radius:10px;margin:12px 0}.inline-error{background:#fff0ed;color:#a74b36;padding:10px;border-radius:9px;font-size:12px;margin-top:12px}.success{color:#3c8a66}#toast{position:fixed;right:24px;bottom:24px;max-width:420px;background:#20364f;color:white;border-radius:12px;box-shadow:0 9px 30px #102b4833;padding:14px 20px;z-index:30;opacity:0;pointer-events:none;transform:translateY(20px);transition:.2s}#toast.show{opacity:1;transform:translateY(0)}.pill{background:#f0f3f9;border-radius:5px;padding:3px 7px;font-size:10px;color:#76849b}.row{display:flex;justify-content:space-between;gap:12px;align-items:center}.subtle{font-size:11px;color:#8997aa}.spacer{height:15px}.welcome{max-width:450px;margin:30px auto;text-align:center}.mobile-back{display:none}@media(min-width:1550px){.main{padding:34px 48px}.workspace{grid-template-columns:minmax(360px,42%) 1fr}.list{max-height:calc(100vh - 300px)}}@media(max-width:1050px){.shell{grid-template-columns:165px 1fr}.sidebar{padding:25px 12px}.main{padding:23px 20px}.workspace{grid-template-columns:1fr}.detail{position:relative;top:0}.list{max-height:350px}.messages{max-height:450px}.connection{display:none}.grid2{grid-template-columns:1fr}.top{margin-bottom:15px}}@media(max-width:650px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:15px 18px}.brand{margin:0;font-size:19px}.sidebar .eyebrow,.sidebar-footer{display:none}.nav{display:flex;overflow:auto;margin-top:14px}.nav button{padding:8px;font-size:11px;white-space:nowrap;gap:6px}.nav .icon{display:none}.main{padding:20px 14px}.metrics{gap:6px;margin:17px 0}.metric{padding:11px}.metric strong{font-size:22px}.metric span{font-size:9px}.toolbar{gap:6px}.toolbar input{flex-basis:100%}.toolbar select{flex:1;max-width:none;font-size:11px}.auth{margin:8vh 15px;padding:26px}.data-table{display:block;overflow:auto}.top h1{font-size:24px}.compose-foot{align-items:flex-start}.detail-head{padding:17px}.detail-actions{gap:6px}}

.mobile-account{display:none}@media(max-width:650px){.mobile-account{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#aebdd1;margin-top:12px}.mobile-account button{background:none;color:#c9d7e9;padding:0;font-size:11px}}

.card-owner{font-size:10px;color:#8c98a8;margin-top:8px}.cancel-reply{display:block;margin-top:8px;padding:4px 8px;border-radius:6px;background:#f4e9ce;color:#886e36;font-size:10px}

.list-footer{padding:14px;font-size:11px;color:#8895a7;text-align:center}.list-footer button{font-size:11px}