@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.chat-container{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);flex-direction:column;width:100%;height:100vh;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.chat-container.professional:before{content:"";z-index:-1;background:linear-gradient(135deg,#2c5aa0 0%,#1e3c72 100%);height:200px;position:absolute;top:0;left:0;right:0}.chat-header{color:#fff;z-index:10;background:linear-gradient(135deg,#2c5aa0 0%,#1e3c72 100%);justify-content:space-between;align-items:center;padding:25px 40px;display:flex;position:relative;box-shadow:0 8px 32px #2c5aa04d}.chat-header:before{content:"";z-index:0;background:#ffffff0d;border-radius:50%;width:150px;height:150px;position:absolute;top:-50%;right:-20%}.chat-header:after{content:"🧠";opacity:.3;z-index:0;font-size:24px;position:absolute;top:15px;right:40px}.chat-header-left{z-index:1;align-items:center;gap:20px;display:flex}.chat-header-left h2{letter-spacing:-.5px;margin:0;font-size:28px;font-weight:700}.back-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:18px;font-weight:700;transition:all .3s;display:flex}.back-btn:hover{background:#ffffff4d;transform:translate(-3px)}.user-info{z-index:1;align-items:center;gap:20px;font-size:16px;font-weight:500;display:flex}.logout-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a52 100%);border:none;border-radius:10px;padding:12px 20px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #ff6b6b4d}.chat-box{z-index:5;background:#fff;border-radius:20px 20px 0 0;flex-direction:column;flex:1;margin:-20px 40px 0;padding:30px 40px;display:flex;position:relative;overflow-y:auto;box-shadow:0 -5px 25px #2c5aa01a}.chat-box::-webkit-scrollbar{width:6px}.chat-box::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chat-box::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2c5aa0,#1e3c72);border-radius:3px}.welcome-message{text-align:center;background:linear-gradient(135deg,#f8f9ff 0%,#e6f3ff 100%);border:2px solid #e3f2fd;border-radius:20px;margin:40px 0;padding:60px 40px}.welcome-message.continuation{background:linear-gradient(135deg,#fff8e1 0%,#fff3c4 100%);border-color:#ffecb3}.welcome-avatar{margin-bottom:25px;font-size:80px;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(180deg)}}.welcome-message h3{color:#2c5aa0;margin-bottom:15px;font-size:28px;font-weight:700}.welcome-message p{color:#6c757d;margin-bottom:30px;font-size:18px;line-height:1.6}.simple-prompt{color:#6c757d;margin-top:20px;font-size:18px;font-style:italic;font-weight:400}.continuation-info{margin-top:20px}.continuation-badge{color:#fff;background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:20px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-block}.user{text-align:right;color:#1565c0;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border:1px solid #90caf9;border-radius:25px 25px 8px;max-width:75%;margin:25px 0 25px auto;padding:18px 24px;font-size:16px;font-weight:500;line-height:1.6;animation:.3s slideIn;position:relative;box-shadow:0 6px 20px #2196f333}.bot{text-align:left;color:#2c3e50;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:1px solid #dee2e6;border-radius:25px 25px 25px 8px;max-width:80%;margin:25px 0;padding:18px 24px;font-size:16px;font-weight:400;line-height:1.7;animation:.3s slideIn;position:relative;box-shadow:0 6px 20px #2c5aa026}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.user:before{content:"👤";font-size:20px;position:absolute;top:15px;right:-35px}.bot:before{content:"🤖";font-size:20px;position:absolute;top:15px;left:-35px}.bot.typing{background:linear-gradient(135deg,#f0f4ff 0%,#e3f2fd 100%);border-color:#bbdefb;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.typing-indicator{align-items:center;gap:15px;display:flex}.typing-dots{gap:4px;display:flex}.typing-dots span{background:#2c5aa0;border-radius:50%;width:8px;height:8px;animation:1.4s infinite typing}.typing-dots span:first-child{animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-12px)}}.typing-text{color:#6c757d;font-style:italic;font-weight:500}.input-box{z-index:5;background:#fff;border-top:2px solid #f1f3f4;border-radius:0 0 20px 20px;margin:0 40px 30px;padding:25px 30px;box-shadow:0 -8px 32px #2c5aa01a}.input-wrapper{align-items:center;gap:15px;margin-bottom:15px;display:flex}.input-wrapper input{background:#f8f9fa;border:2px solid #e9ecef;border-radius:25px;outline:none;flex:1;padding:18px 24px;font-family:inherit;font-size:16px;transition:all .3s}.input-wrapper input:focus{background:#fff;border-color:#2c5aa0;box-shadow:0 0 0 4px #2c5aa01a}.input-wrapper input::placeholder{color:#6c757d;font-style:italic}.send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2c5aa0 0%,#1e3c72 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;transition:all .3s;display:flex;box-shadow:0 6px 20px #2c5aa04d}.send-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 30px #2c5aa066}.send-btn:disabled{cursor:not-allowed;box-shadow:none;background:#e9ecef;transform:none}.send-icon{font-size:18px;font-weight:700}.loading-spinner{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input-actions{color:#6c757d;justify-content:space-between;align-items:center;font-size:14px;display:flex}.clear-btn{color:#6c757d;cursor:pointer;background:0 0;border:2px solid #6c757d;border-radius:15px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .3s}.clear-btn:hover:not(:disabled){color:#fff;background:#6c757d}.clear-btn:disabled{opacity:.4;cursor:not-allowed}.char-count{font-weight:500}@media (width<=768px){.chat-container{height:100vh}.chat-header{text-align:center;flex-direction:column;gap:15px;padding:20px}.chat-header-left{order:1;gap:15px}.user-info{order:0;justify-content:center;font-size:14px}.chat-header-left h2{font-size:24px}.chat-box{margin:-15px 15px 0;padding:20px}.input-box{margin:0 15px 20px;padding:20px}.input-wrapper{flex-direction:column;align-items:stretch;gap:15px}.send-btn{align-self:center;width:50px;height:50px}.welcome-message{margin:20px 0;padding:40px 20px}.welcome-message h3{font-size:22px}.welcome-message p{font-size:16px}.user{max-width:85%;margin-left:15%;padding:15px 18px;font-size:15px}.bot{max-width:90%;padding:15px 18px;font-size:15px}.user:before,.bot:before{font-size:16px;top:12px}.user:before{right:-25px}.bot:before{left:-25px}}@media (width<=480px){.chat-header{padding:15px}.chat-header-left h2{font-size:20px}.back-btn{width:35px;height:35px;font-size:14px}.chat-box,.input-box{padding:15px}.input-wrapper input{padding:15px 20px;font-size:15px}.send-btn{width:45px;height:45px}.welcome-avatar{font-size:60px}.welcome-message h3{font-size:20px}.user{max-width:90%;margin-left:10%}.user:before,.bot:before{display:none}}.auth-container{background:linear-gradient(135deg,#2c5aa0 0%,#1e3c72 100%);justify-content:center;align-items:center;min-height:100vh;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.auth-container:before{content:"";z-index:0;background:#ffffff0d;border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-50%}.auth-container:after{content:"🎯";opacity:.1;z-index:0;font-size:60px;position:absolute;top:10%;left:10%}.auth-card{z-index:10;background:#fff;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:450px;margin:20px;padding:50px;position:relative;box-shadow:0 20px 60px #2c5aa04d}.auth-card h2{text-align:center;color:#2c5aa0;letter-spacing:-.5px;margin-bottom:35px;font-size:32px;font-weight:700}.auth-card h2:before{content:"📚 ";margin-right:10px;font-size:28px}.auth-form{flex-direction:column;gap:25px;display:flex}.form-group{flex-direction:column;display:flex}.form-group label{color:#2c5aa0;letter-spacing:.3px;margin-bottom:8px;font-size:15px;font-weight:600}.form-group input{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:16px 18px;font-family:inherit;font-size:16px;transition:all .3s}.form-group input:focus{background:#fff;border-color:#2c5aa0;outline:none;box-shadow:0 0 0 3px #2c5aa01a}.form-group input::placeholder{color:#6c757d;font-style:italic}.submit-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#2c5aa0 0%,#1e3c72 100%);border:none;border-radius:12px;margin-top:10px;padding:16px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 6px 20px #2c5aa04d}.submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 30px #2c5aa066}.submit-btn:disabled{cursor:not-allowed;background:#6c757d;transform:none;box-shadow:0 2px 10px #0000001a}.switch-btn{color:#2c5aa0;cursor:pointer;background:0 0;border:2px solid #2c5aa0;border-radius:12px;margin-top:15px;padding:12px;font-size:15px;font-weight:600;transition:all .3s}.switch-btn:hover{color:#fff;background:#2c5aa0;transform:translateY(-2px);box-shadow:0 6px 20px #2c5aa033}.auth-switch{text-align:center;border-top:2px solid #f1f3f4;margin-top:25px;padding-top:20px}.auth-switch p{color:#6c757d;margin:0 0 15px;font-size:15px;font-weight:500}.error-message{color:#c00;text-align:center;background:linear-gradient(135deg,#ffe6e6 0%,#fcc 100%);border:1px solid #f99;border-radius:10px;margin-bottom:15px;padding:12px 16px;font-size:14px;font-weight:500}.success-message{color:#2e7d32;text-align:center;background:linear-gradient(135deg,#e8f5e8 0%,#c8e6c9 100%);border:1px solid #4caf50;border-radius:10px;margin-bottom:15px;padding:12px 16px;font-size:14px;font-weight:500}.loading{opacity:.7;pointer-events:none}@media (width<=768px){.auth-container{padding:20px}.auth-card{max-width:100%;margin:10px;padding:40px 30px}.auth-card h2{font-size:28px}.form-group input{padding:14px 16px;font-size:15px}.submit-btn{padding:14px;font-size:15px}.switch-btn{padding:10px;font-size:14px}}@media (width<=480px){.auth-card{padding:30px 20px}.auth-card h2{font-size:24px}.auth-card h2:before{font-size:22px}}.chat-history-container{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);flex-direction:column;width:100%;height:100vh;margin:0;padding:0;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow-x:hidden}.chat-history-container:before{content:"";z-index:-1;background:linear-gradient(135deg,#2c5aa0 0%,#1e3c72 100%);height:300px;position:absolute;top:0;left:0;right:0}.chat-history-header{color:#fff;background:linear-gradient(135deg,#2c5aa0 0%,#1e3c72 100%);justify-content:space-between;align-items:center;margin:0;padding:40px 50px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #2c5aa04d}.chat-history-header:before{content:"";z-index:0;background:#ffffff0d;border-radius:50%;width:200px;height:200px;position:absolute;top:-50%;right:-20%}.chat-history-header:after{content:"🎯";opacity:.3;z-index:0;font-size:24px;position:absolute;top:20px;right:50px}.chat-history-header h1{letter-spacing:-.5px;z-index:1;margin:0;font-size:32px;font-weight:700;position:relative}.header-title{z-index:1;position:relative}.header-subtitle{opacity:.9;color:#fffffff2;margin:8px 0 0;font-size:16px;font-weight:400}.header-actions{z-index:1;align-items:center;gap:25px;display:flex;position:relative}.user-welcome{opacity:.95;background:#ffffff1a;border:1px solid #fff3;border-radius:25px;align-items:center;gap:8px;padding:8px 16px;font-size:17px;font-weight:500;display:flex}.welcome-icon{font-size:16px}.new-chat-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #4caf504d}.btn-icon{font-size:16px}.new-chat-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4caf5066}.logout-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a52 100%);border:none;border-radius:12px;padding:14px 24px;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #ff6b6b4d}.logout-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ff6b6b66}.chat-history-main{z-index:10;background:#fff;border-radius:20px;flex-direction:column;flex:1;margin:-50px 30px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 50px #2c5aa01a}.loading-message{color:#666;background:#fff;border-radius:12px;justify-content:center;align-items:center;height:400px;font-size:18px;display:flex}.error-message{text-align:center;color:#dc3545;background:#f8f9fa;border-radius:12px;margin:20px;padding:40px}.retry-btn{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:6px;margin-top:15px;padding:10px 20px}.no-history{text-align:center;color:#6c757d;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:2px dashed #dee2e6;border-radius:20px;margin:40px;padding:80px 40px}.no-history-icon{background:linear-gradient(135deg,#2c5aa0 0%,#1e3c72 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:30px;font-size:80px}.no-history h3{color:#2c5aa0;margin-bottom:15px;font-size:28px;font-weight:700}.no-history p{color:#6c757d;margin-bottom:40px;font-size:18px;line-height:1.6}.start-chat-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#2c5aa0 0%,#1e3c72 100%);border:none;border-radius:15px;padding:18px 40px;font-size:18px;font-weight:700;transition:all .3s;box-shadow:0 8px 30px #2c5aa04d}.start-chat-btn:hover{transform:translateY(-4px);box-shadow:0 15px 40px #2c5aa066}.history-stats{color:#6c757d;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-bottom:2px solid #f8f9fa;padding:30px 40px;font-size:16px;font-weight:500}.history-stats:before{content:"📊 ";margin-right:8px}.history-list{flex:1;padding:0;overflow-y:auto}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.history-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2c5aa0,#1e3c72);border-radius:3px}.chat-session{cursor:pointer;background:#fff;border-bottom:1px solid #f1f3f4;padding:30px 40px;transition:all .4s;position:relative}.chat-session:before{content:"";background:linear-gradient(135deg,#2c5aa0 0%,#1e3c72 100%);width:0;transition:width .4s;position:absolute;top:0;bottom:0;left:0}.chat-session:hover{background:#f8f9fa;transform:translate(8px);box-shadow:0 8px 25px #2c5aa01a}.chat-session:hover:before{width:4px}.chat-session:last-child{border-bottom:none}.session-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.session-date{color:#2c5aa0;letter-spacing:-.3px;margin:0;font-size:22px;font-weight:700}.message-count{color:#1565c0;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border:1px solid #90caf9;border-radius:25px;padding:6px 16px;font-size:14px;font-weight:600}.session-preview{margin-bottom:8px}.session-preview p{color:#495057;margin:0;font-size:16px;font-weight:400;line-height:1.6}.session-time{color:#6c757d;font-size:14px;font-style:italic;font-weight:500}.session-time:before{content:"🕐 ";margin-right:4px}.session-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2c5aa0cc;justify-content:center;align-items:center;animation:.3s modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.session-modal{background:#fff;border:1px solid #2c5aa01a;border-radius:20px;flex-direction:column;width:90%;max-width:900px;max-height:85vh;animation:.3s modalSlideIn;display:flex;box-shadow:0 25px 80px #2c5aa066}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-bottom:2px solid #f1f3f4;border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;padding:25px 35px;display:flex}.modal-header h3{color:#2c5aa0;margin:0;font-size:22px;font-weight:700}.modal-header h3:before{content:"📋 ";margin-right:8px}.close-modal-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a52 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:8px 12px;font-size:20px;font-weight:700;transition:all .3s;display:flex}.close-modal-btn:hover{transform:rotate(90deg)scale(1.1);box-shadow:0 4px 15px #ff6b6b4d}.modal-content{flex:1;padding:0;overflow-y:auto}.session-messages{padding:20px 25px}.message{border-radius:15px;margin-bottom:25px;padding:20px;position:relative;box-shadow:0 3px 15px #0000001a}.message.user{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border:1px solid #90caf9;border-bottom-right-radius:5px;margin-left:80px}.message.user:before{content:"🗣️";font-size:16px;position:absolute;top:15px;right:-25px}.message.assistant{background:linear-gradient(135deg,#f0f4f8 0%,#e2eaf2 100%);border:1px solid #c1d5e0;border-bottom-left-radius:5px;margin-right:80px}.message.assistant:before{content:"🤖";font-size:16px;position:absolute;top:15px;left:-25px}.message-content{color:#2c3e50;margin-bottom:12px;font-size:16px;font-weight:400;line-height:1.7}.message-time{color:#6c757d;text-align:right;opacity:.8;font-size:12px;font-weight:500}.message.assistant .message-time{text-align:left}.modal-actions{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-top:2px solid #f1f3f4;border-radius:0 0 20px 20px;padding:25px 35px}.continue-chat-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#2c5aa0 0%,#1e3c72 100%);border:none;border-radius:12px;width:100%;padding:16px 30px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 6px 20px #2c5aa04d}.continue-chat-btn:before{content:"🚀 ";margin-right:8px}.continue-chat-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #2c5aa066}@media (width<=768px){.chat-history-container{height:100vh;padding:0}.chat-history-header{text-align:center;flex-direction:column;gap:20px;padding:30px 20px}.chat-history-header h1{font-size:26px}.header-subtitle{font-size:15px}.header-actions{flex-wrap:wrap;justify-content:center;gap:15px;width:100%}.user-welcome{text-align:center;order:-1;justify-content:center;width:100%;padding:10px 16px;font-size:16px}.new-chat-btn,.logout-btn{padding:12px 24px;font-size:15px}.chat-history-main{flex:1;margin:-30px 15px 20px}.session-modal{width:95%;max-height:90vh;margin:10px}.modal-header{padding:20px}.modal-header h3{font-size:18px}.session-messages{padding:15px 20px}.message.user{margin-left:30px}.message.assistant{margin-right:30px}.chat-session{padding:25px 20px}.history-stats{padding:25px 20px;font-size:15px}}.summary-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#6c63ff 0%,#5a52d5 100%);border:none;border-radius:12px;width:100%;margin-bottom:15px;padding:16px 30px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 6px 20px #6c63ff4d}.summary-btn:before{content:"📝 ";margin-right:8px}.summary-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #6c63ff66}.summary-btn:disabled{color:#6c757d;cursor:not-allowed;box-shadow:none;background:#e9ecef;transform:none}.summary-btn:disabled:before{content:"⏳ "}.session-summary{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:2px solid #dee2e6;border-radius:15px;margin:20px 0;padding:25px;box-shadow:0 8px 25px #2c5aa01a}.session-summary h4{color:#2c5aa0;align-items:center;gap:10px;margin-bottom:20px;font-size:20px;font-weight:700;display:flex}.session-summary h4:before{content:"📋";font-size:18px}.summary-section{background:#fff;border-left:4px solid #2c5aa0;border-radius:10px;margin:15px 0;padding:20px;transition:all .3s;box-shadow:0 3px 10px #0000001a}.summary-section:hover{transform:translate(5px);box-shadow:0 5px 15px #00000026}.summary-section h5{color:#2c5aa0;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:10px;font-size:16px;font-weight:700;display:flex}.summary-section h5.problem:before{content:"🎯"}.summary-section h5.resolution:before{content:"✅"}.summary-section h5.actions:before{content:"📋"}.summary-section h5.notes:before{content:"📝"}.summary-section p{color:#495057;margin:0;font-size:15px;font-weight:400;line-height:1.6}.summary-section ul{color:#495057;margin:8px 0;padding-left:20px;font-size:15px;line-height:1.6}.summary-section li{margin-bottom:5px}.summary-error{color:#c62828;text-align:center;background:linear-gradient(135deg,#ffebee 0%,#ffcdd2 100%);border:2px solid #ffcdd2;border-radius:10px;padding:20px;font-weight:500}.summary-error:before{content:"⚠️ ";margin-right:8px;font-size:18px}@media (width<=768px){.session-summary{margin:15px 0;padding:20px 15px}.session-summary h4{font-size:18px}.summary-section{margin:12px 0;padding:15px}.summary-section h5{font-size:15px}.summary-section p,.summary-section ul{font-size:14px}.summary-btn{padding:14px 25px;font-size:15px}}.view-messages-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#28a745 0%,#20c997 100%);border:none;border-radius:12px;width:100%;margin-top:10px;padding:16px 30px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 6px 20px #28a7454d}.view-messages-btn:before{content:"💬 ";margin-right:8px}.view-messages-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #28a74566}.back-to-messages-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#17a2b8 0%,#138496 100%);border:none;border-radius:12px;width:100%;margin-bottom:15px;padding:16px 30px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 6px 20px #17a2b84d}.back-to-messages-btn:before{content:"← ";margin-right:8px}.back-to-messages-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #17a2b866}.new-chat-from-summary-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#2c5aa0 0%,#1e3c72 100%);border:none;border-radius:12px;width:100%;padding:16px 30px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 6px 20px #2c5aa04d}.new-chat-from-summary-btn:before{content:"✨ ";margin-right:8px}.new-chat-from-summary-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #2c5aa066}@media (width<=768px){.view-messages-btn,.back-to-messages-btn,.new-chat-from-summary-btn{margin-bottom:12px;padding:14px 25px;font-size:15px}.welcome-dashboard{padding:40px 20px}.dashboard-hero h2{margin-bottom:12px;font-size:32px}.hero-subtitle{padding:0 20px;font-size:18px}.hero-avatar{margin-bottom:25px;font-size:80px}.dashboard-features{grid-template-columns:1fr;gap:20px;margin-bottom:40px}.feature-card{padding:30px 20px}.feature-icon{margin-bottom:20px;font-size:50px}.feature-card h3{margin-bottom:12px;font-size:20px}.feature-card p{font-size:15px}.cta-section{padding:30px 20px}.start-coaching-btn{margin-bottom:20px;padding:16px 32px;font-size:18px}.cta-description{padding:0 10px;font-size:16px}.no-history{margin:20px}}@media (width<=480px){.welcome-dashboard{padding:30px 15px}.dashboard-hero h2{font-size:28px}.hero-subtitle{font-size:16px}.hero-avatar{margin-bottom:20px;font-size:60px}.feature-card{padding:25px 15px}.feature-icon{margin-bottom:15px;font-size:40px}.feature-card h3{font-size:18px}.feature-card p{font-size:14px}.start-coaching-btn{width:100%;padding:14px 28px;font-size:16px}.cta-description{font-size:15px}}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.app-loading{background:linear-gradient(135deg,#2c5aa0 0%,#1e3c72 100%);justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.app-loading:before{content:"";z-index:0;background:#ffffff0d;border-radius:50%;width:400px;height:400px;animation:6s ease-in-out infinite float;position:absolute;top:-50%;right:-50%}.app-loading:after{content:"";z-index:0;background:#ffffff08;border-radius:50%;width:300px;height:300px;animation:8s ease-in-out infinite reverse float;position:absolute;bottom:-30%;left:-30%}.loading-container{text-align:center;color:#fff;z-index:10;position:relative}.loading-avatar{margin-bottom:30px;font-size:100px;animation:2s ease-in-out infinite bounce}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.loading-spinner{justify-content:center;margin-bottom:40px;display:flex}.spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.loading-container h2{letter-spacing:-.5px;margin-bottom:15px;font-size:36px;font-weight:700}.loading-container p{opacity:.9;font-size:18px;font-weight:400}@media (width<=768px){.loading-avatar{margin-bottom:25px;font-size:80px}.loading-container h2{margin-bottom:12px;font-size:28px}.loading-container p{padding:0 20px;font-size:16px}.spinner{width:40px;height:40px}}@media (width<=480px){.loading-avatar{margin-bottom:20px;font-size:60px}.loading-container h2{margin-bottom:10px;font-size:24px}.loading-container p{font-size:15px}}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .3s}button:disabled{cursor:not-allowed;opacity:.6}*{transition:all .3s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2c5aa0,#1e3c72);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1e3c72,#2c5aa0)}.fade-in{animation:.5s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:.4s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}input:focus,textarea:focus,select:focus{outline:none;border-color:#2c5aa0!important;box-shadow:0 0 0 3px #2c5aa01a!important}.btn-primary{color:#fff;background:linear-gradient(135deg,#2c5aa0 0%,#1e3c72 100%);border-radius:12px;padding:14px 28px;font-weight:600;box-shadow:0 6px 20px #2c5aa04d}.btn-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 30px #2c5aa066}.btn-secondary{color:#fff;background:linear-gradient(135deg,#6c757d 0%,#495057 100%);border-radius:10px;padding:12px 24px;font-weight:500;box-shadow:0 4px 15px #6c757d4d}.btn-secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #6c757d66}.container-fluid{flex-direction:column;width:100%;height:100vh;display:flex}.full-height{min-height:100vh}.center-content{text-align:center;justify-content:center;align-items:center;display:flex}.notification{z-index:1000;background:#fff;border-left:4px solid #2c5aa0;border-radius:12px;padding:16px 20px;animation:.3s slideInRight;position:fixed;top:20px;right:20px;box-shadow:0 10px 30px #0003}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@media (width<=1200px){.container-fluid{padding:0 20px}}@media (width<=992px){.container-fluid{padding:0 15px}}@media (width<=768px){.container-fluid{padding:0 10px}.btn-primary{padding:12px 24px;font-size:15px}.btn-secondary{padding:10px 20px;font-size:14px}}@media (width<=480px){.container-fluid{padding:0 5px}.btn-primary{padding:10px 20px;font-size:14px}.btn-secondary{padding:8px 16px;font-size:13px}}