.transcriptionPage{display:flex;flex-direction:column;gap:12px;min-width:0}
.transcriptionHero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 18px;border-radius:15px;background:rgb(46 70 101 / 51%);backdrop-filter:blur(4px)}
.transcriptionKicker{display:block;margin-bottom:4px;color:#7f99b8;font-size:9px;font-weight:900;letter-spacing:.12em}.transcriptionHero h2{margin:0;color:#eef5fd;font-size:20px}.transcriptionHero p{margin:4px 0 0;color:#9db1c9;font-size:11px}
.transcriptionProviderBadge{min-width:230px;display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:11px;background:#95bbff18;color:#adc1d8}.transcriptionProviderBadge>i{font-size:16px}.transcriptionProviderBadge.ready>i{color:#6fd0a3}.transcriptionProviderBadge.warning>i{color:#d9b66d}
.transcriptionProviderBadge span{min-width:0;display:flex;flex-direction:column}.transcriptionProviderBadge b{font-size:10px;color:#e2ecf7}.transcriptionProviderBadge small{margin-top:2px;color:#8298b1;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transcriptionProviderBadge button{margin-left:auto;width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:#8198b1;cursor:pointer}.transcriptionProviderBadge button:hover{background:#95bbff24;color:#fff}
.transcriptionConfigCard{width:min(410px,48vw);padding:11px;border-radius:12px;background:rgb(22 39 60 / 75%);display:grid;grid-template-columns:1fr 1fr;gap:8px}.transcriptionConfigHead,.transcriptionConfigCard p,.transcriptionConfigActions{grid-column:1/-1}.transcriptionConfigHead{display:flex;justify-content:space-between;align-items:center}.transcriptionConfigHead span{display:flex;align-items:center;gap:7px;color:#e6eef8;font-size:10px}.transcriptionConfigHead button{border:0;background:transparent;color:#8399b1;cursor:pointer}.transcriptionConfigCard p{margin:0;color:#8297af;font-size:8.5px;line-height:1.4}.transcriptionConfigCard label{display:flex;flex-direction:column;gap:4px}.transcriptionConfigCard label span{font-size:8px;color:#8fa5bd;font-weight:800}.transcriptionConfigCard input{height:34px;border:0;border-radius:8px;background:rgb(0 0 0 / 27%);color:#edf5fd;padding:0 9px;font-size:10px;outline:0}
.transcriptionConfigActions{display:flex;justify-content:flex-end}
.transcriptionLayout{display:grid;grid-template-columns:minmax(300px,32%) minmax(0,1fr);gap:12px;min-height:0}.transcriptionSidebar,.transcriptionWorkspace{min-width:0;border-radius:15px;background:rgb(46 70 101 / 51%);backdrop-filter:blur(4px)}
.transcriptionSidebar{padding:12px;display:flex;flex-direction:column;gap:11px}.transcriptionNewCard,.transcriptionHistory{padding:10px;border-radius:12px;background:rgb(29 49 74 / 56%)}.transcriptionHistory{min-height:170px}
.transcriptionSectionTitle{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.transcriptionSectionTitle>span{display:flex;align-items:center;gap:7px}.transcriptionSectionTitle i{color:#9ebcde}.transcriptionSectionTitle b{color:#e5eef8;font-size:10.5px}.transcriptionSectionTitle small{color:#7e94ad;font-size:8.5px}
.transcriptionDrop{min-height:112px;border-radius:11px;background:rgb(17 32 51 / 60%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:12px;transition:.15s}.transcriptionDrop.dragging,.transcriptionDrop.hasFile{background:#95bbff1b}.transcriptionDrop>i{font-size:18px;color:#a7c7eb}.transcriptionDrop>b{font-size:10.5px;color:#e5eef8}.transcriptionDrop>span{max-width:100%;color:#7890aa;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transcriptionDrop .btn{margin-top:4px;min-height:30px!important;padding:0 10px!important;font-size:9px}
.transcriptionNewFields{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.transcriptionNewFields label:first-child{grid-column:1/-1}.transcriptionNewFields label{display:flex;flex-direction:column;gap:4px}.transcriptionNewFields label>span{color:#8fa5bd;font-size:8px;font-weight:800}.transcriptionNewFields input,.transcriptionNewFields select{width:100%;height:34px;border:0;border-radius:8px;background:rgb(15 29 45 / 75%);color:#e8f0f9;padding:0 8px;font-size:9px;outline:0}
.transcriptionToggle{display:flex!important;align-items:center;gap:8px;margin-top:8px;padding:8px 9px;border-radius:9px;background:rgb(17 32 51 / 55%);cursor:pointer}.transcriptionToggle input{accent-color:#8dbcf4}.transcriptionToggle span{display:flex;flex-direction:column}.transcriptionToggle b{font-size:9px;color:#dce8f4}.transcriptionToggle small{font-size:8px;color:#748ba4}
.transcriptionUploadInfo{display:flex;align-items:flex-start;gap:7px;margin-top:8px;padding:8px;border-radius:9px;background:#95bbff10;color:#8198b1;font-size:8px;line-height:1.4}.transcriptionUploadInfo i{color:#75cfa3;margin-top:1px}.transcriptionStartBtn{width:100%!important;margin-top:8px;min-height:38px!important}.transcriptionMessage{min-height:0;margin-top:6px;color:#d5b071;font-size:8.5px}.transcriptionMessage.error{color:#ef9fa8}.transcriptionMessage.success{color:#72d0a6}
.transcriptionUploadProgress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px;margin-top:8px}.transcriptionUploadProgress>div{height:5px;border-radius:5px;background:rgb(0 0 0 / 25%);overflow:hidden}.transcriptionUploadProgress span{display:block;height:100%;border-radius:5px;background:#8bb8eb}.transcriptionUploadProgress b{color:#9fb9d8;font-size:8px}
.transcriptionJobs{display:flex;flex-direction:column;gap:5px;max-height:360px;overflow:auto;padding-right:2px}.transcriptionJob{width:100%;border:0;border-radius:9px;background:rgb(17 32 51 / 55%);display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:7px;padding:7px;text-align:left;cursor:pointer}.transcriptionJob:hover,.transcriptionJob.active{background:#95bbff20}.transcriptionJobIcon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#95bbff18;color:#a8c6e8}.transcriptionJobBody{min-width:0;display:flex;flex-direction:column}.transcriptionJobBody>b{color:#e2ecf7;font-size:9.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transcriptionJobBody>small{margin-top:2px;color:#7289a2;font-size:7.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transcriptionJobStatus{margin-top:3px;display:flex;align-items:center;gap:4px;font-size:7.5px;color:#8198b1}.transcriptionJobStatus.done{color:#72d0a6}.transcriptionJobStatus.error{color:#ee9ca5}.transcriptionJobStatus.waiting{color:#d7b477}.transcriptionJobStatus.working{color:#9ec1e8}
.transcriptionEmptyList{min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#7088a2;font-size:8.5px}
.transcriptionWorkspace{padding:14px;display:flex;flex-direction:column;gap:10px}.transcriptionWelcome{min-height:470px;align-items:center;justify-content:center;text-align:center}.transcriptionWelcomeIcon{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:#95bbff1c;color:#b8d4f4;font-size:24px}.transcriptionWelcome h3{margin:6px 0 0;color:#edf4fc;font-size:16px}.transcriptionWelcome p{max-width:540px;margin:0;color:#869db5;font-size:10px;line-height:1.55}.transcriptionFeatureGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:min(550px,100%);margin-top:6px}.transcriptionFeatureGrid span{padding:10px;border-radius:10px;background:rgb(26 45 68 / 60%);display:flex;flex-direction:column;align-items:center;gap:3px}.transcriptionFeatureGrid i{color:#9fc3eb}.transcriptionFeatureGrid b{font-size:9px;color:#dce8f4}.transcriptionFeatureGrid small{font-size:7.5px;color:#748aa3}
.transcriptionDetailHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.transcriptionDetailKicker{display:flex;align-items:center;gap:5px;color:#8ea8c3;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.transcriptionDetailHead h3{margin:3px 0 0;color:#edf4fc;font-size:15px}.transcriptionDetailHead p{margin:3px 0 0;color:#7c93ad;font-size:8.5px}.transcriptionDetailActions{display:flex;gap:5px}.transcriptionDetailActions .btn{min-height:32px!important;font-size:8.5px!important}.transcriptionDetailActions .iconBtn{min-width:34px!important;padding:0!important}
.transcriptionProgressCard{padding:10px;border-radius:11px;background:rgb(24 43 66 / 62%)}.transcriptionProgressHead,.transcriptionProgressMeta{display:flex;align-items:center;justify-content:space-between;gap:10px}.transcriptionProgressHead span{display:flex;align-items:center;gap:6px;color:#a7bed7;font-size:9px}.transcriptionProgressHead strong{color:#dce9f6;font-size:9px}.transcriptionProgressTrack{height:5px;margin:7px 0;border-radius:5px;background:rgb(0 0 0 / 25%);overflow:hidden}.transcriptionProgressTrack span{display:block;height:100%;background:#88b6ea}.transcriptionProgressMeta{color:#748ba4;font-size:7.5px}.transcriptionErrorText{margin-top:7px;color:#ef9fa8;font-size:8.5px}
.transcriptionMediaCard{padding:9px;border-radius:11px;background:rgb(18 34 53 / 58%)}.transcriptionMediaCard audio,.transcriptionMediaCard video{display:block;width:100%;max-height:340px;border-radius:8px}
.transcriptionSpeakers{padding:10px;border-radius:11px;background:rgb(29 49 74 / 54%)}.transcriptionSpeakersHead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.transcriptionSpeakersHead span{display:flex;align-items:center;gap:6px;color:#dfeaf5;font-size:9.5px}.transcriptionSpeakersHead small{color:#748aa3;font-size:7.5px}.transcriptionSpeakerGrid{display:flex;flex-wrap:wrap;gap:6px}.transcriptionSpeakerItem{display:flex;align-items:center;gap:6px;padding:4px 7px;border-radius:9px;background:rgb(17 32 51 / 65%)}.transcriptionSpeakerDot{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#95bbff20;color:#b2cee9;font-size:8px;font-weight:900}.transcriptionSpeakerItem input{width:130px;height:26px;border:0;background:transparent;color:#dfeaf5;font-size:9px;outline:0}
.transcriptionTranscriptCard{min-height:270px;border-radius:11px;background:rgb(29 49 74 / 54%);overflow:hidden}.transcriptionTranscriptToolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border-bottom:1px solid rgb(149 187 255 / 7%)}.transcriptionTabs,.transcriptionExport{display:flex;gap:4px}.transcriptionTabs button,.transcriptionExport button{border:0;border-radius:8px;background:rgb(15 29 45 / 64%);color:#8299b2;height:30px;padding:0 9px;font-size:8px;font-weight:800;cursor:pointer}.transcriptionTabs button.active,.transcriptionTabs button:hover,.transcriptionExport button:hover{background:#95bbff22;color:#e7f0fa}.transcriptionTranscriptTools{display:flex;align-items:center;gap:7px}.transcriptionSearch{height:30px;display:flex;align-items:center;gap:5px;padding:0 8px;border-radius:8px;background:rgb(15 29 45 / 64%);color:#7189a3}.transcriptionSearch input{width:150px;border:0;background:transparent;color:#e7f0fa;outline:0;font-size:8.5px}
.transcriptionTranscriptBody{max-height:560px;overflow:auto;padding:9px}.transcriptionSegments{display:flex;flex-direction:column;gap:5px}.transcriptionSegment{display:grid;grid-template-columns:58px 100px minmax(0,1fr);align-items:start;gap:7px;padding:7px;border-radius:8px;background:rgb(17 32 51 / 43%)}.transcriptionSegment:hover{background:#95bbff12}.transcriptionTime{border:0;background:transparent;color:#8eb9e8;font-size:8.5px;font-weight:900;text-align:left;cursor:pointer}.transcriptionSpeakerLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b2c6db;font-size:8.5px;font-weight:800}.transcriptionSegment p{margin:0;color:#d8e4f0;font-size:9.5px;line-height:1.48;white-space:pre-wrap}.transcriptionTranscriptEmpty{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#7189a3;font-size:9px}
.transcriptionReadable{display:flex;flex-direction:column;gap:8px}.transcriptionReadable article{padding:9px;border-radius:9px;background:rgb(17 32 51 / 43%)}.transcriptionReadable article>button{border:0;background:transparent;color:#8eb9e8;font-size:8px;font-weight:900;cursor:pointer;padding:0}.transcriptionReadable article>b{margin-left:7px;color:#b9cde1;font-size:9px}.transcriptionReadable p{margin:5px 0 0;color:#dae5f1;font-size:10px;line-height:1.55}
@media(max-width:1180px){.transcriptionLayout{grid-template-columns:1fr}.transcriptionSidebar{display:grid;grid-template-columns:1fr 1fr}.transcriptionJobs{max-height:290px}}
@media(max-width:980px){.transcriptionPage{gap:8px}.transcriptionHero{padding:12px;align-items:flex-start;flex-direction:column}.transcriptionHero h2{font-size:17px}.transcriptionProviderBadge,.transcriptionConfigCard{width:100%;min-width:0}.transcriptionConfigCard{grid-template-columns:1fr}.transcriptionLayout{display:flex;flex-direction:column;gap:8px}.transcriptionSidebar{display:flex;padding:9px}.transcriptionWorkspace{padding:9px}.transcriptionNewFields{grid-template-columns:1fr}.transcriptionNewFields label:first-child{grid-column:auto}.transcriptionNewFields input,.transcriptionNewFields select,.transcriptionConfigCard input{font-size:16px}.transcriptionDetailHead{flex-direction:column}.transcriptionDetailActions{width:100%}.transcriptionTranscriptToolbar{align-items:stretch;flex-direction:column}.transcriptionTranscriptTools{align-items:stretch;flex-direction:column}.transcriptionSearch{height:38px}.transcriptionSearch input{width:100%;font-size:16px}.transcriptionExport{overflow-x:auto}.transcriptionExport button{flex:0 0 auto}.transcriptionSegment{grid-template-columns:54px minmax(0,1fr)}.transcriptionSpeakerLabel{grid-column:2}.transcriptionSegment p{grid-column:1/-1;font-size:10px}.transcriptionSpeakersHead{align-items:flex-start;flex-direction:column}.transcriptionSpeakerItem{flex:1 1 145px}.transcriptionSpeakerItem input{width:100%;font-size:14px}.transcriptionFeatureGrid{grid-template-columns:1fr}.transcriptionTranscriptBody{max-height:none}}