:root{--bg: #f4f6fb;--surface: #ffffff;--border: #e4e8f0;--text: #1c2333;--text-muted: #6b7488;--primary: #4f6ef7;--primary-dark: #3b56d6;--primary-soft: #eef1fe;--green: #16a34a;--green-soft: #e8f7ee;--amber: #d97706;--amber-soft: #fdf3e3;--red: #dc2626;--red-soft: #fdecec;--blue: #0284c7;--blue-soft: #e5f3fb;--gray: #6b7280;--gray-soft: #f0f1f5;--sidebar-bg: #141a2c;--sidebar-text: #aab2c8;--sidebar-active: #ffffff;--radius: 12px;--shadow: 0 1px 3px rgba(20, 26, 44, .06), 0 8px 24px rgba(20, 26, 44, .05);--font: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.layout{display:flex;min-height:100vh}.main{flex:1;min-width:0;display:flex;flex-direction:column}.content{flex:1;padding:28px 32px 48px;max-width:1200px;width:100%;margin:0 auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-title{font-size:24px;font-weight:700;margin:0}.page-subtitle{color:var(--text-muted);margin:4px 0 0}.sidebar{width:232px;flex-shrink:0;background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:20px 20px 18px;color:#fff;font-size:17px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.07)}.sidebar-brand .logo{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#4f6ef7,#7c5cf0);display:flex;align-items:center;justify-content:center;font-size:17px}.sidebar-nav{padding:14px 12px;display:flex;flex-direction:column;gap:4px}.sidebar-nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;color:var(--sidebar-text);text-decoration:none;font-weight:500;transition:background .15s,color .15s}.sidebar-nav a:hover{background:#ffffff0f;color:#fff}.sidebar-nav a.router-link-exact-active{background:linear-gradient(135deg,#4f6ef7,#6a5cf0);color:var(--sidebar-active);box-shadow:0 4px 12px #4f6ef759}.sidebar-nav .nav-icon{font-size:17px;width:20px;text-align:center}.sidebar-footer{margin-top:auto;padding:16px 20px;font-size:12px;color:#5c657c;border-top:1px solid rgba(255,255,255,.07)}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:9px;padding:9px 16px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,transform .05s;text-decoration:none}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-ghost:hover{background:var(--gray-soft)}.btn-danger{background:var(--red-soft);color:var(--red)}.btn-danger:hover{background:#fbdcdc}.btn-sm{padding:6px 11px;font-size:13px;border-radius:8px}.btn:disabled{opacity:.6;cursor:not-allowed}.icon-btn{background:none;border:none;font-size:16px;padding:6px;border-radius:8px;color:var(--text-muted);transition:background .15s,color .15s}.icon-btn:hover{background:var(--gray-soft);color:var(--text)}.icon-btn.danger:hover{background:var(--red-soft);color:var(--red)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{padding:18px 20px;display:flex;align-items:flex-start;gap:14px}.stat-icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0}.stat-value{font-size:26px;font-weight:750;line-height:1.1}.stat-label{color:var(--text-muted);font-size:13px}.stat-hint{color:var(--text-muted);font-size:12px;margin-top:2px}.icon-blue{background:var(--blue-soft)}.icon-green{background:var(--green-soft)}.icon-amber{background:var(--amber-soft)}.icon-red{background:var(--red-soft)}.icon-gray{background:var(--gray-soft)}.icon-primary{background:var(--primary-soft)}.text-blue{color:var(--blue)}.text-green{color:var(--green)}.text-amber{color:var(--amber)}.text-red{color:var(--red)}.text-muted{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.completed{background:var(--green-soft);color:var(--green)}.badge.processing,.badge.pending,.badge.uploading{background:var(--amber-soft);color:var(--amber)}.badge.processing:before,.badge.pending:before,.badge.uploading:before{animation:pulse 1.1s infinite}.badge.failed{background:var(--red-soft);color:var(--red)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:auto;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse}th{text-align:left;padding:12px 16px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border);background:#fafbfe;white-space:nowrap}td{padding:13px 16px;border-bottom:1px solid var(--border);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr{transition:background .12s}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:#f7f9ff}.file-name-cell{display:flex;flex-direction:column;gap:2px}.file-name{font-weight:600}.file-meta{font-size:12px;color:var(--text-muted)}.empty-state{text-align:center;padding:48px 20px;color:var(--text-muted)}.empty-state .big{font-size:40px;margin-bottom:8px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f142680;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--surface);border-radius:16px;width:100%;max-width:520px;box-shadow:0 24px 60px #00000040;overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}.modal-head h3{margin:0;font-size:18px}.modal-body{padding:22px;display:flex;flex-direction:column;gap:16px}.modal-foot{padding:16px 22px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;background:#fafbfe}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:600;color:var(--text)}.field .hint{font-size:12px;color:var(--text-muted)}.input,.select,textarea.input{border:1px solid var(--border);border-radius:9px;padding:10px 12px;font-size:14px;background:#fff;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s;width:100%}.input:focus,.select:focus,textarea.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f6ef726}.dropzone{border:2px dashed var(--border);border-radius:11px;padding:26px 18px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;background:#fafbfe}.dropzone:hover,.dropzone.dragging{border-color:var(--primary);background:var(--primary-soft)}.dropzone .dz-icon{font-size:28px}.dropzone .dz-title{font-weight:600;margin-top:6px}.dropzone .dz-hint{font-size:12px;color:var(--text-muted);margin-top:3px}.file-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--gray-soft);border-radius:9px;padding:9px 12px;font-size:13px}.file-chip .chip-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-progress{height:6px;background:var(--gray-soft);border-radius:99px;overflow:hidden}.upload-progress>div{height:100%;background:var(--primary);border-radius:99px;transition:width .2s}.form-error{background:var(--red-soft);color:var(--red);border-radius:9px;padding:10px 12px;font-size:13px}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:24px}.dashboard-grid .span2{grid-column:span 1}.chart-card{padding:18px 20px}.chart-card h3{margin:0 0 14px;font-size:15px;font-weight:650}.chart-wrap{position:relative;height:250px}.asr-card{padding:20px;display:flex;flex-direction:column;gap:14px}.asr-status-row{display:flex;align-items:center;gap:12px}.asr-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.asr-dot.on{background:var(--green);box-shadow:0 0 0 4px var(--green-soft);animation:pulse 2s infinite}.asr-dot.off{background:var(--red);box-shadow:0 0 0 4px var(--red-soft)}.asr-title{font-weight:700;font-size:15px}.asr-sub{color:var(--text-muted);font-size:12.5px}.asr-meta{display:flex;flex-direction:column;gap:8px}.asr-meta .meta-row{display:flex;justify-content:space-between;font-size:13px}.asr-meta .meta-row .k{color:var(--text-muted)}.asr-meta .meta-row .v{font-weight:600}.model-tags{display:flex;flex-wrap:wrap;gap:6px}.model-tag{background:var(--primary-soft);color:var(--primary-dark);font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px}.recent-list{display:flex;flex-direction:column}.recent-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);text-decoration:none;color:var(--text)}.recent-item:last-child{border-bottom:none}.recent-icon{width:36px;height:36px;border-radius:9px;background:var(--primary-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0}.recent-name{font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-meta{font-size:12px;color:var(--text-muted)}.recent-item .grow{flex:1;min-width:0}.detail-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);text-decoration:none;font-weight:600;padding:7px 10px;border-radius:8px;transition:background .15s}.back-link:hover{background:var(--gray-soft);color:var(--text)}.file-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0 24px}.info-chip{background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:12px 14px}.info-chip .k{font-size:12px;color:var(--text-muted)}.info-chip .v{font-size:16px;font-weight:650;margin-top:2px}.speakers-editor{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;margin-bottom:22px;box-shadow:var(--shadow)}.speakers-editor h3{margin:0 0 4px;font-size:15px;font-weight:650}.speakers-editor .hint{font-size:12.5px;color:var(--text-muted);margin-bottom:14px}.speaker-chips{display:flex;flex-wrap:wrap;gap:10px}.speaker-chip{display:flex;align-items:center;gap:8px;background:var(--gray-soft);border:1px solid var(--border);border-radius:10px;padding:6px 8px}.speaker-chip .dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.speaker-chip input{border:none;background:transparent;font-size:13.5px;font-weight:600;width:150px;outline:none;color:var(--text);border-bottom:1px dashed transparent}.speaker-chip input:hover,.speaker-chip input:focus{border-bottom-color:var(--primary)}.speaker-chip .key{font-size:11px;color:var(--text-muted)}.segments{display:flex;flex-direction:column;gap:10px}.segment{display:flex;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow);border-left:4px solid transparent}.seg-time{flex-shrink:0;font-variant-numeric:tabular-nums;font-size:12px;color:var(--text-muted);padding-top:3px;min-width:92px;line-height:1.4}.seg-time b{color:var(--text);font-weight:650}.seg-body{flex:1;min-width:0}.seg-speaker{font-size:13px;font-weight:700;margin-bottom:4px;display:flex;align-items:center;gap:7px}.seg-speaker .dot{width:9px;height:9px;border-radius:50%}.seg-text{font-size:14.5px;line-height:1.65}.loader{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:var(--text-muted);flex-direction:column}.spinner{width:34px;height:34px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.live-status{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:11px;margin-bottom:20px;font-weight:600}.live-status.processing{background:var(--amber-soft);color:var(--amber)}.live-status.failed{background:var(--red-soft);color:var(--red)}.time-sel{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.time-sel button{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:9px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s}.time-sel button.active{background:var(--primary);border-color:var(--primary);color:#fff}.toast{position:fixed;bottom:24px;right:24px;z-index:200;background:var(--text);color:#fff;padding:12px 18px;border-radius:11px;box-shadow:0 10px 30px #00000040;font-size:14px;font-weight:600;animation:slideUp .25s ease}.toast.error{background:var(--red)}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}.layout{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;align-items:center}.sidebar-nav{flex-direction:row;padding:8px 12px}.sidebar-brand{border-bottom:none;padding:12px 16px}.sidebar-footer{display:none}.content{padding:20px 16px 40px}}