:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;color:#0f172a}body{margin:0;background:radial-gradient(circle at top left,#eef3ff,#f6f7fb 55%,#f9fafc)}.layout{min-height:100vh;width:100%;display:grid;place-items:center;padding:clamp(3rem,6vw,5rem) 1.5rem clamp(4rem,8vw,6rem);box-sizing:border-box}.app{width:min(960px,100%);display:grid;gap:2.25rem;justify-items:center}.app>*{width:min(880px,100%)}.app header{width:min(880px,100%)}.app__header{text-align:center;margin:0 auto;max-width:620px}.app__header h1{margin:0;font-size:clamp(2.2rem,4vw,2.7rem);color:#0f172a;letter-spacing:-.02em}.app__header p{margin:.9rem 0 0;color:#475569}.auth-panel{display:flex;align-items:center;gap:1rem;background:#fff;border-radius:16px;padding:1rem 1.25rem;box-shadow:0 10px 30px #0f172a14;margin-bottom:1.5rem}.auth-panel__label{font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.auth-panel input{flex:1;border:1px solid #d1d5db;border-radius:10px;padding:.65rem .75rem;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.auth-panel input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb2e}.error-banner{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#7f1d1d;border:1px solid rgba(239,68,68,.25);border-radius:14px;padding:.9rem 1.1rem;box-shadow:0 16px 30px #ef444426}.dropzone{position:relative;border:2px dashed #9ca3af;border-radius:18px;background:#fffffff5;padding:clamp(2.6rem,5vw,3.6rem);text-align:center;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease;box-shadow:0 24px 40px #0f172a14}.dropzone--active{border-color:#2563eb;background:#2563eb1a;transform:translateY(-2px)}.dropzone__input{position:absolute;inset:0;opacity:0;pointer-events:none}.dropzone__content{display:flex;flex-direction:column;gap:.5rem;color:#475569}.dropzone__content strong{font-size:1.2rem;color:#111827}.selected-files{margin-top:.5rem;background:#fff;border-radius:18px;padding:1.5rem 1.75rem;box-shadow:0 18px 36px #0f172a14}.selected-files h2{margin:0 0 1.25rem;font-size:1.1rem;color:#1f2937;text-align:left}.selected-files ul{list-style:none;margin:0 0 1.5rem;padding:0;display:flex;flex-direction:column;gap:.85rem}.selected-files li{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;border:1px solid #e5e7eb;border-radius:12px;padding:.75rem 1rem;background:#f8fafc}.selected-files__details{display:flex;flex-direction:column;gap:.45rem;max-width:calc(100% - 90px);flex:1}.selected-files__name{color:#1f2937;font-weight:500;word-break:break-word}.selected-files__voice{appearance:none;border:1px solid #d1d5db;border-radius:10px;padding:.55rem .7rem;font-size:.95rem;color:#fff;background-color:#3f1a4d;transition:border-color .2s ease,box-shadow .2s ease;width:50px;min-width:50px;max-width:100%;flex:0 0 auto;align-self:flex-start}.selected-files__controls{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.selected-files__prefix{flex:1 1 200px;border:1px solid #d1d5db;border-radius:10px;padding:.55rem .7rem;font-size:.95rem;color:#0f172a;background:#fff;min-width:0}.selected-files__prefix:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb2e}.selected-files__prefix:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.selected-files__voice:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb2e}.selected-files__voice:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.selected-files li button{background:none;border:none;color:#dc2626;font-size:.9rem;cursor:pointer}.selected-files li button:hover{text-decoration:underline}.selected-files .primary{margin-left:auto}.actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;flex-wrap:wrap}button{border:none;border-radius:999px;padding:.75rem 1.6rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .25s ease}button:disabled{cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}button:not(:disabled):hover{transform:translateY(-1px)}button:not(:disabled):active{transform:translateY(0)}button.secondary{background:#e5e7eb;color:#1f2937}button.secondary:hover{box-shadow:0 12px 25px #94a3b840}button:not(.secondary){background:#2563eb;color:#fff;box-shadow:0 18px 34px #2563eb38}button:not(.secondary):hover{box-shadow:0 20px 36px #2563eb42}.status-panel{margin-top:.5rem;background:#fff;border-radius:18px;padding:1.75rem;box-shadow:0 20px 48px #0f172a1a}.status-panel__header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.status-panel__header h2{margin:0;font-size:1.25rem;color:#111827}.status-filter{display:flex;align-items:center;gap:.5rem;color:#374151}.status-filter label{font-weight:600;color:#111827}.status-filter select{border-radius:10px;border:1px solid #d1d5db;padding:.5rem .75rem;background:#fff;color:#1f2937;font-size:.95rem}.status-filter select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.status-panel__empty{margin:0;color:#6b7280}.status-table{width:100%;border-collapse:collapse;font-size:.95rem}.status-table thead{background:#f1f5f9}.status-table th,.status-table td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb}.status-table tr:last-of-type td{border-bottom:none}.status-table td:last-of-type{max-width:520px;color:#4b5563}.table-pagination{display:flex;justify-content:flex-end;align-items:center;gap:1.5rem;padding-top:1rem;color:#374151}.table-pagination__rows{display:flex;align-items:center;gap:.5rem}.table-pagination__rows select{border-radius:10px;border:1px solid #d1d5db;padding:.4rem .6rem;background:#fff;color:#1f2937;font-size:.9rem}.table-pagination__rows select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.table-pagination__info{min-width:140px;text-align:right;font-weight:500;color:#1f2937}.table-pagination__actions{display:flex;align-items:center;gap:.5rem}.table-pagination__actions button{width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:999px;font-size:1.1rem}.status-meta{display:flex;flex-direction:column;gap:.2rem}.status-meta__label{font-weight:600;color:#111827;margin-right:.35rem}.status-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.status-actions span{color:#b91c1c}.status-actions button{padding:.45rem 1.1rem;font-size:.85rem}.status-meta__actions{margin-top:.6rem}.status-meta__register{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.35rem .95rem;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;background:#111827;color:#fff;box-shadow:0 6px 16px #0f172a2e}.status-meta__register:hover{box-shadow:0 8px 18px #0f172a38}.status-pill{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border-radius:999px;padding:.3rem .9rem;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.status-pill--inQueue{background:#e0f2fe;color:#0369a1}.status-pill--processing{background:#fef3c7;color:#b45309}.status-pill--finished{background:#dcfce7;color:#15803d}.status-pill--failed{background:#fee2e2;color:#b91c1c}@media (max-width: 700px){.layout{padding:2.75rem 1rem 3.5rem}.auth-panel{flex-direction:column;align-items:stretch}.actions{justify-content:center}.status-panel__header{flex-direction:column;align-items:flex-start}.table-pagination{width:100%;flex-direction:column;align-items:flex-start;gap:.75rem}.table-pagination__info{min-width:unset;text-align:left}.table-pagination__actions button{width:2rem;height:2rem}.status-filter{width:100%}.status-table th,.status-table td{padding:.75rem}}