body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{min-height:100vh}.btn{display:inline-block;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none;text-align:center}.btn-secondary{background:#fff;color:#667eea;border:2px solid #667eea}.btn-secondary:hover{background:#f7fafc}.btn-large{padding:16px 32px;font-size:18px}.text-center{text-align:center}.mt-4{margin-top:2rem}.mb-4{margin-bottom:2rem}.browser-warning{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999;animation:fadeIn .3s ease}.warning-content{position:relative;max-width:600px;width:100%;background:#fff;border-radius:16px;padding:32px;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s ease}.warning-icon{font-size:64px;text-align:center;margin-bottom:20px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.warning-message{text-align:center}.warning-title{font-size:24px;font-weight:700;color:#1a202c;margin-bottom:12px}.warning-description{font-size:16px;color:#4a5568;line-height:1.6;margin-bottom:24px}.missing-features{background:#fff5f5;border:2px solid #feb2b2;border-radius:8px;padding:16px;margin-bottom:24px;text-align:left}.missing-features strong{display:block;color:#c53030;font-size:14px;margin-bottom:8px}.missing-features ul{margin:0;padding-left:20px;color:#742a2a}.missing-features li{margin-bottom:4px;font-size:14px}.recommended-browsers{margin-bottom:24px}.recommended-browsers strong{display:block;font-size:14px;color:#2d3748;margin-bottom:12px}.browser-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.browser-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;text-decoration:none;transition:all .2s ease}.browser-card:hover{background:#edf2f7;border-color:#667eea;transform:translateY(-2px)}.browser-name{font-size:14px;font-weight:600;color:#2d3748}.browser-version{font-size:12px;color:#718096}.https-warning{background:#fffaf0;border:2px solid #fbd38d;border-radius:8px;padding:16px;margin-bottom:24px;text-align:left}.https-warning strong{display:block;color:#c05621;font-size:14px;margin-bottom:8px}.https-warning p{color:#744210;font-size:14px;margin:0;line-height:1.5}.warning-actions{display:flex;gap:12px;justify-content:center}.dismiss-button,.download-button{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.dismiss-button{background:transparent;border:2px solid #e2e8f0;color:#4a5568}.dismiss-button:hover{background:#f7fafc;border-color:#cbd5e0}.download-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.download-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.close-button{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:#718096;font-size:20px;cursor:pointer;transition:all .2s ease}.close-button:hover{background:#f7fafc;color:#2d3748}@media(max-width:640px){.warning-content{padding:24px 20px}.warning-icon{font-size:48px}.warning-title{font-size:20px}.warning-description{font-size:14px}.warning-actions{flex-direction:column}.dismiss-button,.download-button{width:100%}.browser-list{grid-template-columns:repeat(2,1fr)}}.home-page{min-height:100vh;background:var(--bg-primary);position:relative;overflow-x:hidden}.home-nav{position:sticky;top:0;background:var(--bg-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-sm);z-index:99;padding:16px 0;border-bottom:1px solid var(--border-color)}.nav-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:12px;cursor:pointer}.logo-icon-wrapper{position:relative;animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.logo-text{font-size:24px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.nav-actions{display:flex;gap:12px}.hero-section{padding:120px 0 80px;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-50%;right:-10%;width:800px;height:800px;background:var(--gradient-primary);opacity:.04;border-radius:50%;animation:heroFloat 20s ease-in-out infinite}@keyframes heroFloat{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-50px) rotate(120deg)}66%{transform:translate(-30px,30px) rotate(240deg)}}.hero-content{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:linear-gradient(135deg,#4169e11a,#40e0d01a);border:2px solid var(--border-color);border-radius:50px;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:32px;animation:fadeInUp .6s ease}.badge-icon{font-size:18px}.hero-title{font-size:64px;font-weight:900;line-height:1.1;margin-bottom:24px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px;animation:fadeInUp .8s ease}.hero-subtitle{font-size:20px;line-height:1.6;color:var(--text-secondary);margin-bottom:48px;animation:fadeInUp 1s ease}.hero-cta{display:flex;gap:16px;justify-content:center;animation:fadeInUp 1.2s ease;flex-wrap:wrap}.hero-cta .btn-primary,.hero-cta .btn-primary span,.hero-cta .btn-primary svg{color:#fff!important;fill:#fff!important}.btn{padding:12px 32px;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;display:inline-flex;align-items:center;gap:8px}.btn-large{padding:18px 40px;font-size:18px;border-radius:14px}.btn-primary{background:var(--gradient-primary);color:#fff!important;box-shadow:0 4px 20px #4169e14d;position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 8px 32px #4169e166}.btn-outline{background:transparent;color:var(--text-primary);border:2px solid var(--border-color)}.btn-outline:hover{border-color:var(--brand-blue-start);background:linear-gradient(135deg,#4169e10d,#40e0d00d);transform:translateY(-2px)}.btn-text{background:transparent;color:var(--text-primary);padding:10px 24px}.btn-text:hover{color:var(--brand-blue-start)}.btn-cta{background:var(--gradient-primary);color:#fff;box-shadow:0 8px 32px #4169e166;padding:20px 48px;font-size:20px}.features-section{padding:100px 0;background:var(--bg-secondary);position:relative}.section-header{text-align:center;margin-bottom:60px}.section-title{font-size:48px;font-weight:800;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.5px}.section-subtitle{font-size:18px;color:var(--text-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px;max-width:1200px;margin:0 auto}.feature-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:24px;padding:40px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--feature-gradient);transform:scaleX(0);transition:transform .4s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-12px);box-shadow:var(--shadow-xl);border-color:var(--feature-color)}.feature-ai{--feature-color: #4169E1;--feature-gradient: var(--gradient-blue)}.feature-p2p{--feature-color: #4FACFE;--feature-gradient: var(--gradient-teal)}.feature-resume{--feature-color: #40E0D0;--feature-gradient: var(--gradient-reverse)}.feature-icon-wrapper{width:80px;height:80px;border-radius:20px;background:var(--feature-gradient);display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:transform .4s ease}.feature-card:hover .feature-icon-wrapper{transform:scale(1.1) rotate(-5deg)}.feature-icon{font-size:40px}.feature-title{font-size:26px;font-weight:800;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.3px}.feature-description{font-size:16px;color:var(--text-secondary);line-height:1.7;margin-bottom:24px}.feature-benefits{list-style:none;padding:0;margin:0 0 32px}.feature-benefits li{font-size:15px;color:var(--text-secondary);padding:10px 0 10px 28px;position:relative}.feature-benefits li:before{content:"✓";position:absolute;left:0;color:var(--feature-color);font-weight:700;font-size:18px}.feature-action{display:flex;align-items:center;gap:8px;color:var(--feature-color);font-weight:700;font-size:16px;transition:gap .2s ease}.feature-card:hover .feature-action{gap:12px}.how-it-works{padding:100px 0;background:var(--bg-primary)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;max-width:1200px;margin:48px auto 0}.step-card{text-align:center;padding:32px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:20px;transition:all .3s ease}.step-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-md);border-color:var(--brand-blue-start)}.step-number{width:64px;height:64px;border-radius:50%;background:var(--gradient-primary);color:#fff;font-size:28px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 4px 20px #4169e14d}.step-card h3{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.step-card p{font-size:15px;color:var(--text-secondary)}.home-impact-section{padding:80px 0;position:relative;overflow:hidden}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;position:relative;z-index:1}.impact-card{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:24px;padding:32px 24px;text-align:center;transition:all .3s ease;box-shadow:0 10px 30px #0000000d}.impact-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #4169e126;border-color:var(--brand-blue-start)}.impact-number{font-size:48px;font-weight:800;margin-bottom:8px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;letter-spacing:-1px}.impact-label{font-size:16px;font-weight:600;color:var(--text-secondary)}[data-theme=dark] .impact-card{background:#1e293b99;border-color:#ffffff1a}[data-theme=dark] .impact-label{color:var(--text-secondary)}[data-theme=dark] .impact-card:hover{background:#1e293bcc;border-color:var(--brand-blue-mid);box-shadow:0 20px 40px #0006}.cta-section{padding:100px 0;background:var(--bg-secondary)}.cta-card{max-width:800px;margin:0 auto;text-align:center;padding:80px 40px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:32px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--gradient-primary)}.cta-title{font-size:42px;font-weight:800;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.5px}.cta-subtitle{font-size:18px;color:var(--text-secondary);margin-bottom:40px}.home-footer{background:var(--bg-primary);border-top:2px solid var(--border-color);padding:60px 0 24px}.footer-content{display:grid;grid-template-columns:2fr 3fr;gap:60px;margin-bottom:40px}.footer-brand{max-width:300px}.footer-logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.footer-brand p{color:var(--text-muted);font-size:14px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.footer-column h4{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.footer-column a{display:block;color:var(--text-muted);text-decoration:none;font-size:14px;margin:10px 0;transition:color .2s}.footer-column a:hover{color:var(--brand-blue-start)}.footer-bottom{text-align:center;padding-top:24px;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:14px}@media(max-width:1024px){.hero-title{font-size:48px}.section-title{font-size:38px}.cta-title{font-size:36px}}@media(max-width:768px){.logo-text{font-size:18px}.nav-actions{gap:8px}.hero-section{padding:80px 0 60px}.hero-title{font-size:36px}.hero-subtitle{font-size:16px}.hero-cta{flex-direction:column}.btn-large{width:100%;justify-content:center}.features-section,.how-it-works,.cta-section{padding:60px 0}.section-title{font-size:32px}.features-grid,.steps-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.cta-card{padding:60px 32px}.cta-title{font-size:28px}.footer-content{grid-template-columns:1fr;gap:40px}.footer-links{grid-template-columns:1fr}}@media(max-width:480px){.hero-title{font-size:28px}.feature-card{padding:28px}.stats-grid{grid-template-columns:1fr}.stat-number{font-size:42px}}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-secondary);gap:20px}.spinner{width:48px;height:48px;border:4px solid rgba(65,105,225,.2);border-top:4px solid var(--brand-blue-start);border-radius:50%;animation:spin .8s linear infinite}.dashboard-container{min-height:100vh;background:var(--bg-secondary);position:relative;overflow-x:hidden;width:100%}.dashboard-container:before{content:"";position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:var(--gradient-primary);opacity:.03;border-radius:50%;animation:floatSlow 25s ease-in-out infinite;pointer-events:none}@keyframes floatSlow{0%,to{transform:translate(0)}50%{transform:translate(40px,-40px)}}[data-theme=dark] .dashboard-container{background-color:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .stat-card,[data-theme=dark] .action-card,[data-theme=dark] .history-section,[data-theme=dark] .how-it-works,[data-theme=dark] .step-card{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .stat-value,[data-theme=dark] .action-card h3,[data-theme=dark] .section-header h2,[data-theme=dark] .step-card h3,[data-theme=dark] .empty-state h3{color:var(--text-primary)}[data-theme=dark] .stat-label,[data-theme=dark] .action-card p,[data-theme=dark] .step-card p,[data-theme=dark] .empty-state p{color:var(--text-secondary)}.dashboard-header{background:var(--gradient-primary);color:#fff;padding:36px 20px;margin-bottom:40px;box-shadow:var(--shadow-lg);position:relative;z-index:10}.dashboard-header h1,.dashboard-header p,.header-left h1,.header-left p{color:#fff!important}.dashboard-header:before{content:"";position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}.header-content{display:flex;justify-content:space-between;align-items:center;gap:24px;position:relative;z-index:20}.header-right{position:relative;z-index:100}.user-menu-wrapper{position:relative}.user-menu-button{display:flex;align-items:center;gap:12px;background:#ffffff26;border:2px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:50px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-menu-button:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.user-avatar{width:36px;height:36px;border-radius:50%;background:#fff;color:var(--brand-blue-start);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.user-menu-dropdown{position:absolute;top:calc(100% + 12px);right:0;background:var(--bg-primary);border-radius:16px;box-shadow:var(--shadow-xl);min-width:280px;z-index:9999;animation:fadeInDown .3s ease;border:1px solid var(--border-color);overflow:hidden}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-header{padding:20px;background:var(--gradient-primary);color:#fff}.menu-user-info{display:flex;flex-direction:column;gap:4px}.menu-user-name{font-size:16px;font-weight:700}.menu-user-email{font-size:13px;opacity:.9}.menu-user-badge{display:inline-block;padding:4px 12px;background:#fff3;border-radius:12px;font-size:11px;font-weight:700;margin-top:8px;width:fit-content;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-divider{height:1px;background:var(--border-color);margin:8px 0}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;background:transparent;width:100%;text-align:left}.menu-item:hover{background:var(--bg-secondary);color:var(--brand-blue-start)}.menu-icon{font-size:18px}.menu-item-logout{color:var(--error)}.menu-item-logout:hover{background:var(--error-bg);color:var(--error)}.dashboard-content{padding-bottom:60px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:40px}.stat-card{background:var(--bg-primary);border-radius:20px;padding:32px;box-shadow:var(--shadow-md);text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid transparent;position:relative;overflow:hidden;animation:fadeInUp .6s ease;display:flex;flex-direction:column;align-items:center}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .4s ease}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--brand-blue-start)}.stat-icon{font-size:40px;margin-bottom:16px;transition:transform .3s ease}.stat-card:hover .stat-icon{transform:scale(1.15)}.stat-value{font-size:36px;font-weight:800;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.5px}.stat-label{font-size:14px;color:var(--text-secondary);font-weight:600}.quick-actions{background:var(--bg-primary);border-radius:20px;padding:40px;box-shadow:var(--shadow-md);margin-bottom:40px;animation:fadeInUp .7s ease}.quick-actions h2{font-size:24px;font-weight:800;color:var(--text-primary);margin-bottom:32px;letter-spacing:-.3px}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.action-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:20px;padding:36px;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--action-gradient);transform:scaleX(0);transition:transform .4s ease}.action-card:hover:before{transform:scaleX(1)}.action-card:hover{border-color:var(--action-color);transform:translateY(-8px);box-shadow:var(--shadow-xl);background:var(--bg-primary)}.action-ai{--action-color: var(--brand-blue-start);--action-gradient: var(--gradient-blue)}.action-p2p{--action-color: var(--brand-teal-mid);--action-gradient: var(--gradient-teal)}.action-resume{--action-color: var(--brand-teal-start);--action-gradient: var(--gradient-reverse)}.action-icon{font-size:56px;margin-bottom:20px;transition:transform .4s ease}.action-card:hover .action-icon{transform:scale(1.15) rotate(-5deg)}.action-card h3{font-size:20px;font-weight:800;color:var(--text-primary);margin-bottom:10px;letter-spacing:-.3px}.action-card p{font-size:14px;color:var(--text-secondary);margin:0;font-weight:500}.history-section{background:var(--bg-primary);border-radius:20px;padding:40px;box-shadow:var(--shadow-md);margin-bottom:32px;animation:fadeInUp .8s ease}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.section-header h2{font-size:24px;font-weight:800;color:var(--text-primary);letter-spacing:-.3px}.view-all-link{color:var(--brand-blue-start);text-decoration:none;font-weight:700;font-size:14px;transition:all .2s ease;display:flex;align-items:center;gap:4px}.view-all-link:hover{color:var(--brand-teal-start);transform:translate(4px)}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state h3{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.empty-state p{font-size:16px;color:var(--text-secondary);margin-bottom:24px;font-weight:500}.table-container{overflow-x:auto;border-radius:12px;border:1px solid var(--border-color)}.history-table{width:100%;border-collapse:collapse}.history-table thead{background:var(--bg-secondary)}.history-table th{padding:16px;text-align:left;font-size:12px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.history-table td{padding:18px 16px;border-bottom:1px solid var(--border-color);font-size:14px;color:var(--text-primary);font-weight:500}.history-table tbody tr{transition:background .2s ease}.history-table tbody tr:hover{background:var(--bg-secondary)}[data-theme=dark] .history-table tbody tr:hover{background:var(--bg-tertiary)}[data-theme=dark] .history-table td{color:var(--text-primary);border-bottom-color:var(--border-color)}[data-theme=dark] .history-table th{background:var(--bg-tertiary);color:var(--text-secondary)}.badge{display:inline-block;padding:6px 14px;border-radius:16px;font-size:12px;font-weight:700;text-transform:capitalize}.badge-blue{background:#4169e11a;color:var(--brand-blue-start)}.badge-green{background:var(--success-bg);color:var(--success)}.badge-yellow{background:var(--warning-bg);color:var(--warning)}.badge-gray{background:var(--bg-tertiary);color:var(--text-muted)}.score-badge{display:inline-block;padding:6px 14px;background:var(--gradient-primary);color:#fff;border-radius:16px;font-weight:700;font-size:13px;box-shadow:0 2px 8px #4169e14d}.ats-score-badge{display:inline-block;padding:6px 14px;border-radius:16px;font-weight:700;font-size:13px}.btn{padding:12px 24px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;display:inline-block;font-family:inherit}.btn-small{padding:8px 16px;font-size:13px}.btn-secondary{background:var(--brand-teal-mid);color:#fff}.btn-secondary:hover{background:var(--brand-teal-start);transform:translateY(-2px)}@media(max-width:1024px){.stats-grid,.actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-header{padding:24px 20px}.header-content{flex-direction:column;align-items:flex-start}.header-left h1{font-size:24px}.header-left p{font-size:14px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.actions-grid{grid-template-columns:1fr}.quick-actions,.history-section{padding:24px}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:24px}.stat-icon{font-size:32px}.stat-value{font-size:28px}.action-icon{font-size:48px}}.btn-buy-credits{margin-top:12px;background:var(--brand-blue-start);color:#fff;border:none;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;width:auto;display:inline-block;min-width:100px}.btn-buy-credits:hover{background:var(--brand-blue-mid);transform:translateY(-2px);box-shadow:0 2px 8px #4169e133}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-secondary);gap:20px}.profile-container{min-height:100vh;background:var(--bg-secondary)}.profile-header{background:var(--gradient-primary);color:#fff;padding:40px 20px;margin-bottom:40px;position:relative;overflow:hidden}.profile-header:before{content:"";position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}.profile-header h1{font-size:32px;font-weight:800;margin-bottom:8px;letter-spacing:-.5px;position:relative;z-index:1;color:#fff!important}.profile-header p{font-size:16px;opacity:.95;font-weight:500;position:relative;z-index:1;color:#fff!important}.profile-content{max-width:800px;margin:0 auto;padding-bottom:80px}.profile-form{background:var(--bg-primary);border-radius:20px;box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--border-color);animation:fadeInUp .6s ease}.profile-form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.form-section{padding:36px;border-bottom:1px solid var(--border-color);position:relative}.form-section:last-child{border-bottom:none}.form-section h2{font-size:20px;color:var(--text-primary);margin-bottom:28px;font-weight:800;letter-spacing:-.3px}.photo-upload{display:flex;align-items:center;gap:32px}.photo-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid var(--border-color);flex-shrink:0;transition:all .3s ease;position:relative}.photo-preview:hover{border-color:var(--brand-blue-start);transform:scale(1.05)}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-placeholder{width:100%;height:100%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center}.photo-placeholder span{font-size:48px;font-weight:800;color:#fff;text-transform:uppercase}.photo-actions{display:flex;flex-direction:column;gap:12px}.photo-actions small{font-size:12px;color:var(--text-muted);font-weight:500}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group input,.form-group select{padding:14px 18px;border:2px solid var(--border-color);border-radius:12px;font-size:16px;transition:all .2s ease;background:var(--bg-primary);color:var(--text-primary);font-family:inherit}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--brand-blue-start);box-shadow:0 0 0 4px #4169e11a}.form-group input:disabled,.form-group select:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.disabled-input{background:var(--bg-secondary)!important;cursor:not-allowed!important}.message{padding:14px 18px;border-radius:12px;margin-bottom:20px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:12px;animation:slideIn .3s ease}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px 36px;background:var(--bg-secondary);border-top:1px solid var(--border-color)}@media(max-width:768px){.profile-header h1{font-size:24px}.profile-header p{font-size:14px}.form-section{padding:24px 20px}.photo-upload{flex-direction:column;align-items:flex-start}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column;padding:20px}.form-actions button{width:100%}}[data-theme=dark] .profile-container{background-color:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .profile-form{background-color:var(--bg-primary);border-color:var(--border-color)}[data-theme=dark] .form-section{border-bottom-color:var(--border-color)}[data-theme=dark] .form-section h2{color:var(--text-primary)}[data-theme=dark] .form-actions{background-color:var(--bg-secondary);border-top-color:var(--border-color)}[data-theme=dark] .form-group label{color:var(--text-primary)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select{background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus{border-color:var(--brand-blue-start)}[data-theme=dark] .btn-secondary{color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .btn-secondary:hover{background-color:#ffffff0d}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-secondary);gap:20px}.settings-container{min-height:100vh;background:var(--bg-secondary)}.settings-header{background:var(--gradient-primary);color:#fff;padding:40px 20px;margin-bottom:40px;position:relative;overflow:hidden}.settings-header:before{content:"";position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}.settings-header h1{font-size:32px;font-weight:800;margin-bottom:8px;letter-spacing:-.5px;position:relative;z-index:1}.settings-header p{font-size:16px;opacity:.95;font-weight:500;position:relative;z-index:1}.settings-content{max-width:1200px;margin:0 auto;padding-bottom:80px}.settings-layout{display:grid;grid-template-columns:250px 1fr;gap:32px;animation:fadeInUp .6s ease}.settings-sidebar{display:flex;flex-direction:column;gap:8px}.sidebar-item{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--bg-primary);border:2px solid transparent;border-radius:12px;font-size:16px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;text-align:left}.sidebar-item:hover{background:var(--bg-secondary);color:var(--text-primary);transform:translate(4px)}.sidebar-item.active{background:var(--gradient-primary);color:#fff;border-color:var(--brand-blue-start);box-shadow:0 4px 12px #4169e14d}.sidebar-icon{font-size:20px}.settings-main{background:var(--bg-primary);border-radius:20px;box-shadow:var(--shadow-lg);padding:36px;border:1px solid var(--border-color);position:relative}.settings-main:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);border-radius:20px 20px 0 0}.settings-section{animation:fadeIn .4s ease}.settings-section h2{font-size:24px;color:var(--text-primary);margin-bottom:8px;font-weight:800;letter-spacing:-.3px}.section-description{font-size:14px;color:var(--text-secondary);margin-bottom:32px;font-weight:500;line-height:1.6}.settings-form{max-width:500px}.preferences-list{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.preference-item{display:flex;justify-content:space-between;align-items:center;padding:24px;background:var(--bg-secondary);border-radius:12px;border:2px solid var(--border-color);transition:all .3s ease}.preference-item:hover{border-color:var(--brand-blue-start);transform:translate(4px)}.preference-info h4{font-size:16px;color:var(--text-primary);margin-bottom:6px;font-weight:700}.preference-info p{font-size:14px;color:var(--text-secondary);margin:0;font-weight:500}.toggle{position:relative;display:inline-block;width:56px;height:32px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-color);transition:.3s;border-radius:32px}.toggle-slider:before{position:absolute;content:"";height:24px;width:24px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle input:checked+.toggle-slider{background:var(--gradient-primary)}.toggle input:checked+.toggle-slider:before{transform:translate(24px)}.info-card{background:var(--bg-secondary);border-radius:12px;padding:24px;margin-bottom:32px;border:2px solid var(--border-color)}.info-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--border-color)}.info-item:last-child{border-bottom:none}.info-label{font-size:14px;color:var(--text-secondary);font-weight:600}.info-value{font-size:14px;color:var(--text-primary);font-weight:700}.info-value.mono{font-family:Courier New,monospace;font-size:12px}.danger-zone{margin-top:48px;padding:28px;background:linear-gradient(135deg,#fee2e2,#fef2f2);border:2px solid var(--error);border-radius:16px}.danger-zone h3{font-size:18px;color:var(--error);margin-bottom:12px;font-weight:800}.danger-zone p{font-size:14px;color:#742a2a;margin-bottom:20px;font-weight:500;line-height:1.6}.btn-danger{background:var(--error);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-danger:hover{background:#c53030;transform:translateY(-2px);box-shadow:0 4px 12px #e53e3e66}.message{padding:14px 18px;border-radius:12px;margin-bottom:24px;font-size:14px;font-weight:600;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.message-success{background:var(--success-bg);color:var(--success);border:2px solid var(--success)}.message-error{background:var(--error-bg);color:var(--error);border:2px solid var(--error)}.btn{padding:12px 32px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;border:none;font-family:inherit}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 12px #4169e14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #4169e166}@media(max-width:768px){.settings-header h1{font-size:24px}.settings-layout{grid-template-columns:1fr;gap:20px}.settings-sidebar{flex-direction:row;overflow-x:auto;padding-bottom:8px}.sidebar-item{white-space:nowrap}.settings-main{padding:24px 20px}.preference-item{flex-direction:column;align-items:flex-start;gap:16px}.info-item{flex-direction:column;align-items:flex-start;gap:6px}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);padding:40px 20px;position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:var(--gradient-teal);opacity:.15;border-radius:50%;animation:float 20s ease-in-out infinite}.auth-container:after{content:"";position:absolute;bottom:-30%;left:-10%;width:600px;height:600px;background:var(--gradient-blue);opacity:.1;border-radius:50%;animation:float 15s ease-in-out infinite reverse}.auth-card{background:var(--bg-primary);border-radius:24px;padding:48px;max-width:480px;width:100%;box-shadow:var(--shadow-xl);animation:slideUp .5s ease;position:relative;border:1px solid var(--border-color)}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);border-radius:24px 24px 0 0}.auth-header{text-align:center;margin-bottom:32px;width:100%}.auth-header h1{font-size:32px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;letter-spacing:-.5px}.auth-header p{font-size:16px;color:var(--text-secondary);font-weight:500}.error-message{display:flex;align-items:center;gap:12px;background:var(--error-bg);border:2px solid var(--error);border-radius:12px;padding:14px 18px;margin-bottom:24px;color:var(--error);font-size:14px;font-weight:500;animation:shake .4s ease}.error-message svg{flex-shrink:0}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group small{font-size:12px;color:var(--text-muted);font-weight:500}.form-footer{display:flex;justify-content:flex-end;margin-top:-8px}.forgot-link{font-size:14px;color:var(--brand-blue-start);text-decoration:none;font-weight:600;transition:color .2s ease}.forgot-link:hover{color:var(--brand-teal-start)}.btn{padding:14px 24px;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;font-family:inherit}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 20px #4169e14d;position:relative;overflow:hidden}.btn-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 28px #4169e166}.btn-primary:active{transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-full{width:100%}.btn-secondary:hover:not(:disabled){border-color:var(--brand-blue-start);background:linear-gradient(135deg,#4169e10d,#40e0d00d);transform:translateY(-2px)}.auth-card .divider{position:relative;text-align:center;margin:24px 0;width:100%;height:auto;background:transparent}.auth-card .divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-color)}.auth-card .divider span{position:relative;background:var(--bg-primary);padding:0 16px;color:var(--text-muted);font-size:14px;font-weight:600}.btn-google{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 16px;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-primary);font-size:16px;font-weight:700;color:var(--text-primary);cursor:pointer;transition:all .3s ease}.btn-google:hover:not(:disabled){border-color:var(--brand-blue-start);background:linear-gradient(135deg,#4169e10d,#40e0d00d);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-google:disabled{opacity:.6;cursor:not-allowed}.btn-google svg{flex-shrink:0}.auth-switch{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color)}.auth-switch p{font-size:14px;color:var(--text-secondary);font-weight:500}.auth-switch a{color:var(--brand-blue-start);text-decoration:none;font-weight:700;transition:color .2s ease}.auth-switch a:hover{color:var(--brand-teal-start)}.guest-option{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color);text-align:center}.guest-option p{font-size:14px;color:var(--text-secondary);margin-bottom:12px;font-weight:500}.terms-text{font-size:12px;color:var(--text-muted);text-align:center;margin-top:24px;line-height:1.6;font-weight:500}.success-card{text-align:center}.success-icon{margin-bottom:24px;animation:scaleIn .5s ease}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.success-card h1{font-size:28px;color:var(--text-primary);margin-bottom:16px;font-weight:800}.success-card p{font-size:16px;color:var(--text-secondary);margin-bottom:12px;font-weight:500}.success-card .instruction{font-size:14px;color:var(--text-muted);margin-bottom:32px;line-height:1.6}.success-actions{display:flex;flex-direction:column;gap:12px}@media(max-width:640px){.auth-card{padding:32px 24px}.auth-header h1{font-size:28px}.auth-header p{font-size:14px}.form-group input{font-size:16px}}.auth-card{animation:fadeIn .6s ease}:root{--brand-blue-start: #4169E1;--brand-blue-mid: #5B9FED;--brand-blue-end: #6FB3FF;--brand-teal-start: #40E0D0;--brand-teal-mid: #4FACFE;--brand-teal-end: #5BC4D8;--gradient-primary: linear-gradient(135deg, var(--brand-blue-start) 0%, var(--brand-teal-start) 100%);--gradient-blue: linear-gradient(135deg, var(--brand-blue-start) 0%, var(--brand-blue-mid) 50%, var(--brand-blue-end) 100%);--gradient-teal: linear-gradient(135deg, var(--brand-teal-start) 0%, var(--brand-teal-mid) 50%, var(--brand-teal-end) 100%);--bg-primary: #FFFFFF;--bg-secondary: #F8FAFB;--bg-tertiary: #EEF2F6;--text-primary: #1A2332;--text-secondary: #4A5568;--text-muted: #718096;--border-color: #E2E8F0;--shadow-sm: 0 2px 8px rgba(65, 105, 225, .08);--shadow-md: 0 4px 16px rgba(65, 105, 225, .12);--shadow-lg: 0 8px 32px rgba(65, 105, 225, .16)}:root[data-theme=dark]{--bg-primary: #1a202c;--bg-secondary: #2d3748;--bg-tertiary: #4a5568;--text-primary: #f7fafc;--text-secondary: #a0aec0;--text-muted: #718096;--border-color: #4a5568;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5)}.setup-page{min-height:100vh;background:var(--bg-secondary);padding:40px 20px;position:relative;overflow:hidden}.setup-page:before{content:"";position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:var(--gradient-primary);opacity:.05;border-radius:50%;animation:float 20s ease-in-out infinite}.setup-page:after{content:"";position:absolute;bottom:-30%;left:-10%;width:600px;height:600px;background:var(--gradient-teal);opacity:.04;border-radius:50%;animation:float 15s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(5deg)}66%{transform:translate(-20px,20px) rotate(-5deg)}}.setup-container{max-width:900px;margin:0 auto;position:relative;z-index:1}.setup-header{text-align:center;margin-bottom:48px}.setup-title{font-size:42px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;letter-spacing:-.5px}.setup-subtitle{font-size:18px;color:var(--text-secondary);font-weight:500}.setup-form{background:var(--bg-primary);border-radius:24px;padding:48px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);position:relative;overflow:hidden}.setup-form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.form-section{margin-bottom:40px}.form-section:last-of-type{margin-bottom:32px}.section-label{display:block;font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.2px}.interview-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.interview-type-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;padding:24px;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.interview-type-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-primary);opacity:0;transition:all .4s ease}.interview-type-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--brand-blue-mid)}.interview-type-card:hover:before{left:0;opacity:.05}.interview-type-card.selected{background:linear-gradient(135deg,#4169e114,#40e0d014);border-color:var(--brand-blue-start);box-shadow:0 0 0 3px #4169e11a}.type-icon{font-size:48px;margin-bottom:12px;transition:transform .3s ease}.interview-type-card:hover .type-icon{transform:scale(1.15) rotate(-5deg)}.type-name{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.type-desc{font-size:13px;color:var(--text-muted);margin:0}.form-input{width:100%;padding:16px 20px;font-size:15px;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease;font-family:inherit}.form-input:focus{outline:none;border-color:var(--brand-blue-start);box-shadow:0 0 0 4px #4169e11a}.form-input::placeholder{color:var(--text-muted)}.experience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.experience-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease}.experience-card:hover{transform:translateY(-2px);border-color:var(--brand-teal-start);box-shadow:var(--shadow-sm)}.experience-card.selected{background:linear-gradient(135deg,#40e0d01a,#4facfe1a);border-color:var(--brand-teal-start);box-shadow:0 0 0 3px #40e0d01a}.level-name{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.level-years{font-size:12px;color:var(--text-muted);margin:0}.split-section{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.split-item{flex:1}.form-select{width:100%;padding:16px 44px 16px 20px;font-size:15px;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-family:inherit;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%234A5568' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.form-select:focus{outline:none;border-color:var(--brand-blue-start);box-shadow:0 0 0 4px #4169e11a}.btn-start-interview{width:100%;padding:18px 32px;font-size:18px;font-weight:700;color:#fff;background:var(--gradient-primary);border:none;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #4169e14d;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;overflow:hidden}.btn-start-interview:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-start-interview:hover:before{left:100%}.btn-start-interview:hover{transform:translateY(-3px);box-shadow:0 8px 28px #4169e166}.btn-start-interview:active{transform:translateY(-1px)}.btn-start-interview:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-start-interview span:first-child{font-size:24px}.setup-tips{margin-top:32px;background:linear-gradient(135deg,#4169e10d,#40e0d00d);border:2px dashed var(--border-color);border-radius:16px;padding:24px 32px}.tips-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.tips-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.tips-list li{font-size:14px;color:var(--text-secondary);padding-left:24px;position:relative}.tips-list li:before{content:"✓";position:absolute;left:0;color:var(--brand-teal-start);font-weight:700}.spinner-small{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.setup-page{padding:24px 16px}.setup-title{font-size:32px}.setup-subtitle{font-size:16px}.setup-form{padding:32px 24px}.interview-types-grid{grid-template-columns:1fr}.experience-grid{grid-template-columns:repeat(2,1fr)}.split-section,.tips-list{grid-template-columns:1fr}}@media(max-width:480px){.setup-title{font-size:28px}.setup-form{padding:24px 20px}.experience-grid{grid-template-columns:1fr}.btn-start-interview{font-size:16px;padding:16px 24px}}.setup-header .back-button{background:none;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;padding:0;margin-bottom:16px;display:flex;align-items:center;gap:4px;transition:color .2s}.setup-header .back-button:hover{color:var(--primary)}.credit-display{display:inline-flex;align-items:center;gap:12px;background:var(--bg-secondary);padding:8px 16px;border-radius:20px;margin-top:16px;border:1px solid var(--border-color)}.credit-label{font-size:14px;color:var(--text-secondary);font-weight:500}.credit-value{font-size:16px;font-weight:700;color:var(--success)}.credit-value.low{color:var(--error)}.btn-buy-credits-small{background:var(--brand-blue-start);color:#fff;border:none;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}:root[data-theme=dark] .setup-page,[data-theme=dark] .setup-page,.dark-mode .setup-page{background:#1a202c!important}:root[data-theme=dark] .setup-form,[data-theme=dark] .setup-form,.dark-mode .setup-form{background:#2d3748!important;border-color:#4a5568!important}:root[data-theme=dark] .setup-title,[data-theme=dark] .setup-title,.dark-mode .setup-title{background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root[data-theme=dark] .setup-subtitle,[data-theme=dark] .setup-subtitle,.dark-mode .setup-subtitle{color:#a0aec0!important}:root[data-theme=dark] .section-label,[data-theme=dark] .section-label,.dark-mode .section-label{color:#e2e8f0!important}:root[data-theme=dark] .interview-type-card,[data-theme=dark] .interview-type-card,.dark-mode .interview-type-card,:root[data-theme=dark] .experience-card,[data-theme=dark] .experience-card,.dark-mode .experience-card{background:#1a202c!important;border-color:#4a5568!important}:root[data-theme=dark] .interview-type-card.selected,[data-theme=dark] .interview-type-card.selected,.dark-mode .interview-type-card.selected,:root[data-theme=dark] .experience-card.selected,[data-theme=dark] .experience-card.selected,.dark-mode .experience-card.selected{background:#4169e126!important;border-color:#667eea!important}:root[data-theme=dark] .type-name,[data-theme=dark] .type-name,.dark-mode .type-name,:root[data-theme=dark] .level-name,[data-theme=dark] .level-name,.dark-mode .level-name{color:#f7fafc!important}:root[data-theme=dark] .type-desc,[data-theme=dark] .type-desc,.dark-mode .type-desc,:root[data-theme=dark] .level-years,[data-theme=dark] .level-years,.dark-mode .level-years{color:#a0aec0!important}:root[data-theme=dark] .form-input,[data-theme=dark] .form-input,.dark-mode .form-input,:root[data-theme=dark] .form-select,[data-theme=dark] .form-select,.dark-mode .form-select{background:#1a202c!important;border-color:#4a5568!important;color:#f7fafc!important}:root[data-theme=dark] .form-input::placeholder,[data-theme=dark] .form-input::placeholder,.dark-mode .form-input::placeholder{color:#718096!important}:root[data-theme=dark] .file-upload-container,[data-theme=dark] .file-upload-container,.dark-mode .file-upload-container{background:#1a202c!important;border-color:#4a5568!important}:root[data-theme=dark] .setup-tips,[data-theme=dark] .setup-tips,.dark-mode .setup-tips{background:#4169e11a!important;border-color:#4a5568!important}:root[data-theme=dark] .tips-title,[data-theme=dark] .tips-title,.dark-mode .tips-title{color:#f7fafc!important}:root[data-theme=dark] .tips-list li,[data-theme=dark] .tips-list li,.dark-mode .tips-list li{color:#cbd5e0!important}:root[data-theme=dark] .credit-display,[data-theme=dark] .credit-display,.dark-mode .credit-display{background:#2d3748!important;border-color:#4a5568!important}:root[data-theme=dark] .credit-label,[data-theme=dark] .credit-label,.dark-mode .credit-label{color:#a0aec0!important}.webcam-tile{position:relative;width:100%;height:100%;background:#1a1a1a;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.webcam-video{width:100%;height:100%;object-fit:cover}.webcam-tile.mirror .webcam-video{transform:scaleX(-1)}.webcam-placeholder{background:linear-gradient(135deg,#2d3748,#1a202c)}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff;opacity:.7}.placeholder-icon{font-size:64px}.placeholder-content p{font-size:16px;font-weight:500}.webcam-error{background:#2d1f1f;border:2px solid #e53e3e}.error-content{display:flex;flex-direction:column;align-items:center;gap:12px;color:#fc8181;padding:20px;text-align:center}.error-icon{font-size:48px}.error-content p{font-size:14px}.loading-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#fff;z-index:10}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.loading-overlay p{font-size:14px;opacity:.9}.tile-controls{position:absolute;bottom:12px;right:12px;display:flex;gap:8px;z-index:20}.tile-control-btn{width:36px;height:36px;border-radius:50%;background:#0009;border:none;font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.tile-control-btn:hover{background:#000c;transform:scale(1.1)}.tile-control-btn:active{transform:scale(.95)}@media(max-width:768px){.webcam-tile{border-radius:8px}.placeholder-icon{font-size:48px}.placeholder-content p{font-size:14px}.tile-controls{bottom:8px;right:8px}.tile-control-btn{width:32px;height:32px;font-size:16px}}.webcam-tile{animation:fadeIn .3s ease}.media-control{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 16px;background:#ffffff1a;border:2px solid transparent;border-radius:12px;color:#fff;cursor:pointer;transition:all .2s ease;min-width:80px}.media-control:hover{background:#ffffff26;transform:translateY(-2px)}.media-control:active{transform:translateY(0)}.media-control:disabled{opacity:.5;cursor:not-allowed;transform:none}.media-control.enabled{border-color:#48bb7880}.media-control.disabled{background:#e53e3e33;border-color:#e53e3e80}.media-control.disabled:hover{background:#e53e3e4d}.control-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.control-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.control-icon svg{width:100%;height:100%}.control-spinner{font-size:24px;animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.control-label{font-size:12px;font-weight:600;text-align:center;white-space:nowrap}.audio-levels{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);display:flex;gap:2px;height:16px;align-items:flex-end}.level-bar{width:3px;height:4px;background:#ffffff4d;border-radius:2px;transition:all .1s ease}.level-bar:nth-child(1){height:4px}.level-bar:nth-child(2){height:6px}.level-bar:nth-child(3){height:8px}.level-bar:nth-child(4){height:6px}.level-bar:nth-child(5){height:4px}.level-bar.active{background:#48bb78;box-shadow:0 0 4px #48bb78}.camera-control.enabled .control-icon{color:#4299e1}.camera-control.disabled .control-icon{color:#e53e3e}.mic-control.enabled .control-icon{color:#48bb78}.mic-control.disabled .control-icon{color:#e53e3e}@media(max-width:768px){.media-control{min-width:60px;padding:10px 12px;gap:6px}.control-icon{width:20px;height:20px}.control-label{font-size:11px}.audio-levels{height:12px;bottom:-6px}.level-bar{width:2px}}.media-control.compact{min-width:48px;padding:8px}.media-control.compact .control-label,.media-control.compact .audio-levels{display:none}.media-control{animation:fadeIn .3s ease}.mic-control.enabled.speaking{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #48bb7866}50%{box-shadow:0 0 0 8px #48bb7800}}.device-selector{position:relative}.device-selector-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease}.device-selector-toggle:hover{background:#fff3;transform:scale(1.05)}.toggle-icon{width:20px;height:20px}.device-selector-dropdown{position:absolute;bottom:calc(100% + 4px);right:0;min-width:300px;background:#fff;border-radius:12px;box-shadow:0 -4px 20px #0003;z-index:1000;animation:slideUpFade .2s ease}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.dropdown-header h3{font-size:16px;font-weight:600;color:#1a202c;margin:0}.close-button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#718096;font-size:18px;cursor:pointer;transition:all .2s ease}.close-button:hover{background:#f7fafc;color:#1a202c}.dropdown-content{padding:20px}.device-group{margin-bottom:20px}.device-group:last-of-type{margin-bottom:16px}.device-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#2d3748;margin-bottom:8px}.label-icon{width:16px;height:16px;color:#667eea}.device-select{width:100%;padding:10px 12px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;color:#2d3748;cursor:pointer;transition:all .2s ease}.device-select:hover{border-color:#cbd5e0}.device-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.device-select:disabled{background:#f7fafc;cursor:not-allowed;opacity:.6}.refresh-button{width:100%;padding:10px;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.refresh-button:hover{background:#edf2f7;border-color:#cbd5e0}.refresh-button:active{transform:scale(.98)}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px;color:#718096}.spinner-small{width:24px;height:24px;border:3px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.device-selector-error{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#e53e3e1a;border:2px solid rgba(229,62,62,.3);border-radius:8px;color:#c53030;font-size:14px}.error-icon{font-size:18px}.error-text{font-weight:500}@media(max-width:768px){.device-selector-dropdown{left:0;right:0;min-width:auto;width:calc(100vw - 40px)}.dropdown-content{padding:16px}.device-group{margin-bottom:16px}}.device-select:focus-visible{outline:2px solid #667eea;outline-offset:2px}.refresh-button:focus-visible{outline:2px solid #667eea;outline-offset:2px}.waiting-room{min-height:100vh;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative;overflow:hidden}.waiting-room:before{content:"";position:absolute;top:-30%;right:-15%;width:700px;height:700px;background:var(--gradient-teal);opacity:.15;border-radius:50%;animation:float 20s ease-in-out infinite}.waiting-room-container{max-width:800px;width:100%;position:relative;z-index:1}.waiting-room-header{text-align:center;margin-bottom:32px;animation:fadeIn .6s ease}.waiting-room-header h1{font-size:40px;font-weight:800;color:#fff;margin-bottom:12px;letter-spacing:-.5px}.time-info{font-size:18px;color:#fffffff2;font-weight:600}.preview-section{background:var(--bg-primary);border-radius:20px;padding:24px;box-shadow:var(--shadow-xl);margin-bottom:24px;animation:slideUp .7s ease;border:1px solid var(--border-color)}.preview-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);border-radius:20px 20px 0 0}.video-preview{position:relative;width:100%;aspect-ratio:16 / 9;background:#1a1a1a;border-radius:16px;overflow:hidden;margin-bottom:20px;border:2px solid var(--border-color)}.loading-preview{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#fff;background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.spinner-large{width:60px;height:60px;border:5px solid rgba(65,105,225,.2);border-top-color:var(--brand-blue-start);border-radius:50%;animation:spin 1s linear infinite}.loading-preview p{font-size:16px;opacity:.9;font-weight:500}.error-preview{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px;text-align:center;background:linear-gradient(135deg,#2d1f1f,#3d2020)}.error-icon{font-size:64px}.error-preview p{color:#fc8181;font-size:16px;max-width:400px;font-weight:500}.preview-controls{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}.waiting-room-info{display:grid;gap:24px;animation:slideUp .8s ease}.tips{background:var(--bg-primary);border-radius:16px;padding:28px;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.tips h3{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:20px;letter-spacing:-.3px}.tips ul{list-style:none;padding:0;margin:0}.tips li{font-size:15px;color:var(--text-secondary);line-height:1.8;padding:10px 0;border-bottom:1px solid var(--border-color);font-weight:500}.tips li:last-child{border-bottom:none}.action-buttons{display:flex;flex-direction:column;gap:12px;align-items:center}.btn{padding:14px 32px;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;font-family:inherit}.btn-large{font-size:18px;padding:18px 48px;width:100%;max-width:400px;box-shadow:0 4px 20px #4169e166}.btn-primary{background:var(--gradient-primary);color:#fff;position:relative;overflow:hidden}.btn-primary:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 8px 28px #4169e180}.btn-secondary:hover:not(:disabled){background:#ffffff40;transform:translateY(-2px)}.btn-text{background:transparent;color:#fff;border:none;font-size:14px;text-decoration:underline;padding:10px 20px}.btn-text:hover{color:#fffc}.status-indicator{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;background:#ffffff26;border-radius:50px;color:#fff;font-size:14px;font-weight:600;margin-top:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.status-dot{width:10px;height:10px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-good{background:#48bb78;box-shadow:0 0 10px #48bb78}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}@media(max-width:768px){.waiting-room{padding:20px}.waiting-room-header h1{font-size:28px}.time-info{font-size:16px}.preview-section{padding:16px}.tips{padding:20px}.tips h3{font-size:16px}.tips li{font-size:14px}.btn-large{font-size:16px;padding:16px 32px}}.video-tile{position:relative;background:#3c4043;border-radius:12px;overflow:hidden;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.video-tile.speaking{box-shadow:0 0 0 4px #8ab4f8;transform:scale(1.02)}.video-placeholder{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:#fff;position:relative}.candidate-avatar{background:linear-gradient(135deg,#8ab4f8,#4285f4)}.ai-avatar{background:linear-gradient(135deg,#34a853,#0f9d58);animation:aiGlow 3s ease-in-out infinite}@keyframes aiGlow{0%,to{box-shadow:0 0 30px #34a85366}50%{box-shadow:0 0 60px #34a853b3}}.avatar-text{-webkit-user-select:none;user-select:none}.camera-off-icon{color:#ffffffb3}.speaking-indicator{position:absolute;top:16px;right:16px;background:#000000b3;padding:8px 12px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sound-wave{display:flex;gap:3px;align-items:flex-end;height:20px}.bar{width:3px;background:#34a853;border-radius:2px;animation:soundWave .6s ease-in-out infinite}.bar:nth-child(1){height:12px;animation-delay:0s}.bar:nth-child(2){height:20px;animation-delay:.1s}.bar:nth-child(3){height:16px;animation-delay:.2s}.bar:nth-child(4){height:24px;animation-delay:.3s}@keyframes soundWave{0%,to{transform:scaleY(.5);opacity:.5}50%{transform:scaleY(1);opacity:1}}.participant-info{position:absolute;bottom:16px;left:16px;right:16px;background:#000000b3;padding:10px 14px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.participant-name{font-size:14px;font-weight:500;color:#fff}.status-icons{display:flex;gap:8px;align-items:center}.icon{width:16px;height:16px}.muted-icon,.camera-off-icon-small{color:#ea4335}@media(max-width:768px){.video-placeholder{width:100px;height:100px;font-size:40px}.participant-info{padding:8px 12px}.participant-name{font-size:13px}.speaking-indicator{top:12px;right:12px;padding:6px 10px}.sound-wave{height:16px}}.meeting-controls{position:absolute;bottom:0;left:0;right:0;padding:32px 24px;background:linear-gradient(to top,rgba(32,33,36,.98) 0%,transparent 100%);display:flex;justify-content:center;align-items:center;gap:16px;z-index:10}.control-btn{width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .2s ease;position:relative;background:#3c4043;color:#fff}.control-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.control-btn:active{transform:scale(.95)}.control-icon{width:24px;height:24px;fill:#fff}.control-label{position:absolute;bottom:-24px;font-size:12px;white-space:nowrap;opacity:.9;color:#fff}.mic-btn.muted{background:#ea4335}.mic-btn.muted:hover{background:#d33426}.camera-btn.off{background:#ea4335}.camera-btn.off:hover{background:#d33426}.end-btn{width:64px;height:64px;background:#ea4335;margin:0 8px}.end-btn:hover{background:#d33426;transform:scale(1.12)}.end-btn .control-icon{width:28px;height:28px}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-btn:disabled:hover{transform:none}@media(max-width:768px){.meeting-controls{padding:24px 16px;gap:12px}.control-btn{width:48px;height:48px}.control-icon{width:20px;height:20px}.end-btn{width:56px;height:56px}.end-btn .control-icon{width:24px;height:24px}.control-label{font-size:11px;bottom:-22px}}.control-btn:focus{outline:2px solid #8ab4f8;outline-offset:2px}.control-btn:focus:not(:focus-visible){outline:none}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.mic-btn.muted{animation:pulse 2s ease-in-out infinite}.timer-container{display:flex;flex-direction:column;gap:4px}.timer-display{display:flex;align-items:center;gap:8px;background:#0000004d;padding:8px 16px;border-radius:24px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.timer-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.timer-text{font-size:14px;font-weight:600;font-family:Courier New,monospace;min-width:100px;text-align:center}.timer-progress{width:100%;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden}.timer-progress-bar{height:100%;transition:width 1s linear,background-color .3s ease;border-radius:2px}@media(max-width:768px){.timer-display{padding:6px 12px}.timer-text{font-size:12px;min-width:90px}.timer-dot{width:6px;height:6px}.timer-progress{height:2px}}.timer-text.warning{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.5}}.meeting-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#202124;color:#fff;gap:20px}.meeting-container{display:flex;flex-direction:column;height:100vh;background:#202124;color:#fff;position:relative;overflow:hidden}.meeting-top-bar{position:fixed;top:0;left:0;right:0;height:70px;background:#202124e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;padding:0 24px;z-index:1000;border-bottom:1px solid rgba(255,255,255,.05);box-shadow:0 4px 20px #0003}.top-bar-left,.top-bar-right{display:flex;align-items:center;gap:16px}.timer-wrapper{font-size:18px;font-weight:500;font-variant-numeric:tabular-nums}.divider{width:1px;height:24px;background:#fff3}.interview-info{display:flex;flex-direction:column}.interview-role{font-size:16px;font-weight:600;margin:0;color:#fff;display:flex;align-items:center;gap:8px}.candidate-name{font-weight:400;opacity:.8}.interview-type{font-size:12px;color:#aaa;text-transform:capitalize}.top-bar-center{flex:1}.meeting-container{padding-top:70px;height:100vh;box-sizing:border-box;display:flex;flex-direction:column}.video-section{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:20px;height:100%;margin-bottom:0;box-sizing:border-box;align-items:stretch}.user-video,.ai-video{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;background:#1f2937}.ai-video.ai-speaking{box-shadow:0 0 20px #4299e14d;border:2px solid rgba(66,153,225,.5)}.ai-avatar{width:100%;height:100%;background:linear-gradient(135deg,#1f2937,#111827);display:flex;align-items:center;justify-content:center;position:relative}.avatar-circle{width:240px;height:240px;border-radius:50%;background:linear-gradient(135deg,#4299e1,#3182ce);border:2px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #0000004d;transition:all .3s ease;z-index:2}.avatar-icon{font-size:120px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));animation:float 3s ease-in-out infinite}.ai-label{margin-top:1rem;color:#e2e8f0;font-weight:500;font-size:1rem;background:#0000004d;padding:6px 16px;border-radius:16px;position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:5}.user-video video{width:100%;height:100%;object-fit:cover}.speaking-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:1}.ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(66,153,225,.5);width:100%;height:100%;opacity:0}.ring-1{animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite}.ring-2{animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite .6s}.ring-3{animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite 1.2s}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes pulse-ring{0%{width:250px;height:250px;opacity:.8;border-width:4px}to{width:600px;height:600px;opacity:0;border-width:0px}}.transcript-box{background:#ffffff0d;padding:16px;border-radius:8px;margin-top:16px;max-width:600px;text-align:left;color:#fff}.transcript-box h3{display:block;font-size:14px;color:#aaa;margin-bottom:8px}.transcript-box p{margin:0;font-size:16px;line-height:1.5;font-weight:400}.meeting-controls{display:flex;justify-content:center;align-items:center;padding:24px;background:#202124f2;border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:20;gap:40px}.control-group{background:transparent;padding:0;box-shadow:none;display:flex;gap:16px;align-items:center;justify-content:center}.action-group{display:flex;justify-content:flex-end;position:static;margin:0}@media(max-width:768px){.meeting-top-bar{padding:16px}.interview-role{font-size:14px}.video-section{grid-template-columns:1fr}.meeting-controls{flex-direction:column;padding-bottom:16px;position:relative}.control-group{width:100%;justify-content:center}.action-group{position:static;margin-top:0}}.audio-visualizer{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:60px;padding:0 10px;background:#0000004d;border-radius:8px;overflow:hidden}.audio-visualizer.active{background:#48bb781a}.visualizer-bar{flex:1;min-width:3px;max-width:8px;background:#48bb78;border-radius:2px 2px 0 0;transition:height .1s ease,opacity .1s ease;will-change:height,opacity}@media(max-width:768px){.audio-visualizer{height:40px;gap:1px}.visualizer-bar{min-width:2px;max-width:5px}}.audio-visualizer.compact{height:30px;padding:0 5px}.audio-visualizer.compact .visualizer-bar{min-width:2px;max-width:4px}.audio-visualizer:not(.active) .visualizer-bar{animation:idle 2s ease-in-out infinite;animation-delay:calc(var(--i) * .1s)}@keyframes idle{0%,to{height:20%;opacity:.3}50%{height:40%;opacity:.5}}.visualizer-bar:nth-child(1){--i: 1}.visualizer-bar:nth-child(2){--i: 2}.visualizer-bar:nth-child(3){--i: 3}.visualizer-bar:nth-child(4){--i: 4}.visualizer-bar:nth-child(5){--i: 5}.visualizer-bar:nth-child(6){--i: 6}.visualizer-bar:nth-child(7){--i: 7}.visualizer-bar:nth-child(8){--i: 8}.visualizer-bar:nth-child(9){--i: 9}.visualizer-bar:nth-child(10){--i: 10}.visualizer-bar:nth-child(11){--i: 11}.visualizer-bar:nth-child(12){--i: 12}.visualizer-bar:nth-child(13){--i: 13}.visualizer-bar:nth-child(14){--i: 14}.visualizer-bar:nth-child(15){--i: 15}.visualizer-bar:nth-child(16){--i: 16}.visualizer-bar:nth-child(17){--i: 17}.visualizer-bar:nth-child(18){--i: 18}.visualizer-bar:nth-child(19){--i: 19}.visualizer-bar:nth-child(20){--i: 20}.audio-visualizer{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.connection-quality{display:flex;flex-direction:column;gap:8px;padding:12px 16px;background:#0009;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.quality-indicator{display:flex;align-items:center;gap:8px}.quality-icon{font-size:16px}.quality-label{font-size:14px;font-weight:600;color:#fff}.connection-quality.good .quality-label{color:#48bb78}.connection-quality.fair .quality-label{color:#ed8936}.connection-quality.poor .quality-label{color:#fc8181}.connection-quality.disconnected .quality-label{color:#a0aec0}.quality-details{display:flex;flex-direction:column;gap:4px;padding-top:8px;border-top:1px solid rgba(255,255,255,.2)}.detail-item{display:flex;justify-content:space-between;align-items:center;font-size:12px}.detail-label{color:#ffffffb3}.detail-value{color:#fff;font-weight:600;font-family:Courier New,monospace}.quality-warning,.quality-error{display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;font-size:12px;margin-top:4px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.quality-warning{background:#ed893633;border:1px solid rgba(237,137,54,.4)}.quality-error{background:#e53e3e33;border:1px solid rgba(229,62,62,.4)}.warning-icon,.error-icon{font-size:14px}.warning-text,.error-text{color:#fff;font-weight:500}.connection-quality.compact{padding:8px 12px}.connection-quality.compact .quality-details{display:none}.connection-quality.minimal{padding:6px;background:transparent}.connection-quality.minimal .quality-label,.connection-quality.minimal .quality-details,.connection-quality.minimal .quality-warning,.connection-quality.minimal .quality-error{display:none}.connection-quality.minimal .quality-icon{font-size:20px}.connection-quality.fixed-top-right{position:fixed;top:20px;right:20px;z-index:100}.connection-quality.fixed-bottom-right{position:fixed;bottom:20px;right:20px;z-index:100}@media(max-width:640px){.connection-quality{padding:10px 12px}.quality-icon{font-size:14px}.quality-label{font-size:13px}.detail-item{font-size:11px}.quality-warning,.quality-error{font-size:11px;padding:6px}}.connection-quality[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:8px 12px;background:#000000e6;color:#fff;font-size:12px;white-space:nowrap;border-radius:6px;pointer-events:none;z-index:1000}.connection-quality[data-tooltip]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:2px;border:6px solid transparent;border-top-color:#000000e6;pointer-events:none;z-index:1000}.report-loading,.report-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--gradient-primary);color:#fff;padding:40px 20px;text-align:center}.report-loading h2,.report-error h2{font-size:32px;margin-bottom:16px;font-weight:800;letter-spacing:-.5px}.report-loading p{font-size:18px;opacity:.95;max-width:500px;margin-bottom:32px;font-weight:500}.loading-steps{display:flex;flex-direction:column;gap:12px;margin-top:24px;text-align:left}.loading-steps .step{font-size:16px;opacity:.7;font-weight:500}.loading-steps .step.active{opacity:1;font-weight:700}.report-page{min-height:100vh;background:var(--bg-secondary)}.report-header{background:var(--gradient-primary);color:#fff;padding:60px 20px 40px;text-align:center;margin-bottom:40px;position:relative;overflow:hidden}.report-header:before{content:"";position:absolute;top:-30%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}.report-header h1{font-size:42px;margin-bottom:12px;font-weight:800;letter-spacing:-.5px;position:relative;z-index:1;color:#fff!important}.report-subtitle{font-size:18px;opacity:.95;margin-bottom:8px;font-weight:600;position:relative;z-index:1;color:#fff!important}.report-date{font-size:14px;opacity:.8;font-weight:500;position:relative;z-index:1;color:#fff!important}.score-card{background:var(--bg-primary);border-radius:24px;padding:48px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:48px;margin-bottom:40px;animation:fadeInUp .5s ease;border:1px solid var(--border-color);position:relative}.score-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);border-radius:24px 24px 0 0}.score-circle{position:relative;width:200px;height:200px;flex-shrink:0}.score-circle svg{transform:rotate(-90deg)}.score-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.score-number{font-size:56px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.score-label{font-size:20px;color:var(--text-muted);margin-top:4px;font-weight:600}.score-info h2{font-size:32px;color:var(--text-primary);margin-bottom:16px;font-weight:800;letter-spacing:-.5px}.score-description{font-size:18px;color:var(--text-secondary);line-height:1.6;font-weight:500}.section-scores{background:var(--bg-primary);border-radius:20px;padding:40px;box-shadow:var(--shadow-md);margin-bottom:40px;animation:fadeInUp .6s ease;border:1px solid var(--border-color)}.section-scores h2{font-size:28px;color:var(--text-primary);margin-bottom:32px;font-weight:800;letter-spacing:-.3px}.scores-grid{display:grid;gap:24px}.score-bar-container{display:flex;flex-direction:column;gap:10px}.score-bar-header{display:flex;align-items:center;gap:12px;font-size:16px}.score-bar-icon{font-size:24px}.score-bar-label{flex:1;font-weight:700;color:var(--text-primary)}.score-bar-value{font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-bar-track{height:14px;background:var(--bg-secondary);border-radius:50px;overflow:hidden;border:1px solid var(--border-color)}.score-bar-fill{height:100%;border-radius:50px;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.feedback-section{background:var(--bg-primary);border-radius:20px;padding:40px;box-shadow:var(--shadow-md);margin-bottom:40px;border:1px solid var(--border-color)}.strengths-section{animation:fadeInUp .7s ease}.improvement-section{animation:fadeInUp .8s ease}.feedback-section h2{font-size:28px;color:var(--text-primary);margin-bottom:24px;font-weight:800;letter-spacing:-.3px}.feedback-grid{display:grid;gap:16px}.feedback-item{display:flex;gap:16px;padding:24px;border-radius:16px;font-size:16px;line-height:1.7;transition:all .3s ease;font-weight:500}.feedback-item:hover{transform:translate(6px)}.strength-item{background:linear-gradient(135deg,#48bb7814,#48bb7808);border-left:4px solid var(--success)}.improvement-item{background:linear-gradient(135deg,#f59e0b14,#f59e0b08);border-left:4px solid var(--warning)}.feedback-icon{font-size:24px;flex-shrink:0}.feedback-item p{color:var(--text-primary);margin:0}.tips-section{background:var(--bg-primary);border-radius:20px;padding:40px;box-shadow:var(--shadow-md);margin-bottom:40px;animation:fadeInUp .9s ease;border:1px solid var(--border-color)}.tips-section h2{font-size:28px;color:var(--text-primary);margin-bottom:24px;font-weight:800;letter-spacing:-.3px}.tips-list{display:flex;flex-direction:column;gap:16px}.tip-item{display:flex;gap:20px;padding:24px;background:linear-gradient(135deg,#4169e10d,#40e0d00d);border-radius:16px;border-left:4px solid var(--brand-blue-start);transition:all .3s ease}.tip-item:hover{transform:translate(6px);box-shadow:var(--shadow-sm)}.tip-number{width:40px;height:40px;background:var(--gradient-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0;box-shadow:0 2px 8px #4169e14d}.tip-item p{color:var(--text-primary);font-size:16px;line-height:1.7;margin:0;font-weight:500}.summary-section{background:var(--bg-primary);border-radius:20px;padding:40px;box-shadow:var(--shadow-md);margin-bottom:40px;animation:fadeInUp 1.2s ease;border:1px solid var(--border-color)}.summary-section h2{font-size:28px;color:var(--text-primary);margin-bottom:20px;font-weight:800;letter-spacing:-.3px}.summary-text{font-size:18px;color:var(--text-secondary);line-height:1.8;font-weight:500}.report-actions{display:flex;justify-content:center;gap:16px;margin:40px 0;animation:fadeInUp 1.3s ease;flex-wrap:wrap}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-color)}.btn-secondary:hover{border-color:var(--brand-blue-start);background:#4169e10d}@media(max-width:768px){.report-header h1{font-size:28px}.report-subtitle{font-size:16px}.score-card{flex-direction:column;padding:32px 24px;gap:24px}.score-circle{width:160px;height:160px}.score-number{font-size:48px}.section-scores,.feedback-section,.tips-section,.summary-section{padding:24px}.report-actions{flex-direction:column}.report-actions .btn{width:100%}}.ats-section{background:var(--bg-primary);border-radius:20px;padding:40px;box-shadow:var(--shadow-md);margin-bottom:40px;animation:fadeInUp 1s ease;border:1px solid var(--border-color)}.ats-section h2{font-size:28px;color:var(--text-primary);margin-bottom:32px;font-weight:800;letter-spacing:-.3px}.ats-score-card{display:flex;align-items:center;gap:32px;padding:32px;background:var(--bg-secondary);border-radius:16px;margin-bottom:32px}.ats-score-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);border:4px solid var(--brand-blue-start)}.ats-score-number{font-size:36px;font-weight:800;color:var(--brand-blue-start);line-height:1}.ats-score-label{font-size:14px;color:var(--text-secondary);font-weight:600}.ats-info h3{font-size:20px;margin-bottom:8px;color:var(--text-primary)}.ats-info p{color:var(--text-secondary);line-height:1.6}.ats-details{display:flex;flex-direction:column;gap:24px}.ats-detail-card{padding:24px;background:#fff;border-radius:16px;border:1px solid var(--border-color)}.ats-detail-card h4{font-size:18px;margin-bottom:16px;color:var(--text-primary);display:flex;align-items:center;gap:8px}.keyword-tags{display:flex;flex-wrap:wrap;gap:12px}.keyword-tag{background:#4169e11a;color:var(--brand-blue-start);padding:8px 16px;border-radius:50px;font-weight:600;font-size:14px;border:1px solid rgba(65,105,225,.2)}.formatted-list{padding-left:20px;display:flex;flex-direction:column;gap:12px;margin:0}.formatted-list li{color:var(--text-secondary);line-height:1.6;position:relative;list-style-type:disc}.moments-list{display:flex;flex-direction:column;gap:16px}.moment-item{display:flex;gap:20px;padding:20px;background:var(--bg-secondary);border-radius:16px;border-left:4px solid var(--brand-purple-start)}.moment-time{font-family:monospace;font-weight:700;color:var(--brand-purple-start);background:#fff;padding:4px 12px;border-radius:8px;height:fit-content;box-shadow:var(--shadow-sm)}.moment-item p{margin:0;color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.device-test{min-height:100vh;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative;overflow:hidden}.device-test:before{content:"";position:absolute;top:-30%;right:-15%;width:700px;height:700px;background:var(--gradient-blue);opacity:.12;border-radius:50%;animation:float 20s ease-in-out infinite}.device-test-container{max-width:700px;width:100%;position:relative;z-index:1}.test-header{text-align:center;margin-bottom:40px;animation:fadeIn .6s ease}.test-icon{font-size:64px;display:block;margin-bottom:20px;animation:iconBounce 2s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.test-header h1{font-size:36px;font-weight:800;color:#fff;margin-bottom:12px;letter-spacing:-.5px}.test-header p{font-size:18px;color:#fffffff2;font-weight:500}.test-progress{display:flex;align-items:center;justify-content:center;margin-bottom:40px;animation:slideDown .7s ease}.progress-step{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative}.step-number{width:52px;height:52px;border-radius:50%;background:#ffffff26;border:3px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:800;transition:all .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.progress-step.active .step-number{background:#fff;color:var(--brand-blue-start);border-color:#fff;box-shadow:0 4px 16px #fff6;transform:scale(1.1)}.progress-step.complete .step-number{background:var(--success);border-color:var(--success);color:#fff;box-shadow:0 4px 16px #48bb7866}.step-label{font-size:13px;color:#fffc;font-weight:600}.progress-step.active .step-label{color:#fff;font-weight:700}.progress-line{width:60px;height:3px;background:#ffffff4d;margin:0 -4px 36px}.test-content{background:var(--bg-primary);border-radius:20px;padding:40px;box-shadow:var(--shadow-xl);min-height:400px;display:flex;flex-direction:column;justify-content:center;margin-bottom:24px;animation:slideUp .8s ease;border:1px solid var(--border-color);position:relative}.test-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);border-radius:20px 20px 0 0}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:60px 20px;text-align:center}.error-state .error-icon{font-size:64px}.error-state p{font-size:16px;color:var(--error);max-width:400px;font-weight:500}.camera-test,.microphone-test{display:flex;flex-direction:column;gap:24px}.test-video{width:100%;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;border:2px solid var(--border-color)}.test-question{text-align:center}.test-question h3{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:10px;letter-spacing:-.3px}.test-question p{font-size:15px;color:var(--text-secondary);font-weight:500}.audio-status{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;padding:14px 24px;background:var(--success-bg);border-radius:50px;color:var(--success);font-weight:700;animation:fadeIn .3s ease;border:2px solid var(--success)}.device-selector{display:flex;flex-direction:column;gap:10px;width:100%}.device-selector label{font-size:14px;font-weight:700;color:var(--text-primary)}.device-selector select{padding:14px 18px;border:2px solid var(--border-color);border-radius:12px;font-size:15px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;background:var(--bg-primary);font-family:inherit}.device-selector select:focus{outline:none;border-color:var(--brand-blue-start);box-shadow:0 0 0 4px #4169e11a}.test-complete{display:flex;flex-direction:column;align-items:center;gap:28px;padding:20px;text-align:center}.success-icon{width:100px;height:100px;border-radius:50%;background:var(--success);color:#fff;display:flex;align-items:center;justify-content:center;font-size:64px;font-weight:700;animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 24px #48bb7866}@keyframes scaleIn{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0)}}.test-complete h2{font-size:28px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.test-summary{display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px}.summary-item{display:flex;align-items:center;gap:14px;padding:18px;background:var(--bg-secondary);border-radius:12px;border:2px solid var(--border-color)}.summary-icon{font-size:24px}.summary-label{flex:1;font-size:16px;font-weight:700;color:var(--text-primary);text-align:left}.summary-status{font-size:14px;font-weight:700;padding:6px 16px;border-radius:50px}.summary-status.success{background:var(--success-bg);color:var(--success)}.test-actions{display:flex;flex-direction:column;gap:12px;align-items:center;animation:slideUp .9s ease}.test-actions .btn{min-width:250px}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 20px #4169e166}.btn-secondary{background:#ffffff26;color:#fff;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-text{background:transparent;color:#fff;text-decoration:underline}@media(max-width:640px){.device-test{padding:20px}.test-header{margin-bottom:32px}.test-icon{font-size:48px}.test-header h1{font-size:28px}.test-header p{font-size:16px}.test-content{padding:24px 20px;min-height:300px}.test-actions .btn{min-width:100%}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.interview-history{width:100%;max-width:1200px;margin:0 auto;padding:32px;min-height:100vh}.history-nav-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.back-link{color:#2d3748!important;text-decoration:none;font-weight:600;font-size:14px;transition:color .2s;display:inline-flex;align-items:center;gap:6px}.back-link:hover{color:#4a5568!important;text-decoration:underline}.nav-actions{display:flex;align-items:center;gap:16px}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.header-title-section{flex:1}.history-title{font-size:32px;font-weight:700;color:#1a202c;margin:0 0 8px}.history-subtitle{font-size:16px;color:#718096;margin:0}.view-toggle{display:flex;gap:8px;background:#f7fafc;padding:4px;border-radius:8px}.view-button{padding:10px 20px;background:transparent;border:none;border-radius:6px;color:#718096;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.view-button:hover{color:#4a5568}.view-button.active{background:#fff;color:#667eea;box-shadow:0 2px 4px #0000001a}.button-icon{font-size:16px}.history-controls{display:flex;align-items:center;gap:24px;margin-bottom:24px;padding:20px;background:#f7fafc;border-radius:12px;flex-wrap:wrap}.filter-section,.sort-section{display:flex;align-items:center;gap:12px;white-space:nowrap}.control-label{font-size:14px;font-weight:600;color:#4a5568}.control-select{padding:8px 32px 8px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;color:#2d3748;background:#fff;cursor:pointer;transition:border-color .2s ease}.control-select:focus{outline:none;border-color:#667eea}.control-select.compact{padding:6px 24px 6px 10px;font-size:13px}.interview-list{display:flex;flex-direction:column;gap:16px}.interview-history-item{background:#fff;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s ease;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.interview-history-item:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #0000000d}.item-header{display:flex;justify-content:space-between;align-items:center;padding:20px;cursor:pointer}.header-left{display:flex;align-items:center;gap:16px;flex:1}.interview-icon{font-size:32px}.interview-info{flex:1}.interview-title{font-size:18px;font-weight:700;color:#1a202c;margin:0 0 8px}.interview-meta{display:flex;gap:16px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#718096}.meta-icon{font-size:14px}.header-right{display:flex;align-items:center;gap:16px}.score-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-weight:700}.score-badge.excellent{background:linear-gradient(135deg,#48bb7833,#38a16933);color:#2f855a}.score-badge.good{background:linear-gradient(135deg,#4299e133,#3182ce33);color:#2c5282}.score-badge.fair{background:linear-gradient(135deg,#ed893633,#dd6b2033);color:#c05621}.score-badge.poor{background:linear-gradient(135deg,#f5656533,#e53e3e33);color:#c53030}.score-icon{font-size:18px}.score-value{font-size:20px}.expand-button{width:32px;height:32px;border-radius:50%;background:#f7fafc;border:2px solid #e2e8f0;color:#718096;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.expand-button:hover{background:#edf2f7}.expand-icon{transition:transform .2s ease;font-size:12px}.expand-icon.expanded{transform:rotate(180deg)}.item-details{padding:0 20px 20px;border-top:2px solid #f7fafc;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.details-section{margin-top:20px}.section-heading{font-size:14px;font-weight:700;color:#2d3748;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px}.metrics-grid{display:flex;flex-direction:column;gap:12px}.metric-item{display:grid;grid-template-columns:150px 1fr 60px;align-items:center;gap:12px}.metric-label{font-size:14px;color:#4a5568;font-weight:500}.metric-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.metric-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .5s ease}.metric-value{font-size:14px;font-weight:700;color:#667eea;text-align:right}.difficulty-chart{display:flex;gap:4px;height:80px;align-items:flex-end}.difficulty-bar-item{flex:1;display:flex;align-items:flex-end}.difficulty-bar{width:100%;background:#cbd5e0;border-radius:4px 4px 0 0;transition:all .3s ease}.difficulty-bar.level-1{background:#48bb78}.difficulty-bar.level-2{background:#4299e1}.difficulty-bar.level-3{background:#ed8936}.difficulty-bar.level-4{background:#f56565}.difficulty-bar.level-5{background:#9f7aea}.insights-list{display:flex;flex-direction:column;gap:8px}.insight-item{display:flex;gap:12px;padding:12px;border-radius:8px}.insight-item.positive{background:#f0fff4;border-left:3px solid #48bb78}.insight-item.neutral{background:#ebf8ff;border-left:3px solid #4299e1}.insight-icon{font-size:18px}.insight-text{font-size:14px;color:#2d3748;line-height:1.5}.item-actions{display:flex;gap:12px;margin-top:20px;padding-top:20px;border-top:2px solid #f7fafc}.action-button{flex:1;padding:12px 20px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.action-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.action-button.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.action-button.secondary{background:#fff;color:#4a5568}.action-button.secondary:hover{border-color:#cbd5e0;background:#f7fafc}.action-button.danger{background:#fff;color:#e53e3e;border-color:#feb2b2}.action-button.danger:hover{background:#fff5f5;border-color:#fc8181}.performance-timeline{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.timeline-title{font-size:24px;font-weight:700;color:#1a202c;margin:0 0 8px}.timeline-subtitle{font-size:14px;color:#718096;margin:0}.timeline-controls{display:flex;gap:16px}.control-group{display:flex;align-items:center;gap:8px}.timeline-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.stat-box{padding:16px;background:#f7fafc;border-radius:8px;text-align:center}.stat-label{display:block;font-size:12px;color:#718096;margin-bottom:8px}.stat-value{display:block;font-size:24px;font-weight:700;color:#1a202c}.stat-value.positive{color:#48bb78}.stat-value.negative{color:#e53e3e}.chart-container{margin-bottom:24px}.timeline-chart{width:100%;height:auto}.grid-label,.axis-label{fill:#718096;font-size:12px}.data-point{cursor:pointer;transition:all .2s ease}.data-point:hover{r:8}.timeline-insight{padding:16px;border-radius:8px;display:flex;gap:12px;align-items:center}.timeline-insight.positive{background:#f0fff4;border-left:4px solid #48bb78}.timeline-insight.negative{background:#fff5f5;border-left:4px solid #e53e3e}.insight-text{font-size:14px;color:#2d3748;line-height:1.6}.interview-stats{padding:24px}.stats-title{font-size:28px;font-weight:700;color:#1a202c;margin:0 0 32px}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.overview-card{padding:24px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.overview-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.overview-card.primary{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea4d}.card-icon{font-size:40px}.card-content{display:flex;flex-direction:column}.card-value{font-size:32px;font-weight:700;color:#1a202c}.history-stats-section{margin-bottom:32px;padding:24px;background:#f7fafc;border-radius:12px}.section-title{font-size:18px;font-weight:700;color:#1a202c;margin:0 0 20px}.score-breakdown{display:flex;flex-direction:column;gap:16px}.breakdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.breakdown-icon{font-size:20px;margin-right:8px}.breakdown-label{flex:1;font-size:14px;font-weight:600;color:#2d3748}.breakdown-score{font-size:18px;font-weight:700}.distribution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.distribution-item{padding:16px;background:#fff;border-radius:8px;text-align:center}.dist-value{font-size:32px;font-weight:700;margin-bottom:8px}.distribution-item.excellent .dist-value{color:#48bb78}.distribution-item.good .dist-value{color:#4299e1}.distribution-item.fair .dist-value{color:#ed8936}.distribution-item.poor .dist-value{color:#e53e3e}.dist-label{font-size:13px;color:#718096;margin-bottom:12px;display:block}.dist-bar{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.dist-fill{height:100%;transition:width .5s ease}.distribution-item.excellent .dist-fill{background:#48bb78}.distribution-item.good .dist-fill{background:#4299e1}.distribution-item.fair .dist-fill{background:#ed8936}.distribution-item.poor .dist-fill{background:#e53e3e}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.highlight-card{padding:20px;background:#fff;border-radius:12px;border-left:4px solid}.highlight-card.best{border-left-color:#48bb78;background:linear-gradient(135deg,#48bb780d,#38a1690d)}.highlight-card.worst{border-left-color:#ed8936;background:linear-gradient(135deg,#ed89360d,#dd6b200d)}.highlight-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.highlight-icon{font-size:24px}.highlight-title{font-size:14px;font-weight:700;color:#2d3748;text-transform:uppercase}.highlight-score{font-size:36px;font-weight:700;color:#667eea;margin-bottom:12px}.highlight-details{display:flex;flex-direction:column;gap:4px}.detail-item{font-size:13px;color:#718096}.activity-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.activity-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#fff;border-radius:8px}.activity-icon{font-size:32px}.activity-value{font-size:28px;font-weight:700;color:#1a202c}.activity-label{font-size:12px;color:#718096;text-align:center}.role-distribution{display:flex;flex-direction:column;gap:12px}.role-item{display:flex;align-items:center;gap:12px}.role-name{width:150px;font-size:14px;font-weight:500;color:#2d3748}.role-bar{flex:1;height:24px;background:#e2e8f0;border-radius:12px;overflow:hidden}.role-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .5s ease}.role-count{width:40px;text-align:right;font-size:14px;font-weight:700;color:#4a5568}.performance-trends{background:#fff;border-radius:12px;padding:24px}.trends-title{font-size:20px;font-weight:700;color:#1a202c;margin:0 0 20px}.trends-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.trend-card{padding:20px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;transition:all .2s ease}.trend-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.trend-card.positive{border-color:#48bb784d;background:linear-gradient(135deg,#48bb780d,#38a1690d)}.trend-card.negative{border-color:#e53e3e4d;background:linear-gradient(135deg,#e53e3e0d,#c530300d)}.trend-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.trend-icon{font-size:24px}.trend-label{font-size:14px;font-weight:600;color:#2d3748}.trend-change{display:flex;flex-direction:column;gap:4px}.change-value{font-size:28px;font-weight:700}.trend-card.positive .change-value{color:#48bb78}.trend-card.negative .change-value{color:#e53e3e}.change-description{font-size:12px;color:#718096}.patterns-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:32px}.pattern-group{padding:20px;background:#f7fafc;border-radius:12px}.pattern-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#1a202c;margin:0 0 16px}.title-icon{font-size:20px}.pattern-list{display:flex;flex-direction:column;gap:8px}.pattern-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border-radius:8px}.pattern-name{font-size:14px;color:#2d3748}.pattern-score{font-size:14px;font-weight:700;color:#667eea}.insights-section{margin-top:32px}.insights-title{font-size:18px;font-weight:700;color:#1a202c;margin:0 0 16px}.insights-list{display:flex;flex-direction:column;gap:12px}.insight-card{display:flex;gap:16px;padding:16px;border-radius:8px;border-left:4px solid}.insight-card.positive{background:#f0fff4;border-left-color:#48bb78}.insight-card.warning{background:#fffaf0;border-left-color:#ed8936}.insight-card.info{background:#ebf8ff;border-left-color:#4299e1}.insight-card.tip{background:#faf5ff;border-left-color:#9f7aea}.insight-card.constructive{background:#fff5f5;border-left-color:#f56565}.insight-card .insight-icon{font-size:24px}.insight-content{flex:1}.insight-card .insight-title{font-size:14px;font-weight:700;color:#1a202c;margin:0 0 4px}.insight-card .insight-description{font-size:13px;color:#4a5568;line-height:1.5;margin:0}.interview-history.empty,.performance-timeline.empty,.trends-message{padding:60px 20px;text-align:center}.empty-state{text-align:center}.empty-icon{font-size:64px;display:block;margin-bottom:16px;opacity:.5}.empty-state p,.empty-message p{font-size:16px;color:#718096;margin:0 0 24px}.interview-history.loading{display:flex;justify-content:center;align-items:center;min-height:400px}@media(max-width:768px){.interview-history{padding:16px}.history-header{flex-direction:column;align-items:flex-start}.history-title{font-size:24px}.view-toggle{width:100%}.view-button{flex:1;font-size:12px;padding:8px 12px}.history-controls{flex-direction:column;gap:16px}.item-header{flex-direction:column;align-items:flex-start;gap:16px}.header-right{width:100%;justify-content:space-between}.item-actions{flex-direction:column}.stats-overview,.trends-grid,.distribution-grid,.highlights-grid{grid-template-columns:1fr}.timeline-controls{flex-direction:column;width:100%}.control-group{width:100%;justify-content:space-between}.control-select{flex:1}}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0}.btn-page{padding:8px 16px;border-radius:8px;background:#fff;border:1px solid #e2e8f0;color:#4a5568;font-weight:600;cursor:pointer;transition:all .2s}.btn-page:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.btn-page:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:14px;color:#718096;font-weight:500}[data-theme=dark] .pagination-controls{border-color:#2d3748}[data-theme=dark] .btn-page{background:#2d3748;border-color:#4a5568;color:#e2e8f0}[data-theme=dark] .btn-page:hover:not(:disabled){background:#4a5568}.simple-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:#fff;padding:16px;border-radius:12px;margin-bottom:24px;border:1px solid #e2e8f0}.simple-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.simple-stat label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#718096;margin-bottom:4px}.simple-stat span{font-size:18px;font-weight:700;color:#2d3748}.insight-group{display:flex;gap:12px;padding:16px;border-radius:12px;margin-bottom:12px}.insight-group.positive{background:linear-gradient(to right,#f0fff4,#fff);border-left:4px solid #48bb78}.insight-group.neutral{background:linear-gradient(to right,#fffaf0,#fff);border-left:4px solid #ed8936}.group-icon{font-size:20px}.group-content{flex:1}.group-label{display:block;font-size:13px;font-weight:700;color:#4a5568;margin-bottom:4px;text-transform:uppercase}.insight-text{font-size:14px;line-height:1.5;color:#2d3748;margin:0}[data-theme=dark] .simple-stats-grid{background:#2d3748;border-color:#4a5568}[data-theme=dark] .simple-stat label{color:#a0aec0}[data-theme=dark] .simple-stat span{color:#fff}[data-theme=dark] .insight-group.positive{background:linear-gradient(to right,#48bb781a,#0000);border-left-color:#48bb78}[data-theme=dark] .insight-group.neutral{background:linear-gradient(to right,#ed89361a,#0000);border-left-color:#ed8936}[data-theme=dark] .group-label{color:#e2e8f0}[data-theme=dark] .insight-text{color:#cbd5e0}[data-theme=dark] .history-table th,[data-theme=dark] .history-table td{background:#2d3748;color:#e2e8f0;border-bottom-color:#4a5568}[data-theme=dark] .history-table tr:hover td{background:#4a5568}[data-theme=dark] .history-table{border-color:#4a5568}[data-theme=dark] .interview-history{background-color:#1a202c}[data-theme=dark] .history-title{color:#f7fafc}[data-theme=dark] .history-subtitle{color:#a0aec0}[data-theme=dark] .back-link{color:#e2e8f0!important}[data-theme=dark] .back-link:hover{color:#fff!important}[data-theme=dark] .history-controls{background:#2d3748}[data-theme=dark] .control-label{color:#e2e8f0}[data-theme=dark] .control-select{background:#1a202c;color:#e2e8f0;border-color:#4a5568}.resume-analysis-page{min-height:100vh;padding:80px 20px 40px;background:var(--gradient-primary);position:relative;overflow:hidden}.resume-analysis-page:before{content:"";position:absolute;top:-20%;right:-15%;width:700px;height:700px;background:var(--gradient-teal);opacity:.15;border-radius:50%;animation:float 25s ease-in-out infinite}.resume-analysis-page .container{position:relative;z-index:1}.analysis-card{background:var(--bg-primary);padding:48px;border-radius:24px;box-shadow:var(--shadow-xl);max-width:650px;margin:0 auto;text-align:center;animation:slideUp .6s ease;border:1px solid var(--border-color);position:relative}.analysis-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);border-radius:24px 24px 0 0}.analysis-card h1{font-size:32px;margin-bottom:12px;color:var(--text-primary);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.analysis-card .subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:16px;line-height:1.6;font-weight:500}.credits-badge{background:var(--gradient-primary);color:#fff!important;padding:12px 28px;border-radius:50px;display:inline-block;font-weight:700;margin-bottom:32px;box-shadow:0 4px 20px #4169e166;font-size:14px;animation:badgePulse 2s ease-in-out infinite}.credits-badge span{color:#fff!important}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.analysis-form{text-align:left;display:flex;flex-direction:column;gap:28px}.form-group label{font-weight:700;color:var(--text-primary);font-size:14px;display:flex;align-items:center;gap:4px;letter-spacing:-.2px}.form-group .required{color:var(--error)}.form-input,.form-textarea{padding:14px 18px;border:2px solid var(--border-color);border-radius:12px;font-size:15px;transition:all .2s ease;font-family:inherit;background:var(--bg-primary);color:var(--text-primary)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--brand-blue-start);box-shadow:0 0 0 4px #4169e11a}.form-textarea{resize:vertical;min-height:120px}.file-upload-area{border:2px dashed var(--border-color);border-radius:16px;padding:4px;transition:all .3s ease;background:var(--bg-secondary);position:relative;overflow:hidden}.file-upload-area:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(65,105,225,.05),transparent)}.file-upload-area:hover{border-color:var(--brand-blue-start);background:var(--bg-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.file-upload-area:hover:before{left:100%;transition:left .6s ease}.file-input-hidden{display:none}.file-upload-label{display:flex;align-items:center;justify-content:center;padding:40px 32px;cursor:pointer;text-align:center;transition:all .2s ease}.file-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%}.file-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;color:var(--text-primary)}.file-placeholder .icon,.file-selected .icon{font-size:48px;line-height:1;display:block;margin:0 auto}.file-placeholder .icon{animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.file-placeholder span:not(.icon),.file-selected span:not(.icon):not(.file-size){display:block;text-align:center;color:var(--text-secondary);font-size:15px;width:100%;font-weight:600}.file-selected .icon{font-size:40px}.file-selected .file-size{font-size:13px;color:var(--text-muted);background:var(--bg-secondary);padding:6px 16px;border-radius:50px;display:inline-block;margin:0 auto;font-weight:600}.btn{padding:14px 32px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit}.btn-large{width:100%;padding:18px 32px;font-size:17px;margin-top:8px}.analysis-overlay{position:fixed;inset:0;background:var(--gradient-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .3s ease}.analysis-overlay h2{color:#fff;font-size:28px;margin-top:24px;font-weight:800;letter-spacing:-.5px}.spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.loading-steps{margin-top:32px;text-align:center}.loading-steps p{margin:12px 0;color:#fff;font-size:16px;animation:fadeInUp .5s ease;opacity:.9;font-weight:500}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:.9;transform:translateY(0)}}@media(max-width:768px){.resume-analysis-page{padding:60px 16px 32px}.analysis-card{padding:32px 24px}.analysis-card h1{font-size:26px}.file-upload-label{padding:32px 20px}}.back-button{background:none;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;padding:0;margin-bottom:24px;display:flex;align-items:center;gap:4px;transition:color .2s}.back-button:hover{color:var(--brand-blue-start)}.services-container{min-height:100vh;background:#f5f5f5}.services-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px 20px;text-align:center}.services-header h1{font-size:40px;font-weight:700;margin-bottom:12px;color:#fff!important}.services-header p{font-size:18px;opacity:.9;margin-bottom:24px;color:#fff!important}.nav-link{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff!important;padding:10px 20px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease}.nav-link:hover{background:#ffffff4d}.auth-links{display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px}.link-button{background:transparent;border:none;color:#fff!important;text-decoration:underline;cursor:pointer;font-size:14px;font-weight:600}.services-content{max-width:1200px;margin:-40px auto 0;padding:0 20px 80px;position:relative;z-index:1}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:48px}.service-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 12px #0000001a;cursor:pointer;transition:all .3s ease;border:3px solid transparent}.service-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.service-card.selected{border-color:#667eea;box-shadow:0 8px 24px #667eea4d}.service-icon{font-size:64px;margin-bottom:20px}.service-card h2{font-size:28px;color:#1a202c;margin-bottom:12px}.service-description{font-size:16px;color:#718096;margin-bottom:24px;line-height:1.6}.service-features{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.feature-item{display:flex;align-items:center;gap:12px;font-size:14px;color:#4a5568}.checkmark{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#d4edda;color:#155724;border-radius:50%;font-weight:700;flex-shrink:0}.service-pricing{display:flex;align-items:baseline;gap:8px;padding-top:24px;border-top:2px solid #e2e8f0}.from-label{font-size:14px;color:#718096}.price{font-size:36px;font-weight:700;color:#667eea}.one-time{font-size:14px;color:#718096}.duration-section{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 12px #0000001a;margin-bottom:32px;animation:slideUp .4s ease}.duration-section h3{font-size:24px;color:#1a202c;margin-bottom:24px;text-align:center}.duration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.duration-card{background:#f7fafc;border:3px solid #e2e8f0;border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative}.duration-card:hover{border-color:#cbd5e0;transform:translateY(-2px)}.duration-card.selected{border-color:#667eea;background:#eef2ff}.duration-card.popular{border-color:#48bb78}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#48bb78;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.duration-time{font-size:32px;font-weight:700;color:#1a202c;margin-bottom:8px}.duration-label{font-size:14px;color:#718096;margin-bottom:16px}.duration-price{font-size:28px;font-weight:700;color:#667eea;margin-bottom:4px}.duration-per-min{font-size:12px;color:#a0aec0}.summary-section{animation:slideUp .4s ease}.summary-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 12px #0000001a;max-width:500px;margin:0 auto}.summary-header h3{font-size:24px;color:#1a202c;margin-bottom:24px}.summary-content{margin-bottom:24px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.summary-label{font-size:16px;color:#4a5568}.summary-value{font-size:16px;color:#1a202c;font-weight:600}.summary-detail{font-size:14px;color:#718096;font-weight:400}.summary-divider{height:1px;background:#e2e8f0;margin:16px 0}.summary-item.total{padding-top:16px;border-top:2px solid #e2e8f0}.summary-price{font-size:32px;font-weight:700;color:#667eea}.btn-large{width:100%;padding:16px;font-size:18px;font-weight:700}.guest-notice{margin-top:16px;padding:12px;background:#eef2ff;border-radius:8px;text-align:center}.guest-notice p{font-size:14px;color:#4a5568;margin:0}.trust-section{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;padding:40px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d}.trust-item{text-align:center}.trust-icon{font-size:40px;margin-bottom:12px}.trust-text h4{font-size:16px;color:#1a202c;margin-bottom:4px}.trust-text p{font-size:13px;color:#718096;margin:0}@media(max-width:968px){.services-header h1{font-size:32px}.services-grid,.duration-grid{grid-template-columns:1fr}.trust-section{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.services-header h1{font-size:28px}.services-header p{font-size:16px}.service-card{padding:24px}.service-icon{font-size:48px}.service-card h2{font-size:24px}.duration-section,.summary-card{padding:24px 20px}.trust-section{grid-template-columns:1fr;padding:24px}}.interview-service-page{min-height:100vh;background:var(--bg-secondary)}.service-hero:before{content:"";position:absolute;top:-30%;right:-15%;width:700px;height:700px;background:var(--gradient-teal);opacity:.15;border-radius:50%;animation:float 25s ease-in-out infinite}.hero-badge{display:inline-block;padding:8px 20px;background:#fff3;border-radius:50px;font-size:14px;font-weight:700;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);color:#fff!important}.service-hero h1{font-size:48px;font-weight:800;margin-bottom:20px;letter-spacing:-.5px;line-height:1.2;color:#fff!important}.hero-description{font-size:20px;opacity:.95;line-height:1.6;margin-bottom:32px;font-weight:500;color:#fff!important}.feature-icon{font-size:48px;margin-bottom:16px;animation:iconBounce 2s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.packages-section{background:var(--bg-primary);border-radius:24px;padding:48px;box-shadow:var(--shadow-lg);margin-bottom:80px;animation:slideUp .8s ease;border:1px solid var(--border-color)}.packages-section h2{font-size:32px;font-weight:800;color:var(--text-primary);text-align:center;margin-bottom:12px;letter-spacing:-.5px}.packages-section .section-subtitle{font-size:16px;color:var(--text-secondary);text-align:center;margin-bottom:80px;font-weight:500;display:block}.packages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.package-card{background:var(--bg-secondary);border:3px solid var(--border-color);border-radius:20px;padding:32px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible}.package-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--brand-blue-start)}.package-card.selected{border-color:var(--brand-blue-start);background:linear-gradient(135deg,#4169e10d,#40e0d00d);box-shadow:var(--shadow-xl);transform:translateY(-8px)}.package-card.popular{border-color:var(--brand-teal-start)}.popular-badge{position:absolute;top:-16px;left:50%;transform:translate(-50%);background:var(--gradient-primary);color:#fff;padding:6px 20px;border-radius:50px;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px #4169e166}.package-header{margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid var(--border-color)}.package-header h3{font-size:24px;font-weight:800;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.3px}.package-desc{font-size:14px;color:var(--text-secondary);margin:0;font-weight:500}.package-price{text-align:center;margin-bottom:24px}.price-amount{display:block;font-size:48px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:8px}.price-duration{display:block;font-size:14px;color:var(--text-muted);font-weight:600}.package-details{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.detail-row{display:flex;align-items:center;gap:10px}.detail-icon{font-size:18px;flex-shrink:0}.detail-text{font-size:14px;color:var(--text-secondary);font-weight:500}.package-value{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-tertiary);border-radius:12px}.value-label{font-size:13px;color:var(--text-muted);font-weight:600}.value-amount{font-size:16px;color:var(--text-primary);font-weight:700}.continue-section{animation:slideUp .9s ease;margin-bottom:48px}.continue-card{background:var(--bg-primary);border-radius:20px;padding:32px;box-shadow:var(--shadow-lg);max-width:700px;margin:0 auto;border:1px solid var(--border-color)}.continue-summary{display:flex;align-items:center;gap:20px;padding:24px;background:var(--bg-secondary);border-radius:16px;margin-bottom:24px;border:2px solid var(--border-color)}.summary-icon{font-size:40px;flex-shrink:0}.summary-text{flex:1}.summary-text h3{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.summary-text p{font-size:14px;color:var(--text-secondary);margin:0;font-weight:500}.summary-price{font-size:28px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-width:80px;text-align:right}.continue-hint{text-align:center;font-size:14px;color:var(--text-secondary);margin-top:16px;font-weight:500}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.step-card{text-align:center;position:relative}.step-number{width:60px;height:60px;margin:0 auto 20px;background:var(--gradient-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;box-shadow:0 4px 16px #4169e166}.step-card h3{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.3px}.step-card p{font-size:14px;color:var(--text-secondary);line-height:1.6;font-weight:500}.trust-badges{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:32px;background:var(--bg-primary);border-radius:16px;box-shadow:var(--shadow-sm);animation:fadeIn 1.1s ease}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.packages-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.service-hero{padding:60px 20px 40px}.service-hero h1{font-size:32px}.hero-description{font-size:16px}.features-section,.packages-section,.how-it-works{padding:32px 24px}.features-grid,.steps-grid{grid-template-columns:1fr}.continue-summary{flex-direction:column;text-align:center}.trust-badges{flex-direction:column}.badge-item{justify-content:center}}.resume-service-page{min-height:100vh;background:var(--bg-secondary)}.service-hero{background:var(--gradient-primary);color:#fff;padding:80px 20px 60px;position:relative;overflow:hidden}.service-hero:before{content:"";position:absolute;top:-30%;left:-15%;width:700px;height:700px;background:var(--gradient-blue);opacity:.12;border-radius:50%;animation:float 25s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(50px,50px)}}.hero-content{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:1;animation:fadeIn .6s ease}.hero-badge{display:inline-block;padding:8px 20px;background:#fff3;border-radius:50px;font-size:14px;font-weight:700;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.service-hero h1{font-size:48px;font-weight:800;margin-bottom:20px;letter-spacing:-.5px;line-height:1.2}.hero-description{font-size:20px;opacity:.95;line-height:1.6;margin-bottom:32px;font-weight:500}.back-link{background:#ffffff26;border:2px solid rgba(255,255,255,.3);color:#fff;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-link:hover{background:#ffffff40;transform:translate(-4px)}.auth-hint{font-size:14px;opacity:.9}.link-btn{background:transparent;border:none;color:#fff;text-decoration:underline;cursor:pointer;font-weight:700}.service-content{max-width:1200px;margin:-40px auto 0;padding:0 20px 80px;position:relative;z-index:1}.features-section{background:var(--bg-primary);border-radius:24px;padding:48px;box-shadow:var(--shadow-lg);margin-bottom:48px;animation:slideUp .7s ease;border:1px solid var(--border-color)}.features-section h2{font-size:32px;font-weight:800;color:var(--text-primary);text-align:center;margin-bottom:48px;letter-spacing:-.5px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-card{text-align:center;padding:32px 24px;background:var(--bg-secondary);border-radius:16px;border:2px solid var(--border-color);transition:all .3s ease}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--brand-blue-start)}.feature-icon{font-size:48px;margin-bottom:16px}.feature-card h3{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.3px}.feature-card p{font-size:14px;color:var(--text-secondary);line-height:1.6;font-weight:500}.pricing-section{animation:slideUp .8s ease;margin-bottom:48px}.pricing-card{background:var(--bg-primary);border-radius:24px;padding:48px;box-shadow:var(--shadow-xl);max-width:700px;margin:0 auto;text-align:center;border:1px solid var(--border-color);position:relative}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);border-radius:24px 24px 0 0}.pricing-badge{display:inline-block;padding:8px 20px;background:var(--gradient-primary);color:#fff;border-radius:50px;font-size:13px;font-weight:700;margin-bottom:24px;box-shadow:0 4px 12px #4169e166}.pricing-card h2{font-size:32px;font-weight:800;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.5px}.pricing-subtitle{font-size:16px;color:var(--text-secondary);margin-bottom:32px;font-weight:500}.price-display{margin-bottom:32px}.price-main{display:flex;align-items:flex-start;justify-content:center;margin-bottom:12px}.price-currency{font-size:32px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:8px}.price-amount{font-size:72px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.price-description{font-size:14px;color:var(--text-muted);font-weight:600}.included-features{text-align:left;margin-bottom:32px;padding:32px;background:var(--bg-secondary);border-radius:16px;border:2px solid var(--border-color)}.included-features h3{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:20px;text-align:center}.included-list{display:flex;flex-direction:column;gap:14px}.included-item{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--text-primary);font-weight:500}.check-icon{width:24px;height:24px;background:var(--success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.btn-large{width:100%;padding:18px 32px;font-size:18px;font-weight:700;border-radius:12px}.pricing-hint{text-align:center;font-size:14px;color:var(--text-secondary);margin-top:20px;font-weight:500}.benefits-section{background:var(--bg-primary);border-radius:24px;padding:48px;box-shadow:var(--shadow-lg);margin-bottom:48px;animation:slideUp .9s ease;border:1px solid var(--border-color)}.benefits-section h2{font-size:32px;font-weight:800;color:var(--text-primary);text-align:center;margin-bottom:48px;letter-spacing:-.5px}.benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.benefit-card{padding:32px;background:var(--bg-secondary);border-radius:16px;border:2px solid var(--border-color);transition:all .3s ease}.benefit-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--brand-teal-start)}.benefit-icon{font-size:48px;margin-bottom:16px}.benefit-card h3{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.3px}.benefit-card p{font-size:14px;color:var(--text-secondary);line-height:1.6;font-weight:500}.how-it-works{background:var(--bg-primary);border-radius:24px;padding:48px;box-shadow:var(--shadow-lg);margin-bottom:48px;animation:slideUp 1s ease;border:1px solid var(--border-color)}.how-it-works h2{font-size:32px;font-weight:800;color:var(--text-primary);text-align:center;margin-bottom:48px;letter-spacing:-.5px}.steps-timeline{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.timeline-item{display:flex;gap:24px;align-items:flex-start}.timeline-icon{width:80px;height:80px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0;box-shadow:0 4px 16px #4169e166;position:relative;z-index:1}.timeline-content{flex:1;padding-top:4px;min-width:0}.step-number{font-size:13px;color:var(--brand-blue-start);font-weight:700;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;background:#4169e11a;padding:4px 12px;border-radius:20px;display:inline-block}.timeline-content h3{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.3px}.timeline-content p{font-size:15px;color:var(--text-secondary);line-height:1.6;font-weight:500}.sample-section{background:var(--bg-primary);border-radius:24px;padding:48px;box-shadow:var(--shadow-lg);margin-bottom:48px;animation:slideUp 1.1s ease;border:1px solid var(--border-color)}.sample-section h2{font-size:32px;font-weight:800;color:var(--text-primary);text-align:center;margin-bottom:48px;letter-spacing:-.5px}.sample-card{max-width:900px;margin:0 auto}.sample-score{display:flex;align-items:center;gap:32px;padding:32px;background:var(--bg-secondary);border-radius:16px;margin-bottom:32px;border:2px solid var(--border-color)}.score-circle{width:120px;height:120px;background:var(--gradient-primary);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px #4169e166}.score-value{font-size:48px;font-weight:800;color:#fff;line-height:1}.score-label{font-size:16px;color:#ffffffe6;font-weight:600}.score-info h3{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.score-info p{font-size:15px;color:var(--text-secondary);font-weight:500}.sample-details{display:grid;gap:24px}.detail-section{padding:24px;background:var(--bg-secondary);border-radius:12px;border:2px solid var(--border-color)}.detail-section h4{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.detail-section ul{list-style:none;padding:0;margin:0}.detail-section li{padding:8px 0 8px 24px;position:relative;font-size:14px;color:var(--text-secondary);font-weight:500}.detail-section li:before{content:"•";position:absolute;left:0;color:var(--brand-blue-start);font-weight:700}.keyword-tags{display:flex;flex-wrap:wrap;gap:10px}.keyword-tag{padding:8px 16px;background:var(--error-bg);color:var(--error);border-radius:50px;font-size:13px;font-weight:600}.faq-section{background:var(--bg-primary);border-radius:24px;padding:48px;box-shadow:var(--shadow-lg);margin-bottom:48px;animation:slideUp 1.2s ease;border:1px solid var(--border-color)}.faq-section h2{font-size:32px;font-weight:800;color:var(--text-primary);text-align:center;margin-bottom:48px;letter-spacing:-.5px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.faq-item{padding:24px;background:var(--bg-secondary);border-radius:12px;border:2px solid var(--border-color)}.faq-item h4{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.faq-item p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0;font-weight:500}.trust-badges{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:32px;background:var(--bg-primary);border-radius:16px;box-shadow:var(--shadow-sm);animation:fadeIn 1.3s ease}.badge-item{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--bg-secondary);border-radius:50px;border:2px solid var(--border-color)}.badge-icon{font-size:20px}.badge-text{font-size:14px;color:var(--text-primary);font-weight:600}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.benefits-grid,.faq-grid{grid-template-columns:1fr}}@media(max-width:768px){.service-hero{padding:60px 20px 40px}.service-hero h1{font-size:32px}.hero-description{font-size:16px}.features-section,.pricing-card,.benefits-section,.how-it-works,.sample-section,.faq-section{padding:32px 24px}.features-grid{grid-template-columns:1fr}.sample-score{flex-direction:column;text-align:center}.timeline-item{flex-direction:column;align-items:center;text-align:center}.trust-badges{flex-direction:column}.badge-item{justify-content:center}}.checkout-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-secondary);gap:20px}.spinner{width:48px;height:48px;border:4px solid rgba(65,105,225,.2);border-top-color:var(--brand-blue-start);border-radius:50%;animation:spin .8s linear infinite}.checkout-container{min-height:100vh;background:var(--bg-secondary)}.checkout-header{background:var(--gradient-primary);color:#fff;padding:40px 20px;margin-bottom:40px;position:relative;overflow:hidden}.checkout-header:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}.checkout-header .container{position:relative;z-index:1}.back-button{background:#0003!important;border:2px solid rgba(255,255,255,.5);color:#fff!important;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:20px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button:hover{background:#0000004d!important;transform:translate(-4px)}.checkout-header h1{font-size:32px;font-weight:800;margin-bottom:8px;letter-spacing:-.5px;color:#fff!important}.checkout-header p{font-size:16px;opacity:.95;font-weight:500;color:#fff!important}.checkout-content{max-width:1200px;margin:0 auto;padding:0 20px 80px}.checkout-layout{display:grid;grid-template-columns:1fr 400px;gap:32px;align-items:start}.checkout-main{display:flex;flex-direction:column;gap:24px}.checkout-section{background:var(--bg-primary);border-radius:20px;padding:36px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);animation:slideUp .6s ease}.checkout-section h2{font-size:24px;color:var(--text-primary);margin-bottom:8px;font-weight:800;letter-spacing:-.3px}.section-description{font-size:14px;color:var(--text-secondary);margin-bottom:24px;font-weight:500}.form-group label{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.form-group input{padding:14px 18px;border:2px solid var(--border-color);border-radius:12px;font-size:16px;transition:all .2s ease;background:var(--bg-primary);color:var(--text-primary);font-family:inherit}.form-group input:focus{outline:none;border-color:var(--brand-blue-start);box-shadow:0 0 0 4px #4169e11a}.form-group input:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.error-message{background:var(--error-bg);border:2px solid var(--error);color:var(--error);padding:14px 18px;border-radius:12px;font-size:14px;margin-bottom:20px;font-weight:600;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.guest-notice{margin-top:20px;padding:16px;background:linear-gradient(135deg,#4169e10d,#40e0d00d);border-radius:12px;text-align:center;border:2px solid var(--border-color)}.guest-notice p{font-size:14px;color:var(--text-secondary);margin:0;font-weight:500}.link-button{background:transparent;border:none;color:var(--brand-blue-start);text-decoration:underline;cursor:pointer;font-weight:700;font-size:14px}.link-button:hover{color:var(--brand-teal-start)}.payment-methods{display:flex;flex-direction:column;gap:16px}.payment-method{display:flex;align-items:center;gap:16px;padding:24px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;transition:all .3s ease}.payment-method:hover{border-color:var(--brand-blue-start);transform:translate(4px)}.payment-icon{font-size:32px;flex-shrink:0}.payment-info h4{font-size:16px;color:var(--text-primary);margin-bottom:4px;font-weight:700}.payment-info p{font-size:14px;color:var(--text-secondary);margin:0;font-weight:500}.checkout-sidebar{position:sticky;top:20px}.order-summary-card{background:var(--bg-primary);border-radius:20px;padding:36px;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);position:relative;animation:slideUp .7s ease}.order-summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);border-radius:20px 20px 0 0}.order-summary-card h3{font-size:24px;color:var(--text-primary);margin-bottom:28px;font-weight:800;letter-spacing:-.3px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0}.summary-label{font-size:15px;color:var(--text-secondary);font-weight:500}.summary-value{font-size:16px;color:var(--text-primary);font-weight:700;text-align:right}.discount-item .summary-label,.discount-item .summary-value.discount{color:var(--success)}.summary-divider{height:1px;background:var(--border-color);margin:18px 0}.total-item{padding-top:18px;border-top:2px solid var(--border-color);margin-top:8px}.total-item .summary-label{font-size:18px;font-weight:800;color:var(--text-primary)}.summary-total{font-size:32px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;display:block;text-align:right}.btn{padding:14px 32px;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;border:none;font-family:inherit}.btn-primary:hover:not(:disabled):before{left:100%}.btn-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 28px #4169e180}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-large{width:auto;min-width:200px;display:block;margin:24px auto 0;padding:18px 48px;font-size:18px}.security-badges{display:flex;gap:12px;margin-top:20px}.badge{flex:1;padding:10px 12px;background:var(--bg-secondary);border-radius:12px;text-align:center;font-size:12px;color:var(--text-secondary);font-weight:700;border:2px solid var(--border-color)}.terms-text{font-size:12px;color:var(--text-muted);text-align:center;margin-top:20px;line-height:1.6;font-weight:500}.terms-text a{color:var(--brand-blue-start);text-decoration:none;font-weight:600}.terms-text a:hover{text-decoration:underline}@media(max-width:968px){.checkout-layout{grid-template-columns:1fr}.checkout-sidebar{position:static;order:-1}}@media(max-width:640px){.checkout-header h1{font-size:24px}.checkout-header p{font-size:14px}.checkout-section,.order-summary-card{padding:24px 20px}.summary-total{font-size:32px}.security-badges{flex-direction:column}}[data-theme=dark] .checkout-container{background:#1a202c}[data-theme=dark] .checkout-section,[data-theme=dark] .order-summary-card,[data-theme=dark] .payment-method{background:#2d3748;border-color:#4a5568}[data-theme=dark] .checkout-section h2,[data-theme=dark] .order-summary-card h3,[data-theme=dark] .summary-label,[data-theme=dark] .summary-value,[data-theme=dark] .payment-info h4,[data-theme=dark] .form-group label{color:#f7fafc}[data-theme=dark] .section-description,[data-theme=dark] .summary-label,[data-theme=dark] .payment-info p,[data-theme=dark] .badge{color:#a0aec0}[data-theme=dark] .summary-value{color:#e2e8f0}[data-theme=dark] .summary-divider,[data-theme=dark] .total-item{border-color:#4a5568}[data-theme=dark] .form-group input{background:#1a202c;border-color:#4a5568;color:#f7fafc}[data-theme=dark] .form-group input:focus{border-color:#667eea}[data-theme=dark] .badge{background:#1a202c;border-color:#4a5568}[data-theme=dark] .guest-notice{background:linear-gradient(135deg,#4169e11a,#40e0d01a);border-color:#4a5568}.payment-result-container:before{content:"";position:absolute;top:-30%;right:-15%;width:700px;height:700px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);animation:float 25s ease-in-out infinite}.payment-loading{text-align:center;color:#fff}.payment-loading p{font-size:16px;font-weight:600;margin-top:16px}.spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}.payment-result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);border-radius:24px 24px 0 0}.result-description{font-size:16px;color:var(--text-secondary);margin-bottom:32px;font-weight:500;line-height:1.6}.transaction-details{background:var(--bg-secondary);border-radius:16px;padding:28px;margin-bottom:32px;border:2px solid var(--border-color)}.detail-item{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border-color)}.detail-item:last-child{border-bottom:none}.detail-label{font-size:14px;color:var(--text-secondary);font-weight:600}.detail-value{font-size:14px;color:var(--text-primary);font-weight:700;text-align:right}.action-buttons{display:flex;flex-direction:column;gap:16px}.signup-suggestion{font-size:14px;color:var(--text-secondary);text-align:center;margin-top:0;font-weight:500}.link-text{color:var(--brand-blue-start);text-decoration:none;font-weight:700}.link-text:hover{text-decoration:underline}.receipt-info{margin-top:32px;padding:18px;background:linear-gradient(135deg,#4169e10d,#40e0d00d);border-radius:12px;border:2px solid var(--border-color)}.receipt-info p{font-size:14px;color:var(--text-secondary);margin:0;font-weight:600}@media(max-width:640px){.payment-result-container{padding:20px}.payment-result-card{padding:32px 24px}.payment-result-card h1{font-size:24px}.result-description{font-size:14px}.transaction-details{padding:20px}.step-item{padding:12px}.step-number{width:32px;height:32px;font-size:14px}.step-text{font-size:14px}}.action-buttons{display:flex!important;justify-content:center!important;align-items:center!important;width:100%}.btn-large{display:inline-flex!important;width:auto!important;min-width:250px;justify-content:center}@media(max-width:640px){.action-buttons{flex-direction:column!important;align-items:stretch!important}.btn-large{width:100%!important}}:root[data-theme=dark] .payment-result-container,[data-theme=dark] .payment-result-container,.dark-mode .payment-result-container{background:#1a202c!important}:root[data-theme=dark] .payment-result-card,[data-theme=dark] .payment-result-card,.dark-mode .payment-result-card{background:#2d3748!important;border-color:#4a5568!important}:root[data-theme=dark] .transaction-details,[data-theme=dark] .transaction-details,.dark-mode .transaction-details{background-color:#1a202c!important;background:#1a202c!important;border-color:#4a5568!important;color:#f7fafc!important}:root[data-theme=dark] .step-item,[data-theme=dark] .step-item,.dark-mode .step-item{background:#1a202c!important;border-color:#4a5568!important}html[data-theme=dark] .detail-value,html[data-theme=dark] .detail-label{color:#2d3748!important}html[data-theme=dark] .payment-result-card h1,html[data-theme=dark] .step-text,html[data-theme=dark] .next-steps h3{color:#f7fafc!important}html[data-theme=dark] .result-description,html[data-theme=dark] .signup-suggestion,html[data-theme=dark] .receipt-info p{color:#cbd5e0!important}html[data-theme=dark] .detail-item{border-color:#e2e8f0!important}:root[data-theme=dark] .detail-item,[data-theme=dark] .detail-item{border-color:#4a5568!important}html[data-theme=dark] .receipt-info,:root[data-theme=dark] .receipt-info,[data-theme=dark] .receipt-info{background:#4169e126!important;border-color:#4a5568!important}html[data-theme=dark] .payment-loading p,:root[data-theme=dark] .payment-loading p,[data-theme=dark] .payment-loading p{color:#e2e8f0!important}html[data-theme=dark] .payment-result-container:before,:root[data-theme=dark] .payment-result-container:before,[data-theme=dark] .payment-result-container:before{background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%)!important}.payment-result-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);padding:40px 20px;position:relative;overflow:hidden}.payment-result-container:before{content:"";position:absolute;top:-30%;left:-15%;width:700px;height:700px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);animation:float 25s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(40px,-40px) rotate(120deg)}66%{transform:translate(-30px,30px) rotate(240deg)}}.payment-result-card{background:var(--bg-primary);border-radius:24px;padding:48px;max-width:600px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center;animation:slideUp .6s ease;position:relative;z-index:1;border:1px solid var(--border-color)}.payment-result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#e53e3e,#c53030);border-radius:24px 24px 0 0}.result-icon{margin-bottom:28px;animation:scaleIn .6s cubic-bezier(.4,0,.2,1)}@keyframes scaleIn{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.payment-result-card h1{font-size:32px;color:var(--text-primary);margin-bottom:12px;font-weight:800;letter-spacing:-.5px}.result-description{font-size:16px;color:var(--text-secondary);margin-bottom:32px;line-height:1.6;font-weight:500}.reasons-box{background:var(--error-bg);border:2px solid var(--error);border-radius:16px;padding:28px;margin-bottom:32px;text-align:left}.reasons-box h3{font-size:18px;color:var(--error);margin-bottom:16px;font-weight:700}.reasons-box ul{margin:0;padding-left:24px}.reasons-box li{font-size:14px;color:var(--error);margin-bottom:10px;line-height:1.6;font-weight:600}.reasons-box li:last-child{margin-bottom:0}.next-steps{text-align:left;margin-bottom:32px}.next-steps h3{font-size:20px;color:var(--text-primary);margin-bottom:20px;text-align:center;font-weight:700;letter-spacing:-.3px}.steps-list{display:flex;flex-direction:column;gap:16px}.step-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:12px;border:2px solid var(--border-color);transition:all .3s ease}.step-item:hover{border-color:var(--brand-blue-start);transform:translate(4px)}.step-number{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;border-radius:50%;font-weight:800;font-size:16px;box-shadow:0 4px 12px #4169e14d}.step-text{flex:1;padding-top:6px;font-size:15px;color:var(--text-secondary);line-height:1.6;font-weight:600}.action-buttons{display:flex;flex-direction:column;gap:12px}.btn{padding:16px 32px;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;display:inline-block;text-align:center;font-family:inherit}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 20px #4169e166;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 28px #4169e180}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--brand-blue-start);transform:translateY(-2px)}.btn-large{width:100%;padding:18px 32px;font-size:18px}.support-info{margin-top:32px;padding:18px;background:linear-gradient(135deg,#4169e10d,#40e0d00d);border-radius:12px;border:2px solid var(--border-color)}.support-info p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.6;font-weight:500}.support-info strong{color:var(--text-primary);font-weight:700}@media(max-width:640px){.payment-result-container{padding:20px}.payment-result-card{padding:32px 24px}.payment-result-card h1{font-size:24px}.result-description{font-size:14px}.reasons-box{padding:20px}.reasons-box h3{font-size:16px}.reasons-box li{font-size:13px}.step-item{padding:12px}.step-number{width:32px;height:32px;font-size:14px}.step-text{font-size:14px}}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#f7fafc;gap:20px}.admin-dashboard{min-height:100vh;background:#f7fafc}.admin-header{background:linear-gradient(135deg,#1a202c,#2d3748);color:#fff;padding:32px 20px;margin-bottom:40px;box-shadow:0 4px 20px #0000004d}.admin-header .header-content{display:flex;justify-content:space-between;align-items:center}.admin-content{padding-bottom:60px}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.admin-stat-card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 2px 12px #00000014;text-align:center;transition:all .3s ease;border-left:4px solid transparent}.admin-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-left-color:#667eea}.admin-stat-card .stat-icon{font-size:40px;margin-bottom:16px}.admin-stat-card .stat-value{font-size:36px;font-weight:700;color:#1a202c;margin-bottom:8px}.admin-stat-card .stat-label{font-size:14px;color:#718096;font-weight:600}.admin-features{margin-bottom:40px}.admin-features>h2{font-size:28px;font-weight:700;color:#1a202c;margin-bottom:32px}.admin-features-grid{display:flex;flex-direction:column;gap:40px}.feature-group{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 12px #00000014}.group-title{font-size:20px;font-weight:700;color:#1a202c;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.feature-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.admin-feature-card{position:relative;background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px solid #e2e8f0;border-radius:12px;padding:24px;text-decoration:none;transition:all .3s ease;cursor:pointer}.admin-feature-card:hover{transform:translateY(-4px);border-color:#667eea;box-shadow:0 8px 24px #667eea33}.admin-feature-card.admin-only{border-left:4px solid #f59e0b}.feature-icon{font-size:36px;display:block;margin-bottom:16px}.admin-feature-card h4{font-size:16px;font-weight:700;color:#1a202c;margin-bottom:8px}.admin-feature-card p{font-size:13px;color:#718096;margin:0}.admin-badge{position:absolute;top:12px;right:12px;padding:4px 10px;background:#f59e0b;color:#fff;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase}.admin-quick-actions{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 12px #00000014;margin-bottom:40px}.admin-quick-actions h2{font-size:24px;font-weight:700;color:#1a202c;margin-bottom:24px}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.quick-action-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.quick-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.quick-action-btn .action-icon{font-size:20px}.admin-activity{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 12px #00000014}.admin-activity h2{font-size:24px;font-weight:700;color:#1a202c;margin-bottom:24px}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f7fafc;border-radius:10px;transition:all .2s ease}.activity-item:hover{background:#edf2f7}.activity-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.activity-details{flex:1}.activity-title{font-size:14px;font-weight:600;color:#1a202c;margin-bottom:4px}.activity-time{font-size:12px;color:#718096}.btn{padding:10px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none;display:inline-block}.btn-secondary{background:#fff;color:#1a202c;border:2px solid white}.btn-secondary:hover{background:#ffffffe6}.container{max-width:1400px;margin:0 auto;padding:0 20px}@media(max-width:1024px){.admin-stats-grid{grid-template-columns:repeat(3,1fr)}.feature-cards{grid-template-columns:repeat(2,1fr)}.quick-actions-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.admin-header{padding:24px 20px}.admin-header h1{font-size:24px}.admin-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.feature-cards{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.admin-features>h2,.admin-quick-actions h2,.admin-activity h2{font-size:20px}}@media(max-width:480px){.admin-stats-grid,.quick-actions-grid{grid-template-columns:1fr}}.spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.admin-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 20px}.admin-login-card{background:#fff;border-radius:16px;padding:48px;max-width:400px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center}.admin-login-card h1{font-size:32px;margin-bottom:12px}.admin-login-card p{color:#718096;margin-bottom:24px}.login-form{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.login-form input{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px}.login-form input:focus{outline:none;border-color:#667eea}.admin-portal-container{min-height:100vh;background:#f5f5f5}.admin-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 20px;margin-bottom:40px}.header-content{display:flex;justify-content:space-between;align-items:center}.admin-header h1{font-size:32px;font-weight:700;margin-bottom:8px}.admin-header p{font-size:16px;opacity:.9}.admin-content{max-width:1400px;margin:0 auto;padding:0 20px 80px}.coupons-section{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #0000001a}.coupons-section h2{font-size:24px;color:#1a202c;margin-bottom:24px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.coupons-table{width:100%;border-collapse:collapse;table-layout:auto}.coupons-table thead{background:#f7fafc;border-bottom:2px solid #e2e8f0}.coupons-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.05em}.coupons-table td{padding:16px;border-bottom:1px solid #e2e8f0;font-size:14px;color:#2d3748;white-space:nowrap}.coupons-table td:last-child{white-space:nowrap;min-width:380px}.coupons-table tbody tr:hover{background:#f7fafc}.coupon-code-cell{font-family:Courier New,monospace;font-weight:700;color:#667eea;font-size:15px}.action-buttons{display:flex!important;gap:8px;flex-wrap:nowrap!important;white-space:nowrap;align-items:center;flex-direction:row!important}.action-buttons .btn{flex-shrink:0;display:inline-block!important;margin:0!important}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #e2e8f0}.modal-header h2{font-size:24px;color:#1a202c}.modal-close{background:transparent;border:none;font-size:24px;color:#718096;cursor:pointer;padding:4px;line-height:1}.modal-close:hover{color:#1a202c}.coupon-form{padding:32px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{font-size:14px;font-weight:600;color:#2d3748}.form-group input,.form-group select{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-with-button{display:flex;gap:8px}.input-with-button input{flex:1}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.usage-stats{padding:32px}.stats-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px}.stat-item{background:#f7fafc;border-radius:8px;padding:20px;text-align:center}.stat-label{display:block;font-size:14px;color:#718096;margin-bottom:8px}.stat-value{display:block;font-size:32px;font-weight:700;color:#667eea}.usage-list table{width:100%;border-collapse:collapse}.usage-list th{padding:12px;background:#f7fafc;text-align:left;font-size:12px;font-weight:600;color:#4a5568;text-transform:uppercase}.usage-list td{padding:12px;border-bottom:1px solid #e2e8f0;font-size:14px;color:#2d3748}.mono{font-family:Courier New,monospace;font-size:12px}.empty-usage{text-align:center;color:#718096;padding:40px 20px}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.badge-blue{background:#e6f2ff;color:#06c}.badge-green{background:#d4edda;color:#155724}.badge-gray{background:#e2e8f0;color:#4a5568}.btn-small{padding:6px 12px;font-size:13px}.btn-danger{background:#c53030;color:#fff}.btn-danger:hover{background:#9b2c2c}.btn-text{background:transparent;color:#667eea;border:none;text-decoration:underline}.btn-text:hover{color:#764ba2}.loading-state{text-align:center;padding:60px 20px}.loading-state .spinner{margin:0 auto 20px}.empty-state{text-align:center;padding:60px 20px}.empty-state p{color:#718096;margin-bottom:20px}.message{padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px}.message-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.spinner{width:48px;height:48px;border:4px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:968px){.header-content{flex-direction:column;align-items:flex-start;gap:20px}.header-actions{width:100%;flex-direction:column}.header-actions button{width:100%}.form-row,.stats-summary{grid-template-columns:1fr}}@media(max-width:640px){.admin-login-card{padding:32px 24px}.admin-header h1{font-size:24px}.coupons-section{padding:24px 20px}.modal-header{padding:20px}.coupon-form,.usage-stats{padding:24px 20px}.coupons-table{font-size:12px}.coupons-table th,.coupons-table td{padding:8px 12px}}.feedback-container{min-height:100vh;background:var(--bg-secondary)}.feedback-header{background:var(--gradient-primary);color:#fff;padding:40px 20px;margin-bottom:40px;position:relative;overflow:hidden}.feedback-header:before{content:"";position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.feedback-header h1{font-size:32px;font-weight:800;margin-bottom:8px;letter-spacing:-.5px;position:relative;z-index:1;color:#fff!important}.feedback-header p{font-size:16px;opacity:.95;font-weight:500;position:relative;z-index:1;color:#fff!important}.back-button{background:#ffffff26;border:2px solid rgba(255,255,255,.3);color:#fff!important;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:20px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.back-button:hover{background:#ffffff40;transform:translate(-4px)}.feedback-content{max-width:800px;margin:0 auto;padding-bottom:80px}.feedback-card{background:var(--bg-primary);border-radius:20px;box-shadow:var(--shadow-lg);padding:36px;border:1px solid var(--border-color);animation:fadeInUp .6s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 18px;border:2px solid var(--border-color);border-radius:12px;font-size:16px;background:var(--bg-primary);color:var(--text-primary);font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--brand-blue-start);box-shadow:0 0 0 4px #4169e11a}.form-group textarea{min-height:120px;resize:vertical}.rating-input{display:flex;gap:8px}.star-btn{background:none;border:none;font-size:32px;cursor:pointer;color:#e2e8f0;transition:all .2s ease;padding:0}.star-btn.active{color:#fbbf24;transform:scale(1.1)}.star-btn:hover{transform:scale(1.2)}.btn-submit{width:100%;padding:16px;border-radius:12px;background:var(--gradient-primary);color:#fff;font-weight:700;font-size:16px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #4169e14d}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #4169e166}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.message{padding:16px;border-radius:12px;margin-bottom:24px;font-weight:600;text-align:center}.message.success{background:var(--success-bg);color:var(--success);border:2px solid var(--success)}.message.error{background:var(--error-bg);color:var(--error);border:2px solid var(--error)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px}.spinner{width:40px;height:40px;border:4px solid rgba(65,105,225,.2);border-top-color:var(--brand-blue-start);border-radius:50%;animation:spin 1s linear infinite}.admin-section{margin-top:40px}.feedback-list{display:flex;flex-direction:column;gap:20px}.feedback-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:24px}.feedback-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.user-info h4{font-size:16px;color:var(--text-primary);margin-bottom:4px}.user-email{font-size:14px;color:var(--text-secondary)}.feedback-meta{text-align:right;font-size:14px;color:var(--text-secondary)}.feedback-category{display:inline-block;padding:4px 12px;background:var(--bg-secondary);border-radius:20px;font-size:12px;font-weight:600;margin-top:4px}.feedback-rating{color:#fbbf24;font-size:18px;margin-bottom:12px}.feedback-message{font-size:15px;color:var(--text-primary);line-height:1.6}[data-theme=dark] .feedback-container{background:#1a202c}[data-theme=dark] .feedback-card,[data-theme=dark] .feedback-item{background:#2d3748;border-color:#4a5568}[data-theme=dark] .form-group label,[data-theme=dark] .user-info h4,[data-theme=dark] .feedback-message{color:#f7fafc}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:#1a202c;color:#f7fafc;border-color:#4a5568}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus,[data-theme=dark] .form-group textarea:focus{border-color:#667eea}[data-theme=dark] .star-btn{color:#4a5568}[data-theme=dark] .star-btn.active{color:#fbbf24}[data-theme=dark] .feedback-category{background:#1a202c;color:#cbd5e0}.document-uploader{padding:24px;max-height:80vh;overflow-y:auto}.drop-zone{border:3px dashed #cbd5e0;border-radius:12px;padding:60px 40px;text-align:center;background:#f7fafc;cursor:pointer;transition:all .3s ease}.drop-zone:hover{border-color:#a0aec0;background:#edf2f7}.drop-zone.active{border-color:#667eea;background:#667eea1a;transform:scale(1.02)}.drop-zone.has-files{padding:40px}.drop-zone-content{pointer-events:none}.drop-icon{font-size:64px;margin-bottom:16px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.drop-text{font-size:18px;font-weight:600;color:#2d3748;margin:0 0 8px}.drop-subtext{font-size:14px;color:#718096;margin:0 0 16px}.drop-formats{font-size:12px;color:#a0aec0;margin:0}.file-list{margin-top:24px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden}.file-list-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f7fafc;border-bottom:2px solid #e2e8f0}.file-list-header h3{font-size:16px;font-weight:700;color:#1a202c;margin:0}.clear-all-button{padding:6px 12px;background:#fff;border:2px solid #e2e8f0;border-radius:6px;font-size:13px;font-weight:600;color:#e53e3e;cursor:pointer;transition:all .2s ease}.clear-all-button:hover{background:#fff5f5;border-color:#feb2b2}.files{max-height:300px;overflow-y:auto}.file-item{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid #e2e8f0;transition:background .2s ease}.file-item:last-child{border-bottom:none}.file-item:hover{background:#f7fafc}.file-item.uploading{background:#667eea0d}.file-item.success{background:#48bb780d}.file-item.error{background:#f565650d}.file-icon{font-size:32px;flex-shrink:0}.file-info{flex:1;min-width:0}.file-name{font-size:14px;font-weight:600;color:#2d3748;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:12px;color:#718096}.file-error{font-size:12px;color:#e53e3e;margin-top:4px}.file-status{flex-shrink:0}.status-icon{font-size:20px;display:inline-block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.remove-file-button{width:28px;height:28px;border:none;background:#f7fafc;border-radius:50%;font-size:14px;color:#718096;cursor:pointer;transition:all .2s ease;flex-shrink:0}.remove-file-button:hover{background:#e2e8f0;color:#e53e3e}.upload-metadata{margin-top:24px;padding:20px;background:#f7fafc;border-radius:12px;display:flex;flex-direction:column;gap:16px}.metadata-field{display:flex;flex-direction:column;gap:8px}.metadata-field label{font-size:13px;font-weight:600;color:#4a5568}.metadata-select,.metadata-input{padding:10px 14px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;color:#2d3748;background:#fff;transition:border-color .2s ease}.metadata-select:focus,.metadata-input:focus{outline:none;border-color:#667eea}.metadata-select:disabled,.metadata-input:disabled{background:#edf2f7;cursor:not-allowed;opacity:.6}.field-hint{font-size:12px;color:#a0aec0;margin:0}.uploader-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;border-top:2px solid #e2e8f0}.uploader-actions .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.uploader-actions .btn:disabled{opacity:.5;cursor:not-allowed}.uploader-actions .btn-secondary{background:#fff;color:#4a5568;border:2px solid #e2e8f0}.uploader-actions .btn-secondary:hover:not(:disabled){border-color:#cbd5e0;background:#f7fafc}.uploader-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.uploader-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.upload-tips{margin-top:24px;padding:20px;background:#fffaf0;border-left:4px solid #ed8936;border-radius:8px}.upload-tips h4{font-size:14px;font-weight:700;color:#7c2d12;margin:0 0 12px}.upload-tips ul{margin:0;padding-left:20px;list-style:none}.upload-tips li{font-size:13px;color:#9a3412;margin-bottom:6px;position:relative;padding-left:8px}.upload-tips li:before{content:"•";position:absolute;left:-12px;color:#ed8936}.upload-tips li:last-child{margin-bottom:0}.files::-webkit-scrollbar{width:8px}.files::-webkit-scrollbar-track{background:#f7fafc}.files::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.files::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media(max-width:768px){.document-uploader{padding:16px}.drop-zone{padding:40px 24px}.drop-zone.has-files{padding:24px}.drop-icon{font-size:48px}.drop-text{font-size:16px}.file-item{padding:12px 16px}.file-icon{font-size:24px}.file-name{font-size:13px}.file-size{font-size:11px}.upload-metadata{padding:16px}.uploader-actions{flex-direction:column}.uploader-actions .btn{width:100%;justify-content:center}}@media(max-width:480px){.drop-zone{padding:32px 16px}.drop-icon{font-size:40px}.drop-text{font-size:15px}.drop-subtext{font-size:13px}.file-list-header{padding:12px 16px}.file-item{gap:12px}}.kb-manager{max-width:1400px;margin:0 auto;padding:32px;min-height:100vh}.kb-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px}.header-content{flex:1}.kb-title{display:flex;align-items:center;gap:12px;font-size:32px;font-weight:700;color:#1a202c;margin:0 0 8px}.kb-subtitle{font-size:16px;color:#718096;margin:0}.btn-icon{font-size:16px}.kb-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.stat-card{display:flex;align-items:center;gap:16px;padding:24px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;transition:all .2s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014;border-color:#cbd5e0}.stat-icon{font-size:40px;opacity:.8}.stat-value{font-size:28px;font-weight:700;color:#1a202c;margin-bottom:4px}.stat-label{font-size:13px;color:#718096;text-transform:uppercase;letter-spacing:.5px}.kb-controls{display:flex;gap:16px;align-items:center;margin-bottom:24px;padding:20px;background:#f7fafc;border-radius:12px;flex-wrap:wrap}.search-section{flex:1;min-width:300px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:16px;font-size:18px;color:#a0aec0}.search-input{width:100%;padding:12px 40px 12px 48px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:#667eea}.clear-search{position:absolute;right:12px;width:24px;height:24px;border:none;background:#e2e8f0;border-radius:50%;font-size:12px;color:#718096;cursor:pointer;transition:all .2s ease}.clear-search:hover{background:#cbd5e0;color:#2d3748}.filter-section{display:flex;align-items:center;gap:12px}.filter-label{font-size:14px;font-weight:600;color:#4a5568}.filter-select{padding:10px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;color:#2d3748;background:#fff;cursor:pointer;transition:border-color .2s ease}.filter-select:focus{outline:none;border-color:#667eea}.view-toggle{display:flex;gap:4px;background:#fff;padding:4px;border-radius:8px;border:2px solid #e2e8f0}.view-btn{width:36px;height:36px;border:none;background:transparent;border-radius:6px;font-size:18px;color:#718096;cursor:pointer;transition:all .2s ease}.view-btn:hover{background:#f7fafc;color:#4a5568}.view-btn.active{background:#667eea;color:#fff}.results-count{margin-bottom:16px;padding:12px 20px;background:#ebf8ff;border-left:4px solid #4299e1;border-radius:8px;font-size:14px;color:#2c5282}.kb-content{min-height:400px}.viewer-container{background:#fff;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden}.viewer-header{padding:16px 24px;background:#f7fafc;border-bottom:2px solid #e2e8f0}.back-button{padding:8px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:6px;font-size:14px;font-weight:600;color:#4a5568;cursor:pointer;transition:all .2s ease}.back-button:hover{border-color:#cbd5e0;background:#f7fafc}.empty-state{padding:80px 40px;text-align:center;background:#fff;border:2px dashed #e2e8f0;border-radius:12px}.kb-manager.loading{display:flex;justify-content:center;align-items:center;min-height:400px}@media(max-width:1024px){.kb-manager{padding:24px 16px}.kb-header{flex-direction:column}.header-actions{width:100%}.header-actions .btn{flex:1;justify-content:center}.kb-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.kb-title{font-size:24px}.title-icon{font-size:28px}.kb-stats{grid-template-columns:1fr}.kb-controls{flex-direction:column;align-items:stretch}.search-section{min-width:100%}.filter-section{flex-direction:column;align-items:stretch;gap:8px}.filter-select{width:100%}.view-toggle{justify-content:center}.modal-content{width:95%;max-height:95vh}.modal-header{padding:16px}.modal-header h2{font-size:20px}.empty-state{padding:60px 24px}.empty-icon{font-size:48px}.empty-state h3{font-size:18px}.empty-state p{font-size:14px}}@media(max-width:480px){.kb-manager{padding:16px}.kb-header{margin-bottom:24px}.header-actions{flex-direction:column;gap:8px}.stat-card{padding:16px}.stat-icon{font-size:32px}.stat-value{font-size:24px}.kb-controls{padding:16px}}.prompt-studio{max-width:1400px;margin:0 auto;padding:32px;min-height:100vh}.studio-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px}.header-left{flex:1}.studio-title{display:flex;align-items:center;gap:12px;font-size:32px;font-weight:700;color:#1a202c;margin:0 0 8px}.studio-subtitle{font-size:16px;color:#718096;margin:0}.header-actions{display:flex;gap:12px}.prompt-selector{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:24px}.selector-label{font-size:14px;font-weight:600;color:#4a5568;white-space:nowrap}.prompt-select{flex:1;padding:10px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;color:#2d3748;background:#fff;cursor:pointer;transition:border-color .2s ease}.prompt-select:focus{outline:none;border-color:#667eea}.selector-actions{display:flex;gap:8px}.btn-icon-action{width:36px;height:36px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s ease}.btn-icon-action:hover{border-color:#cbd5e0;background:#f7fafc}.btn-icon-action:disabled{opacity:.5;cursor:not-allowed}.btn-icon-action.danger:hover{border-color:#feb2b2;background:#fff5f5;color:#e53e3e}.studio-tabs{display:flex;gap:4px;background:#f7fafc;padding:4px;border-radius:12px;margin-bottom:24px;overflow-x:auto}.studio-tabs .tab{padding:12px 24px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#718096;cursor:pointer;transition:all .2s ease;white-space:nowrap}.studio-tabs .tab:hover{background:#ffffff80;color:#4a5568}.studio-tabs .tab.active{background:#fff;color:#667eea;box-shadow:0 2px 8px #00000014}.studio-content{background:#fff;border:2px solid #e2e8f0;border-radius:12px;min-height:500px;margin-bottom:24px}.save-bar{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;position:sticky;bottom:20px;box-shadow:0 4px 12px #00000014}.save-info{font-size:14px;color:#718096}.btn-save{display:inline-flex;align-items:center;gap:8px;padding:12px 32px;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-secondary{background:#fff;color:#4a5568;border:2px solid #e2e8f0}.btn-secondary:hover{border-color:#cbd5e0;background:#f7fafc}.empty-state{padding:80px 40px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state h3{font-size:20px;font-weight:700;color:#1a202c;margin:0 0 8px}.empty-state p{font-size:16px;color:#718096;margin:0 0 24px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:16px;max-width:900px;max-height:90vh;width:90%;overflow:hidden;animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d}.modal-content.large{max-width:1200px}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header h2{font-size:24px;font-weight:700;color:#1a202c;margin:0}.close-button{width:36px;height:36px;border:none;background:#f7fafc;border-radius:50%;font-size:20px;color:#718096;cursor:pointer;transition:all .2s ease}.close-button:hover{background:#e2e8f0;color:#2d3748;transform:rotate(90deg)}.prompt-studio.loading{display:flex;justify-content:center;align-items:center;min-height:400px}.spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}.loading-spinner p{font-size:14px;color:#718096}@media(max-width:1024px){.prompt-studio{padding:24px 16px}.studio-header{flex-direction:column}.header-actions{width:100%}.header-actions .btn{flex:1;justify-content:center}}@media(max-width:768px){.studio-title{font-size:24px}.title-icon{font-size:28px}.prompt-selector{flex-direction:column;align-items:stretch;gap:12px}.selector-actions{justify-content:center}.studio-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.studio-tabs .tab{padding:10px 16px;font-size:13px}.save-bar{flex-direction:column;gap:12px;bottom:0}.btn-save{width:100%;justify-content:center}.modal-content{width:95%;max-height:95vh}.modal-header{padding:16px}.modal-header h2{font-size:20px}.empty-state{padding:60px 24px}.empty-icon{font-size:48px}.empty-state h3{font-size:18px}.empty-state p{font-size:14px}}@media(max-width:480px){.prompt-studio{padding:16px}.studio-header{margin-bottom:24px}.header-actions{flex-direction:column;gap:8px}.prompt-selector{padding:16px}.studio-content{min-height:400px}.save-bar{padding:16px}}.prompt-editor-container,.behavior-configurator,.variable-manager,.prompt-tester,.version-control,.prompt-analytics{padding:24px}@media(max-width:768px){.prompt-editor-container,.behavior-configurator,.variable-manager,.prompt-tester,.version-control,.prompt-analytics{padding:16px}}.training-data-manager{max-width:1400px;margin:0 auto;padding:32px}.manager-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px}.manager-title{display:flex;align-items:center;gap:12px;font-size:32px;font-weight:700;color:#1a202c;margin:0 0 8px}.manager-subtitle{font-size:16px;color:#718096;margin:0}.dataset-selector{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:24px}.dataset-select{flex:1;padding:10px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;cursor:pointer}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;transition:all .2s ease}.stat-card:hover{border-color:#cbd5e0;transform:translateY(-2px)}.stat-icon{font-size:32px;flex-shrink:0}.stat-content{flex:1}.stat-value{font-size:28px;font-weight:700;color:#1a202c;line-height:1}.stat-label{font-size:13px;color:#718096;margin-top:4px}.stat-detail{font-size:12px;color:#a0aec0;margin-top:4px}.manager-tabs{display:flex;gap:4px;background:#f7fafc;padding:4px;border-radius:12px;margin-bottom:24px}.manager-tabs .tab{padding:12px 24px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#718096;cursor:pointer;transition:all .2s ease}.manager-tabs .tab:hover{background:#ffffff80;color:#4a5568}.manager-tabs .tab.active{background:#fff;color:#667eea;box-shadow:0 2px 8px #00000014}.manager-content{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:24px;min-height:400px}.conversation-builder{max-width:900px;margin:0 auto}.builder-section{margin-bottom:32px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.template-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.template-btn{padding:12px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease}.template-btn:hover{border-color:#667eea;background:#f7fafc}.messages-list{max-height:400px;overflow-y:auto;border:2px solid #e2e8f0;border-radius:8px;padding:16px}.messages-empty{text-align:center;padding:40px;color:#a0aec0}.message-item{padding:12px;border-radius:8px;margin-bottom:12px}.message-item.role-system{background:#fef5e7;border-left:4px solid #f39c12}.message-item.role-user{background:#e3f2fd;border-left:4px solid #2196f3}.message-item.role-assistant{background:#e8f5e9;border-left:4px solid #4caf50}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.message-role{font-size:12px;font-weight:600;text-transform:uppercase;color:#4a5568}.message-actions{display:flex;gap:8px}.btn-edit,.btn-delete{padding:4px 8px;border:none;background:transparent;cursor:pointer;font-size:14px;opacity:.6;transition:opacity .2s}.btn-edit:hover,.btn-delete:hover{opacity:1}.message-content{font-size:14px;line-height:1.6;color:#2d3748}.message-meta{font-size:11px;color:#a0aec0;margin-top:8px}.validation-status{margin-top:16px;padding:12px;border-radius:8px}.validation-status.valid{background:#e8f5e9;border-left:4px solid #4caf50}.validation-status.invalid{background:#fff5f5;border-left:4px solid #e53e3e}.validation-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.validation-icon{font-size:16px}.validation-label{font-weight:600;font-size:14px}.validation-errors,.validation-warnings{margin-top:8px;padding-left:20px}.validation-errors li{color:#c53030;font-size:13px;margin:4px 0}.validation-warnings li{color:#ed8936;font-size:13px;margin:4px 0}.add-message-form,.metadata-form{display:flex;flex-direction:column;gap:16px}.form-row{display:flex;flex-direction:column;gap:8px}.form-label{font-size:13px;font-weight:600;color:#4a5568}.role-select,.difficulty-select,.metadata-input{padding:10px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px}.content-textarea{padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical}.content-textarea:focus,.role-select:focus,.metadata-input:focus{outline:none;border-color:#667eea}.btn-add-message{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-add-message:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-add-message:disabled{opacity:.5;cursor:not-allowed}.builder-actions{margin-top:32px;text-align:center}.btn-save{padding:14px 32px;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #48bb784d}.btn-save:disabled{opacity:.6;cursor:not-allowed}.builder-tips,.search-tips{margin-top:24px;padding:16px;background:#fffaf0;border-left:4px solid #ed8936;border-radius:8px}.tips-list{margin:0;padding-left:20px;list-style:none}.tips-list li{font-size:13px;color:#9a3412;margin:8px 0;position:relative}.tips-list li:before{content:"•";position:absolute;left:-16px;color:#ed8936}.quality-checker{max-width:1000px;margin:0 auto}.quality-section{margin-bottom:32px}.overall-score{display:flex;align-items:center;gap:24px;padding:24px;border-radius:12px}.overall-score.score-excellent{background:linear-gradient(135deg,#d4edda,#c3e6cb)}.overall-score.score-good{background:linear-gradient(135deg,#d1ecf1,#bee5eb)}.overall-score.score-fair{background:linear-gradient(135deg,#fff3cd,#ffeeba)}.overall-score.score-poor{background:linear-gradient(135deg,#f8d7da,#f5c6cb)}.score-circle{width:100px;height:100px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a}.score-value{font-size:32px;font-weight:700;color:#1a202c}.score-label{font-size:14px;color:#718096}.score-breakdown{flex:1}.breakdown-item{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.breakdown-label{color:#4a5568}.breakdown-value{font-weight:600;color:#1a202c}.recommendations{display:flex;flex-direction:column;gap:12px}.recommendation{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px}.recommendation.error{background:#fff5f5;border-left:4px solid #e53e3e}.recommendation.warning{background:#fffaf0;border-left:4px solid #ed8936}.recommendation.success{background:#e8f5e9;border-left:4px solid #4caf50}.recommendation.info{background:#e3f2fd;border-left:4px solid #2196f3}.rec-icon{font-size:16px;flex-shrink:0}.rec-message{font-size:14px;line-height:1.5}.validation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.validation-card{display:flex;flex-direction:column;align-items:center;padding:20px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;text-align:center}.card-icon{font-size:32px;margin-bottom:8px}.card-value{font-size:24px;font-weight:700;color:#1a202c}.card-label{font-size:13px;color:#718096;margin-top:4px}.ready-badge{margin-top:16px;padding:12px;background:#e8f5e9;border-left:4px solid #4caf50;border-radius:8px;font-weight:600;text-align:center}.not-ready-badge{margin-top:16px;padding:12px;background:#fff5f5;border-left:4px solid #e53e3e;border-radius:8px;font-weight:600;text-align:center}.dataset-preview{max-width:1000px;margin:0 auto}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.filter-buttons{display:flex;gap:8px}.filter-btn{padding:8px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:#cbd5e0}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.conversations-list{display:flex;flex-direction:column;gap:16px}.conv-preview-item{background:#fff;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden}.conv-header{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer;transition:background .2s}.conv-header:hover{background:#f7fafc}.conv-info{display:flex;align-items:center;gap:12px;flex:1}.conv-icon{font-size:12px;color:#718096}.conv-number{font-weight:600;color:#1a202c}.conv-meta{display:flex;gap:8px;flex-wrap:wrap}.meta-badge{padding:4px 8px;background:#e2e8f0;border-radius:4px;font-size:12px;color:#4a5568}.meta-badge.scenario{background:#e3f2fd;color:#1976d2}.meta-badge.difficulty-easy{background:#e8f5e9;color:#2e7d32}.meta-badge.difficulty-medium{background:#fff3cd;color:#f57c00}.meta-badge.difficulty-hard{background:#ffebee;color:#c62828}.btn-delete-conv{padding:8px;border:none;background:transparent;cursor:pointer;font-size:16px;opacity:.6;transition:opacity .2s}.btn-delete-conv:hover{opacity:1}.export-manager{max-width:900px;margin:0 auto}.export-section{margin-bottom:32px;padding:20px;background:#fff;border:2px solid #e2e8f0;border-radius:12px}.export-form{display:flex;flex-direction:column;gap:16px}.form-row.checkbox{flex-direction:row;align-items:center}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.ratio-slider{width:100%}.ratio-info{font-size:13px;color:#718096}.export-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.stat-item{display:flex;justify-content:space-between;padding:12px;background:#f7fafc;border-radius:8px}.stat-label{font-size:13px;color:#4a5568}.stat-value{font-weight:600;color:#1a202c}.stat-value.highlight{color:#667eea}.export-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-action,.btn-export{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-action{background:#fff;border:2px solid #e2e8f0;color:#4a5568}.btn-action:hover:not(:disabled){border-color:#cbd5e0;background:#f7fafc}.btn-export{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-export:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-action:disabled,.btn-export:disabled{opacity:.5;cursor:not-allowed}.export-preview{padding:16px;background:#1a202c;color:#e2e8f0;border-radius:8px;font-family:Courier New,monospace;font-size:12px;overflow-x:auto;max-height:400px;overflow-y:auto}.cli-command{padding:16px;background:#1a202c;color:#48bb78;border-radius:8px;font-family:Courier New,monospace;font-size:13px;overflow-x:auto}@media(max-width:768px){.training-data-manager{padding:16px}.manager-header{flex-direction:column}.stats-overview{grid-template-columns:1fr}.manager-tabs{overflow-x:auto}.template-buttons{grid-template-columns:1fr}.filter-buttons{flex-wrap:wrap}.export-stats{grid-template-columns:1fr}}.fine-tuning-manager{max-width:1400px;margin:0 auto;padding:32px}.api-key-required{text-align:center;padding:80px 40px;max-width:600px;margin:0 auto}.required-icon{font-size:64px;margin-bottom:24px}.api-key-required h2{font-size:28px;color:#1a202c;margin-bottom:16px}.api-key-required p{font-size:16px;color:#718096;margin-bottom:32px}.btn-configure{padding:14px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-configure:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.api-key-info{margin-top:40px;padding:24px;background:#f7fafc;border-radius:12px;text-align:left}.api-key-info h4{font-size:14px;font-weight:600;color:#4a5568;margin-bottom:12px}.api-key-info ol{padding-left:20px;margin:0}.api-key-info li{font-size:14px;color:#718096;margin:8px 0}.job-creator{max-width:900px;margin:0 auto}.creation-steps{display:flex;align-items:center;justify-content:center;margin-bottom:40px}.step{display:flex;flex-direction:column;align-items:center;gap:8px}.step-number{width:40px;height:40px;border-radius:50%;background:#e2e8f0;color:#a0aec0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;transition:all .3s ease}.step.active .step-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.step.completed .step-number{background:#48bb78;color:#fff}.step-label{font-size:13px;color:#718096;font-weight:600}.step-line{width:80px;height:2px;background:#e2e8f0;margin:0 16px}.creator-section{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:32px;margin-bottom:24px}.datasets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:24px}.dataset-card{padding:20px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.dataset-card:hover{border-color:#cbd5e0;transform:translateY(-2px)}.dataset-card.selected{border-color:#667eea;background:#f7fafc}.dataset-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.dataset-header h4{font-size:16px;font-weight:600;color:#1a202c;margin:0}.selected-badge{color:#667eea;font-size:20px}.dataset-description{font-size:14px;color:#718096;margin-bottom:12px}.dataset-stats{font-size:13px;color:#a0aec0}.estimates-box{padding:20px;background:#fffaf0;border-left:4px solid #ed8936;border-radius:8px;margin-top:24px}.estimates-title{font-size:14px;font-weight:700;color:#7c2d12;margin:0 0 16px}.estimates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.estimate-item{display:flex;flex-direction:column;gap:4px}.estimate-label{font-size:12px;color:#9a3412;font-weight:600}.estimate-value{font-size:20px;font-weight:700;color:#7c2d12}.config-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:13px;font-weight:600;color:#4a5568;display:flex;flex-direction:column;gap:4px}.label-hint{font-size:12px;font-weight:400;color:#a0aec0}.model-select,.suffix-input,.param-select{padding:10px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff}.model-select:focus,.suffix-input:focus,.param-select:focus{outline:none;border-color:#667eea}.hyperparameter-item{padding:16px;background:#f7fafc;border-radius:8px;margin-top:12px}.param-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.param-name{font-weight:600;color:#2d3748;font-size:14px}.param-hint{font-size:12px;color:#a0aec0}.review-box{display:flex;flex-direction:column;gap:20px}.review-section{padding:16px;background:#f7fafc;border-radius:8px}.review-section h4{font-size:14px;font-weight:700;color:#4a5568;margin:0 0 12px}.review-section p{font-size:14px;color:#2d3748;margin:4px 0}.review-detail{font-size:13px;color:#718096}.review-section.highlight{background:linear-gradient(135deg,#fff5f5,#fed7d7);border:2px solid #fc8181}.cost-breakdown{display:flex;flex-direction:column;gap:8px}.cost-item{display:flex;justify-content:space-between;font-size:14px;color:#2d3748}.cost-item.total{font-size:18px;font-weight:700;color:#c53030;padding-top:8px;border-top:2px solid #fc8181}.step-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.btn-back,.btn-next,.btn-create{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.btn-back{background:#fff;border:2px solid #e2e8f0;color:#4a5568}.btn-back:hover{border-color:#cbd5e0}.btn-next,.btn-create{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-next:hover:not(:disabled),.btn-create:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-next:disabled,.btn-create:disabled{opacity:.5;cursor:not-allowed}.job-monitor{max-width:1000px;margin:0 auto}.monitor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.jobs-list{display:flex;flex-direction:column;gap:16px}.job-item{background:#fff;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s ease}.job-item.status-running{border-left:4px solid #48bb78}.job-item.status-success{border-left:4px solid #4299e1}.job-item.status-error{border-left:4px solid #e53e3e}.job-header{display:flex;justify-content:space-between;align-items:center;padding:20px;cursor:pointer;transition:background .2s}.job-header:hover{background:#f7fafc}.job-info{display:flex;align-items:center;gap:16px;flex:1}.job-status-icon{font-size:24px}.job-details{flex:1}.job-title{font-size:16px;font-weight:600;color:#1a202c;margin-bottom:8px}.job-suffix{font-size:14px;color:#718096;font-weight:400}.job-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:13px}.job-status{padding:4px 8px;border-radius:4px;font-weight:600;text-transform:capitalize}.job-status.status-running{background:#e8f5e9;color:#2e7d32}.job-status.status-success{background:#e3f2fd;color:#1976d2}.job-status.status-error{background:#ffebee;color:#c62828}.job-status.status-pending{background:#fff3cd;color:#f57c00}.job-date{color:#a0aec0}.job-actions{display:flex;gap:8px}.btn-cancel-job,.btn-expand{padding:8px;border:none;background:transparent;cursor:pointer;font-size:16px;opacity:.6;transition:opacity .2s}.btn-cancel-job:hover,.btn-expand:hover{opacity:1}.job-expanded{padding:24px;border-top:2px solid #e2e8f0;background:#f7fafc}.expanded-section{padding:16px;background:#fff;border-radius:8px;margin-bottom:16px}.expanded-section h4{font-size:14px;font-weight:700;color:#4a5568;margin:0 0 12px}.config-grid,.files-list,.details-grid{display:flex;flex-direction:column;gap:8px}.config-item,.file-item,.detail-item{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:8px;background:#f7fafc;border-radius:4px}.config-label,.file-label,.detail-label{color:#718096}.config-value,.file-id,.detail-value{font-weight:600;color:#2d3748}.detail-value.mono{font-family:Courier New,monospace;font-size:12px}.progress-bar-container{margin-top:12px}.progress-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#48bb78,#38a169);animation:progress 2s ease-in-out infinite}@keyframes progress{0%{width:30%}50%{width:70%}to{width:30%}}.expanded-section.success{background:linear-gradient(135deg,#d4edda,#c3e6cb)}.expanded-section.error{background:linear-gradient(135deg,#f8d7da,#f5c6cb)}.result-info,.error-message{margin-top:12px}.btn-use-model{margin-top:16px;padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.model-registry{max-width:1000px;margin:0 auto}.models-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.model-card{padding:20px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease}.model-card:hover{border-color:#cbd5e0;transform:translateY(-2px)}.model-card.selected{border-color:#667eea}.model-card.active{background:linear-gradient(135deg,#e8f5e9,#c3e6cb);border-color:#48bb78}.model-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.model-name{font-size:16px;font-weight:600;color:#1a202c}.active-badge{padding:4px 8px;background:#48bb78;color:#fff;border-radius:4px;font-size:12px;font-weight:600}.model-info{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.info-row{display:flex;justify-content:space-between;font-size:13px}.info-label{color:#718096}.info-value{color:#2d3748;font-weight:600}.model-actions{display:flex;gap:8px;justify-content:flex-end}.btn-activate,.btn-delete-model{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-activate{background:#48bb78;color:#fff}.btn-activate:hover{background:#38a169}.btn-delete-model{background:transparent;color:#e53e3e;border:2px solid #e53e3e}.test-container{background:#fff;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden}.test-messages{min-height:300px;max-height:400px;overflow-y:auto;padding:20px}.test-message{margin-bottom:16px}.test-message.user{margin-left:40px}.test-message.assistant{margin-right:40px}.test-input{display:flex;gap:12px;padding:16px;border-top:2px solid #e2e8f0;background:#f7fafc}.test-textarea{flex:1;padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;resize:none}.btn-send-test{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.btn-send-test:hover:not(:disabled){transform:translateY(-2px)}.code-example{padding:16px;background:#1a202c;color:#e2e8f0;border-radius:8px;font-family:Courier New,monospace;font-size:13px;overflow-x:auto;margin-bottom:16px}.btn-copy-code{padding:10px 20px;background:#fff;color:#4a5568;border:2px solid #e2e8f0;border-radius:8px;font-weight:600;cursor:pointer}.training-logs{max-width:1000px;margin:0 auto}.logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.header-section{display:flex;align-items:center;gap:12px}.select-label{font-size:14px;font-weight:600;color:#4a5568}.job-select{padding:10px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;min-width:300px}.log-filters{display:flex;gap:8px}.logs-container{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;max-height:600px;overflow-y:auto}.log-entry{padding:12px;border-radius:8px;margin-bottom:12px;border-left:4px solid transparent}.log-entry.info{background:#e3f2fd;border-left-color:#2196f3}.log-entry.warning{background:#fff3cd;border-left-color:#f57c00}.log-entry.error{background:#ffebee;border-left-color:#c62828}.log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.log-level{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.log-level.info{background:#2196f3;color:#fff}.log-level.warning{background:#f57c00;color:#fff}.log-level.error{background:#c62828;color:#fff}.log-time{font-size:12px;color:#a0aec0}.log-message{font-size:14px;color:#2d3748;line-height:1.6}.log-data{margin-top:8px}.log-data summary{font-size:12px;color:#667eea;cursor:pointer}.log-data pre{margin-top:8px;padding:12px;background:#1a202c;color:#e2e8f0;border-radius:4px;font-size:12px;overflow-x:auto}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.metric-card{padding:20px;background:#fff;border:2px solid #e2e8f0;border-radius:12px}.metric-title{font-size:14px;font-weight:700;color:#4a5568;margin:0 0 16px}.metric-chart{display:flex;flex-direction:column;gap:8px}.chart-point{display:flex;justify-content:space-between;padding:8px;background:#f7fafc;border-radius:4px}.point-label{font-size:13px;color:#718096}.point-value{font-size:14px;font-weight:600;color:#2d3748}@media(max-width:768px){.fine-tuning-manager{padding:16px}.creation-steps{flex-direction:column}.step-line{width:2px;height:40px}.datasets-grid,.models-grid{grid-template-columns:1fr}.monitor-header,.logs-header{flex-direction:column;align-items:flex-start}.job-select{min-width:auto;width:100%}}.model-comparator{max-width:1400px;margin:0 auto;padding:32px}.comparator-header,.suite-header,.metrics-header,.ab-header,.report-header{margin-bottom:32px}.comparator-title,.suite-title,.metrics-title,.ab-title,.report-title{display:flex;align-items:center;gap:12px;font-size:32px;font-weight:700;color:#1a202c;margin:0 0 8px}.comparator-subtitle,.suite-subtitle,.metrics-subtitle,.ab-subtitle,.report-subtitle{font-size:16px;color:#718096;margin:0}.model-selection{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:start;padding:24px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:24px}.selection-column{display:flex;flex-direction:column;gap:12px}.selection-label{font-size:14px;font-weight:600;color:#4a5568}.model-select{padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff}.model-info{display:flex;gap:8px}.info-badge{padding:4px 12px;background:#e3f2fd;color:#1976d2;border-radius:4px;font-size:12px;font-weight:600}.vs-divider{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:18px;margin-top:28px}.test-section{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:24px}.input-group{margin-bottom:20px}.input-label{display:block;font-size:14px;font-weight:600;color:#4a5568;margin-bottom:8px}.system-textarea,.test-textarea{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical}.system-textarea:focus,.test-textarea:focus{outline:none;border-color:#667eea}.test-actions{display:flex;gap:12px}.btn-test,.btn-clear{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.btn-test{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-test:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-test:disabled{opacity:.5;cursor:not-allowed}.btn-clear{background:#fff;border:2px solid #e2e8f0;color:#4a5568}.responses-section{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:24px}.responses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.btn-save{padding:10px 20px;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.responses-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.response-column{padding:20px;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px}.response-column.winner{background:linear-gradient(135deg,#e8f5e9,#c3e6cb);border-color:#48bb78}.response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.response-model{font-size:16px;font-weight:600;color:#1a202c;margin:0}.winner-badge{padding:4px 12px;background:#48bb78;color:#fff;border-radius:4px;font-size:12px;font-weight:600}.response-loading{text-align:center;padding:40px}.response-error{padding:20px;background:#fff5f5;border-left:4px solid #e53e3e;border-radius:4px;color:#c53030}.response-content{font-size:14px;line-height:1.8;color:#2d3748;margin-bottom:16px;white-space:pre-wrap}.response-meta{display:flex;gap:16px;font-size:12px;color:#a0aec0;margin-bottom:16px}.meta-item{padding:4px 8px;background:#fff;border-radius:4px}.response-scores{margin-top:20px;padding-top:20px;border-top:2px solid #e2e8f0}.scores-title{font-size:14px;font-weight:700;color:#4a5568;margin:0 0 12px}.scores-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.score-item{display:flex;justify-content:space-between;padding:8px;background:#fff;border-radius:4px;font-size:13px}.score-item.total{grid-column:1 / -1;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700}.score-label{color:#718096}.score-item.total .score-label{color:#fff}.score-value{font-weight:600;color:#2d3748}.score-item.total .score-value{color:#fff}.comparison-analysis{margin-top:24px;padding:20px;background:#fffaf0;border-left:4px solid #ed8936;border-radius:8px}.analysis-title{font-size:16px;font-weight:700;color:#7c2d12;margin:0 0 16px}.analysis-content{display:flex;flex-direction:column;gap:16px}.analysis-item{font-size:14px;color:#9a3412}.analysis-item strong{color:#7c2d12}.analysis-item ul{margin:8px 0 0 20px}.history-section{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:24px}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{padding:16px;background:#f7fafc;border-radius:8px;cursor:pointer;transition:all .2s ease}.history-item:hover{background:#edf2f7;transform:translate(4px)}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.history-prompt{font-size:14px;color:#2d3748;font-weight:500}.history-time{font-size:12px;color:#a0aec0}.history-winner{font-size:13px;color:#48bb78;font-weight:600}.test-suite{max-width:1200px;margin:0 auto;padding:32px}.suite-config{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:24px}.config-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.config-col{display:flex;flex-direction:column;gap:8px}.config-label{font-size:14px;font-weight:600;color:#4a5568}.config-select,.config-input{padding:10px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px}.suite-info{padding:16px;background:#f7fafc;border-radius:8px;margin-top:16px}.suite-description{font-size:14px;color:#4a5568;margin-bottom:8px}.suite-meta{display:flex;gap:16px;font-size:13px;color:#718096}.suite-actions{display:flex;gap:12px;margin-bottom:24px}.btn-run-suite,.btn-create-suite{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.btn-run-suite{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-create-suite{background:#fff;border:2px solid #e2e8f0;color:#4a5568}.progress-section{padding:24px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:24px}.progress-bar-container{margin-bottom:12px}.progress-bar{height:12px;background:#e2e8f0;border-radius:6px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.progress-text{text-align:center;font-size:14px;color:#4a5568}.results-section{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:24px}.results-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.summary-card{display:flex;align-items:center;gap:16px;padding:20px;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px}.summary-icon{font-size:32px}.summary-content{flex:1}.summary-value{font-size:24px;font-weight:700;color:#1a202c;line-height:1}.summary-label{font-size:13px;color:#718096;margin-top:4px}.summary-detail{font-size:12px;color:#a0aec0;margin-top:2px}.grade-distribution{padding:20px;background:#f7fafc;border-radius:12px;margin-bottom:24px}.distribution-title{font-size:16px;font-weight:700;color:#1a202c;margin:0 0 16px}.grade-bars{display:flex;flex-direction:column;gap:12px}.grade-bar{display:flex;align-items:center;gap:12px}.grade-label{font-size:14px;font-weight:700;color:#2d3748;width:30px}.grade-bar-container{flex:1;height:24px;background:#e2e8f0;border-radius:4px;overflow:hidden}.grade-bar-fill{height:100%;transition:width .3s ease}.grade-bar-fill.grade-a{background:linear-gradient(90deg,#48bb78,#38a169)}.grade-bar-fill.grade-b{background:linear-gradient(90deg,#4299e1,#3182ce)}.grade-bar-fill.grade-c{background:linear-gradient(90deg,#ecc94b,#d69e2e)}.grade-bar-fill.grade-d{background:linear-gradient(90deg,#ed8936,#dd6b20)}.grade-bar-fill.grade-f{background:linear-gradient(90deg,#e53e3e,#c53030)}.grade-count{font-size:14px;font-weight:600;color:#4a5568;width:40px;text-align:right}.individual-results{margin-top:24px}.results-title{font-size:16px;font-weight:700;color:#1a202c;margin:0 0 16px}.test-result-item{padding:16px;background:#f7fafc;border-radius:8px;margin-bottom:12px}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.result-number{font-size:14px;font-weight:600;color:#4a5568}.result-grade{padding:4px 12px;border-radius:4px;font-size:13px;font-weight:700}.result-grade.grade-a{background:#48bb78;color:#fff}.result-grade.grade-b{background:#4299e1;color:#fff}.result-grade.grade-c{background:#ecc94b;color:#fff}.result-grade.grade-d{background:#ed8936;color:#fff}.result-grade.grade-f{background:#e53e3e;color:#fff}.result-prompt{font-size:14px;color:#2d3748;margin-bottom:8px}.result-scores{display:flex;gap:8px;flex-wrap:wrap}.score-badge{padding:4px 8px;background:#fff;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;color:#4a5568}.results-actions{margin-top:24px;text-align:center}.btn-download{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.performance-metrics{max-width:1200px;margin:0 auto;padding:32px}.metrics-config{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:24px}.btn-run-benchmark{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.chart-section{padding:20px;background:#f7fafc;border-radius:12px;margin-bottom:24px}.chart-title{font-size:16px;font-weight:700;color:#1a202c;margin:0 0 20px}.time-chart,.token-chart{display:flex;align-items:flex-end;justify-content:space-around;height:200px;padding:20px 0}.chart-bar-container{display:flex;flex-direction:column;align-items:center;gap:8px}.chart-bar{width:40px;background:linear-gradient(to top,#667eea,#764ba2);border-radius:4px 4px 0 0;position:relative;display:flex;align-items:flex-start;justify-content:center;transition:all .3s ease}.chart-bar.tokens{background:linear-gradient(to top,#48bb78,#38a169)}.chart-bar:hover{opacity:.8}.chart-value{font-size:10px;color:#fff;padding:4px;font-weight:600}.chart-label{font-size:12px;color:#718096}.performance-analysis{padding:20px;background:#fffaf0;border-left:4px solid #ed8936;border-radius:8px}.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.ab-test-manager{max-width:1200px;margin:0 auto;padding:32px}.ab-create-section{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:24px}.ab-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;gap:16px}.form-col{display:flex;flex-direction:column;gap:8px}.form-input,.form-select,.form-textarea{padding:10px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit}.traffic-slider{width:100%;margin:8px 0}.split-visual{display:flex;height:40px;border-radius:8px;overflow:hidden}.split-bar-a,.split-bar-b{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;transition:width .3s ease}.split-bar-a{background:linear-gradient(135deg,#667eea,#764ba2)}.split-bar-b{background:linear-gradient(135deg,#48bb78,#38a169)}.btn-create-test{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.tests-list{display:flex;flex-direction:column;gap:16px}.test-card{padding:24px;background:#fff;border:2px solid #e2e8f0;border-radius:12px}.test-card.active{border-left:4px solid #48bb78}.test-card.stopped{opacity:.7}.test-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.test-name{font-size:18px;font-weight:700;color:#1a202c;margin:0 0 8px}.test-status{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.test-status.status-active{background:#e8f5e9;color:#2e7d32}.test-status.status-stopped{background:#ffebee;color:#c62828}.test-models{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin-bottom:20px}.model-box{padding:12px;background:#f7fafc;border-radius:8px;font-size:14px}.vs-badge{padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-weight:700;font-size:12px}.test-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}.metric-col h5{font-size:14px;font-weight:700;color:#4a5568;margin:0 0 12px}.metric-row{display:flex;justify-content:space-between;padding:8px;background:#fff;border-radius:4px;margin-bottom:4px;font-size:13px}.test-winner{padding:12px;background:#fffaf0;border-left:4px solid #ed8936;border-radius:4px;font-size:14px;margin-bottom:16px}.test-dates{display:flex;justify-content:space-between;font-size:12px;color:#a0aec0}.comparison-report{max-width:1200px;margin:0 auto;padding:32px}.selection-section{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:24px}.comparisons-list{display:flex;flex-direction:column;gap:12px}.comparison-item{display:flex;gap:16px;padding:16px;background:#f7fafc;border-radius:8px}.comparison-checkbox{width:20px;height:20px;cursor:pointer}.comparison-info{flex:1}.comparison-header{display:flex;justify-content:space-between;margin-bottom:8px}.comparison-number{font-size:12px;font-weight:600;color:#667eea}.comparison-date{font-size:12px;color:#a0aec0}.comparison-prompt{font-size:14px;color:#2d3748;margin-bottom:8px}.comparison-models{display:flex;gap:8px;align-items:center;font-size:13px;color:#718096;margin-bottom:4px}.comparison-models .vs{font-weight:700;color:#667eea}.comparison-winner{font-size:13px;color:#48bb78;font-weight:600}.report-actions{display:flex;gap:12px;margin-bottom:24px}.btn-select-all,.btn-clear-selection,.btn-download-report{padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer}.btn-select-all{background:#48bb78;color:#fff}.btn-clear-selection{background:#fff;border:2px solid #e2e8f0;color:#4a5568}.btn-download-report{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-download-report:disabled{opacity:.5;cursor:not-allowed}.report-preview{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:24px}.preview-content{padding:20px;background:#1a202c;color:#e2e8f0;border-radius:8px;font-family:Courier New,monospace;font-size:13px;overflow-x:auto;max-height:400px;overflow-y:auto}.comparator-tips,.suite-info-box,.metrics-info,.ab-info,.report-tips{padding:20px;background:#fffaf0;border-left:4px solid #ed8936;border-radius:8px;margin-top:24px}.tips-title,.info-title{font-size:14px;font-weight:700;color:#7c2d12;margin:0 0 12px}.tips-list,.info-list{margin:0;padding-left:20px}.tips-list li,.info-list li{font-size:13px;color:#9a3412;margin:8px 0}.empty-tests,.empty-datasets{text-align:center;padding:40px;color:#a0aec0}@media(max-width:768px){.model-selection{grid-template-columns:1fr}.vs-divider{width:100%;height:auto;padding:12px}.responses-grid,.config-row,.results-summary,.test-models{grid-template-columns:1fr}.vs-badge{justify-self:center}.test-metrics{grid-template-columns:1fr}}.autocomplete-container{position:relative;width:100%;margin-bottom:16px;font-family:Inter,sans-serif}.autocomplete-label{display:block;font-size:14px;font-weight:600;color:#4a5568;margin-bottom:8px}.required-star{color:#e53e3e;margin-left:4px}.input-wrapper{position:relative;background:#fff;border:2px solid #e2e8f0;border-radius:8px;transition:all .2s ease;min-height:46px;display:flex;align-items:center}.input-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.autocomplete-input{width:100%;padding:10px 12px;border:none;background:transparent;font-size:14px;color:#2d3748;border-radius:8px}.autocomplete-input:focus{outline:none}.selected-items-inline{display:flex;flex-wrap:wrap;gap:6px;padding:6px;width:100%}.selected-tag{display:flex;align-items:center;padding:4px 8px;background:#ebf4ff;color:#4299e1;border-radius:6px;font-size:13px;font-weight:500;animation:fadeIn .2s ease}.remove-tag-btn{background:none;border:none;color:#4299e1;margin-left:6px;cursor:pointer;font-size:16px;line-height:1;padding:0;opacity:.7;display:flex;align-items:center;justify-content:center}.remove-tag-btn:hover{opacity:1;background-color:#4299e11a;border-radius:50%}.autocomplete-input-ghost{flex:1;min-width:120px;border:none;background:transparent;font-size:14px;padding:4px 6px;color:#2d3748}.autocomplete-input-ghost:focus{outline:none}.loading-indicator{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none}.spinner{width:16px;height:16px;border:2px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.suggestions-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:100;max-height:250px;overflow-y:auto;margin-top:4px;padding:0;list-style:none;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.suggestion-item{padding:10px 16px;cursor:pointer;font-size:14px;color:#4a5568;transition:all .1s ease;border-bottom:1px solid #f7fafc}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.active{background:#f7fafc;color:#667eea;padding-left:20px}.suggestions-list::-webkit-scrollbar{width:8px}.suggestions-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0 8px 8px 0}.suggestions-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.suggestions-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media(max-width:640px){.autocomplete-container{width:100%}}.p2p-platform{max-width:1400px;margin:0 auto;padding:32px}.platform-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;background:var(--gradient-primary);padding:32px;border-radius:16px;color:#fff;box-shadow:var(--shadow-lg)}.platform-title{display:flex;align-items:center;gap:12px;font-size:32px;font-weight:700;color:#fff;margin:0 0 8px}.title-icon{font-size:36px}.platform-subtitle{font-size:16px;color:#ffffffe6;margin:0}.header-right{display:flex;gap:16px;align-items:center}.btn-back-dashboard{padding:8px 16px;background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;margin-right:16px;transition:all .2s ease}.btn-back-dashboard:hover{background-color:#fff3}.credits-display{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px}.reputation-icon{font-size:24px}.reputation-score{font-size:24px;font-weight:700;color:#fff}.reputation-label{font-size:13px;color:#fffc;font-weight:600}.btn-buy-credits{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-buy-credits:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.profile-required-banner{display:flex;align-items:center;gap:24px;padding:32px;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:4px solid #f57c00;border-radius:12px;margin-bottom:32px}.banner-icon{font-size:48px}.banner-content{flex:1}.banner-content h3{font-size:20px;font-weight:700;color:#1a202c;margin:0 0 8px}.banner-content p{font-size:14px;color:#4a5568;margin:0}.btn-setup-profile{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.platform-tabs{display:flex;gap:8px;margin-bottom:32px;border-bottom:2px solid #e2e8f0}.tab{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:#718096;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative}.tab:hover:not(:disabled){color:#4a5568;background:#f7fafc}.tab.active{color:#667eea;border-bottom-color:#667eea}.tab:disabled{opacity:.5;cursor:not-allowed}.tab-badge{position:absolute;top:4px;right:4px;padding:2px 6px;background:#e53e3e;color:#fff;border-radius:10px;font-size:11px;font-weight:700}.professional-profile{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:32px}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;background:var(--gradient-primary);padding:24px;border-radius:12px;color:#fff}.profile-title{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:#fff;margin:0}.profile-icon{font-size:28px}.btn-edit-profile,.btn-cancel{padding:10px 20px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-edit-profile:hover,.btn-cancel:hover{border-color:#667eea;background:#f7fafc}.btn-edit-profile,.btn-cancel{position:relative;z-index:10}.profile-sections{display:flex;flex-direction:column;gap:24px}.profile-section{padding:24px;background:#f7fafc;border-radius:12px}.section-title{font-size:18px;font-weight:700;color:#1a202c;margin:0 0 16px}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.profile-item{display:flex;flex-direction:column;gap:4px}.profile-item label{font-size:13px;font-weight:600;color:#718096}.profile-item span{font-size:15px;color:#1a202c}.profile-bio{font-size:15px;color:#4a5568;line-height:1.6;margin:0}.tags-display{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag{padding:6px 12px;background:#e3f2fd;color:#1976d2;border-radius:6px;font-size:13px;font-weight:600}.tag.industry{background:#e8f5e9;color:#2e7d32}.tag.interview-type{background:#fff3cd;color:#f57c00}.tag.day,.tag.time{background:#f3e5f5;color:#7b1fa2}.tag.language{background:#fce4ec;color:#c2185b}.tag.removable{padding-right:24px;position:relative}.tag-remove{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:inherit;cursor:pointer;font-size:14px;padding:0;opacity:.7}.tag-remove:hover{opacity:1}.status.available{color:#2e7d32}.status.unavailable{color:#c62828}.profile-stats{margin-top:24px;padding:20px;background:#f7fafc;border-radius:12px}.profile-stats h4{font-size:14px;font-weight:700;color:#1a202c;margin:0 0 12px}.completeness-bar{height:20px;background:#e2e8f0;border-radius:10px;overflow:hidden;margin-bottom:8px}.completeness-fill{height:100%;background:linear-gradient(90deg,#48bb78,#38a169);transition:width .3s ease}.completeness-text{font-size:13px;color:#718096;margin:0}.profile-form{display:flex;flex-direction:column;gap:32px}.form-section{padding:24px;background:#f7fafc;border-radius:12px}.form-row{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-row:last-child{margin-bottom:0}.split-row{display:flex;flex-direction:row;gap:16px}.split-row .form-row{flex:1;margin-bottom:0}.half-width{flex:1}.form-label{font-size:14px;font-weight:600;color:#4a5568}.label-hint{display:block;font-size:12px;font-weight:400;color:#a0aec0;margin-top:2px}.form-input,.form-select,.form-textarea{padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s ease}.form-textarea{resize:vertical}.char-count{font-size:12px;color:#a0aec0;text-align:right}.relative-container{position:relative}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:50;max-height:200px;overflow-y:auto;margin-top:4px}.autocomplete-item{padding:10px 16px;cursor:pointer;font-size:14px;color:#4a5568;transition:background .1s ease}.autocomplete-item:hover{background:#f7fafc;color:#667eea}.array-input{position:relative}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.checkbox-label{display:flex;align-items:center;gap:8px;padding:10px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}.checkbox-label:hover{border-color:#667eea;background:#f7fafc}.checkbox-label input{cursor:pointer}.toggle-label{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer}.toggle-label input{width:20px;height:20px;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:12px}.btn-save-profile{padding:14px 32px;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.btn-save-profile:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #48bb784d}.btn-save-profile:disabled{opacity:.5;cursor:not-allowed}.btn-delete-profile{padding:14px 32px;background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-delete-profile:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #e53e3e4d}.btn-delete-profile:disabled{opacity:.5;cursor:not-allowed}.profile-tips,.sessions-tips{padding:20px;background:#fffaf0;border-left:4px solid #ed8936;border-radius:8px;margin-top:24px}.tips-title{font-size:14px;font-weight:700;color:#7c2d12;margin:0 0 12px}.tips-list li{font-size:13px;color:#9a3412;margin:6px 0}.tips-list li strong{color:#7c2d12;font-weight:700}.matching-system{display:flex;flex-direction:column;gap:24px}.matching-header,.requests-header,.rooms-header{margin-bottom:16px}.section-title{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:#1a202c;margin:0 0 8px}.section-icon{font-size:28px}.section-subtitle{font-size:14px;color:#718096;margin:0}.matching-filters{padding:24px;background:#fff;border:2px solid #e2e8f0;border-radius:12px}.filters-title,.subsection-title{font-size:16px;font-weight:700;color:#1a202c;margin:0 0 16px}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.filter-item{display:flex;flex-direction:column;gap:8px}.filter-label{font-size:13px;font-weight:600;color:#4a5568}.filter-select{padding:10px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px}.btn-refresh-matches{padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.matches-loading,.no-matches{text-align:center;padding:60px}.no-matches-icon{font-size:64px;margin-bottom:16px}.no-matches h3{font-size:20px;font-weight:700;color:#1a202c;margin:0 0 8px}.no-matches p{font-size:14px;color:#718096;margin:0}.matches-section{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:24px}.matches-count{font-size:14px;font-weight:600;color:#4a5568;margin-bottom:20px}.matches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.match-card{padding:20px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;transition:all .2s ease}.match-card:hover{border-color:#cbd5e0;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.match-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.match-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.match-info{flex:1}.match-name{font-size:16px;font-weight:700;color:#1a202c;margin:0 0 6px}.match-meta{display:flex;gap:12px;align-items:center}.experience-badge{padding:2px 8px;background:#e3f2fd;color:#1976d2;border-radius:4px;font-size:11px;font-weight:600}.match-score{padding:2px 8px;background:#e8f5e9;color:#2e7d32;border-radius:4px;font-size:11px;font-weight:600}.match-details{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.detail-row{display:flex;align-items:flex-start;gap:8px;font-size:13px}.detail-label{font-weight:600;color:#718096}.detail-value{color:#2d3748}.tags-small{display:flex;flex-wrap:wrap;gap:4px}.tag-small{padding:3px 8px;background:#e2e8f0;color:#4a5568;border-radius:4px;font-size:11px;font-weight:600}.tag-small.interview{background:#fff3cd;color:#f57c00}.match-bio{font-size:13px;color:#718096;line-height:1.5;margin-top:8px}.match-actions{display:flex;gap:8px}.btn-send-request{flex:1;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.request-modal{width:90%;max-width:600px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:2px solid #e2e8f0}.modal-title{font-size:20px;font-weight:700;color:#1a202c;margin:0}.btn-close-modal{padding:8px;background:transparent;border:none;font-size:24px;color:#a0aec0;cursor:pointer}.btn-close-modal:hover{color:#718096}.request-form{padding:24px}.cost-notice{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fffaf0;border-left:4px solid #ed8936;border-radius:8px;font-size:13px;font-weight:600;color:#7c2d12;margin-top:16px}.cost-icon{font-size:20px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-cancel-modal,.btn-send-modal{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.btn-cancel-modal{background:#fff;border:2px solid #e2e8f0;color:#4a5568}.btn-send-modal{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.btn-send-modal:disabled{opacity:.5;cursor:not-allowed}.interview-requests{display:flex;flex-direction:column;gap:24px}.requests-tabs{display:flex;gap:8px;border-bottom:2px solid #e2e8f0}.requests-content{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:24px}.requests-section{margin-bottom:32px}.requests-section:last-child{margin-bottom:0}.requests-list{display:flex;flex-direction:column;gap:16px}.request-card{padding:20px;background:#fff;border:2px solid #e2e8f0;border-radius:12px}.request-card.pending{border-left:4px solid #f57c00;background:#fffaf0}.request-card.accepted{border-left:4px solid #48bb78;background:#f0fdf4}.request-card.declined,.request-card.cancelled{opacity:.7}.request-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.request-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.request-info{flex:1}.request-from,.request-to{font-size:16px;font-weight:700;color:#1a202c;margin:0 0 6px}.request-meta{display:flex;gap:12px;align-items:center}.time-ago{font-size:12px;color:#a0aec0}.status-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase}.status-badge.pending{background:#fff3cd;color:#f57c00}.status-badge.accepted{background:#e8f5e9;color:#2e7d32}.status-badge.declined,.status-badge.cancelled{background:#ffebee;color:#c62828}.request-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.detail-icon{font-size:14px}.request-message{padding:12px;background:#fff;border-radius:8px;margin-bottom:16px}.request-message strong{display:block;font-size:13px;color:#4a5568;margin-bottom:6px}.request-message p{font-size:14px;color:#2d3748;line-height:1.6;margin:0}.request-summary{font-size:13px;color:#718096}.session-rating{color:#f57c00;font-weight:600}.request-actions{display:flex;gap:12px}.btn-accept,.btn-decline,.btn-cancel-request{flex:1;padding:10px 16px;border:none;border-radius:8px;font-weight:600;cursor:pointer}.btn-accept{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.btn-decline,.btn-cancel-request{background:#fff;border:2px solid #e2e8f0;color:#c62828}.btn-accept:disabled,.btn-decline:disabled,.btn-cancel-request:disabled{opacity:.5;cursor:not-allowed}.empty-requests{text-align:center;padding:60px 20px}.empty-icon{font-size:64px;margin-bottom:16px}.empty-requests h3{font-size:20px;font-weight:700;color:#1a202c;margin:0 0 8px}.empty-requests p{font-size:14px;color:#718096;margin:0}.live-rooms{display:flex;flex-direction:column;gap:24px}.sessions-list{display:flex;flex-direction:column;gap:16px}.session-card{padding:20px;background:#fff;border:2px solid #e2e8f0;border-radius:12px}.session-card.upcoming{border-left:4px solid #667eea}.session-card.completed{opacity:.8}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.session-type{font-size:16px;font-weight:700;color:#1a202c;margin:0}.session-status{padding:4px 8px;background:#e3f2fd;color:#1976d2;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase}.session-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.session-summary{font-size:13px;color:#718096}.session-actions{display:flex;gap:12px}.btn-join-room{flex:1;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.btn-join-room:disabled{opacity:.5;cursor:not-allowed}.empty-sessions{text-align:center;padding:60px 20px}.feature-notice{padding:24px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:4px solid #1976d2;border-radius:12px}.notice-title{font-size:16px;font-weight:700;color:#0d47a1;margin:0 0 8px}.notice-text{font-size:14px;color:#1565c0;margin:0}.safety-notice{display:flex;align-items:center;gap:16px;padding:20px;background:#f0fdf4;border-left:4px solid #48bb78;border-radius:12px;margin-top:32px}.safety-icon{font-size:24px}.safety-content{flex:1;font-size:13px;color:#166534}.btn-report{padding:8px 16px;background:#c62828;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}.spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-step{padding:20px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;text-align:center}.step-number{width:40px;height:40px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.info-step h5{font-size:16px;font-weight:700;color:#1a202c;margin:0 0 8px}.info-step p{font-size:13px;color:#718096;margin:0;line-height:1.5}.matching-info,.platform-info{padding:20px;background:#fffaf0;border-left:4px solid #ed8936;border-radius:8px}.info-title{font-size:14px;font-weight:700;color:#7c2d12;margin:0 0 12px}.info-list{margin:0;padding-left:20px}.info-list li{font-size:13px;color:#9a3412;margin:6px 0}@media(max-width:768px){.p2p-platform{padding:16px}.platform-header{flex-direction:column;align-items:flex-start;gap:16px}.header-right{width:100%;justify-content:space-between}.platform-tabs{flex-direction:column}.tab{width:100%}.matches-grid,.filters-grid{grid-template-columns:1fr}.modal-overlay{padding:20px}.request-modal{width:100%}.info-grid,.profile-grid,.checkbox-grid{grid-template-columns:1fr}}.video-room{position:fixed;inset:0;background:#0f1419;display:flex;flex-direction:column;z-index:1000}.room-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#1a202cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);z-index:10}.header-left,.header-center,.header-right{display:flex;align-items:center;gap:16px}.room-title{font-size:18px;font-weight:700;color:#fff;margin:0}.room-role{padding:4px 12px;background:#667eea33;color:#a5b4fc;border-radius:6px;font-size:13px;font-weight:600}.btn-exit-room{padding:8px 16px;background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3);border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-exit-room:hover{background:#ef44444d}.connection-status{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600}.connection-status.connecting{background:#fbbf2433;color:#fcd34d}.connection-status.connected{background:#22c55e33;color:#86efac}.connection-status.disconnected{background:#fbbf2433;color:#fcd34d}.connection-status.failed{background:#ef444433;color:#fca5a5}.status-icon{font-size:16px}.video-grid{flex:1;position:relative;display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden}.video-grid.with-chat{padding-right:420px}.video-container{position:relative;border-radius:12px;overflow:hidden;background:#1a202c;box-shadow:0 8px 32px #0006}.video-container.remote{width:100%;height:100%;max-width:1200px;max-height:800px}.video-container.local{position:absolute;bottom:24px;right:24px;width:240px;height:180px;border:2px solid rgba(255,255,255,.2);z-index:5}.video-stream{width:100%;height:100%;object-fit:cover;background:#000}.video-label{position:absolute;bottom:12px;left:12px;padding:6px 12px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:6px;font-size:13px;font-weight:600}.video-waiting{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a0aec0;text-align:center;padding:40px}.waiting-icon{font-size:64px;margin-bottom:16px;animation:pulse 2s ease-in-out infinite}.video-waiting p{font-size:16px;margin:0}.video-disabled-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center}.icon-camera-off{font-size:48px}.screen-share-container{position:absolute;top:80px;left:24px;width:320px;background:#1a202cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(102,126,234,.3);border-radius:12px;overflow:hidden;z-index:6}.screen-share-header{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#667eea1a;border-bottom:1px solid rgba(255,255,255,.1)}.share-label{font-size:13px;font-weight:600;color:#a5b4fc}.btn-stop-share{padding:4px 12px;background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3);border-radius:4px;font-size:12px;font-weight:600;cursor:pointer}.screen-share-preview{width:100%;height:180px}.screen-video{width:100%;height:100%;object-fit:contain;background:#000}.controls-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px 32px;background:#1a202cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);z-index:10}.media-controls{display:flex;gap:12px}.control-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;background:#2d3748cc;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease}.control-btn:hover{background:#42526ecc;transform:translateY(-2px)}.control-btn.active{background:#667eea33;border-color:#667eea80;color:#a5b4fc}.control-btn.inactive{background:#ef444433;border-color:#ef44444d;color:#fca5a5}.control-btn.sharing{background:#10b98133;border-color:#10b9814d;color:#6ee7b7}.control-icon{font-size:24px}.control-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.session-controls{display:flex;align-items:center;gap:16px}.session-timer{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#2d3748cc;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-weight:700;color:#fff}.session-timer.warning{background:#fbbf2433;border-color:#fbbf244d;color:#fcd34d}.session-timer.critical{background:#ef444433;border-color:#ef44444d;color:#fca5a5;animation:pulse 1s ease-in-out infinite}.timer-icon{font-size:20px}.timer-value{font-size:18px;font-variant-numeric:tabular-nums}.timer-total{font-size:13px;opacity:.7}.btn-start-session-control,.btn-end-session{padding:10px 20px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-start-session-control{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-start-session-control:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.btn-end-session{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-end-session:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.chat-panel{position:fixed;top:0;right:0;bottom:0;width:400px;background:#1a202cfa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;z-index:20}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.1)}.chat-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#fff}.chat-icon{font-size:20px}.btn-close-chat{padding:4px 8px;background:transparent;border:none;color:#a0aec0;font-size:20px;cursor:pointer}.btn-close-chat:hover{color:#fff}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-empty{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;color:#a0aec0}.chat-empty p{margin:0;font-size:14px}.chat-message{display:flex;flex-direction:column;gap:4px;max-width:80%}.chat-message.own{align-self:flex-end}.chat-message.peer{align-self:flex-start}.message-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.message-sender{font-size:12px;font-weight:600;color:#a5b4fc}.message-time{font-size:11px;color:#718096}.message-content{padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.5;word-wrap:break-word}.chat-message.own .message-content{background:#667eea33;color:#fff;border-bottom-right-radius:4px}.chat-message.peer .message-content{background:#2d3748cc;color:#fff;border-bottom-left-radius:4px}.chat-input-form{display:flex;gap:8px;padding:16px;border-top:1px solid rgba(255,255,255,.1)}.chat-input{flex:1;padding:10px 14px;background:#2d3748cc;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px}.chat-input:focus{outline:none;border-color:#667eea80}.chat-input::placeholder{color:#718096}.btn-send-message{padding:10px 16px;background:#667eea33;border:1px solid rgba(102,126,234,.3);border-radius:8px;color:#a5b4fc;font-size:18px;cursor:pointer;transition:all .2s ease}.btn-send-message:hover:not(:disabled){background:#667eea4d}.btn-send-message:disabled{opacity:.5;cursor:not-allowed}.chat-tips{padding:12px 16px;border-top:1px solid rgba(255,255,255,.1);background:#667eea0d}.chat-tips small{color:#a0aec0;font-size:12px}.session-overlay{position:absolute;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:15}.overlay-content{text-align:center;max-width:500px;padding:40px;background:#1a202cf2;border:2px solid rgba(102,126,234,.3);border-radius:16px}.overlay-title{font-size:28px;font-weight:700;color:#fff;margin:0 0 16px}.overlay-text{font-size:16px;color:#a0aec0;margin:0 0 32px;line-height:1.6}.btn-start-session{padding:14px 32px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:16px;cursor:pointer;transition:all .2s ease}.btn-start-session:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.room-tips{position:absolute;bottom:100px;left:24px;max-width:350px;padding:20px;background:#1a202cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;z-index:5}.tips-title{font-size:14px;font-weight:700;color:#fcd34d;margin:0 0 12px}.tips-list{margin:0;padding-left:20px}.tips-list li{font-size:13px;color:#a0aec0;margin:6px 0;line-height:1.5}.tips-list strong{color:#fff}.video-room.loading{display:flex;align-items:center;justify-content:center;background:#0f1419}.loading-spinner{text-align:center}.loading-spinner p{color:#a0aec0;margin-top:16px}.video-room.error{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f1419;color:#fff}.video-room.error h3{font-size:24px;margin:0 0 24px}.btn-exit{padding:12px 24px;background:#667eea33;border:1px solid rgba(102,126,234,.3);border-radius:8px;color:#a5b4fc;font-weight:600;cursor:pointer}@media(max-width:1024px){.video-grid.with-chat{padding-right:16px}.chat-panel{width:100%;top:auto;height:50%}.video-container.local{width:160px;height:120px;bottom:16px;right:16px}.room-tips{display:none}}@media(max-width:768px){.room-header{padding:12px 16px}.room-title{font-size:16px}.header-center{display:none}.controls-bar{flex-direction:column;gap:12px}.media-controls{width:100%;justify-content:space-around}.control-btn{padding:10px 12px}.control-label{font-size:10px}.video-container.local{width:120px;height:90px;bottom:12px;right:12px}.screen-share-container{width:100%;left:0;top:auto;bottom:200px}.chat-panel{height:60%}}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0003}.chat-messages::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:3px}.video-container.audio-only{display:flex;align-items:center;justify-content:center;background:#1a202c;background-image:radial-gradient(#2d3748 1px,transparent 1px);background-size:20px 20px}.avatar-display{display:flex;flex-direction:column;align-items:center;gap:16px;z-index:10}.avatar-circle{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;box-shadow:0 8px 24px #0000004d}.avatar-circle.large{width:120px;height:120px;font-size:48px;background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid rgba(255,255,255,.1)}.avatar-circle.small{width:60px;height:60px;font-size:14px;background:linear-gradient(135deg,#4fd1c5,#38b2ac);border:2px solid rgba(255,255,255,.2)}.avatar-name{font-size:20px;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.audio-indicator{padding:6px 16px;background:#10b98133;color:#6ee7b7;border-radius:20px;font-size:13px;font-weight:600;border:1px solid rgba(16,185,129,.3)}.audio-indicator.pulse{animation:audioPulse 1.5s infinite}@keyframes audioPulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.waiting-text{color:#a0aec0;font-size:14px}.mic-off-indicator{position:absolute;top:-10px;right:-10px;background:#ef4444;color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 2px 6px #0003;border:2px solid #1a202c}.video-container.local.audio-only{background:transparent;box-shadow:none;border:none}.chat-messages::-webkit-scrollbar-thumb:hover{background:#667eea80}:root{--brand-blue-dark: #2E5AC7;--brand-blue-start: #4169E1;--brand-blue-mid: #5B9FED;--brand-blue-light: #6FB3FF;--brand-teal-dark: #2DBFB0;--brand-teal-start: #40E0D0;--brand-teal-mid: #4FACFE;--brand-teal-light: #5BC4D8;--gradient-primary: linear-gradient(135deg, var(--brand-blue-start) 0%, var(--brand-teal-start) 100%);--gradient-blue: linear-gradient(135deg, var(--brand-blue-start) 0%, var(--brand-blue-mid) 50%, var(--brand-blue-light) 100%);--gradient-teal: linear-gradient(135deg, var(--brand-teal-start) 0%, var(--brand-teal-mid) 50%, var(--brand-teal-light) 100%);--gradient-reverse: linear-gradient(135deg, var(--brand-teal-start) 0%, var(--brand-blue-start) 100%)}[data-theme=light]{--bg-primary: #FFFFFF;--bg-secondary: #F8FAFB;--bg-tertiary: #EEF2F6;--bg-hover: #E8ECF1;--bg-active: #DDE3EB;--text-primary: #1A2332;--text-secondary: #4A5568;--text-muted: #718096;--text-disabled: #A0AEC0;--border-color: #E2E8F0;--border-hover: #CBD5E0;--divider: #EDF2F7;--shadow-sm: 0 2px 8px rgba(65, 105, 225, .08);--shadow-md: 0 4px 16px rgba(65, 105, 225, .12);--shadow-lg: 0 8px 32px rgba(65, 105, 225, .16);--shadow-xl: 0 16px 48px rgba(65, 105, 225, .2);--success: #10B981;--success-bg: #D1FAE5;--warning: #F59E0B;--warning-bg: #FEF3C7;--error: #EF4444;--error-bg: #FEE2E2;--info: #3B82F6;--info-bg: #DBEAFE}[data-theme=dark]{--bg-primary: #0F1419;--bg-secondary: #1A202C;--bg-tertiary: #252D3A;--bg-hover: #2D3748;--bg-active: #3A4556;--text-primary: #F7FAFC;--text-secondary: #CBD5E0;--text-muted: #A0AEC0;--text-disabled: #718096;--border-color: #2D3748;--border-hover: #3A4556;--divider: #252D3A;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .7);--success: #34D399;--success-bg: #064E3B;--warning: #FBBF24;--warning-bg: #78350F;--error: #F87171;--error-bg: #7F1D1D;--info: #60A5FA;--info-bg: #1E3A8A}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}*:not(.no-transition){transition:background-color .3s ease,color .3s ease,border-color .3s ease}body{background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}h1,h2,h3,h4,h5,h6{color:var(--text-primary)}p,span,label{color:var(--text-secondary)}a{color:var(--brand-blue-start);text-decoration:none;transition:color .2s ease}a:hover{color:var(--brand-teal-start)}input,textarea,select{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color)}input:focus,textarea:focus,select:focus{border-color:var(--brand-blue-start);box-shadow:0 0 0 4px #4169e11a}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{box-shadow:0 0 0 4px #4169e133}button{font-family:inherit}.card{background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.card:hover{box-shadow:var(--shadow-md)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:6px;border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--gradient-reverse)}::selection{background:var(--brand-blue-start);color:#fff}::-moz-selection{background:var(--brand-blue-start);color:#fff}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-bg{background:var(--gradient-primary)}.gradient-border{border:2px solid transparent;background:linear-gradient(var(--bg-primary),var(--bg-primary)) padding-box,var(--gradient-primary) border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*:focus-visible{outline:3px solid var(--brand-blue-start);outline-offset:2px}@media(max-width:768px){.container{padding:0 16px}}@media print{[data-theme=dark]{--bg-primary: #FFFFFF;--bg-secondary: #F8FAFB;--text-primary: #1A2332;--text-secondary: #4A5568}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #ffffff;--bg-secondary: #f7fafc;--text-primary: #2d3748;--text-secondary: #718096;--text-muted: #a0aec0;--border-color: #e2e8f0;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--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);--brand-blue-start: #667eea;--error: #e53e3e;--error-bg: #fff5f5;--success: #38a169}:root[data-theme=dark]{--bg-primary: #2d3748;--bg-secondary: #1a202c;--text-primary: #f7fafc;--text-secondary: #a0aec0;--text-muted: #718096;--border-color: #4a5568;--error-bg: rgba(229, 62, 62, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;transition:background-color .2s ease,color .2s ease}:root[data-theme=dark] body{background:#1a202c;color:#f7fafc}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{padding:12px 24px;border-radius:8px;border:none;cursor:pointer;font-size:16px;font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#5568d3,#63408a)}.btn-secondary{background:#fff;color:#333;border:2px solid #ddd}.btn-danger{background:#ea4335;color:#fff}.btn-danger:hover{background:#d33426}.spinner{border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top:3px solid white;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;border:2px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#667eea}.form-textarea{resize:vertical;min-height:100px}.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease}