.admin-layout{display:flex;height:100vh;background:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}.admin-sidebar{width:240px;background:linear-gradient(180deg,#1e293b,#0f172a);color:#e2e8f0;display:flex;flex-direction:column;flex-shrink:0}.admin-logo{padding:24px 20px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-logo h2{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:4px}.admin-subtitle{font-size:.75rem;color:#64748b}.admin-nav{flex:1;padding:12px 0}.admin-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 20px;border:none;background:transparent;color:#94a3b8;font-size:.9rem;cursor:pointer;transition:all .2s;text-align:left}.admin-nav-item:hover{background:#ffffff0d;color:#e2e8f0}.admin-nav-item.active{background:#3b82f626;color:#60a5fa;border-right:3px solid #3b82f6}.nav-icon{font-size:.7rem}.admin-user-info{padding:16px 20px;border-top:1px solid rgba(255,255,255,.08)}.admin-user-name{font-size:.9rem;font-weight:600;color:#fff}.admin-user-role{font-size:.75rem;color:#64748b;margin-bottom:8px}.admin-logout-btn{padding:6px 14px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:transparent;color:#94a3b8;font-size:.8rem;cursor:pointer;transition:all .2s}.admin-logout-btn:hover{background:#dc262626;color:#fca5a5;border-color:#dc26264d}.admin-main{flex:1;overflow-y:auto;padding:0}.admin-page{padding:28px 32px;max-width:1400px}.admin-page-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:24px}.admin-section{margin-bottom:28px}.admin-section-title{font-size:1rem;font-weight:600;color:#334155;margin-bottom:16px}.admin-loading{display:flex;align-items:center;justify-content:center;padding:60px;color:#64748b;font-size:.95rem}.admin-empty{display:flex;align-items:center;justify-content:center;padding:60px;color:#94a3b8;font-size:.95rem}.admin-empty-hint{color:#94a3b8;font-size:.85rem;padding:12px 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px}.stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000f;border:1px solid #e2e8f0}.stat-card-highlight{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none}.stat-card-highlight .stat-label{color:#fffc}.stat-value{font-size:2rem;font-weight:700;line-height:1.2}.stat-label{font-size:.85rem;color:#64748b;margin-top:4px}.rec-bars{display:flex;flex-direction:column;gap:12px}.rec-bar-item{display:flex;align-items:center;gap:12px}.rec-bar-item .rec-badge{min-width:70px;text-align:center}.rec-bar-track{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.rec-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:4px;transition:width .5s ease}.rec-bar-count{font-size:.9rem;font-weight:600;color:#334155;min-width:30px;text-align:right}.trend-chart{display:flex;align-items:flex-end;gap:12px;height:200px;padding:16px 0}.trend-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.trend-bar-value{font-size:.8rem;font-weight:600;color:#334155;margin-bottom:4px}.trend-bar-track{flex:1;width:100%;max-width:40px;background:#e2e8f0;border-radius:6px 6px 0 0;display:flex;align-items:flex-end;overflow:hidden}.trend-bar-fill{width:100%;background:linear-gradient(180deg,#3b82f6,#6366f1);border-radius:6px 6px 0 0;transition:height .5s ease}.trend-bar-label{font-size:.75rem;color:#64748b;margin-top:8px}.admin-filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.admin-search-input{padding:8px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;width:280px;outline:none;transition:border-color .2s}.admin-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.admin-select{padding:8px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;background:#fff;outline:none;cursor:pointer}.admin-btn{padding:8px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s;white-space:nowrap}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn-primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.admin-btn-primary:hover:not(:disabled){background:#2563eb}.admin-btn-secondary{background:#fff;color:#334155}.admin-btn-secondary:hover:not(:disabled){background:#f1f5f9}.admin-btn-small{padding:4px 10px;font-size:.8rem;margin-right:6px}.admin-btn-danger{color:#dc2626;border-color:#fca5a5}.admin-btn-danger:hover:not(:disabled){background:#fef2f2}.admin-table-wrapper{overflow-x:auto;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;border:1px solid #e2e8f0}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th{background:#f8fafc;padding:12px 16px;text-align:left;font-weight:600;color:#475569;font-size:.8rem;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid #e2e8f0;white-space:nowrap}.admin-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:#334155}.admin-table tbody tr:hover{background:#f8fafc}.admin-table tbody tr:last-child td{border-bottom:none}.status-tag{display:inline-block;padding:2px 10px;border:1px solid;border-radius:12px;font-size:.8rem;font-weight:500}.score-cell{font-weight:600}.score-num{display:inline-block;padding:2px 8px;border-radius:6px;font-weight:700;font-size:.85rem}.score-high{background:#16a34a1a;color:#16a34a}.score-mid{background:#d977061a;color:#d97706}.score-low{background:#dc26261a;color:#dc2626}.date-cell{font-size:.8rem;color:#64748b;white-space:nowrap}.interview-card-list{display:flex;flex-direction:column;gap:12px}.interview-card{background:#fff;border-radius:12px;padding:16px 20px;box-shadow:0 1px 3px #0000000f;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s}.interview-card:hover{border-color:#93c5fd;box-shadow:0 2px 8px #3b82f61a}.interview-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.interview-card-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.interview-card-name{font-size:.95rem;font-weight:600;color:#1e293b}.interview-card-position{font-size:.85rem;color:#64748b}.interview-card-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.interview-card-summary{margin-top:10px;padding:10px 14px;background:#f8fafc;border-radius:8px;font-size:.85rem;line-height:1.6;color:#475569;border-left:3px solid #3b82f6}.interview-card-footer{display:flex;align-items:center;gap:16px;margin-top:10px;padding-top:10px;border-top:1px solid #f1f5f9}.interview-card-meta{font-size:.8rem;color:#94a3b8}.interview-card-actions{margin-left:auto;display:flex;gap:6px}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 0}.admin-pagination button{padding:6px 14px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:.85rem;transition:all .2s}.admin-pagination button:hover:not(:disabled){background:#f1f5f9}.admin-pagination button:disabled{opacity:.4;cursor:not-allowed}.admin-pagination span{font-size:.9rem;color:#64748b}.admin-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.admin-detail-header .admin-page-title{margin-bottom:0}.detail-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000f;border:1px solid #e2e8f0;margin-bottom:24px}.detail-info-item{display:flex;flex-direction:column;gap:4px}.detail-info-item label{font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;font-weight:600}.detail-info-item span{font-size:.95rem;color:#1e293b}.video-player-container{background:#000;border-radius:12px;overflow:hidden;max-width:800px}.admin-video-player{width:100%;max-height:450px;display:block}.admin-tabs{display:flex;gap:0;border-bottom:2px solid #e2e8f0;margin-bottom:20px}.admin-tab{padding:10px 20px;border:none;background:transparent;font-size:.9rem;color:#64748b;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;margin-bottom:-2px}.admin-tab:hover{color:#334155}.admin-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600}.admin-transcript{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000f;border:1px solid #e2e8f0;max-height:600px;overflow-y:auto}.admin-msg{margin-bottom:16px;padding:12px 16px;border-radius:10px}.admin-msg-ai{background:#f0f4ff;border-left:3px solid #3b82f6}.admin-msg-user{background:#f0fdf4;border-left:3px solid #22c55e}.admin-msg-role{font-size:.75rem;font-weight:600;color:#64748b;margin-bottom:4px;text-transform:uppercase}.admin-msg-text{font-size:.9rem;line-height:1.6;color:#1e293b}.admin-score-report{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000f;border:1px solid #e2e8f0}.admin-score-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.admin-score-card{display:grid;grid-template-columns:100px 1fr 50px;gap:12px;align-items:center}.admin-score-label{font-size:.85rem;font-weight:600;color:#475569}.admin-score-bar-wrap{height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden}.admin-score-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:5px;transition:width .5s ease}.admin-score-value{font-size:.9rem;font-weight:700;color:#1e293b;text-align:right}.admin-score-comment{grid-column:1 / -1;font-size:.85rem;color:#64748b;line-height:1.5;padding-left:112px}.admin-score-section{margin-bottom:16px}.admin-score-section h3{font-size:.9rem;font-weight:600;color:#334155;margin-bottom:8px}.admin-score-section ul{list-style:none;padding:0}.admin-score-section li{font-size:.85rem;color:#475569;padding:6px 0 6px 16px;position:relative}.admin-score-section li:before{content:"";position:absolute;left:0;top:12px;width:6px;height:6px;border-radius:50%;background:#3b82f6}.admin-score-rec{padding:16px 0;border-top:1px solid #e2e8f0;font-size:.95rem}.admin-hr-comment{margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0}.admin-hr-comment h3{font-size:.9rem;font-weight:600;color:#334155;margin-bottom:10px}.admin-textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;line-height:1.6;resize:vertical;outline:none;transition:border-color .2s;font-family:inherit;margin-bottom:10px}.admin-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.admin-resume-text{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000f;border:1px solid #e2e8f0;white-space:pre-wrap;font-size:.9rem;line-height:1.7;color:#334155;max-height:600px;overflow-y:auto}.admin-login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.admin-login-card{background:#fff;border-radius:16px;padding:40px;width:400px;max-width:90vw;box-shadow:0 20px 60px #0003}.admin-login-header{text-align:center;margin-bottom:32px}.admin-login-header h1{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:4px}.admin-login-header p{color:#64748b;font-size:.9rem}.admin-form-group{margin-bottom:20px}.admin-form-group label{display:block;font-size:.85rem;font-weight:600;color:#475569;margin-bottom:6px}.admin-form-group input{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;outline:none;transition:border-color .2s}.admin-form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.admin-form-error{padding:10px 14px;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;font-size:.85rem;margin-bottom:16px}.admin-login-btn{width:100%;padding:12px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.admin-login-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.admin-login-btn:disabled{opacity:.6;cursor:not-allowed}.admin-login-hint{text-align:center;margin-top:20px;font-size:.8rem;color:#94a3b8}.admin-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.admin-page-header .admin-page-title{margin-bottom:0}.admin-nav-divider{height:1px;background:#ffffff14;margin:8px 16px}.admin-form-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000f;border:1px solid #e2e8f0;margin-bottom:24px}.admin-form-card h3{font-size:1rem;font-weight:600;color:#334155;margin-bottom:16px}.admin-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:16px}.admin-form-actions{display:flex;gap:12px;margin-top:16px}.admin-input{padding:8px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;width:100%;outline:none;transition:border-color .2s;box-sizing:border-box}.admin-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.admin-btn-warning{color:#d97706;border-color:#fcd34d}.admin-btn-warning:hover:not(:disabled){background:#fffbeb}.admin-error{padding:10px 14px;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;font-size:.85rem;margin-bottom:16px}.text-muted{font-size:.8rem;color:#94a3b8}.role-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.8rem;font-weight:500}.role-admin{background:#8b5cf61a;color:#7c3aed}.role-hr{background:#3b82f61a;color:#2563eb}.role-viewer{background:#6b72801a;color:#4b5563}.status-dot{display:inline-flex;align-items:center;gap:6px;font-size:.85rem}.status-dot:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%}.status-active:before{background:#22c55e}.status-inactive:before{background:#ef4444}.row-disabled{opacity:.5}.action-badge{display:inline-block;padding:2px 10px;border:1px solid;border-radius:12px;font-size:.8rem;font-weight:500}.detail-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tags-cell{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.candidate-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#3b82f61a;color:#2563eb;border-radius:10px;font-size:.75rem;font-weight:500}.tag-remove-btn{background:none;border:none;color:#93c5fd;cursor:pointer;font-size:.7rem;padding:0 2px;line-height:1}.tag-remove-btn:hover{color:#dc2626}.tag-add-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px dashed #d1d5db;border-radius:50%;background:none;color:#94a3b8;cursor:pointer;font-size:.8rem;line-height:1}.tag-add-btn:hover{border-color:#3b82f6;color:#3b82f6}.tag-input-wrap{display:inline-flex}.tag-input{width:80px;padding:2px 6px;border:1px solid #3b82f6;border-radius:6px;font-size:.75rem;outline:none}.dashboard-two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.dashboard-day-selector{display:flex;gap:8px}.avg-scores-grid{display:flex;flex-direction:column;gap:12px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000f;border:1px solid #e2e8f0}.avg-score-item{display:flex;align-items:center;gap:12px}.avg-score-label{min-width:80px;font-size:.85rem;font-weight:600;color:#475569}.avg-score-bar-wrap{flex:1;height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden}.avg-score-bar{height:100%;border-radius:5px;transition:width .5s ease}.avg-score-value{min-width:30px;font-size:.9rem;font-weight:700;color:#1e293b;text-align:right}.score-dist{display:flex;flex-direction:column;gap:10px}.score-dist-item{display:flex;align-items:center;gap:10px}.score-dist-label{min-width:50px;font-size:.85rem;font-weight:600;color:#475569}.score-dist-bar-track{flex:1;height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden}.score-dist-bar-fill{height:100%;border-radius:5px;transition:width .5s ease}.score-dist-count{min-width:24px;font-size:.85rem;font-weight:600;color:#334155;text-align:right}.position-stats{display:flex;flex-direction:column;gap:10px}.position-stat-item{display:flex;align-items:center;gap:10px}.position-stat-name{min-width:100px;font-size:.85rem;color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.position-stat-bar-track{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.position-stat-bar-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:4px;transition:width .5s ease}.position-stat-count{min-width:24px;font-size:.85rem;font-weight:600;color:#334155;text-align:right}.compare-input-row{display:flex;gap:12px;margin-bottom:24px}.compare-dim{margin-bottom:20px}.compare-dim-label{font-size:.9rem;font-weight:600;color:#334155;margin-bottom:8px}.compare-bars{display:flex;flex-direction:column;gap:6px}.compare-bar-row{display:flex;align-items:center;gap:10px}.compare-bar-name{min-width:80px;font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-bar-track{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.compare-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.compare-bar-score{min-width:24px;font-size:.85rem;font-weight:700;color:#1e293b;text-align:right}.best-badge{display:inline-block;margin-left:6px;padding:1px 6px;background:#16a34a1a;color:#16a34a;border-radius:8px;font-size:.7rem;font-weight:600}.rec-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.8rem;font-weight:500}.rec-yes{background:#16a34a1a;color:#16a34a}.rec-no{background:#dc26261a;color:#dc2626}.rec-maybe{background:#d977061a;color:#d97706}@media(max-width:768px){.admin-sidebar{width:60px;overflow:hidden}.admin-logo h2,.admin-subtitle,.admin-nav-item span:not(.nav-icon),.admin-user-name,.admin-user-role,.admin-logout-btn{display:none}.admin-nav-item{justify-content:center;padding:16px}.nav-icon{font-size:1.1rem}.admin-page{padding:16px}.admin-score-card{grid-template-columns:1fr}.admin-score-comment{padding-left:0}.dashboard-two-col,.admin-form-grid{grid-template-columns:1fr}.compare-input-row{flex-direction:column}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-glass: rgba(255, 255, 255, .75);--bg-glass-hover: rgba(241, 245, 249, .85);--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #94a3b8;--accent-blue: #3b82f6;--accent-purple: #8b5cf6;--accent-green: #16a34a;--accent-amber: #d97706;--accent-red: #dc2626;--border-color: rgba(148, 163, 184, .25);--shadow: 0 8px 32px rgba(0, 0, 0, .08);--radius: 12px;--radius-sm: 8px}html,body,#root{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#f0f4ff,#e8ecf4,#f5f3ff);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}.icon{display:inline-block;width:16px;height:16px;vertical-align:-2px;background-color:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;flex-shrink:0}.icon-mic{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z'/%3E%3Cpath d='M19 10v2a7 7 0 0 1-14 0v-2'/%3E%3Cline x1='12' x2='12' y1='19' y2='22'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z'/%3E%3Cpath d='M19 10v2a7 7 0 0 1-14 0v-2'/%3E%3Cline x1='12' x2='12' y1='19' y2='22'/%3E%3C/svg%3E")}.icon-mic-lg{width:48px;height:48px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z'/%3E%3Cpath d='M19 10v2a7 7 0 0 1-14 0v-2'/%3E%3Cline x1='12' x2='12' y1='19' y2='22'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z'/%3E%3Cpath d='M19 10v2a7 7 0 0 1-14 0v-2'/%3E%3Cline x1='12' x2='12' y1='19' y2='22'/%3E%3C/svg%3E");background-color:var(--accent-purple)}.icon-bot{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='10' rx='2'/%3E%3Ccircle cx='12' cy='5' r='2'/%3E%3Cpath d='M12 7v4'/%3E%3Cline x1='8' x2='8' y1='16' y2='16'/%3E%3Cline x1='16' x2='16' y1='16' y2='16'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='10' rx='2'/%3E%3Ccircle cx='12' cy='5' r='2'/%3E%3Cpath d='M12 7v4'/%3E%3Cline x1='8' x2='8' y1='16' y2='16'/%3E%3Cline x1='16' x2='16' y1='16' y2='16'/%3E%3C/svg%3E");width:18px;height:18px}.icon-user{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='5'/%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='5'/%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3C/svg%3E");width:18px;height:18px}.icon-file{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3C/svg%3E")}.icon-stop{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='6' width='12' height='12' rx='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='6' width='12' height='12' rx='1'/%3E%3C/svg%3E")}.icon-chart{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='m19 9-5 5-4-4-3 3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='m19 9-5 5-4-4-3 3'/%3E%3C/svg%3E")}.icon-alert{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z'/%3E%3Cline x1='12' x2='12' y1='9' y2='13'/%3E%3Cline x1='12' x2='12.01' y1='17' y2='17'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z'/%3E%3Cline x1='12' x2='12' y1='9' y2='13'/%3E%3Cline x1='12' x2='12.01' y1='17' y2='17'/%3E%3C/svg%3E")}.icon-check{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-color:var(--accent-green);width:14px;height:14px;vertical-align:-1px}.icon-arrow{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");background-color:var(--accent-amber);width:14px;height:14px;vertical-align:-1px}.icon-video{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5'/%3E%3Crect x='2' y='6' width='14' height='12' rx='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5'/%3E%3Crect x='2' y='6' width='14' height='12' rx='2'/%3E%3C/svg%3E")}.icon-video-lg{width:40px;height:40px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5'/%3E%3Crect x='2' y='6' width='14' height='12' rx='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5'/%3E%3Crect x='2' y='6' width='14' height='12' rx='2'/%3E%3C/svg%3E");background-color:var(--text-muted)}.icon-record{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3C/svg%3E")}.icon-download{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' x2='12' y1='15' y2='3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' x2='12' y1='15' y2='3'/%3E%3C/svg%3E")}.icon-x{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E");background-color:var(--accent-red);width:14px;height:14px;vertical-align:-1px}.icon-export{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242'/%3E%3Cpath d='M12 12v9'/%3E%3Cpath d='m8 17 4 4 4-4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242'/%3E%3Cpath d='M12 12v9'/%3E%3Cpath d='m8 17 4 4 4-4'/%3E%3C/svg%3E")}.icon-eye{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}.interview-room{display:flex;flex-direction:column;height:100vh;max-width:1400px;margin:0 auto;padding:0 20px}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border-color);flex-shrink:0}.header-left .title{font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-left .subtitle{font-size:.8rem;color:var(--text-muted);margin-top:2px}.header-right{display:flex;align-items:center;gap:12px}.status-badge{display:flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid;border-radius:20px;font-size:.8rem;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.lang-btn{padding:6px 14px;border:1px solid var(--border-color);border-radius:20px;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary);font-size:.8rem;cursor:pointer;transition:background .2s}.lang-btn:hover{background:var(--bg-glass-hover)}.main-content{flex:1;overflow:hidden;padding:16px 0;display:flex;flex-direction:row;gap:20px;min-height:0}.panel-left{flex:1 1 0;display:flex;flex-direction:column;gap:12px;min-height:0;min-width:0}.panel-right{flex:1 1 0;display:flex;flex-direction:column;gap:12px;min-height:0;min-width:0;overflow-y:auto}.panel-right::-webkit-scrollbar{width:6px}.panel-right::-webkit-scrollbar-track{background:transparent}.panel-right::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:3px}.ai-avatar-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:10px 0;flex:3;min-height:0;position:relative}.ai-avatar-sizer{position:relative;width:126px;height:126px;flex-shrink:0}.ai-avatar-ring{position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;border-radius:50%}.ai-avatar-ring-seg{position:absolute;top:0;left:50%;width:4px;height:100%;transform-origin:50% 50%;transform:rotate(calc(var(--i) * 7.5deg));pointer-events:none}.ai-avatar-ring-seg:before{content:"";display:block;width:3.5px;height:calc(8px + 14px * var(--wave));border-radius:2px;background:#8b5cf640;transition:height .3s,background .3s}.ai-avatar-wrapper[data-state=speaking] .ai-avatar-ring-seg:before{background:var(--accent-purple);animation:ringPulse .6s ease-in-out infinite alternate;animation-delay:calc(var(--i) * .03s)}.ai-avatar-wrapper[data-state=listening] .ai-avatar-ring-seg:before{background:var(--accent-blue);opacity:.6;animation:ringBreath 2s ease-in-out infinite;animation-delay:calc(var(--i) * .05s)}.ai-avatar-wrapper[data-state=thinking] .ai-avatar-ring-seg:before{background:var(--accent-amber);animation:ringSpin 1.5s ease-in-out infinite;animation-delay:calc(var(--i) * .04s)}@keyframes ringPulse{0%{transform:scaleY(.7);opacity:.5}to{transform:scaleY(1.4);opacity:1}}@keyframes ringBreath{0%,to{transform:scaleY(.85);opacity:.3}50%{transform:scaleY(1.15);opacity:.7}}@keyframes ringSpin{0%,to{transform:scaleY(.6);opacity:.2}50%{transform:scaleY(1.3);opacity:.9}}.ai-avatar-circle{width:100%;height:100%;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#ede9fe,#e0e7ff);box-shadow:0 4px 24px #8b5cf626;position:relative;z-index:1}.ai-avatar-canvas{width:100%;height:100%}.ai-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.ai-avatar-label{display:flex;align-items:center;gap:6px;padding:4px 14px;background:var(--bg-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:16px;font-size:.78rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;z-index:1}.ai-avatar-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);transition:background .3s}.ai-avatar-dot[data-state=speaking]{background:var(--accent-green);animation:pulse 1s infinite}.ai-avatar-dot[data-state=listening]{background:var(--accent-blue);animation:pulse 1.5s infinite}.ai-avatar-dot[data-state=thinking]{background:var(--accent-amber);animation:pulse 1s infinite}.video-container{position:relative;width:100%;flex:7;min-height:0;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-color);overflow:hidden}.video-element{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:block}.video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:var(--text-muted);font-size:.85rem}.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.recording-indicator{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:6px;padding:4px 10px;background:#dc2626d9;color:#fff;border-radius:4px;font-size:.75rem;font-weight:600;letter-spacing:.5px}.recording-dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:pulse 1s infinite}.video-controls{display:flex;gap:8px}.video-btn{display:flex;align-items:center;gap:5px;padding:7px 14px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary);font-size:.8rem;cursor:pointer;transition:all .2s;white-space:nowrap}.video-btn:hover:not(:disabled){background:var(--bg-glass-hover)}.video-btn:disabled{opacity:.4;cursor:not-allowed}.btn-record{color:var(--accent-red);border-color:#dc262633}.btn-record:hover:not(:disabled){background:#dc262614}.btn-download{color:var(--accent-green);border-color:#16a34a33}.btn-download:hover:not(:disabled){background:#16a34a14}.transcript-area{flex:1;min-height:0;overflow-y:auto}.transcript-area::-webkit-scrollbar{width:6px}.transcript-area::-webkit-scrollbar-track{background:transparent}.transcript-area::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:3px}.welcome-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-secondary);gap:12px;padding:40px}.welcome-icon{margin-bottom:8px;color:var(--text-muted)}.welcome-message .hint{font-size:.85rem;color:var(--text-muted)}.messages-list{display:flex;flex-direction:column;gap:12px}.message{display:flex;gap:10px;padding:12px 16px;border-radius:var(--radius);background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-assistant{border-left:3px solid var(--accent-purple)}.message-user{border-left:3px solid var(--accent-blue)}.message-avatar{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.avatar-assistant{background:#8b5cf61f;color:var(--accent-purple)}.avatar-user{background:#3b82f61f;color:var(--accent-blue)}.message-content{flex:1;min-width:0}.message-role{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.message-text{font-size:.95rem;line-height:1.5;word-wrap:break-word}.error-bar{padding:10px 16px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);color:var(--accent-red);font-size:.85rem}.score-report{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius);padding:24px;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.score-report h2{font-size:1.2rem;margin-bottom:20px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.score-card{display:grid;grid-template-columns:100px 1fr 50px;grid-template-rows:auto auto;gap:4px 12px;align-items:center}.score-label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.score-bar-container{height:8px;background:#94a3b833;border-radius:4px;overflow:hidden}.score-bar{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-purple));animation:growBar 1s ease-out forwards;transform-origin:left}@keyframes growBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.score-value{font-size:.9rem;font-weight:700;color:var(--accent-blue);text-align:right}.score-comment{grid-column:1 / -1;font-size:.8rem;color:var(--text-muted);padding-left:112px}.score-section{margin-bottom:16px}.score-section h3{font-size:.95rem;margin-bottom:8px;color:var(--text-secondary)}.score-section ul{list-style:none;display:flex;flex-direction:column;gap:6px}.score-section li{font-size:.85rem;color:var(--text-primary);padding:6px 10px;background:#94a3b81a;border-radius:var(--radius-sm)}.score-recommendation{padding:12px 16px;background:#8b5cf60f;border:1px solid rgba(139,92,246,.15);border-radius:var(--radius-sm);font-size:.9rem}.rec-badge{padding:2px 10px;border-radius:12px;font-weight:600;font-size:.85rem}.rec-yes{background:#16a34a1a;color:var(--accent-green)}.rec-no{background:#dc26261a;color:var(--accent-red)}.rec-maybe{background:#d977061a;color:var(--accent-amber)}.toolbar{display:flex;align-items:center;gap:10px;padding:16px 0;border-top:1px solid var(--border-color);flex-shrink:0;flex-wrap:wrap}.toolbar-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .2s;white-space:nowrap}.toolbar-btn:hover:not(:disabled){background:var(--bg-glass-hover);transform:translateY(-1px)}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.btn-start{background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border-color:transparent;font-weight:600}.btn-start:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#7c3aed)}.btn-end{background:#dc262614;border-color:#dc262633;color:var(--accent-red)}.btn-end:hover:not(:disabled){background:#dc262626}.btn-score{background:#8b5cf614;border-color:#8b5cf633}.btn-score:hover:not(:disabled){background:#8b5cf626}.score-error{font-size:.8rem;color:var(--accent-red)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:0 20px 60px #00000026;width:90%;max-width:640px;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.modal-content.modal-wide{max-width:1200px;max-height:90vh}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-header h3{font-size:1rem;font-weight:600;color:var(--text-primary)}.modal-header-meta{display:flex;align-items:center;gap:12px;margin-left:auto;margin-right:12px}.resume-file-name{font-size:.8rem;color:var(--text-muted);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resume-char-count{font-size:.8rem;color:var(--accent-blue);font-weight:600;padding:2px 8px;background:#3b82f614;border-radius:10px;white-space:nowrap}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s}.modal-close-btn:hover{background:#94a3b826;color:var(--text-primary)}.modal-body{padding:20px;overflow-y:auto;flex:1;min-height:0}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:3px}.resume-preview-body{display:flex;gap:16px;padding:16px 20px}.resume-preview-col{flex:1;display:flex;flex-direction:column;min-width:0}.resume-preview-col-title{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.candidate-info-form{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.candidate-info-hint{font-size:.8rem;color:var(--text-muted);margin:0}.form-field{display:flex;flex-direction:column;gap:4px}.form-field label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.form-field label .required{color:#ef4444}.form-field input{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.85rem;background:var(--bg-primary);color:var(--text-primary);transition:border-color .2s}.form-field input:focus{outline:none;border-color:var(--accent-color, #6366f1);box-shadow:0 0 0 2px #6366f126}.form-field input::placeholder{color:var(--text-muted)}.resume-pdf-viewer{flex:1;min-height:500px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#fff}.resume-pdf-placeholder{flex:1;min-height:500px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-size:1.2rem}.resume-preview-text{font-size:.85rem;line-height:1.7;color:var(--text-secondary);white-space:pre-wrap;word-wrap:break-word;background:var(--bg-secondary);padding:16px;border-radius:var(--radius-sm);border:1px solid var(--border-color);flex:1;min-height:500px;max-height:600px;overflow-y:auto}.resume-preview-hint{font-size:.8rem;color:var(--text-muted);flex:1}.modal-footer{display:flex;align-items:center;gap:10px;padding:12px 20px;border-top:1px solid var(--border-color);flex-shrink:0}.modal-footer-actions{display:flex;gap:10px;margin-left:auto}.modal-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;transition:all .2s}.modal-btn-secondary{background:var(--bg-glass);color:var(--text-primary)}.modal-btn-secondary:hover{background:var(--bg-glass-hover)}.modal-btn-primary{background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border-color:transparent;color:#fff;font-weight:600}.modal-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#7c3aed)}.btn-export{background:#16a34a14;border-color:#16a34a33;color:var(--accent-green)}.btn-export:hover:not(:disabled){background:#16a34a26}.btn-resume{background:#3b82f614;border-color:#3b82f633}.btn-resume:hover:not(:disabled){background:#3b82f626}.score-report-actions{display:flex;justify-content:flex-end;margin-top:16px;padding-top:12px;border-top:1px solid var(--border-color)}@media(max-width:860px){.main-content{flex-direction:column;overflow-y:auto}.panel-left{flex:0 0 auto}.panel-right{overflow-y:visible}.ai-avatar-sizer{width:98px;height:98px}.ai-avatar-wrapper{padding:8px 0}.video-container{flex:0 0 auto;min-height:160px;max-height:40vh}.resume-preview-body{flex-direction:column}.resume-pdf-viewer,.resume-pdf-placeholder{min-height:240px}.resume-preview-text{min-height:200px;max-height:300px}.modal-content.modal-wide{max-width:95%}}@media(max-width:640px){.header{flex-direction:column;gap:10px;align-items:flex-start}.header-right{width:100%;justify-content:space-between}.toolbar{justify-content:center}.score-card{grid-template-columns:80px 1fr 40px}.score-comment{padding-left:0}}