.login-container{display:flex;height:100vh;width:100%;background:#fff;overflow:hidden}.login-welcome{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#f5f7fa,#e9ecef);padding:40px;position:relative;overflow:hidden}.welcome-content{position:relative;z-index:2;text-align:center;max-width:400px}.logo{width:120px;height:120px;margin:0 auto 40px;display:flex;align-items:center;justify-content:center}.logo svg{width:100%;height:100%;filter:drop-shadow(0 10px 20px rgba(0,82,255,.15))}.welcome-title{font-size:3.5rem;font-weight:700;color:#1a1a1a;margin:0 0 20px;line-height:1.2;letter-spacing:-.5px}.welcome-title .highlight{color:#0052ff}.welcome-subtitle{font-size:1.1rem;color:#666;margin:0;line-height:1.6;font-weight:500}.decorative-shapes{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1}.shape{position:absolute;background:radial-gradient(circle,rgba(0,82,255,.08) 0%,transparent 70%);border-radius:50%}.shape-1{width:400px;height:400px;bottom:-100px;right:-100px;animation:float 8s ease-in-out infinite}.shape-2{width:300px;height:300px;top:100px;left:-50px;animation:float 10s ease-in-out infinite;animation-delay:1s}.shape-3{width:200px;height:200px;top:400px;right:50px;animation:float 7s ease-in-out infinite;animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(30px)}}.login-form-section{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:#fff}.form-container{width:100%;max-width:420px}.form-title{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 10px;letter-spacing:-.5px}.form-title .highlight{color:#0052ff}.form-subtitle{font-size:.95rem;color:#666;margin:0 0 30px;font-weight:400}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.9rem;font-weight:600;color:#1a1a1a}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;width:20px;height:20px;color:#6c7280;pointer-events:none;z-index:1}.input-wrapper input{width:100%;padding:12px 14px 12px 44px;font-size:.95rem;border:1px solid #e5e7eb;border-radius:8px;transition:all .3s ease;background:#f9fafb;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.input-wrapper input:focus{outline:none;border-color:#0052ff;background:#fff;box-shadow:0 0 0 3px #0052ff1a}.input-wrapper input::placeholder{color:#9ca3af}.password-wrapper input{padding-right:44px}.toggle-password{position:absolute;right:12px;background:none;border:none;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#6c7280;transition:color .2s ease;padding:0}.toggle-password:hover{color:#0052ff}.toggle-password svg{width:20px;height:20px}.form-options{display:flex;justify-content:space-between;align-items:center;margin-top:5px;margin-bottom:10px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.9rem;color:#4b5563;font-weight:500}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#0052ff}.forgot-password{font-size:.9rem;color:#0052ff;text-decoration:none;font-weight:500;transition:color .2s ease}.forgot-password:hover{color:#0041cc}.btn-signin{width:100%;padding:12px 16px;background:linear-gradient(135deg,#0052ff,#0097ff);color:#fff;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:15px}.btn-signin:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0052ff4d}.btn-signin:active{transform:translateY(0)}.btn-arrow{width:20px;height:20px;transition:transform .3s ease}.btn-signin:hover .btn-arrow{transform:translate(4px)}.divider{position:relative;text-align:center;margin:5px 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e5e7eb}.divider span{position:relative;background:#fff;padding:0 12px;color:#9ca3af;font-size:.9rem;font-weight:500}.btn-sso{width:100%;padding:12px 16px;background:#fff;color:#1a1a1a;font-size:.95rem;font-weight:600;border:2px solid #0052ff;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.btn-sso:hover{background:#0052ff;color:#fff;transform:translateY(-2px);box-shadow:0 8px 16px #0052ff40}.btn-sso:active{transform:translateY(0)}.btn-sso-icon{width:20px;height:20px;flex-shrink:0}.btn-social{width:100%;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.btn-social svg{width:20px;height:20px}.btn-social:hover{border-color:#d1d5db;background:#f9fafb;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.btn-social:active{transform:translateY(0)}.signup-text{text-align:center;margin-top:20px;font-size:.9rem;color:#4b5563;font-weight:500}.signup-text a{color:#0052ff;text-decoration:none;font-weight:600;transition:color .2s ease}.signup-text a:hover{color:#0041cc}.security-info{display:flex;align-items:center;gap:8px;margin-top:25px;padding-top:20px;border-top:1px solid #e5e7eb;color:#6c7280;font-size:.8rem;font-weight:500}.security-info svg{width:16px;height:16px;flex-shrink:0;color:#0052ff}@media(max-width:1024px){.login-container{flex-direction:column}.login-welcome{min-height:300px;padding:30px 20px}.welcome-title{font-size:2.5rem}.logo{width:100px;height:100px;margin-bottom:30px}.login-form-section{padding:30px 20px;min-height:auto}.form-container{max-width:100%}}@media(max-width:640px){.login-container{flex-direction:column}.login-welcome{min-height:250px;padding:20px}.welcome-title{font-size:2rem}.logo{width:80px;height:80px;margin-bottom:20px}.welcome-subtitle{font-size:.95rem}.form-title{font-size:1.5rem}.form-container{max-width:100%}.input-wrapper input{padding:11px 12px 11px 40px;font-size:.9rem}.login-form{gap:16px}}.btn-microsoft{background:#fff;color:#1a1a1a;border:1.5px solid #d0d5dd;font-weight:500}.btn-microsoft:hover{background:#f5f5f5;border-color:#b0b7c3;color:#1a1a1a}.dashboard-container{position:relative;min-height:100vh;width:100%;background:linear-gradient(160deg,#f4f6fb,#eef1f9 45%,#e9edfb);overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.dashboard-brand{position:relative;z-index:3;display:flex;align-items:center;gap:12px}.brand-logo{width:48px;height:48px;flex-shrink:0}.brand-name{font-size:1.5rem;font-weight:800;letter-spacing:4px;color:#14172b}.dashboard-content{position:relative;z-index:3;max-width:1140px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.dashboard-hero{text-align:center}.hero-title{font-weight:800;color:#14172b;letter-spacing:-.5px;line-height:1.15;display:flex;align-items:center;justify-content:center;gap:14px}.hero-title .wave{font-size:2.5rem}.hero-title .highlight{color:#0a6bff}.hero-subtitle{font-size:1.15rem;color:#4b5168;font-weight:600;margin-top:14px}.hero-description{font-size:1rem;color:#6b7185;margin-top:6px}.choice-cards{display:flex;align-items:stretch;justify-content:center;gap:0;width:100%;margin-top:20px}.choice-card{flex:1;max-width:480px;background:#ffffffb3;border:1px solid rgba(255,255,255,.9);border-radius:20px;padding:10px 44px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 20px 50px #1f2d5a14;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .3s ease,box-shadow .3s ease}.choice-card:hover{transform:translateY(-6px);box-shadow:0 28px 60px #1f2d5a24}.choice-divider{display:flex;align-items:center;justify-content:center;position:relative;margin:0 36px}.choice-divider:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(to bottom,transparent,rgba(31,45,90,.12) 20%,rgba(31,45,90,.12) 80%,transparent)}.divider-badge{position:relative;z-index:1;width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid rgba(31,45,90,.08);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#8a90a6;box-shadow:0 6px 14px #1f2d5a14}.card-icon{width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.card-icon svg{width:38px;height:38px}.card-icon--purple{background:#7c5cff1f;color:#7c5cff}.card-icon--blue{background:#0a6bff1a;color:#0a6bff}.card-title{font-size:1.35rem;font-weight:700;color:#14172b;margin-bottom:14px}.card-description{font-size:.98rem;color:#6b7185;line-height:1.6;max-width:250px;margin-bottom:28px}.card-btn{width:70%;padding:15px 20px;border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;font-family:inherit}.card-btn .btn-lead{width:20px;height:20px}.card-btn .btn-arrow{width:20px;height:20px;margin-left:auto;transition:transform .25s ease}.card-btn:hover{transform:translateY(-2px)}.card-btn:hover .btn-arrow{transform:translate(4px)}.card-btn--purple{background:linear-gradient(135deg,#8a63ff,#6f49ff)}.card-btn--purple:hover{box-shadow:0 12px 24px #6f49ff59}.card-btn--blue{background:linear-gradient(135deg,#1f7bff,#0a6bff)}.card-btn--blue:hover{box-shadow:0 12px 24px #0a6bff59}.card-footer{display:flex;align-items:center;gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(31,45,90,.07);width:100%;justify-content:center;color:#8a90a6;font-size:.85rem;font-weight:500}.card-footer svg{width:16px;height:16px;flex-shrink:0}.help-pill{display:flex;align-items:center;gap:8px;margin-top:12px;padding:12px 22px;background:#fffc;border:1px solid rgba(31,45,90,.07);border-radius:999px;box-shadow:0 8px 22px #1f2d5a12;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.help-icon{width:18px;height:18px;color:#8a90a6}.help-text{font-size:.92rem;color:#6b7185;font-weight:500}.help-link{display:inline-flex;align-items:center;gap:4px;font-size:.92rem;font-weight:600;color:#0a6bff;text-decoration:none;transition:color .2s ease}.help-link svg{width:15px;height:15px;transition:transform .2s ease}.help-link:hover{color:#0052cc}.help-link:hover svg{transform:translate(3px)}.bg-bars{position:absolute;top:40px;right:60px;height:360px;display:flex;align-items:flex-end;gap:18px;z-index:1;pointer-events:none}.bg-bars .bar{width:3px;border-radius:3px;background:linear-gradient(to top,#0a6bff2e,#0a6bff05)}.bar-1{height:300px}.bar-2{height:180px}.bar-3{height:360px}.bar-4{height:120px}.bar-5{height:240px}.bar-dot{position:absolute;top:140px;right:24px;width:8px;height:8px;border-radius:50%;border:2px solid rgba(10,107,255,.25)}.bg-ripple{position:absolute;bottom:-180px;left:50%;transform:translate(-50%);width:700px;height:700px;z-index:1;pointer-events:none}.bg-ripple .ripple{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(31,45,90,.06)}.ripple-1{width:700px;height:700px}.ripple-2{width:520px;height:520px}.ripple-3{width:340px;height:340px}.ripple-glow{width:160px;height:160px;background:radial-gradient(circle,rgba(124,92,255,.18) 0%,transparent 70%);border:none}@media(max-width:980px){.choice-cards{flex-direction:column;align-items:center;gap:24px}.choice-card{max-width:520px;width:100%}.choice-divider{margin:0}.choice-divider:before{display:none}.bg-bars{display:none}}@media(max-width:600px){.dashboard-container{padding:24px 18px 0}.hero-title{font-size:2rem}.hero-title .wave{font-size:1.8rem}.choice-card{padding:32px 24px 22px}.help-pill{flex-wrap:wrap;justify-content:center;text-align:center}}.sidebar{width:260px;height:100vh;background:#f8f9fb;border-right:1px solid #e8ebf0;display:flex;flex-direction:column;padding:16px 12px;overflow-y:auto;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.sidebar-brand{display:flex;align-items:center;gap:8px;margin-bottom:24px;padding:8px 12px}.sidebar-brand .brand-logo{width:32px;height:32px;flex-shrink:0}.sidebar-brand .brand-name{font-size:1.1rem;font-weight:800;letter-spacing:2px;color:#14172b;white-space:nowrap}.new-collection-btn{width:100%;padding:12px 16px;margin-bottom:24px;background:linear-gradient(135deg,#6f49ff,#5a3cff);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s ease,box-shadow .2s ease}.new-collection-btn svg{width:18px;height:18px}.new-collection-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #6f49ff4d}.sidebar-section{margin-bottom:24px}.section-label{font-size:.75rem;font-weight:700;letter-spacing:.5px;color:#8a90a6;margin-bottom:12px;text-transform:uppercase;padding:0 12px}.nav-items{display:flex;flex-direction:column;gap:4px}.nav-item{width:100%;padding:10px 12px;background:none;border:none;border-radius:8px;color:#6b7185;font-size:.95rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s ease;position:relative;font-family:inherit}.nav-item svg{width:18px;height:18px;flex-shrink:0;transition:color .2s ease}.nav-item:hover{background:#1f2d5a0d;color:#4b5168}.nav-item.active{background:#6f49ff1a;color:#6f49ff;font-weight:600}.nav-item.active svg{color:#6f49ff}.nav-arrow{margin-left:auto;width:16px;height:16px}.collection-list{gap:2px}.collection-item{padding:10px 12px}.collection-item svg{color:#6b7185}.collection-item:hover svg,.collection-item.active svg{color:#6f49ff}.view-all-collections{width:100%;padding:10px 12px;background:none;border:none;border-radius:8px;color:#6b7185;font-size:.95rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s ease;margin-top:8px;font-family:inherit}.view-all-collections svg{width:18px;height:18px;color:#6b7185}.view-all-collections:hover{background:#1f2d5a0d;color:#4b5168}.sidebar-user{display:flex;align-items:center;gap:12px;padding:16px 12px 12px;margin-top:auto;border-top:1px solid #e8ebf0}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6f49ff,#5a3cff);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.user-info{display:flex;flex-direction:column;flex:1;min-width:0}.user-name{font-size:.95rem;font-weight:600;color:#14172b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.8rem;color:#8a90a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu{width:28px;height:28px;border-radius:6px;background:none;border:none;color:#8a90a6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.user-menu:hover{background:#1f2d5a0d;color:#6b7185}.user-menu svg{width:16px;height:16px}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#1f2d5a26;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#1f2d5a40}@media(max-width:1200px){.sidebar{width:240px}.sidebar-brand .brand-name{font-size:1rem}}@media(max-width:768px){.sidebar{width:220px;padding:12px 8px}.sidebar-brand{margin-bottom:20px}.sidebar-section{margin-bottom:16px}.section-label{font-size:.7rem}.nav-item{padding:8px 10px;font-size:.9rem}.nav-item svg{width:16px;height:16px}.new-collection-btn{padding:10px 12px;font-size:.9rem}}.get-answer-container{flex:1;display:flex;flex-direction:column;background:#fff;height:100vh;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.answer-header{padding:12px 24px;border-bottom:1px solid #e8ebf0;background:#fff}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:100%}.header-title{display:flex;align-items:center;gap:12px;font-size:1.1rem;font-weight:600;color:#14172b}.header-title svg{width:20px;height:20px;color:#6f49ff}.header-controls{display:flex;align-items:center;gap:8px}.header-btn{width:36px;height:36px;border-radius:8px;background:none;border:none;color:#6b7185;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.header-btn svg{width:18px;height:18px}.header-btn:hover{background:#1f2d5a0d;color:#4b5168}.profile-btn{padding:2px}.profile-avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#6f49ff,#5a3cff);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.answer-main{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:32px 28px;max-width:900px;margin:0 auto;width:100%}.question-section{margin-bottom:32px;padding:16px 20px;background:#f8fafc;border-radius:12px;border-left:4px solid #6f49ff}.question-text{font-size:1rem;color:#14172b;font-weight:500;margin:0}.question-timestamp{font-size:.85rem;color:#8a90a6;margin:8px 0 0;display:flex;align-items:center;gap:6px}.answer-section{flex:1;display:flex;flex-direction:column}.answer-header-group{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.answer-title{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;color:#14172b;margin:0}.answer-title svg{width:20px;height:20px;color:#6f49ff}.tabs-container{display:flex;gap:4px;border-bottom:2px solid #e8ebf0}.tab{padding:10px 16px;background:none;border:none;border-bottom:3px solid transparent;color:#6b7185;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.tab:hover{color:#4b5168;background:#1f2d5a05}.tab.active{color:#6f49ff;border-bottom-color:#6f49ff}.tab-content{flex:1;overflow-y:auto;padding:20px 0}.content-box{background:#f8fafc;border-radius:12px;padding:20px;line-height:1.7}.content-box h3{font-size:1.1rem;font-weight:700;color:#14172b;margin:0 0 12px}.content-box p{font-size:.95rem;color:#6b7185;margin:0 0 12px}.content-box ul{margin:12px 0;padding-left:20px;list-style:disc}.content-box li{font-size:.95rem;color:#6b7185;margin:8px 0}.data-table{width:100%;border-collapse:collapse;margin:12px 0}.data-table thead{background:#6f49ff14}.data-table th{padding:12px;text-align:left;font-weight:600;color:#14172b;border-bottom:2px solid rgba(111,73,255,.15);font-size:.9rem}.data-table td{padding:12px;border-bottom:1px solid #e8ebf0;color:#6b7185;font-size:.9rem}.data-table tbody tr:hover{background:#6f49ff0d}.chart-placeholder{display:flex;align-items:center;justify-content:center;min-height:300px}.chart-placeholder svg{max-width:100%;height:auto}.insights-list{display:flex;flex-direction:column;gap:16px}.insight-item{display:flex;gap:12px;padding:12px;background:#fff;border-radius:8px;border:1px solid #e8ebf0}.insight-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.2rem}.insight-icon--purple{background:#6f49ff1f;color:#6f49ff}.insight-icon--blue{background:#1f7bff1f;color:#1f7bff}.insight-icon--green{background:#00c2a61f;color:#00c2a6}.insight-icon svg{width:20px;height:20px}.insight-content h4{font-size:.95rem;font-weight:600;color:#14172b;margin:0 0 4px}.insight-content p{font-size:.85rem;color:#6b7185;margin:0}.key-insights{margin-top:32px;margin-bottom:24px}.key-insights h3{font-size:1rem;font-weight:700;color:#14172b;margin:0 0 16px}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.insight-card{padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e8ebf0;transition:all .2s ease}.insight-card:hover{background:#f0f2f8;border-color:#d8dbeb}.insight-badge{width:40px;height:40px;border-radius:8px;background:#6f49ff1f;color:#6f49ff;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.insight-badge svg{width:20px;height:20px}.insight-card h4{font-size:.95rem;font-weight:600;color:#14172b;margin:0 0 8px}.insight-card p{font-size:.85rem;color:#6b7185;margin:0;line-height:1.5}.input-section{display:flex;gap:8px;margin-top:auto;padding-top:16px}.ask-input{flex:1;padding:12px 16px;border:1px solid #e8ebf0;border-radius:10px;font-size:.95rem;color:#14172b;font-family:inherit;transition:all .2s ease;background:#fff}.ask-input:focus{outline:none;border-color:#6f49ff;box-shadow:0 0 0 3px #6f49ff1a}.ask-input::placeholder{color:#8a90a6}.send-btn{width:40px;height:40px;padding:0;border:none;border-radius:10px;background:linear-gradient(135deg,#6f49ff,#5a3cff);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.send-btn svg{width:18px;height:18px}.send-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6f49ff4d}.answer-main::-webkit-scrollbar,.tab-content::-webkit-scrollbar{width:6px}.answer-main::-webkit-scrollbar-track,.tab-content::-webkit-scrollbar-track{background:transparent}.answer-main::-webkit-scrollbar-thumb,.tab-content::-webkit-scrollbar-thumb{background:#1f2d5a26;border-radius:3px}.answer-main::-webkit-scrollbar-thumb:hover,.tab-content::-webkit-scrollbar-thumb:hover{background:#1f2d5a40}@media(max-width:1200px){.answer-main{padding:24px 20px}.insights-grid{grid-template-columns:1fr}}@media(max-width:768px){.answer-header{padding:12px 16px}.answer-main{padding:16px 12px}.answer-header-group{flex-direction:column;align-items:flex-start}.tabs-container{overflow-x:auto}.tab{white-space:nowrap}.question-section{padding:12px 16px;margin-bottom:20px}.question-text,.insight-card h4{font-size:.9rem}.insight-card p{font-size:.8rem}}.references-sidebar{width:320px;height:100vh;background:#f8f9fb;border-left:1px solid #e8ebf0;display:flex;flex-direction:column;padding:16px 12px;overflow-y:auto;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.references-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px;padding:0 12px}.references-header h3{font-size:1rem;font-weight:700;color:#14172b;margin:0}.ref-count{background:#6f49ff1f;color:#6f49ff;font-size:.85rem;font-weight:600;padding:2px 8px;border-radius:6px}.ref-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid #e8ebf0;padding-bottom:8px}.ref-tab{flex:1;padding:8px 0;background:none;border:none;border-bottom:2px solid transparent;color:#6b7185;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.ref-tab:hover{color:#4b5168}.ref-tab.active{color:#6f49ff;border-bottom-color:#6f49ff}.references-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-bottom:8px}.reference-item{padding:12px;background:#fff;border-radius:10px;border:1px solid #e8ebf0;display:flex;gap:12px;transition:all .2s ease}.reference-item:hover{background:#f8fafc;border-color:#d8dbeb;box-shadow:0 2px 8px #1f2d5a14}.ref-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ref-icon svg{width:18px;height:18px}.ref-icon-document{background:#ff6b6b1f;color:#ff6b6b}.ref-icon-table{background:#00c2a61f;color:#00c2a6}.ref-icon-image{background:#4ecdc41f;color:#4ecdc4}.ref-content{flex:1;display:flex;flex-direction:column;min-width:0}.ref-title{font-size:.9rem;font-weight:600;color:#14172b;margin:0 0 4px;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ref-type{font-size:.75rem;font-weight:600;color:#8a90a6;margin:0 0 4px;text-transform:uppercase;letter-spacing:.3px}.ref-meta{font-size:.8rem;color:#8a90a6;margin:2px 0}.ref-excerpt{font-size:.8rem;color:#6b7185;margin:6px 0 8px;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-style:italic}.ref-link{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:#0a6bff;text-decoration:none;transition:color .2s ease}.ref-link svg{width:14px;height:14px;transition:transform .2s ease}.ref-link:hover{color:#0052cc}.ref-link:hover svg{transform:translate(2px)}.references-sidebar::-webkit-scrollbar,.references-list::-webkit-scrollbar{width:6px}.references-sidebar::-webkit-scrollbar-track,.references-list::-webkit-scrollbar-track{background:transparent}.references-sidebar::-webkit-scrollbar-thumb,.references-list::-webkit-scrollbar-thumb{background:#1f2d5a26;border-radius:3px}.references-sidebar::-webkit-scrollbar-thumb:hover,.references-list::-webkit-scrollbar-thumb:hover{background:#1f2d5a40}@media(max-width:1400px){.references-sidebar{width:300px}}@media(max-width:1200px){.references-sidebar{width:280px}.ref-tab{font-size:.8rem}.ref-title{font-size:.85rem}.ref-excerpt{font-size:.75rem;-webkit-line-clamp:1}}@media(max-width:768px){.references-sidebar{display:none}}.references-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center;color:#8a90a6}.references-empty svg{width:48px;height:48px;margin-bottom:12px;opacity:.5}.references-empty p{font-size:.9rem;margin:0}.main-layout{display:flex;width:100%;height:100vh;background:#fff;overflow:hidden}.main-layout>*{flex-shrink:0}@media(max-width:768px){.main-layout{flex-direction:column}.main-layout>*{height:auto;width:100%}}.jwt-viewer-container{min-height:100vh;background:#f7f8fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1a1a2e}.jwt-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.jwt-viewer-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.1rem;color:#0052ff}.jwt-viewer-brand svg{width:22px;height:22px;stroke:#0052ff}.jwt-viewer-user{display:flex;align-items:center;gap:12px}.jwt-user-email{font-size:.85rem;color:#6b7280}.jwt-back-btn,.jwt-logout-btn{padding:6px 14px;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;border:1.5px solid #e5e7eb;background:#fff;color:#374151;transition:all .15s}.jwt-back-btn:hover{background:#f3f4f6}.jwt-logout-btn{background:#fff0f0;border-color:#fecaca;color:#dc2626}.jwt-logout-btn:hover{background:#fee2e2}.jwt-viewer-main{max-width:920px;margin:0 auto;padding:28px 20px 60px;display:flex;flex-direction:column;gap:24px}.jwt-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px 24px}.jwt-summary-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.jwt-summary-item{display:flex;flex-direction:column;gap:4px}.jwt-summary-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af}.jwt-summary-value{font-size:.9rem;font-weight:500;color:#111827;word-break:break-all}.jwt-valid{color:#16a34a}.jwt-expired{color:#dc2626}.jwt-encoded-section,.jwt-decoded-section{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px 24px}.jwt-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.jwt-section-heading h2{font-size:.95rem;font-weight:600;color:#374151;margin:0}.jwt-encoded-box{background:#1e1e2e;border-radius:10px;padding:16px;font-family:Fira Mono,Cascadia Code,Consolas,monospace;font-size:.78rem;line-height:1.7;word-break:break-all;overflow-x:auto}.jwt-seg-header{color:#fb7185}.jwt-seg-payload{color:#34d399}.jwt-seg-signature{color:#60a5fa}.jwt-seg-dot{color:#9ca3af;margin:0 1px}.jwt-seg-legend{display:flex;gap:20px;margin-top:10px;font-size:.8rem;font-weight:600}.legend-item{padding:2px 8px;border-radius:4px}.jwt-seg-header.legend-item{background:#fff1f2}.jwt-seg-payload.legend-item{background:#f0fdf4}.jwt-seg-signature.legend-item{background:#eff6ff}.jwt-tabs{display:flex;gap:4px;border-bottom:1px solid #e5e7eb;margin-bottom:16px}.jwt-tab{padding:8px 18px;border:none;background:transparent;font-size:.88rem;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s}.jwt-tab:hover{color:#374151}.jwt-tab-active{color:#0052ff;border-bottom-color:#0052ff}.jwt-tab-content{animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.jwt-tab-actions{display:flex;justify-content:flex-end;margin-bottom:10px}.jwt-claims-table{width:100%;border-collapse:collapse;font-size:.875rem}.jwt-claims-table th{text-align:left;padding:8px 12px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;border-bottom:1px solid #f3f4f6}.jwt-claims-table td{padding:9px 12px;border-bottom:1px solid #f9fafb;vertical-align:top}.jwt-claim-highlighted td{background:#f8faff}.jwt-claim-key{font-family:Fira Mono,monospace;font-size:.82rem;color:#0052ff;white-space:nowrap;width:200px}.jwt-claim-value{color:#374151;word-break:break-all}.jwt-claim-json{margin:0;font-family:Fira Mono,monospace;font-size:.78rem;background:#f3f4f6;padding:6px 8px;border-radius:6px;white-space:pre-wrap}.jwt-raw-pre{background:#1e1e2e;color:#34d399;border-radius:10px;padding:16px;font-family:Fira Mono,monospace;font-size:.78rem;word-break:break-all;white-space:pre-wrap;margin:0}.jwt-copy-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;border:1.5px solid #e5e7eb;background:#fff;font-size:.82rem;font-weight:500;color:#374151;cursor:pointer;transition:all .15s}.jwt-copy-btn svg{width:14px;height:14px}.jwt-copy-btn:hover{background:#f3f4f6;border-color:#d1d5db}.jwt-viewer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:#6b7280}.jwt-viewer-empty svg{width:48px;height:48px;stroke:#d1d5db}.jwt-viewer-empty button{color:#0052ff;background:none;border:none;cursor:pointer;text-decoration:underline}:root{--color-primary-50: #f0f9ff;--color-primary-100: #e0f2fe;--color-primary-200: #bae6fd;--color-primary-300: #7dd3fc;--color-primary-400: #38bdf8;--color-primary-500: #0ea5e9;--color-primary-600: #0284c7;--color-primary-700: #0369a1;--color-primary-800: #075985;--color-primary-900: #0c3d66;--color-secondary-50: #f5f3ff;--color-secondary-100: #ede9fe;--color-secondary-200: #ddd6fe;--color-secondary-300: #c4b5fd;--color-secondary-400: #a78bfa;--color-secondary-500: #8b5cf6;--color-secondary-600: #7c3aed;--color-secondary-700: #6d28d9;--color-secondary-800: #5b21b6;--color-secondary-900: #4c1d95;--color-neutral-50: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-200: #e5e5e5;--color-neutral-300: #d4d4d4;--color-neutral-400: #a3a3a3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-900: #171717;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6;--color-bg: #ffffff;--color-surface: #f9fafb;--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "Menlo", "Monaco", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--breakpoint-xs: 320px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}:root.dark-mode{--color-neutral-50: #171717;--color-neutral-100: #262626;--color-neutral-200: #404040;--color-neutral-300: #525252;--color-neutral-400: #737373;--color-neutral-500: #a3a3a3;--color-neutral-600: #d4d4d4;--color-neutral-700: #e5e5e5;--color-neutral-800: #f5f5f5;--color-neutral-900: #fafafa;--color-bg: #0f172a;--color-surface: #1e293b;--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-border: #334155;--color-border-light: #1e293b}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg);transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-4);line-height:var(--line-height-relaxed)}a{color:var(--color-primary-500);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-600)}button{font-family:inherit;cursor:pointer;border:none;padding:var(--spacing-3) var(--spacing-4);border-radius:4px;font-weight:var(--font-weight-semibold);transition:all .2s ease}button:hover{opacity:.9}input,textarea,select{font-family:inherit;font-size:inherit;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-bg);color:var(--color-text-primary);transition:border-color .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary-500)}code,pre{font-family:var(--font-family-mono);background-color:var(--color-surface);padding:var(--spacing-2);border-radius:4px;font-size:var(--font-size-sm)}