*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:#10141e;color:#e8ecf6;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;overflow:hidden}button,textarea,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.app{display:flex;flex-direction:column;height:100dvh;min-height:0;background:linear-gradient(130deg,#121927,#0d1018 75%)}.topbar{height:72px;flex:none;border-bottom:1px solid #252c3a;display:flex;align-items:center;justify-content:space-between;padding:0 23px;gap:12px}.brand{display:flex;gap:11px;align-items:center}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;font-size:22px;color:#101b19;background:linear-gradient(140deg,#a1fbd0,#59c9ab);box-shadow:0 5px 30px #66e2b11c}.brand strong{font-size:16px;letter-spacing:-.3px}.brand span{display:block;color:#8e9bae;font-size:11px;margin-top:2px}.connection{display:flex;align-items:center;gap:7px;color:#a3abb8;font-size:12px;white-space:nowrap}.led{display:inline-block;width:7px;height:7px;border-radius:50%;background:#dfaa69;box-shadow:0 0 8px #dfaa6970}.connection.online .led{background:#71eab1;box-shadow:0 0 9px #59d6a7aa}.workspace{display:grid;grid-template-columns:280px minmax(300px,1fr) 265px;flex:1;min-height:0}.sidebar{border-right:1px solid #252c3a;display:flex;flex-direction:column;min-height:0}.sidebar-top{padding:20px 14px 12px;border-bottom:1px solid #252c3a}.caption{color:#78889f;font-size:10px;font-weight:750;letter-spacing:1.1px}.sidebar select,.sidebar input{width:100%;height:39px;background:#1c2331;border:1px solid #303a4a;border-radius:11px;padding:0 11px;color:#d6e0ed;outline:none;margin-top:8px}.sidebar select:focus,.sidebar input:focus,.composer textarea:focus{border-color:#74d5b0;box-shadow:0 0 0 2px #74d5b016}.section-head{display:flex;align-items:center;justify-content:space-between;margin-top:20px;margin-bottom:10px}.section-head strong{font-size:13px}.small-button,.icon-btn{border:1px solid #303a4a;background:#1d2533;color:#bfd2e2;border-radius:10px;min-width:31px;height:31px}.small-button:hover,.icon-btn:hover{background:#2b3849}.session-list{overflow:auto;min-height:0;padding:10px 8px}.session-item{width:100%;text-align:left;display:flex;gap:10px;align-items:flex-start;border:1px solid transparent;border-radius:12px;padding:13px 9px;color:#ccd8e6;background:none;margin:3px 0}.session-item:hover{background:#20293a}.session-item.selected{background:#1c332e;border-color:#316955}.session-icon{width:31px;height:31px;flex:none;background:#2a3343;color:#b8cadb;border-radius:9px;display:grid;place-items:center;font-weight:750;font-size:13px}.session-item.selected .session-icon{background:#4c997a;color:#ebfff5}.session-info{min-width:0;flex:1}.session-item strong{display:block;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.session-item .sub{color:#8493a6;font-size:11px;display:block;margin-top:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.session-item .busy{color:#8de7b9}.main{display:flex;flex-direction:column;min-height:0;min-width:0;background:#111722}.chat-header{min-height:85px;flex:none;border-bottom:1px solid #283041;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-heading{min-width:0}.chat-heading strong{display:block;font-size:17px;margin:5px 0 4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.muted{color:#8696ac;font-size:12px}.header-actions{display:flex;gap:7px}.icon-btn{height:37px;width:38px;font-size:19px}.danger{color:#ffb4b4}.messages{flex:1;overflow:auto;min-height:0;padding:20px;display:flex;flex-direction:column;gap:14px}.message{display:flex;flex-direction:column;max-width:94%;min-width:0;align-self:flex-start;gap:5px}.message.user{align-self:flex-end;max-width:85%}.message-head{color:#97a6bc;font-size:11px;padding:0 4px}.bubble{background:#202839;border:1px solid #2a3546;border-radius:13px 13px 13px 4px;padding:13px 15px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.52;font-size:13px;user-select:text}.message.user .bubble{border-color:#2c6151;background:#1e4036;border-radius:13px 13px 4px 13px}.empty-state{margin:auto;max-width:285px;text-align:center;color:#a4b3c7}.empty-state strong{display:block;color:#e8ecf6;font-size:17px;margin-top:18px}.empty-state p{line-height:1.65;font-size:12px}.empty-icon{font-size:30px;margin:auto;width:67px;height:67px;border-radius:18px;background:#26392f;display:grid;place-items:center;color:#92e8be}.composer{border-top:1px solid #252f3f;padding:13px 18px 15px;background:#141b27}.composer textarea{resize:none;width:100%;max-height:150px;min-height:65px;background:#1d2635;border:1px solid #354153;color:#eff5fe;padding:13px;border-radius:12px;outline:none;line-height:1.45}.composer-row{display:flex;justify-content:space-between;align-items:center;gap:9px;padding-top:8px}.composer-row #compose-hint{font-size:11px;color:#7f90a9}.send{padding:10px 14px;color:#11201b;background:#85e7b9;border:0;border-radius:10px;font-size:12px;font-weight:750}.send span{font-size:16px;padding-left:10px}.details{padding:21px 15px;border-left:1px solid #273243;overflow:auto;background:#121925}.details h3{font-size:13px;margin:0 0 18px}.summary-card{background:#1d2836;border:1px solid #314054;border-radius:13px;padding:15px;display:flex;flex-direction:column;gap:9px}.summary-card strong{font-size:13px}.progress{background:#334354;height:5px;border-radius:5px;overflow:hidden;margin-top:5px}.progress>div{width:0;height:100%;background:#83e0b6;transition:width .35s}.divider{height:1px;background:#2b3343;margin:26px 0}.feature-row{display:flex;align-items:flex-start;gap:11px;margin:17px 0}.feature-row>span{width:30px;height:30px;border:1px solid #344258;background:#202b39;border-radius:9px;display:grid;place-items:center;color:#9beac4}.feature-row strong{font-size:12px}.feature-row p{font-size:11px;color:#8999ab;margin:3px 0}.queue-item{padding:11px 7px;border-bottom:1px solid #2c3748}.queue-item p{font-size:12px;line-height:1.5;color:#c4d3e5;overflow-wrap:anywhere}.queue-item button{border:0;color:#ffaca4;background:none;font-size:11px;padding:0}.secondary{border:1px solid #385445;border-radius:10px;background:#244a39;color:#9be7b7;padding:10px}.full{width:100%}.images{padding:10px 20px;display:flex;gap:9px;overflow-x:auto;max-height:162px;border-top:1px solid #273448;flex:none}.images img{height:125px;width:auto;max-width:200px;object-fit:cover;border-radius:9px;border:1px solid #3b4c60;cursor:zoom-in}.hidden{display:none!important}.placeholder{padding:22px 10px;color:#8494a8;font-size:12px;text-align:center}.warning{background:#583931;color:#ffd9cf;padding:12px 20px;text-align:center;font-size:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#344334;border:1px solid #628e67;padding:12px 18px;border-radius:12px;z-index:30;box-shadow:0 6px 20px #0009;max-width:92%;text-align:center}.bottom-nav{display:none}@media(max-width:1040px){.workspace{grid-template-columns:240px minmax(300px,1fr)}.details{display:none}}@media(max-width:700px){body{background:#111722}.topbar{height:63px;padding:0 16px}.workspace{display:block;position:relative;flex:1;min-height:0}.sidebar,.main,.details{position:absolute;inset:0;display:none;border:0}.app[data-tab="sessions"] .sidebar,.app[data-tab="chat"] .main,.app[data-tab="queue"] .details{display:flex}.app[data-tab="queue"] .details{flex-direction:column}.sidebar-top{padding:16px}.session-list{padding:8px 12px}.main{display:none}.messages{padding:13px}.chat-header{padding:12px 16px;min-height:77px}.chat-heading strong{font-size:15px}.composer{padding:10px 12px 15px}.details{padding:18px 17px}.bottom-nav{display:flex;height:66px;flex:none;border-top:1px solid #283647;justify-content:space-around;background:#121b29;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{color:#889eb4;background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:3px;justify-content:center;flex:1;font-size:20px}.bottom-nav button span{font-size:10px}.bottom-nav button.active{color:#89eabb}.toast{bottom:87px}.brand strong{font-size:15px}.chat-heading .muted{font-size:11px}}
.lightbox{position:fixed;inset:0;z-index:100;background:rgba(2,6,13,.93);display:flex;align-items:center;justify-content:center;padding:20px}.lightbox>img{max-height:92dvh;max-width:96vw;object-fit:contain;border-radius:8px}.lightbox-close{position:absolute;top:24px;right:24px;background:#273345;color:white;border:1px solid #6b7886;border-radius:10px;width:38px;height:38px;font-size:20px;z-index:101}