.tfa-app{min-height:720px;display:grid;grid-template-columns:230px 1fr;background:#f7f5fa;border:1px solid #e7e3ec;border-radius:24px;overflow:hidden;margin:40px auto;max-width:1180px;box-shadow:0 24px 70px rgba(32,24,52,.12);font-family:Inter,ui-sans-serif,system-ui}.tfa-side{background:#17151f;color:#fff;padding:24px;display:flex;flex-direction:column;gap:10px}.tfa-logo{font-size:22px;font-weight:900;margin-bottom:28px}.tfa-logo span{color:#8d73ff}.tfa-nav{border:0;text-align:left;background:transparent;color:#bdb8ca;padding:12px 14px;border-radius:12px;font-weight:800;cursor:pointer}.tfa-nav.active,.tfa-nav:hover{background:#2b2735;color:#fff}.tfa-side-foot{margin-top:auto;background:#26222f;border-radius:16px;padding:16px;display:flex;justify-content:space-between;align-items:end}.tfa-side-foot strong{font-size:28px;color:#ffb36b}.tfa-main{padding:34px}.tfa-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.tfa-top small{font-weight:900;letter-spacing:.12em;color:#7b7389}.tfa-top h1{font-size:34px;margin:4px 0}.tfa-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#7c5cff;color:#fff;font-weight:900}.tfa-view{background:#fff;border:1px solid #e8e4ed;border-radius:20px;padding:28px}.tfa-view label{display:flex;flex-direction:column;gap:8px;font-weight:800;margin-bottom:20px}.tfa-view input,.tfa-view textarea,.tfa-view select{width:100%;font:inherit;border:1px solid #dcd7e2;border-radius:12px;padding:13px 14px;background:#fff}.tfa-view textarea{min-height:180px;resize:vertical}.tfa-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tfa-generate{border-top:1px solid #ece8f0;padding-top:20px;display:flex;justify-content:space-between;gap:20px;align-items:center}.tfa-generate small{display:block;color:#7e7789}.tfa-btn{border:0;border-radius:12px;padding:13px 18px;background:#17151f;color:#fff;font-weight:900;cursor:pointer}.tfa-btn[disabled]{opacity:.55;cursor:wait}.tfa-projects{display:grid;gap:12px}.tfa-project{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;border:1px solid #ece8f0;border-radius:14px;padding:18px}.tfa-project h3{margin:0 0 6px}.tfa-meta{color:#766f80;font-size:14px}.tfa-status{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eeeaf9;font-weight:800;font-size:12px;text-transform:uppercase}.tfa-status.completed{background:#daf6ea;color:#087a54}.tfa-status.failed{background:#ffe1e1;color:#9d2d2d}.tfa-notice,#tfa-notice>div{margin-bottom:14px}.tfa-alert{padding:12px 14px;border-radius:12px;background:#fff4d6;border:1px solid #eed38a}.tfa-login{max-width:680px;margin:70px auto;padding:34px;background:#fff;border:1px solid #e8e4ed;border-radius:20px;text-align:center}@media(max-width:760px){.tfa-app{grid-template-columns:1fr;margin:20px 0}.tfa-side{flex-direction:row;align-items:center}.tfa-logo{margin:0 auto 0 0}.tfa-side-foot{margin:0 0 0 auto}.tfa-side-foot small{display:none}.tfa-main{padding:18px}.tfa-row{grid-template-columns:1fr}.tfa-generate{align-items:stretch;flex-direction:column}}
.tfa-voice-script{min-height:110px!important}.tfa-status.processing{background:#fff0c8;color:#8a5b00}.tfa-alert.success{background:#daf6ea;border-color:#9bd8c1}.tfa-alert.error{background:#ffe1e1;border-color:#efaaaa}
.tfa-project-actions{display:flex;flex-direction:column;align-items:flex-end;gap:9px;min-width:170px}.tfa-link{font-weight:700;text-decoration:none}.tfa-delete{border:1px solid #e1b0b0;background:#fff;color:#9d2d2d;border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer}.tfa-delete:hover{background:#fff0f0}.tfa-delete:disabled{opacity:.55;cursor:wait}.tfa-pipeline{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.tfa-step{font-size:12px;font-weight:800;padding:5px 8px;border-radius:999px;background:#f0edf3;color:#746d7c}.tfa-step.done{background:#daf6ea;color:#087a54}.tfa-step.active{background:#fff0c8;color:#8a5b00}.tfa-step.failed{background:#ffe1e1;color:#9d2d2d}.tfa-error-text{margin-top:9px;color:#8b4b4b;font-size:13px;line-height:1.45;max-width:720px}@media(max-width:760px){.tfa-project{grid-template-columns:1fr}.tfa-project-actions{align-items:flex-start;min-width:0}}

.tfa-refresh{border:1px solid #c9c4d7;background:#fff;border-radius:9px;padding:8px 10px;cursor:pointer;font-weight:700;font-size:12px}.tfa-refresh:hover{background:#f7f5fb}.tfa-refresh:disabled{opacity:.6;cursor:wait}