*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--red:#d50000;--red-dark:#b00000;--red-light:#ffeaea;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-400:#a3a3a3;--gray-600:#525252;--gray-900:#171717;--radius:8px;--shadow:0 1px 3px #00000014,0 1px 2px #0000000f;--shadow-lg:0 4px 12px #0000001a}body{background:#fafafa;background:var(--gray-50);color:#171717;color:var(--gray-900);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;min-height:100vh}.navbar{background:#fff;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--gray-200);height:56px;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:100}.nav-left,.navbar{align-items:center;display:flex}.nav-left{gap:24px}.nav-brand{color:#d50000;color:var(--red);font-size:1.25rem;font-weight:700;letter-spacing:1px}.nav-link{border-bottom:2px solid #0000;color:#525252;color:var(--gray-600);font-size:.875rem;font-weight:500;padding:6px 0;text-decoration:none;transition:color .15s,border-color .15s}.nav-link:hover{color:#171717;color:var(--gray-900)}.nav-link.active{border-bottom-color:#d50000;border-bottom-color:var(--red);color:#d50000;color:var(--red)}.nav-right{align-items:center;display:flex;gap:16px}.nav-user{color:#525252;color:var(--gray-600);font-size:.875rem}.nav-logout{background:none;border:1px solid #d50000;border:1px solid var(--red);border-radius:8px;border-radius:var(--radius);color:#d50000;color:var(--red);cursor:pointer;font-size:.8rem;font-weight:600;padding:5px 14px;transition:background .15s,color .15s}.nav-logout:hover{background:#d50000;background:var(--red);color:#fff}.main-content{margin:0 auto;max-width:960px;padding:32px 20px}.auth-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 56px)}.auth-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-lg);max-width:400px;padding:40px 32px;width:100%}.auth-brand{color:#d50000;color:var(--red);font-size:2rem;font-weight:700;letter-spacing:2px;margin-bottom:4px;text-align:center}.auth-card h2{font-size:1.25rem;font-weight:600;margin-bottom:2px;text-align:center}.auth-subtitle{color:#a3a3a3;color:var(--gray-400);font-size:.8rem;margin-bottom:24px;text-align:center}.auth-card form{display:flex;flex-direction:column;gap:6px}.auth-card label{color:#525252;color:var(--gray-600);font-size:.8rem;font-weight:500;margin-top:8px}.auth-card input{border:1px solid #e5e5e5;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius);font-size:.9rem;padding:10px 12px;transition:border-color .15s}.auth-card input:focus{border-color:#d50000;border-color:var(--red);outline:none}.form-error{color:#d50000;color:var(--red);font-size:.8rem;margin-top:4px}.btn-primary{background:#d50000;background:var(--red);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:16px;padding:11px;transition:background .15s}.btn-primary:hover{background:#b00000;background:var(--red-dark)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.auth-footer{color:#a3a3a3;color:var(--gray-400);font-size:.8rem;margin-top:20px;text-align:center}.auth-footer a{color:#d50000;color:var(--red);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.dashboard{display:flex;flex-direction:column;gap:20px}.upload-bar{background:#fff;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;box-shadow:var(--shadow);display:flex;gap:12px;padding:14px 20px}.upload-bar,.upload-btn{align-items:center;border-radius:8px;border-radius:var(--radius)}.upload-btn{background:#d50000;background:var(--red);color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;padding:9px 18px;transition:background .15s}.upload-btn:hover{background:#b00000;background:var(--red-dark)}.upload-hint{color:#a3a3a3;color:var(--gray-400);font-size:.8rem}.panels{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.panel{background:#fff;border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.panel-header{align-items:center;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--gray-200);color:#525252;color:var(--gray-600);display:flex;font-size:.8rem;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.panel textarea{border:none;flex:1 1;font-family:inherit;font-size:.9rem;line-height:1.6;min-height:260px;padding:16px;resize:vertical}.panel textarea:focus{outline:none}.translated-output{flex:1 1;font-size:.9rem;line-height:1.6;min-height:260px;overflow-y:auto;padding:16px;white-space:pre-wrap}.loading-text,.placeholder-text{color:#a3a3a3;color:var(--gray-400)}.loading-text{font-style:italic}.translated-line{border-left:3px solid #0000;line-height:1.7;padding:4px 0 4px 10px;transition:border-color .15s,background .15s}.translated-line.active-line{background:#ffeaea;background:var(--red-light);border-left-color:#d50000;border-left-color:var(--red);border-radius:0 4px 4px 0}.translated-line.done-line{color:#171717;color:var(--gray-900)}.lang-badge{background:#ffeaea;background:var(--red-light);border-radius:20px;color:#d50000;color:var(--red);display:inline-block;font-size:.7rem;font-weight:600;padding:2px 8px;text-transform:capitalize}.control-buttons,.lang-buttons{display:flex;gap:10px}.lang-buttons button{background:#fff;border:2px solid #d50000;border:2px solid var(--red);border-radius:8px;border-radius:var(--radius);color:#d50000;color:var(--red);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:12px;transition:background .15s,color .15s}.lang-buttons button.active,.lang-buttons button:hover:not(:disabled){background:#d50000;background:var(--red);color:#fff}.lang-buttons button:disabled{cursor:not-allowed;opacity:.35}.control-buttons button{background:#fff;border:1px solid #e5e5e5;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius);color:#525252;color:var(--gray-600);cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;padding:10px;transition:background .15s,color .15s,border-color .15s}.control-buttons button:hover:not(:disabled){border-color:#d50000;border-color:var(--red);color:#d50000;color:var(--red)}.control-buttons button:disabled{cursor:not-allowed;opacity:.35}.history-page h2{font-size:1.15rem;font-weight:600;margin-bottom:20px}.empty-state{color:#a3a3a3;color:var(--gray-400);font-size:.9rem}.history-list{display:flex;flex-direction:column;gap:12px}.history-card{background:#fff;border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;box-shadow:var(--shadow);padding:16px 20px}.history-meta{align-items:center;display:flex;gap:10px;margin-bottom:12px}.history-date{font-size:.75rem}.delete-btn,.history-date{color:#a3a3a3;color:var(--gray-400)}.delete-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1rem;margin-left:auto;padding:2px 6px;transition:color .15s,background .15s}.delete-btn:hover{background:#ffeaea;background:var(--red-light);color:#d50000;color:var(--red)}.history-texts{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.text-label{color:#a3a3a3;color:var(--gray-400);display:block;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.history-texts p{color:#525252;color:var(--gray-600);font-size:.85rem;line-height:1.5}.history-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.history-header h2{margin-bottom:0}.history-search{align-items:center;display:flex;gap:8px}.history-search input{border:1px solid #e5e5e5;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius);font-size:.85rem;padding:8px 12px;transition:border-color .15s;width:220px}.history-search input:focus{border-color:#d50000;border-color:var(--red);outline:none}.history-search button{background:#d50000;background:var(--red);border:1px solid #d50000;border:1px solid var(--red);border-radius:8px;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:8px 16px;transition:background .15s}.history-search button:hover{background:#b00000;background:var(--red-dark)}.search-clear{background:#fff!important;color:#d50000!important;color:var(--red)!important}.search-clear:hover{background:#ffeaea!important;background:var(--red-light)!important}.search-info{color:#525252;color:var(--gray-600);font-size:.8rem;margin-bottom:12px}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:20px}.pagination button{background:#fff;border:1px solid #e5e5e5;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius);color:#525252;color:var(--gray-600);cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 18px;transition:border-color .15s,color .15s}.pagination button:hover:not(:disabled){border-color:#d50000;border-color:var(--red);color:#d50000;color:var(--red)}.pagination button:disabled{cursor:not-allowed;opacity:.35}.page-info{color:#a3a3a3;color:var(--gray-400);font-size:.8rem}.speech-page{display:flex;flex-direction:column;gap:16px}.speech-controls{align-items:center;background:#fff;border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;box-shadow:var(--shadow);display:flex;gap:16px;padding:14px 20px}.speech-lang-select{display:flex;gap:8px}.speech-lang-select button{background:#fff;border:2px solid #e5e5e5;border:2px solid var(--gray-200);border-radius:8px;border-radius:var(--radius);color:#525252;color:var(--gray-600);cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 18px;transition:border-color .15s,color .15s,background .15s}.speech-lang-select button:hover{border-color:#d50000;border-color:var(--red);color:#d50000;color:var(--red)}.speech-lang-select button.active{background:#d50000;background:var(--red);border-color:#d50000;border-color:var(--red);color:#fff}.mic-btn{align-items:center;background:#fff;border:2px solid #d50000;border:2px solid var(--red);border-radius:8px;border-radius:var(--radius);color:#d50000;color:var(--red);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;margin-left:auto;padding:10px 22px;transition:background .15s,color .15s}.mic-btn.recording,.mic-btn:hover{background:#d50000;background:var(--red);color:#fff}.pulse{animation:pulse-anim 1s infinite;background:#fff;border-radius:50%;display:inline-block;height:10px;width:10px}@keyframes pulse-anim{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}.toolbar{align-items:center;background:#fff;border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;box-shadow:var(--shadow);display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px}.toolbar button{background:#fff;border:1px solid #e5e5e5;border:1px solid var(--gray-200);border-radius:4px;color:#171717;color:var(--gray-900);cursor:pointer;font-size:.85rem;min-width:32px;padding:6px 10px;text-align:center;transition:background .1s,border-color .1s}.toolbar button:hover{background:#f5f5f5;background:var(--gray-100);border-color:#a3a3a3;border-color:var(--gray-400)}.toolbar-sep{background:#e5e5e5;background:var(--gray-200);height:24px;margin:0 4px;width:1px}.toolbar-select{background:#fff;border:1px solid #e5e5e5;border:1px solid var(--gray-200);border-radius:4px;color:#171717;color:var(--gray-900);cursor:pointer;font-size:.8rem;padding:5px 8px}.toolbar-select:focus{border-color:#d50000;border-color:var(--red);outline:none}.rich-editor{background:#fff;border:2px solid #0000;border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;box-shadow:var(--shadow);font-size:1rem;line-height:1.7;min-height:360px;outline:none;overflow-y:auto;padding:20px;transition:border-color .15s}.rich-editor:focus{border-color:#d50000;border-color:var(--red)}.rich-editor:empty:before{color:#a3a3a3;color:var(--gray-400);content:attr(data-placeholder);pointer-events:none}.rich-editor .interim{color:#a3a3a3;color:var(--gray-400);font-style:italic}.export-bar{align-items:center;background:#fff;border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;box-shadow:var(--shadow);display:flex;gap:10px;padding:14px 20px}.export-label{color:#525252;color:var(--gray-600)}.export-btn,.export-label{font-size:.85rem;font-weight:600}.export-btn{background:#fff;border:2px solid #d50000;border:2px solid var(--red);border-radius:8px;border-radius:var(--radius);color:#d50000;color:var(--red);cursor:pointer;padding:8px 20px;transition:background .15s,color .15s}.export-btn:hover{background:#d50000;background:var(--red);color:#fff}@media (max-width:640px){.history-texts,.panels{grid-template-columns:1fr}.navbar{padding:0 12px}.main-content{padding:20px 12px}.lang-buttons,.speech-lang-select{flex-direction:column}.toolbar{flex-wrap:wrap}}
/*# sourceMappingURL=main.e2a3ca31.css.map*/