body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0c0c0c,#1a1a2e 50%,#16213e);border-bottom:1px solid #ffffff1a;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-container{height:80px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.header-container,.logo{align-items:center;display:flex}.logo{font-size:2rem;font-weight:800;gap:.5rem;text-decoration:none}.logo-icon{-webkit-text-fill-color:#0000;animation:logoPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#ffd93d 50%,#6bcf7f);-webkit-background-clip:text;background-clip:text;font-size:2.2rem}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.logo-text{-webkit-text-fill-color:#0000;animation:gradientShift 4s ease infinite;background:linear-gradient(135deg,#ff6b6b,#ffd93d 25%,#6bcf7f 50%,#4d96ff 75%,#9d4edd);-webkit-background-clip:text;background-clip:text;background-size:200% 200%}.nav{align-items:center;display:flex;gap:3rem}.nav-link{border-radius:8px;color:#e2e8f0;font-size:1.1rem;font-weight:600;overflow:hidden;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.nav-link:hover:before{left:100%}.nav-link:hover{background:#ffffff0d;box-shadow:0 4px 15px #0003;color:#fff;transform:translateY(-2px)}.auth-buttons{align-items:center;display:flex;gap:1.5rem}.nav-button{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:50px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;overflow:hidden;padding:.75rem 2rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.nav-button:hover:before{left:100%}.nav-button:hover{box-shadow:0 8px 25px #ff6b6b66;transform:translateY(-3px)}.nav-button.secondary{background:linear-gradient(135deg,#4d96ff,#6c5ce7);box-shadow:0 4px 15px #4d96ff4d}.nav-button.secondary:hover{box-shadow:0 8px 25px #4d96ff66}.user-welcome{color:#e2e8f0;font-weight:600;gap:.5rem}.user-avatar,.user-welcome{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#ff6b6b,#4d96ff);border-radius:50%;color:#fff;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:.5rem}.menu-toggle span{background:linear-gradient(135deg,#ff6b6b,#4d96ff);border-radius:2px;height:3px;transition:.3s;width:25px}.menu-toggle:hover span{background:linear-gradient(135deg,#4d96ff,#ff6b6b)}@media (max-width:968px){.header-container{padding:0 1.5rem}.menu-toggle{display:flex}.nav{background:linear-gradient(135deg,#0c0c0c,#1a1a2e);border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;box-shadow:0 10px 30px #0000004d;flex-direction:column;left:0;opacity:0;padding:2rem;position:fixed;right:0;top:80px;transform:translateY(-20px);transition:all .4s ease;visibility:hidden}.nav-open{opacity:1;transform:translateY(0);visibility:visible}.nav-link{border-radius:12px;margin-bottom:.5rem;padding:1rem 1.5rem;text-align:center;width:100%}.auth-buttons{flex-direction:column;gap:1rem;margin-top:1rem;width:100%}.nav-button{justify-content:center;text-align:center;width:100%}}@media (max-width:480px){.header-container{padding:0 1rem}.logo{font-size:1.5rem}.logo-icon{font-size:1.8rem}}.footer{background:linear-gradient(135deg,#0c0c0c,#1a1a2e 50%,#16213e);border-top:1px solid #ffffff1a;color:#fff;margin-top:auto;overflow:hidden;position:relative}.footer:before{background:linear-gradient(90deg,#0000,#ff6b6b,#4d96ff,#6bcf7f,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer-container{margin:0 auto;max-width:1400px;padding:0 2rem;position:relative;z-index:1}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr 1.5fr;padding:4rem 0 3rem}.footer-brand{display:flex;flex-direction:column;gap:1.5rem}.footer-logo{align-items:center;display:flex;font-size:2rem;font-weight:800;gap:.5rem}.footer-logo-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b6b,#ffd93d 50%,#6bcf7f);-webkit-background-clip:text;background-clip:text;font-size:2.2rem}.footer-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b6b,#4d96ff 50%,#9d4edd);-webkit-background-clip:text;background-clip:text}.footer-description{color:#94a3b8;font-size:1.1rem;line-height:1.7;max-width:400px}.footer-social{display:flex;gap:1rem;margin-top:1rem}.social-link{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:#94a3b8;display:flex;font-size:1.2rem;height:45px;justify-content:center;text-decoration:none;transition:all .3s ease;width:45px}.social-link:hover{background:linear-gradient(135deg,#ff6b6b,#4d96ff);box-shadow:0 8px 25px #ff6b6b4d;color:#fff;transform:translateY(-3px)}.footer-section h4{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.footer-section h4:after{background:linear-gradient(135deg,#ff6b6b,#4d96ff);border-radius:2px;bottom:0;content:"";height:2px;left:0;position:absolute;width:40px}.footer-links{display:flex;flex-direction:column;gap:.8rem}.footer-link{color:#94a3b8;padding:.5rem 0 .5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.footer-link:before{color:#4d96ff;content:"▸";left:0;position:absolute;transition:transform .3s ease}.footer-link:hover{color:#fff;transform:translateX(5px)}.footer-link:hover:before{color:#ff6b6b;transform:translateX(3px)}.footer-newsletter{display:flex;flex-direction:column;gap:1rem}.newsletter-text{color:#94a3b8;line-height:1.6}.newsletter-form{display:flex;gap:.5rem;margin-top:.5rem}.newsletter-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;flex:1 1;font-size:.9rem;padding:.75rem 1rem;transition:all .3s ease}.newsletter-input:focus{background:#ffffff14;border-color:#4d96ff;outline:none}.newsletter-input::placeholder{color:#64748b}.newsletter-button{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.newsletter-button:hover{box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.footer-bottom{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:2rem 0}.footer-copyright{color:#94a3b8;font-size:.9rem}.footer-legal{display:flex;gap:2rem}.footer-legal-link{color:#94a3b8;font-size:.9rem;text-decoration:none;transition:color .3s ease}.footer-legal-link:hover{color:#fff}@media (max-width:968px){.footer-content{gap:2rem;grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (max-width:768px){.footer-container{padding:0 1.5rem}.footer-content{gap:2.5rem;grid-template-columns:1fr;text-align:center}.footer-section h4:after{left:50%;transform:translateX(-50%)}.footer-social{justify-content:center}.footer-link{padding-left:0}.footer-link:before{display:none}.footer-bottom{flex-direction:column;gap:1.5rem;text-align:center}.footer-legal{justify-content:center}}@media (max-width:480px){.footer-container{padding:0 1rem}.footer-content{padding:3rem 0 2rem}.newsletter-form{flex-direction:column}}.page-container{background:linear-gradient(135deg,#0c0c0c,#1a1a2e 50%,#16213e)}.auth-container{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:calc(100vh - 120px);padding:2rem}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 25px #0000004d;max-width:420px;padding:2.5rem;width:100%}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h2{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:.5rem}.auth-header p{color:#94a3b8;margin:0}.auth-form{width:100%}.form-group{margin-bottom:1.5rem}.form-group label{color:#e2e8f0;display:block;font-weight:500;margin-bottom:.5rem}.form-group input{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:6px;box-sizing:border-box;color:#fff;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s ease;width:100%}.form-group input::placeholder{color:#64748b}.form-group input:focus{border-color:#667eea;outline:none}.form-group input:disabled{background:#ffffff08;cursor:not-allowed}.help-text{color:#64748b;display:block;font-size:.8rem;margin-top:.25rem}.error-message{border-radius:6px;padding:.75rem}.auth-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:1.5rem;padding:.75rem;transition:transform .2s ease,opacity .2s ease;width:100%}.auth-button:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.auth-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.auth-links{display:flex;flex-direction:column;gap:.75rem;text-align:center}.auth-links p{color:#94a3b8;margin:0}.link{color:#667eea;font-weight:500;text-decoration:none;transition:color .2s ease}.link:hover{color:#764ba2;text-decoration:underline}@media (max-width:480px){.auth-container{padding:1rem}.auth-card{padding:2rem 1.5rem}}.dashboard-main{align-items:center;background:linear-gradient(135deg,#0c0c0c,#1a1a2e 50%,#16213e);display:flex;flex:1 1;justify-content:center;min-height:calc(100vh - 120px);padding:2rem}.dashboard-container{max-width:1000px;width:100%}.welcome-section:hover{box-shadow:0 25px 50px #0006,0 0 100px #4d96ff33}.welcome-section h1{background:linear-gradient(135deg,#ff6b6b,#ffd93d 25%,#6bcf7f 50%,#4d96ff 75%,#9d4edd)}.file-upload-label{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.text-area:focus{border-color:#4d96ff;box-shadow:0 0 0 3px #4d96ff1a}.summary-section{width:100%}.summary-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2.5rem}.summary-header h2{align-items:center;color:#fff;display:flex;font-size:1.8rem;font-weight:700;gap:.5rem;margin:0}.explanation-section,.sentiment-section,.summary-output{margin-bottom:2.5rem}.explanation-section h3,.sentiment-section h3,.summary-output h3{align-items:center;color:#fff;display:flex;font-size:1.3rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.explanation-textarea,.summary-textarea{background:#ffffff0d;border:1px solid #ffffff1a;color:#fff}.explanation-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.explanation-toggle{align-items:center;background:linear-gradient(135deg,#4d96ff,#6c5ce7);border:none;border-radius:10px;box-shadow:0 4px 15px #4d96ff4d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.explanation-toggle:hover{box-shadow:0 6px 20px #4d96ff66;transform:translateY(-2px)}.explanation-toggle.active{background:linear-gradient(135deg,#6c5ce7,#a55eea)}.explanation-content{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sentiment-badge{align-items:center;border-radius:25px;box-shadow:0 4px 15px #0003;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;padding:.75rem 1.5rem}.sentiment-badge.positive{background:linear-gradient(135deg,#6bcf7f,#4caf50);border:none;color:#fff}.sentiment-badge.negative{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;color:#fff}.sentiment-badge.neutral{background:linear-gradient(135deg,#94a3b8,#64748b);border:none;color:#fff}.error-message{background:#fed7d71a;border:1px solid #feb2b24d;margin-bottom:1.5rem}.success-message{background:#d6ffde1a;border:1px solid #86efac4d;margin-bottom:1.5rem}.summarize-btn{align-items:center;background:linear-gradient(135deg,#6bcf7f,#4caf50);border:none;border-radius:12px;box-shadow:0 4px 15px #6bcf7f4d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;padding:1rem 2.5rem;transition:all .3s ease}.summarize-btn:hover:not(:disabled){box-shadow:0 8px 25px #6bcf7f66;transform:translateY(-3px)}.summarize-btn:disabled{background:linear-gradient(135deg,#64748b,#475569);box-shadow:none;cursor:not-allowed;transform:none}.new-text-btn{align-items:center;background:linear-gradient(135deg,#ff9800,#f57c00);border:none;border-radius:12px;box-shadow:0 4px 15px #ff98004d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;padding:1rem 2.5rem;transition:all .3s ease}.new-text-btn:hover{box-shadow:0 8px 25px #ff980066;transform:translateY(-3px)}.logout-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;padding:1rem 2.5rem}.logout-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)}.logout-btn:disabled{background:linear-gradient(135deg,#64748b,#475569);box-shadow:none;cursor:not-allowed;transform:none}.loading-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-spinner{border:4px solid #ffffff1a;border-top-color:#4d96ff;height:60px;margin:0 auto 1.5rem;width:60px}.loading-content h3{font-size:1.3rem;margin-bottom:.75rem}@media (max-width:768px){.dashboard-main{padding:1rem}.welcome-section{padding:2rem 1.5rem}.welcome-section h1{font-size:1.8rem}.summary-header{align-items:stretch}.action-buttons,.summary-header{flex-direction:column}.logout-btn,.new-text-btn,.summarize-btn{justify-content:center;width:100%}.explanation-header{align-items:stretch;flex-direction:column}.explanation-toggle{justify-content:center;width:100%}}@media (max-width:480px){.welcome-section{padding:1.5rem 1rem}.welcome-section h1{font-size:1.5rem}.file-upload-label,.logout-btn,.new-text-btn,.summarize-btn{font-size:1rem;padding:.875rem 1.5rem}}.explanation-section h3 svg,.explanation-toggle svg,.file-upload-label svg,.logout-btn svg,.new-text-btn svg,.sentiment-section h3 svg,.summarize-btn svg,.summary-header h2 svg,.summary-output h3 svg,.text-input-section h3 svg,.upload-section h3 svg{height:1em;margin-right:.5rem;width:1em}.sentiment-badge svg{height:1em;margin-right:.4rem;width:1em}.action-buttons button{align-items:center;display:flex;justify-content:center}.summarize-btn svg[data-icon=sync-alt]{animation:spin 1s linear infinite}.history-main{align-items:flex-start;background:linear-gradient(135deg,#0c0c0c,#1a1a2e 50%,#16213e);display:flex;flex:1 1;justify-content:center;min-height:calc(100vh - 120px);padding:2rem}.history-container{max-width:1400px;width:100%}.history-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111928cc;border:1px solid #ffffff1f;border-radius:24px;box-shadow:0 25px 50px #0006,inset 0 1px 0 #ffffff1a;padding:2.5rem}.history-header{border-bottom:1px solid #ffffff14;margin-bottom:3rem;padding-bottom:2rem;text-align:center}.history-header h1{-webkit-text-fill-color:#0000;animation:gradientShift 6s ease infinite;background:linear-gradient(135deg,#ff6b6b,#ffd93d 25%,#6bcf7f 50%,#4d96ff 75%,#9d4edd);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:2.5rem;font-weight:800;letter-spacing:-.5px;margin-bottom:.75rem}.history-header p{color:#94a3b8;font-size:1.2rem;font-weight:500;line-height:1.6;margin:0}.history-stats{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;display:flex;gap:2rem;margin-bottom:2.5rem;padding:1.5rem}.stat-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4d96ff,#6c5ce7);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.stat-label{color:#94a3b8;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.error-message{align-items:center;border-radius:16px;display:flex;gap:.75rem;justify-content:center;margin-bottom:2rem;padding:1.25rem 1.5rem}.error-message:before{content:"⚠️";font-size:1.2em}.empty-state{background:#ffffff05;border:2px dashed #ffffff1a;border-radius:20px;margin:2rem 0;padding:5rem 3rem;text-align:center}.empty-icon{font-size:5rem;margin-bottom:2rem}.empty-state h3{color:#e2e8f0;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.empty-state p{color:#94a3b8;font-size:1.1rem;line-height:1.6;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:400px}.history-content{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:1fr 1.2fr;margin-bottom:2rem}.history-list{display:flex;flex-direction:column;gap:1.25rem;max-height:700px;overflow-y:auto;padding-right:.5rem}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.history-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4d96ff,#6c5ce7);border-radius:10px}.history-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#6c5ce7,#a55eea)}.history-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;cursor:pointer;overflow:hidden;padding:1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.history-item:before{background:linear-gradient(135deg,#4d96ff,#6c5ce7);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.history-item:hover{background:#ffffff0f;border-color:#ffffff26;box-shadow:0 8px 32px #0003;transform:translateY(-3px)}.history-item:hover:before{opacity:1}.history-item.active{background:#4d96ff14;border-color:#4d96ff;box-shadow:0 8px 32px #4d96ff26;transform:translateY(-2px)}.history-item.active:before{opacity:1}.item-header{margin-bottom:1.25rem}.item-id{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:20px;box-shadow:0 2px 8px #ff6b6b4d;color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:.4rem 1rem}.item-date{background:#ffffff08;border-radius:8px;color:#94a3b8;font-size:.9rem;font-weight:500;padding:.4rem .8rem}.preview-section{margin-bottom:1.25rem}.preview-section:last-child{margin-bottom:0}.preview-section h4{align-items:center;color:#e2e8f0;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.preview-section p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#94a3b8;display:-webkit-box;font-size:.92rem;line-height:1.5;margin:0;overflow:hidden}.history-detail{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;max-height:700px;overflow-y:auto;padding:2.5rem;position:relative}.history-detail::-webkit-scrollbar{width:6px}.history-detail::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.history-detail::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:10px}.detail-header{border-bottom:1px solid #ffffff1a;margin-bottom:2.5rem;padding-bottom:1.5rem}.detail-header h3{color:#fff;font-size:1.6rem;font-weight:700;gap:.75rem;margin:0}.close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;font-size:1.3rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-btn:hover{background:#ff6b6b33;color:#ff6b6b;transform:rotate(90deg)}.detail-section{margin-bottom:2.5rem}.detail-section:last-child{margin-bottom:0}.detail-section h4{align-items:center;border-bottom:1px solid #ffffff14;color:#e2e8f0;display:flex;font-size:1.15rem;font-weight:600;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.5rem}.text-content{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;color:#e2e8f0;font-size:.95rem;line-height:1.7;max-height:250px;overflow-y:auto;padding:1.75rem;white-space:pre-wrap}.text-content::-webkit-scrollbar{width:4px}.text-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.text-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.detail-meta{border-top:1px solid #ffffff1a;display:flex;gap:3rem;padding-top:2rem}.meta-item{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.meta-label{color:#94a3b8;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.meta-value{color:#e2e8f0;font-size:1rem;font-weight:700}.action-buttons{border-top:1px solid #ffffff1a;gap:1.5rem;justify-content:center;margin-top:2rem;padding-top:2.5rem}.primary-btn{align-items:center;background:linear-gradient(135deg,#4d96ff,#6c5ce7);border:none;border-radius:14px;box-shadow:0 6px 20px #4d96ff4d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.75rem;overflow:hidden;padding:1.1rem 2.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.primary-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.primary-btn:hover:before{left:100%}.primary-btn:hover{box-shadow:0 12px 30px #4d96ff66;transform:translateY(-3px)}.logout-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #ffffff1a;border-radius:14px;color:#e2e8f0;font-size:1.1rem;font-weight:700;gap:.75rem;padding:1.1rem 2.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.logout-btn:hover{background:#ff6b6b1a;border-color:#ff6b6b4d;box-shadow:0 8px 25px #ff6b6b33;color:#ff6b6b}.loading-content{background:#ffffff05;border-radius:20px;margin:2rem 0;padding:5rem 3rem}.loading-spinner{border-right:3px solid #ffffff1a;border-top:3px solid #ffffff1a;border-color:#4d96ff #0000 #ffffff1a #ffffff1a;border-style:solid;border-width:3px;height:70px;margin:0 auto 2rem;width:70px}.loading-content h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.loading-content p{font-size:1.1rem;line-height:1.6;margin:0}@media (max-width:1200px){.history-content{gap:2rem;grid-template-columns:1fr}.history-detail,.history-list{max-height:500px}}@media (max-width:768px){.history-main{padding:1rem}.history-section{border-radius:20px;padding:2rem 1.5rem}.history-header h1{font-size:2rem}.history-stats{flex-direction:column;gap:1rem;text-align:center}.detail-meta{flex-direction:column;gap:1.5rem}.action-buttons{flex-direction:column;gap:1rem}.logout-btn,.primary-btn{justify-content:center;width:100%}}@media (max-width:480px){.history-section{border-radius:16px;padding:1.5rem 1rem}.history-header h1{font-size:1.75rem}.history-header p{font-size:1rem}.item-header{align-items:flex-start;flex-direction:column;gap:.75rem}.logout-btn,.primary-btn{font-size:1rem;padding:1rem 2rem}.text-content{font-size:.9rem;padding:1.25rem}}.header-icon{margin-right:.75rem}.history-header h1 svg{height:1.1em;margin-right:.75rem;width:1.1em}.error-message svg{height:1em;margin-right:.5rem;width:1em}.empty-icon svg{font-size:4rem;opacity:.7}.item-id svg{height:.9em;margin-right:.4rem;width:.9em}.detail-header h3 svg,.detail-section h4 svg,.preview-section h4 svg{height:1em;margin-right:.5rem;opacity:.8;width:1em}.logout-btn svg,.primary-btn svg{height:1em;margin-right:.5rem;width:1em}.close-btn svg{height:.8em;width:.8em}.loading-spinner svg{color:#4d96ff;font-size:3rem}.action-buttons button,.logout-btn,.primary-btn{align-items:center;display:flex;justify-content:center}.history-item{display:flex;flex-direction:column}.item-header{justify-content:space-between}.item-header,.item-id{align-items:center;display:flex}.empty-icon{display:flex;justify-content:center;margin-bottom:1.5rem}.detail-header{justify-content:space-between}.detail-header,.detail-header h3,.email-reply-main{align-items:center;display:flex}.email-reply-main{background:linear-gradient(135deg,#0c0c0c,#1a2e1a 50%,#163e16);flex:1 1;justify-content:center;min-height:calc(100vh - 120px);padding:2rem}.email-reply-container{max-width:1000px;width:100%}.welcome-section{box-shadow:0 20px 40px #0000004d,0 0 80px #6bff6b1a}.welcome-section:hover{box-shadow:0 25px 50px #0006,0 0 100px #4dff4d33}.welcome-section h1{background:linear-gradient(135deg,#6bff6b,#24ee24 25%,#93ff4d 50%,#4dff96 75%,#4dff4d)}.file-upload-label{background:linear-gradient(135deg,#6bff6b,#24ee24);box-shadow:0 4px 15px #6bff6b4d}.file-upload-label:hover{box-shadow:0 8px 25px #6bff6b66}.text-area:focus{border-color:#4dff4d;box-shadow:0 0 0 3px #4dff4d1a}.reply-section{width:100%}.reply-header{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2.5rem}.reply-header,.reply-header h2{align-items:center;display:flex}.reply-header h2{color:#fff;font-size:1.8rem;font-weight:700;gap:.5rem;margin:0}.details-section,.reply-output{margin-bottom:2.5rem}.details-section h3,.reply-output h3{align-items:center;color:#fff;display:flex;font-size:1.3rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.reply-textarea{background:#ffffff0d;border:1px solid #ffffff1a;color:#fff;font-family:Courier New,monospace;line-height:1.5}.details-header,.reply-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.details-toggle{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.details-toggle:hover{background:#ffffff26}.details-toggle.active{background:#4dff4d33;border-color:#4dff4d80}.details-content{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.details-info h4{color:#6bff6b;font-size:1.1rem;margin-bottom:1rem}.details-info ul{color:#94a3b8;padding-left:1.5rem}.details-info li{line-height:1.5;margin-bottom:.5rem}.generate-btn{background:linear-gradient(135deg,#6bff6b,#24ee24);box-shadow:0 4px 15px #6bff6b4d}.generate-btn:hover:not(:disabled){box-shadow:0 8px 25px #6bff6b66}.new-email-btn{align-items:center;background:linear-gradient(135deg,#ffd93d,#ff9d4d);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.new-email-btn:hover{box-shadow:0 8px 25px #ffd93d4d;transform:translateY(-2px)}.logout-btn{background:linear-gradient(135deg,#ff6b6b,#ee2424)}.logout-btn:hover{box-shadow:0 8px 25px #ff6b6b4d}.loading-spinner{border-top-color:#6bff6b}.loading-content h3{color:#6bff6b}@media (max-width:768px){.email-reply-main{padding:1rem}.welcome-section{padding:2rem 1.5rem}.details-header,.reply-header,.reply-header-actions{align-items:flex-start;flex-direction:column}.action-buttons{flex-direction:column}.generate-btn,.logout-btn,.new-email-btn{justify-content:center;width:100%}}.cover-letter-main{align-items:center;background:linear-gradient(135deg,#0c0c0c,#2e1a1a 50%,#3e1616);display:flex;flex:1 1;justify-content:center;min-height:calc(100vh - 120px);padding:2rem}.cover-letter-container{max-width:1000px;width:100%}.welcome-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 40px #0000004d,0 0 80px #ff6b6b1a;padding:3rem;position:relative;transition:all .3s ease}.welcome-section:hover{box-shadow:0 25px 50px #0006,0 0 100px #ff6b6b33;transform:translateY(-5px)}.welcome-section h1{-webkit-text-fill-color:#0000;animation:gradientShift 4s ease infinite;background:linear-gradient(135deg,#ff6b6b,#ff9d4d 25%,#ffd93d 50%,#ffb84d 75%,#ff6b6b);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:2.2rem;font-weight:700;margin-bottom:2rem;text-align:center}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.upload-section{border-bottom:1px solid #ffffff1a;margin-bottom:2.5rem;padding-bottom:2.5rem}.upload-section h3{align-items:center;color:#fff;display:flex;font-size:1.3rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.upload-section p{color:#94a3b8;font-size:.95rem;margin-bottom:1.5rem}.file-upload-wrapper{display:inline-block;position:relative}.file-input{left:-9999px;position:absolute}.file-upload-label{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ff9d4d);border-radius:12px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.file-upload-label:hover{box-shadow:0 8px 25px #ff6b6b66;transform:translateY(-2px)}.file-input:disabled+.file-upload-label{background:linear-gradient(135deg,#64748b,#475569);box-shadow:none;cursor:not-allowed;transform:none}.text-input-section{margin-bottom:2.5rem}.text-input-section h3{align-items:center;color:#fff;display:flex;font-size:1.3rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.text-area{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:1rem;min-height:200px;padding:1.25rem;resize:vertical;transition:all .3s ease;width:100%}.text-area::placeholder{color:#64748b}.text-area:focus{background:#ffffff14;border-color:#ff9d4d;box-shadow:0 0 0 3px #ff9d4d1a;outline:none}.text-area:disabled{background:#ffffff08;cursor:not-allowed}.cover-letter-section{width:100%}.cover-letter-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2.5rem}.cover-letter-header h2{align-items:center;color:#fff;display:flex;font-size:1.8rem;font-weight:700;gap:.5rem;margin:0}.cover-letter-output,.tips-section{margin-bottom:2.5rem}.cover-letter-output h3,.tips-section h3{align-items:center;color:#fff;display:flex;font-size:1.3rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.cover-letter-textarea{background:#ffffff0d;border:1px solid #ffffff1a;color:#fff;font-family:Georgia,serif;font-size:1.05rem;line-height:1.6}.cover-letter-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.copy-btn{align-items:center;background:linear-gradient(135deg,#4d96ff,#6b6bff);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.copy-btn:hover{box-shadow:0 4px 15px #4d96ff4d;transform:translateY(-2px)}.copy-btn.copied{background:linear-gradient(135deg,#6bcf7f,#4dff4d)}.tips-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.tips-toggle{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.tips-toggle:hover{background:#ffffff26}.tips-toggle.active{background:#ff9d4d33;border-color:#ff9d4d80}.tips-content{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.tips-info h4{color:#ff9d4d;font-size:1.1rem;margin-bottom:1rem}.tips-info ul{color:#94a3b8;padding-left:1.5rem}.tips-info li{line-height:1.5;margin-bottom:.75rem}.tips-info strong{color:#ffd93d;font-weight:600}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem}.generate-btn{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ff9d4d);border:none;border-radius:12px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.generate-btn:hover:not(:disabled){box-shadow:0 8px 25px #ff6b6b66;transform:translateY(-2px)}.generate-btn:disabled{background:linear-gradient(135deg,#64748b,#475569);box-shadow:none;cursor:not-allowed;transform:none}.new-job-btn{align-items:center;background:linear-gradient(135deg,#6bcf7f,#4dff4d);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.new-job-btn:hover{box-shadow:0 8px 25px #6bcf7f4d;transform:translateY(-2px)}.logout-btn{background:linear-gradient(135deg,#4d96ff,#6b6bff);border:none;color:#fff;display:inline-flex;font-size:1rem;padding:1rem 2rem}.logout-btn:hover{box-shadow:0 8px 25px #4d96ff4d}.error-message{background:linear-gradient(135deg,#ff6b6b33,#ee242433);border:1px solid #ff6b6b4d;border-radius:8px;color:#ff6b6b;padding:1rem;text-align:center}.success-message{background:linear-gradient(135deg,#6bff6b33,#24ee2433);border:1px solid #6bff6b4d;border-radius:8px;color:#6bff6b;padding:1rem;text-align:center}.loading-overlay{align-items:center;background:#000c;border-radius:20px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-content{color:#fff;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#ff9d4d;height:50px;margin:0 auto 1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-content h3{color:#ff9d4d;margin-bottom:.5rem}.loading-content p{color:#94a3b8}@media (max-width:768px){.cover-letter-main{padding:1rem}.welcome-section{padding:2rem 1.5rem}.cover-letter-header,.cover-letter-header-actions,.tips-header{align-items:flex-start;flex-direction:column}.action-buttons{flex-direction:column}.generate-btn,.logout-btn,.new-job-btn{justify-content:center;width:100%}.cover-letter-textarea{font-size:1rem}}.chatbot-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111928e6;border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 25px 50px #0006,inset 0 1px 0 #ffffff1a;padding:1.5rem;width:350px}.chatbot-sidebar,.sidebar-header{display:flex;flex-direction:column}.sidebar-header{border-bottom:1px solid #ffffff14;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.sidebar-header h2{align-items:center;color:#e2e8f0;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0}.new-chat-btn{align-items:center;background:linear-gradient(135deg,#4d96ff,#6c5ce7);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease}.new-chat-btn:hover:not(:disabled){box-shadow:0 10px 25px #4d96ff4d;transform:translateY(-2px)}.new-chat-btn:disabled{cursor:not-allowed;opacity:.6}.sessions-list{display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto}.loading-sessions{align-items:center;color:#94a3b8;display:flex;font-weight:600;gap:.75rem;justify-content:center;padding:2rem}.empty-sessions{color:#94a3b8;padding:3rem 2rem;text-align:center}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.empty-sessions h3{color:#e2e8f0;font-size:1.3rem;margin-bottom:.5rem}.session-item{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;cursor:pointer;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.session-item:before{background:linear-gradient(135deg,#4d96ff,#6c5ce7);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.session-item:hover{background:#ffffff14;transform:translateY(-2px)}.session-item.active{background:#4d96ff26;border-color:#4d96ff4d}.session-item.active:before{opacity:1}.session-title{align-items:center;color:#e2e8f0;display:flex;font-weight:600;gap:.5rem;margin-bottom:.25rem}.session-meta{color:#94a3b8;font-size:.85rem}.sidebar-footer{border-top:1px solid #ffffff14;padding-top:1.5rem}.logout-btn{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;color:#fecaca;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease;width:100%}.logout-btn:hover{background:#ef444433;transform:translateY(-2px)}.chat-header{background:#ffffff08;border-bottom:1px solid #ffffff14;justify-content:space-between;padding:1.5rem 2rem}.back-btn,.chat-header{align-items:center;display:flex}.back-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#94a3b8;cursor:pointer;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.back-btn:hover{background:#ffffff1a;color:#e2e8f0}.chat-title{flex:1 1;text-align:center}.chat-title h3{color:#e2e8f0;font-size:1.3rem;font-weight:700;margin:0 0 .25rem}.chat-date{color:#94a3b8;font-size:.9rem}.welcome-screen{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.welcome-content{max-width:400px;text-align:center}.welcome-icon{color:#4d96ff;font-size:4rem;margin-bottom:1.5rem;opacity:.8}.welcome-content h2{color:#e2e8f0;font-size:2rem;font-weight:700;margin-bottom:1rem}.welcome-content p{color:#94a3b8;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.start-chat-btn{align-items:center;background:linear-gradient(135deg,#4d96ff,#6c5ce7);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease}.start-chat-btn:hover:not(:disabled){box-shadow:0 10px 25px #4d96ff4d;transform:translateY(-2px)}.messages-list::-webkit-scrollbar{width:6px}.message{animation:messageSlide .3s ease-out;display:flex;gap:1rem;max-width:80%}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{align-self:flex-end;flex-direction:row-reverse}.assistant-message{align-self:flex-start}.message-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.user-message .message-avatar{background:linear-gradient(135deg,#4d96ff,#6c5ce7)}.assistant-message .message-avatar{background:linear-gradient(135deg,#10b981,#059669)}.message-content{border-radius:18px;flex:1 1;padding:1rem 1.5rem;position:relative}.user-message .message-content{background:linear-gradient(135deg,#4d96ff,#6c5ce7);border-bottom-right-radius:4px;color:#fff}.assistant-message .message-content{background:#ffffff14;border:1px solid #ffffff1a;border-bottom-left-radius:4px;color:#e2e8f0}.message-text{word-wrap:break-word;line-height:1.6}.message-text p{margin:0 0 .5rem}.message-text p:last-child{margin-bottom:0}.message-time{font-size:.75rem;margin-top:.5rem;opacity:.7}.user-message .message-time{text-align:right}.typing-indicator{display:flex;gap:4px;padding:1rem 0}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#94a3b8;border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.input-wrapper{align-items:flex-end;display:flex;gap:1rem}.message-input::placeholder{color:#94a3b8}.send-btn{align-items:center;background:linear-gradient(135deg,#4d96ff,#6c5ce7);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:50px;justify-content:center;transition:all .3s ease;width:50px}.send-btn:hover:not(:disabled){box-shadow:0 10px 25px #4d96ff4d;transform:translateY(-2px)}.send-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{background:linear-gradient(135deg,#ef444426,#dc26261a);border:1px solid #fecaca33;border-radius:12px;color:#fecaca}.error-message,.success-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:600;margin-bottom:1rem;padding:1rem 1.25rem}.success-message{background:linear-gradient(135deg,#22c55e26,#16a34a1a);border:1px solid #bbf7d033;border-radius:12px;color:#bbf7d0}@media (max-width:768px){.chatbot-container{flex-direction:column;height:auto;min-height:calc(100vh - 120px)}.chatbot-sidebar{height:300px;width:100%}.message{max-width:90%}.chat-header,.input-container,.messages-list{padding:1rem}}.page-container{display:flex;flex-direction:column;min-height:100vh}.chatbot-main{align-items:flex-start;background:linear-gradient(135deg,#0c0c0c,#1a1a2e 50%,#16213e);display:flex;flex:1 1;justify-content:center;min-height:calc(100vh - 120px);overflow:hidden;padding:2rem}.chatbot-container{display:flex;gap:2rem;height:80vh;max-width:1400px;overflow:hidden;width:100%}.chatbot-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111928cc;border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 25px 50px #0006,inset 0 1px 0 #ffffff1a}.chatbot-content,.messages-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.messages-container{position:relative}.messages-list{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;overflow-y:auto;padding:2rem;scroll-behavior:smooth}.input-container{background:#ffffff08;border-top:1px solid #ffffff14;flex-shrink:0;padding:1.5rem 2rem}.message-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#e2e8f0;flex:1 1;font-size:1rem;line-height:1.5;max-height:120px;min-height:50px;overflow-y:auto;padding:1rem 1.5rem;resize:none;transition:all .3s ease}.message-input:focus{background:#ffffff14;border-color:#4d96ff;outline:none}.messages-list::-webkit-scrollbar{width:8px}.messages-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px;margin:5px 0}.messages-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4d96ff,#6c5ce7);border-radius:10px}.messages-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#6c5ce7,#a55eea)}footer{margin-top:auto}@media (max-width:768px){.chatbot-main{min-height:calc(100vh - 100px);padding:1rem}.chatbot-container{height:85vh}.input-container,.messages-list{padding:1rem}}
/*# sourceMappingURL=main.987dc117.css.map*/