*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f4f5f7;color:#1a1a1a;font-size:14px;line-height:1.5}.app-header{background:#1a1a2e;color:#fff;padding:10px 24px;display:flex;align-items:center;gap:12px}.app-header h1{font-size:17px;font-weight:600}.app-header .subtitle{font-size:11px;opacity:.55;margin-top:2px}.header-mascot{height:52px;width:52px;object-fit:contain;flex-shrink:0}.app-main{max-width:1400px;margin:0 auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.panel{background:#fff;border:1px solid #e2e2e2;border-radius:8px;padding:18px 20px}.panel.panel-locked{opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none}.panel h2{font-size:14px;font-weight:600;color:#1a1a2e;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.dropzone{border:2px dashed #c8c8d0;border-radius:6px;padding:28px 20px;text-align:center;cursor:pointer;color:#777;transition:border-color .15s,background .15s,color .15s;-webkit-user-select:none;user-select:none}.dropzone:hover,.dropzone.active{border-color:#4f46e5;background:#f5f3ff;color:#4f46e5}.dropzone.disabled{opacity:.5;cursor:not-allowed}.file-table,.segment-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:12px}.file-table th,.segment-table th{text-align:left;padding:7px 10px;background:#f8f8f8;border-bottom:2px solid #e2e2e2;font-weight:600;white-space:nowrap;color:#333}.file-table td,.segment-table td{padding:6px 10px;border-bottom:1px solid #f0f0f0;vertical-align:top}.file-table tr:hover td,.segment-table tr:hover td{background:#fafafa}.segment-table td.text-cell{max-width:280px;white-space:pre-wrap;word-break:break-word;line-height:1.4}.table-wrapper{overflow-x:auto}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-bottom:16px}.option-group{display:flex;flex-direction:column;gap:7px}.group-label{font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:#555;margin-bottom:2px}.option-group label{display:flex;align-items:center;gap:7px;cursor:pointer;-webkit-user-select:none;user-select:none}.option-group label.sub{margin-left:18px;color:#555;font-size:13px}.llm-unavailable{padding:7px 11px;background:#fff8e1;border:1px solid #ffc107;border-radius:4px;color:#856404;font-size:12px}.llm-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.badge{font-size:11px;background:#e8f5e9;color:#2e7d32;padding:2px 7px;border-radius:10px;font-weight:500}button{cursor:pointer;border:none;border-radius:5px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .13s,opacity .13s;display:inline-flex;align-items:center;gap:6px}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#4f46e5;color:#fff}.btn-primary:hover:not(:disabled){background:#4338ca}.btn-secondary{background:#ebebeb;color:#222}.btn-secondary:hover:not(:disabled){background:#ddd}.btn-success{background:#16a34a;color:#fff}.btn-success:hover:not(:disabled){background:#15803d}.spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.spinner.dark{border-color:#00000026;border-top-color:#333}@keyframes spin{to{transform:rotate(360deg)}}.progress-wrap{margin-bottom:14px}.progress-label{font-size:12px;color:#555;margin-bottom:5px}.progress-bar-bg{background:#e9ecef;border-radius:4px;height:7px;overflow:hidden}.progress-bar-fill{height:100%;background:#4f46e5;border-radius:4px;transition:width .25s ease}.pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;font-size:13px;color:#555}.auth-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:8px 24px;font-size:13px}.auth-bar-demo{background:#fef3c7;border-bottom:1px solid #fcd34d;color:#78350f}.auth-bar-subscriber{background:#dcfce7;border-bottom:1px solid #86efac;color:#14532d}.auth-tier-badge{font-weight:700;font-size:12px;padding:2px 10px;border-radius:10px}.auth-tier-demo{background:#fde68a;color:#92400e}.auth-tier-subscriber{background:#bbf7d0;color:#14532d}.auth-demo-msg{flex:1}.auth-expiry{opacity:.7;font-size:12px}.auth-spend{font-size:12px;opacity:.8}.auth-logout{background:none;border:1px solid #86efac;border-radius:4px;padding:2px 10px;cursor:pointer;font-size:12px;color:#14532d}.auth-logout:hover{background:#bbf7d0}.auth-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.auth-code-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.auth-code-input{padding:4px 8px;border:1px solid #fcd34d;border-radius:4px;font-size:13px;width:200px;background:#fff}.auth-activate-btn{background:#d97706;color:#fff;border:none;border-radius:4px;padding:4px 12px;cursor:pointer;font-size:13px}.auth-activate-btn:disabled{opacity:.5;cursor:not-allowed}.auth-cancel-btn{background:none;border:none;cursor:pointer;font-size:16px;color:#78350f;padding:0 4px}.auth-enter-code-btn{background:none;border:1px solid #f59e0b;border-radius:4px;padding:4px 12px;cursor:pointer;font-size:12px;color:#78350f}.auth-enter-code-btn:hover{background:#fef3c7}.auth-error{color:#991b1b;font-size:12px}.auth-subscribe-wrap{position:relative}.auth-subscribe-btn{background:#1a1a2e;color:#fff;border:none;border-radius:4px;padding:4px 12px;cursor:pointer;font-size:12px}.auth-subscribe-menu{flex-direction:column;gap:2px;position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 6px 20px #00000026;z-index:100;min-width:200px;padding:4px 0}.auth-subscribe-menu button{background:none;border:none;text-align:left;padding:10px 16px;cursor:pointer;font-size:13px;width:100%;display:block}.auth-subscribe-menu button:hover{background:#f5f3ff;color:#4f46e5}.auth-subscribe-menu button:first-child{border-radius:8px 8px 0 0}.auth-subscribe-menu button:last-child{border-radius:0 0 8px 8px}.glossary-aware-note{font-size:12px;color:#166534;background:#dcfce7;border:1px solid #86efac;border-radius:4px;padding:6px 10px;margin-bottom:10px}.llm-budget-row{display:flex;gap:16px;font-size:12px;color:#555;margin-bottom:8px}.alert-limit{background:#fef3c7;color:#92400e;border:1px solid #fcd34d;border-radius:5px;padding:8px 12px;font-size:13px}.export-card-highlight{border-color:#0ea5e9;background:#f0f9ff}.batch-split{margin-top:14px;padding-top:14px;border-top:1px solid #f0f0f0}.batch-split-label{font-size:12px;font-weight:600;color:#888;margin-bottom:8px;text-transform:uppercase;letter-spacing:.4px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:200}.edit-drawer{position:fixed;top:0;right:0;width:480px;max-width:95vw;height:100vh;background:#fff;box-shadow:-4px 0 24px #0000001f;z-index:201;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:0}.drawer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #f0f0f0}.drawer-title{font-weight:700;font-size:15px}.drawer-sub{font-size:11px;color:#888;margin-top:2px}.drawer-close{background:none;border:none;font-size:16px;cursor:pointer;color:#888;padding:0 4px;line-height:1}.drawer-close:hover{color:#333}.drawer-section{margin-bottom:14px}.drawer-section-final{background:#f5f3ff;border-radius:6px;padding:10px;margin-left:-10px;margin-right:-10px}.drawer-label{font-weight:600;font-size:12px;color:#555;margin-bottom:5px}.drawer-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.field-required{color:#4f46e5}.drawer-source{font-size:13px;line-height:1.5;white-space:pre-wrap;background:#f8f8f8;padding:8px;border-radius:4px;color:#333}.drawer-readonly{font-size:13px;white-space:pre-wrap;color:#555;background:#fafafa;border:1px solid #eee;padding:7px 8px;border-radius:4px}.empty-hint{color:#bbb}.drawer-textarea{width:100%;padding:7px 8px;border:1px solid #ccc;border-radius:4px;font-size:13px;font-family:inherit;resize:vertical;line-height:1.5}.drawer-textarea-final{border-color:#4f46e5;background:#fff;font-weight:500}.drawer-textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a}.quick-fill{font-size:11px;background:none;border:1px solid #ccc;border-radius:4px;padding:2px 8px;cursor:pointer;color:#4f46e5}.quick-fill:hover{background:#f5f3ff;border-color:#4f46e5}.status-radio-group{display:flex;flex-wrap:wrap;gap:6px}.status-radio{display:flex;align-items:center;gap:5px;font-size:12px;cursor:pointer;padding:3px 8px;border-radius:10px;border:1px solid #ddd}.status-radio-approved{border-color:#86efac}.status-radio-edited{border-color:#93c5fd}.status-radio-needs_human{border-color:#fcd34d}.status-radio-rejected{border-color:#fca5a5}.qa-warning-list{display:flex;flex-direction:column;gap:5px}.qa-warning-item{font-size:12px;padding:5px 8px;border-radius:4px}.qa-high{background:#fee2e2;color:#991b1b}.qa-medium{background:#fef3c7;color:#92400e}.qa-low{background:#e0f2fe;color:#075985}.drawer-actions{display:flex;gap:8px;margin-top:8px;padding-top:14px;border-top:1px solid #f0f0f0}.table-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}.filter-chips{display:flex;flex-wrap:wrap;gap:5px;flex:1}.filter-chip{background:#f0f0f0;border:1px solid #ddd;border-radius:14px;padding:3px 10px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background .12s}.filter-chip:hover{background:#e4e4e7}.filter-chip.active{background:#4f46e5;color:#fff;border-color:#4f46e5}.chip-count{opacity:.7;font-size:11px}.search-input{padding:5px 10px;border:1px solid #ccc;border-radius:6px;font-size:13px;width:220px}.search-input:focus{outline:none;border-color:#4f46e5}.bulk-actions-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.bulk-select{padding:5px 8px;border:1px solid #ccc;border-radius:5px;font-size:13px;background:#fff}.filter-note{font-size:12px;color:#888;margin-left:8px}.row-has-warnings td{background:#fffbeb!important}.row-rejected td{opacity:.55;text-decoration:line-through}.cell-source{font-size:13px}.cell-file{font-size:10px;color:#aaa;margin-top:2px}.qa-badge{background:#fef3c7;color:#92400e;font-size:11px;font-weight:600;padding:2px 5px;border-radius:4px;cursor:default;white-space:nowrap}.btn-edit-row{font-size:11px;padding:3px 8px;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer}.btn-edit-row:hover{background:#e4e4e7}.glossary-row{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.glossary-upload-area{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}.glossary-count{font-size:13px;color:#166534;font-weight:500}.glossary-hint{font-size:11px;color:#999;width:100%}.glossary-hint code{font-family:monospace;background:#f0f0f0;padding:1px 4px;border-radius:3px}.qa-summary{margin-top:10px;padding:8px 12px;border-radius:5px;font-size:13px;font-weight:500}.qa-summary-warn{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.qa-summary-ok{background:#dcfce7;color:#166534;border:1px solid #86efac}.dropzone-limits{font-size:11px;color:#aaa;margin-top:6px}.translation-services{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.services-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.services-label{font-weight:600;font-size:13px;color:#333}.test-mode-badge{font-size:10px;background:#fff3cd;color:#856404;border:1px solid #ffc107;padding:1px 7px;border-radius:10px;font-weight:500;letter-spacing:.3px}.services-row{display:flex;gap:12px;flex-wrap:wrap}.service-card{border:1px solid #e2e2e2;border-radius:6px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;min-width:210px}.service-card-title{font-weight:600;font-size:13px}.service-hint{font-size:12px;color:#999;font-style:italic}.service-meta{font-size:11px;color:#666}.btn-human{background:#0ea5e9;color:#fff;cursor:pointer;border:none;border-radius:5px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .13s;display:inline-flex;align-items:center;gap:6px}.btn-human:hover:not(:disabled){background:#0284c7}.btn-human:disabled{opacity:.5;cursor:not-allowed}.cost-preview{font-size:12px;color:#555;background:#f0f9ff;border:1px solid #bae6fd;border-radius:4px;padding:4px 8px}.cost-estimate{font-size:12px;font-weight:600;color:#166534;background:#dcfce7;border:1px solid #86efac;border-radius:4px;padding:4px 8px}.cost-note{font-weight:400;color:#666}.service-card-disabled{opacity:.5}.export-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.export-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.export-card{border:1px solid #e2e2e2;border-radius:6px;padding:14px;display:flex;flex-direction:column;gap:6px}.export-card-title{font-weight:600;font-size:13px}.export-card-desc{font-size:12px;color:#777;flex:1}.export-err{font-size:12px;color:#991b1b;margin-top:4px}.llm-fields{display:flex;flex-direction:column;gap:4px;margin-top:4px;margin-left:18px}.llm-field-label{font-size:12px;color:#555;font-weight:500}.llm-text-input{width:100%;padding:5px 8px;border:1px solid #ccc;border-radius:4px;font-size:13px;font-family:inherit}.stats-bar{font-size:12px;color:#555;background:#f8f8f8;padding:5px 10px;border-radius:4px;margin-bottom:12px;border:1px solid #ebebeb}.alert{padding:8px 12px;border-radius:5px;font-size:13px;margin-top:10px}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.alert-success{background:#dcfce7;color:#166534;border:1px solid #86efac}input[type=number]{width:58px;padding:3px 7px;border:1px solid #ccc;border-radius:4px;font-size:13px}input[type=checkbox],input[type=radio]{width:14px;height:14px;cursor:pointer;flex-shrink:0}.welcome-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.welcome-modal{position:relative;background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000059;max-width:680px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.welcome-close{position:absolute;top:12px;right:14px;background:transparent;border:none;font-size:18px;color:#6b7280;cursor:pointer;line-height:1;padding:4px 6px;border-radius:4px;z-index:1}.welcome-close:hover{background:#f3f4f6;color:#111}.welcome-video{width:100%;border-radius:12px 12px 0 0;display:block;max-height:320px;object-fit:cover}.welcome-text{padding:24px 28px 20px;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}.welcome-text-visible{opacity:1;transform:translateY(0)}.welcome-text p{font-size:14px;line-height:1.65;color:#374151;margin-bottom:14px}.welcome-text p:last-of-type{margin-bottom:0}.welcome-footer{margin-top:20px;text-align:right}.welcome-dismiss-btn{background:#1d4ed8;color:#fff;border:none;border-radius:6px;padding:9px 20px;font-size:14px;font-weight:600;cursor:pointer}.welcome-dismiss-btn:hover{background:#1e40af}.welcome-logo-row{display:flex;justify-content:center;margin-bottom:16px}.welcome-logo{width:50%;height:auto;object-fit:contain}