*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:#111b21;color:#e9edef;height:100vh;overflow:hidden}#root{height:100vh}.app-layout{display:flex;height:100vh;overflow:hidden}.error-banner{position:fixed;top:0;left:0;right:0;z-index:100;background:#c0392b;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;font-size:14px}.error-banner button{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;line-height:1}.contact-list{width:380px;min-width:320px;display:flex;flex-direction:column;background:#111b21;border-right:1px solid #222d34;height:100vh;overflow:hidden}.contact-list-header{padding:16px 20px 12px;background:#202c33;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.app-title{font-size:18px;font-weight:600;color:#e9edef}.contact-count{font-size:12px;color:#8696a0}.filters{padding:10px 12px;background:#111b21;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid #222d34;flex-shrink:0}.search-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:10px;width:16px;height:16px;color:#8696a0;pointer-events:none}.search-input{width:100%;padding:9px 36px 9px 34px;border-radius:8px;border:none;background:#202c33;color:#e9edef;font-size:14px;outline:none;transition:background .2s}.search-input::placeholder{color:#8696a0}.search-input:focus{background:#2a3942}.clear-btn{position:absolute;right:8px;background:none;border:none;color:#8696a0;font-size:18px;cursor:pointer;line-height:1;padding:2px 4px}.clear-btn:hover{color:#e9edef}.filter-row{display:flex;gap:8px}.filter-select{flex:1;padding:8px 10px;border-radius:8px;border:none;background:#202c33;color:#e9edef;font-size:13px;outline:none;cursor:pointer}.filter-select:focus{background:#2a3942}.filter-select option{background:#202c33}.date-filter-tabs{display:flex;gap:6px}.date-tab{flex:1;padding:6px 0;border-radius:8px;border:1px solid #3b4a54;background:none;color:#8696a0;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.date-tab:hover{border-color:#00a884;color:#00a884}.date-tab.active{background:#00a884;border-color:#00a884;color:#fff}.fit-filter-tabs{display:flex;flex-wrap:wrap;gap:6px}.fit-tab{padding:5px 10px;border-radius:100px;border:1px solid #3b4a54;background:none;color:#8696a0;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.fit-tab:hover{border-color:#8696a0;color:#e9edef}.fit-tab.active{color:#fff;border-color:transparent}.fit-tab:first-child.active{background:#3b4a54}.fit-tab-fit-esp.active{background:#1a6b4a;border-color:#00a884}.fit-tab-fit-esp:not(.active):hover{border-color:#00a884;color:#00a884}.fit-tab-fit-mba.active{background:#1a3a6b;border-color:#4a9eff}.fit-tab-fit-mba:not(.active):hover{border-color:#4a9eff;color:#4a9eff}.fit-tab-inconcluso.active{background:#5a4a10;border-color:#f0c040}.fit-tab-inconcluso:not(.active):hover{border-color:#f0c040;color:#f0c040}.fit-tab-no-fit.active{background:#5a1a1a;border-color:#e05050}.fit-tab-no-fit:not(.active):hover{border-color:#e05050;color:#e05050}.clear-filters-btn{background:none;border:1px solid #3b4a54;color:#8696a0;border-radius:8px;padding:6px 12px;font-size:12px;cursor:pointer;transition:all .2s;align-self:flex-start}.clear-filters-btn:hover{border-color:#00a884;color:#00a884}.contacts-scroll{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3b4a54 transparent}.contacts-scroll::-webkit-scrollbar{width:4px}.contacts-scroll::-webkit-scrollbar-thumb{background:#3b4a54;border-radius:4px}.contact-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;border-bottom:1px solid #222d34;cursor:pointer;text-align:left;transition:background .15s;color:inherit}.contact-item:hover{background:#202c33}.contact-item.active{background:#2a3942}.avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#00a884,#008069);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;color:#fff;flex-shrink:0;-webkit-user-select:none;user-select:none}.contact-info{flex:1;min-width:0}.contact-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.contact-name{font-size:15px;font-weight:500;color:#e9edef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.contact-date{font-size:11px;color:#8696a0;flex-shrink:0}.contact-bottom{display:flex;align-items:center;gap:6px;margin-top:3px;flex-wrap:wrap}.contact-sub{font-size:13px;color:#8696a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.badge{display:inline-flex;align-items:center;border-radius:100px;padding:2px 8px;font-size:11px;font-weight:500;white-space:nowrap;flex-shrink:0}.badge.sm{font-size:12px;padding:3px 10px}.badge.programa{background:#1a3a4a;color:#00a884;border:1px solid #00a88433}.badge.fit{border:1px solid transparent}.badge.fit-fit-esp{background:#1a6b4a;color:#4dffb4;border-color:#00a88433}.badge.fit-fit-mba{background:#1a3a6b;color:#7ab8ff;border-color:#4a9eff33}.badge.fit-inconcluso{background:#5a4a10;color:#f0c040;border-color:#f0c04033}.badge.fit-no-fit{background:#5a1a1a;color:#ff8080;border-color:#e0505033}.chat-window{flex:1;display:flex;flex-direction:column;background:#0b141a;height:100vh;overflow:hidden;position:relative}.chat-window:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.015'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}.chat-window>*{position:relative;z-index:1}.empty-chat{justify-content:center;align-items:center}.empty-chat-content{display:flex;flex-direction:column;align-items:center;gap:12px;color:#8696a0;text-align:center;padding:40px}.chat-empty-icon{width:80px;height:80px;opacity:.3}.empty-chat-content h2{font-size:20px;font-weight:500;color:#e9edef}.empty-chat-content p{font-size:14px;max-width:280px}.chat-header{display:flex;align-items:center;gap:14px;padding:12px 20px;background:#202c33;border-bottom:1px solid #222d34;flex-shrink:0}.chat-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#00a884,#008069);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;color:#fff;flex-shrink:0}.chat-header-info{flex:1;min-width:0}.chat-name{font-size:16px;font-weight:600;color:#e9edef}.chat-meta{display:flex;align-items:center;gap:10px;margin-top:3px;flex-wrap:wrap}.chat-meta span{font-size:12px;color:#8696a0}.chat-stats{flex-shrink:0}.msg-count{font-size:12px;color:#8696a0;background:#2a3942;padding:4px 10px;border-radius:100px}.contact-detail-bar{display:flex;gap:20px;padding:8px 20px;background:#182229;border-bottom:1px solid #222d34;font-size:12px;color:#8696a0;flex-shrink:0;flex-wrap:wrap}.contact-detail-bar strong{color:#aebac1}.messages-container{flex:1;overflow-y:auto;padding:20px 60px;display:flex;flex-direction:column;gap:4px;scrollbar-width:thin;scrollbar-color:#3b4a54 transparent}.messages-container::-webkit-scrollbar{width:4px}.messages-container::-webkit-scrollbar-thumb{background:#3b4a54;border-radius:4px}.date-divider{display:flex;justify-content:center;margin:16px 0 8px}.date-divider span{background:#182229;color:#8696a0;font-size:12px;padding:5px 12px;border-radius:8px;border:1px solid #222d34;text-transform:capitalize}.message-row{display:flex;align-items:flex-end;gap:8px;margin-bottom:2px}.message-row.bot{justify-content:flex-start}.message-row.human{justify-content:flex-end}.message-avatar.bot-avatar{font-size:20px;flex-shrink:0;margin-bottom:4px}.bubble{max-width:65%;padding:8px 12px 6px;border-radius:12px;position:relative;word-wrap:break-word;box-shadow:0 1px 2px #0000004d}.bubble-bot{background:#202c33;border-radius:0 12px 12px;color:#e9edef}.bubble-human{background:#005c4b;border-radius:12px 12px 0;color:#e9edef}.bubble-sender{display:block;font-size:11px;font-weight:600;color:#00a884;margin-bottom:4px}.bubble-text{font-size:14.5px;line-height:1.5;white-space:pre-wrap}.bubble-time{display:block;font-size:11px;color:#8696a0;text-align:right;margin-top:4px}.state-msg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px;color:#8696a0;font-size:14px;flex:1;min-height:200px}.empty-icon{width:48px;height:48px;opacity:.4}.spinner{width:32px;height:32px;border:3px solid #222d34;border-top-color:#00a884;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.contact-list{width:100%;min-width:unset}.chat-window,.app-layout.chat-open .contact-list{display:none}.app-layout.chat-open .chat-window{display:flex}.messages-container{padding:16px 12px}.bubble{max-width:85%}}