.sb-container{padding:var(--space-xl) 56px;background-color:var(--bg-main);min-height:100vh;font-family:var(--font-family);color:var(--text-main)}.sb-inner{max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-xl)}.sb-header{display:flex;justify-content:space-between;align-items:center}.sb-header-left{display:flex;align-items:center;gap:var(--space-md)}.sb-back-btn{display:flex;align-items:center;gap:var(--space-sm);padding:10px var(--space-md);border:1px solid var(--border-default);background:var(--bg-white);border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--text-main);cursor:pointer;box-shadow:var(--shadow-sm)}.sb-title-group{display:flex;align-items:baseline;gap:var(--space-sm)}.sb-title{font-size:14px;font-weight:700;color:var(--text-main);margin:0}.sb-subtitle{font-size:14px;color:var(--text-muted);margin:0}.sb-header-right{display:flex;gap:12px}.sb-btn-white{display:flex;align-items:center;gap:var(--space-sm);height:40px;padding:0 var(--space-md);background:var(--bg-white);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--text-main);cursor:pointer}.sb-btn-blue-light{display:flex;align-items:center;gap:var(--space-sm);height:40px;padding:0 var(--space-md);background:var(--primary-light);border:1px solid var(--primary-border);border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--primary-color);cursor:pointer}.sb-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.sb-stat-card{background:var(--bg-white);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-md)}.sb-stat-header{display:flex;justify-content:space-between;align-items:center}.sb-stat-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.sb-stat-value{font-size:32px;font-weight:700;color:var(--text-main);margin:0;text-align:center}.sb-stat-footer{font-size:13px;color:var(--text-muted)}.sb-progress-bg{height:6px;background:var(--bg-white);border-radius:3px;overflow:hidden;background-color:var(--bg-main)}.sb-progress-fill{height:100%;background:var(--primary-color);transition:width .3s ease}.sb-progress-fill.done{background:var(--success-text)}.sb-main-card{background:var(--bg-white);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-md);overflow:hidden}.sb-filter-row{padding:20px var(--space-lg);display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);border-bottom:1px solid var(--bg-hover)}.sb-filters-left{display:flex;gap:12px;align-items:center;flex:1}.sb-search-box{position:relative;width:240px}.sb-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-light)}.sb-input{width:100%;height:40px;padding:0 12px 0 36px;border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:14px;color:var(--text-main);background:var(--bg-white);outline:none;transition:all .2s ease}.sb-input:hover{border-color:#b8b8cf}.sb-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #4945ff1a}.sb-custom-select{position:relative;min-width:160px}.sb-custom-select-trigger{width:100%;height:40px;padding:0 var(--space-md);display:flex;justify-content:space-between;align-items:center;background:var(--bg-white);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;outline:none}.sb-custom-select-trigger:hover{border-color:#b8b8cf}.sb-custom-select-trigger.open{border-color:var(--primary-color);box-shadow:0 0 0 2px #4945ff1a}.sb-custom-select-text{font-size:14px;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-custom-select-icon{color:var(--text-light);transition:transform .2s ease}.sb-custom-select-icon.rotate{transform:rotate(180deg)}.sb-custom-select-menu{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:var(--bg-white);border-radius:var(--radius-sm);border:1px solid var(--border-light);box-shadow:0 6px 20px #0000001f;z-index:1000;max-height:300px;overflow-y:auto;padding:4px 0}.sb-custom-select-item{padding:10px var(--space-md);font-size:14px;color:var(--text-main);cursor:pointer;transition:background .1s ease}.sb-custom-select-item:hover{background:var(--bg-main)}.sb-custom-select-item.selected{background:var(--primary-light);color:var(--primary-color);font-weight:600}.sb-btn-purple-light{height:36px;padding:0 var(--space-md);background:var(--primary-light);border:1px solid var(--primary-border);border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--primary-color);cursor:pointer}.sb-btn-gray-light{height:36px;padding:0 var(--space-md);background:var(--bg-hover);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--text-muted);cursor:pointer}.sb-btn-sync{display:flex;align-items:center;gap:var(--space-sm);height:36px;padding:0 var(--space-md);background:var(--bg-hover);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--text-light);cursor:not-allowed}.sb-btn-sync.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);cursor:pointer}.sb-table{width:100%;border-collapse:collapse}.sb-table th{text-align:left;padding:var(--space-md) var(--space-lg);font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--bg-hover)}.sb-table td{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--bg-hover);vertical-align:middle}.sb-checkbox{width:18px;height:18px;cursor:pointer}.sb-doc-title{font-size:14px;font-weight:600;color:var(--text-main);margin-bottom:2px}.sb-doc-sub{font-size:12px;color:var(--text-light)}.sb-badge{display:inline-block;padding:2px 8px;border-radius:2px;font-size:11px;font-weight:700;text-transform:uppercase}.sb-badge-blue{background:var(--info-bg);color:var(--info-text)}.sb-badge-ready{background:var(--info-bg);color:var(--info-text);margin-top:4px}.sb-badge-success{background:var(--success-bg);color:var(--success-text);margin-top:4px}.sb-badge-warning{background:var(--warning-bg);color:var(--warning-text);margin-top:4px}.sb-table-progress-row{display:flex;align-items:center;gap:12px}.sb-table-progress-bar{flex:1;height:6px;background:var(--bg-hover);border-radius:3px;overflow:hidden;max-width:200px}.sb-progress-text{font-size:12px;font-weight:600;color:var(--text-main);min-width:35px}.sb-status-icon{width:16px;height:16px}.sb-empty-state{padding:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);color:var(--text-light)}@keyframes sb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sb-active-jobs-section{background:var(--bg-white);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--border-light);margin-bottom:24px}.sb-active-jobs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sb-section-title{display:flex;align-items:center;gap:12px}.sb-section-title h3{margin:0;font-size:16px;font-weight:700;color:var(--text-main)}.sb-badge-count{background:#e0e7ff;color:#4f46e5;font-size:12px;font-weight:700;padding:2px 8px;border-radius:4px}.sb-auto-refresh-badge{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700;color:#0ea5e9;background:#e0f2fe;padding:4px 10px;border-radius:4px;text-transform:uppercase}.sb-spinner-mini{width:10px;height:10px;border:2px solid #bae6fd;border-top:2px solid #0ea5e9;border-radius:50%;animation:sb-spin 1s linear infinite}.sb-jobs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.sb-job-card{background:#fafafb;border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:16px 20px;transition:all .2s ease}.sb-job-card:hover{background:#fff;border-color:var(--border-default);box-shadow:var(--shadow-sm)}.sb-job-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sb-job-title{font-weight:700;font-size:15px;color:var(--text-main)}.sb-job-status-wrapper{display:flex;align-items:center;gap:8px}.sb-job-locales{font-size:11px;font-weight:700;color:var(--text-muted);background:#eef2f6;padding:4px 8px;border-radius:4px;text-transform:uppercase}.sb-job-percent-badge{font-size:11px;font-weight:700;color:#fff;background:#818cf8;padding:4px 8px;border-radius:4px}.sb-job-percent-badge.done{background:#22c55e}.sb-job-progress-container{margin-bottom:12px}.sb-job-progress-bar{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.sb-job-progress-fill{height:100%;background:#6366f1;border-radius:3px;transition:width .3s ease}.sb-job-footer{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-muted);font-weight:500}.sb-job-meta{display:flex;align-items:center;gap:6px}.sb-icon-folder{color:#f59e0b}.sb-icon-clock{color:#94a3b8}.tm-container{display:flex;flex-direction:column;gap:var(--space-lg);padding:32px 40px;max-width:1400px;margin:0 auto;min-height:100vh;background-color:var(--bg-main);font-family:var(--font-family);box-sizing:border-box}.tm-content-wrapper{display:flex;gap:var(--space-lg);align-items:flex-start}.tm-sidebar{width:320px;flex-shrink:0;display:flex;flex-direction:column;box-shadow:var(--shadow-md);border-radius:var(--radius-md);overflow:hidden}.tm-control-center{background:#271fe0;color:#fff;padding:20px var(--space-lg);font-weight:700;font-size:14px;display:flex;align-items:center;gap:10px}.tm-sidebar-card{background:var(--bg-white);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.tm-header-card{background:var(--bg-white);padding:20px 32px;border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-md)}.tm-title-section{display:flex;align-items:center;gap:var(--space-md)}.tm-logo-box{width:42px;height:42px;background:#271fe0;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.tm-title h1{margin:0;font-size:18px;font-weight:700;color:var(--text-main);line-height:1.2}.tm-subtitle{margin:4px 0 0;font-size:13px;color:var(--text-muted)}.tm-main{flex-grow:1}.tm-list-card{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden}.tm-list-header{padding:20px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-light)}.tm-form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.tm-label{display:block;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.tm-select{width:100%;padding:10px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-default);font-size:14px;background:var(--bg-white);outline:none;color:var(--text-main);height:40px}.tm-language-box{border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:20px;display:flex;flex-direction:column;gap:var(--space-md)}.tm-search-wrapper{position:relative;width:100%}.tm-search-box{width:100%;padding:0 16px 0 40px;border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:14px;height:38px;color:var(--text-main)}.tm-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-light);width:16px;height:16px;pointer-events:none}.tm-btn-primary{background:var(--primary-light);color:#271fe0;border:1px solid var(--primary-border);padding:0 16px;border-radius:var(--radius-sm);font-weight:600;font-size:12px;display:flex;align-items:center;gap:var(--space-sm);height:36px;cursor:pointer;transition:all .2s}.tm-btn-primary:hover{background:#e0e0ff}.tm-table-header{display:grid;grid-template-columns:60px 2fr 1fr 1fr;padding:14px 32px;font-size:12px;font-weight:600;color:var(--text-muted);background:#fafafb;border-bottom:1px solid var(--border-light);text-transform:uppercase;letter-spacing:.5px}.tm-list-item{display:grid;grid-template-columns:60px 2fr 1fr 1fr;padding:18px 32px;align-items:center;border-bottom:1px solid var(--border-light);font-size:14px;color:var(--text-main)}.tm-list-item:hover{background:var(--bg-main)}.tm-item-title{font-weight:600;color:var(--text-main);font-size:14px}.tm-status-ready{background:#e5f9f1;color:#0c764e;padding:4px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:700;display:inline-block;text-transform:uppercase}.tm-pagination{padding:16px 32px;display:flex;justify-content:space-between;align-items:center;background:var(--bg-white);font-size:12px;color:var(--text-muted);border-top:1px solid var(--border-light)}.tm-page-btn{padding:8px 12px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-white);margin-left:8px;font-size:12px;color:var(--text-main);cursor:pointer}.tm-checkbox{width:18px;height:18px;border-radius:var(--radius-sm);border:1px solid #c0c0cf;cursor:pointer}.tm-list-controls{display:flex;gap:12px}.tm-lang-list{display:flex;flex-direction:column;gap:12px;max-height:200px;overflow-y:auto;padding-right:4px}.tm-checkbox-item{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer;color:var(--text-main)}.tm-badge{font-size:11px;padding:2px 6px;border-radius:var(--radius-sm);background:#eaeafb;color:#271fe0;font-weight:600;margin-left:auto}.flex-between{display:flex;justify-content:space-between;align-items:center}.tm-spinner-small{width:14px;height:14px;border:2px solid #a5a5ba;border-top:2px solid #271fe0;border-radius:50%;animation:tm-spin .8s linear infinite}@keyframes tm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--primary-color: #3b3bff;--bg-color: #f4f6f8;--text-color: #333;--border-color: #e0e0e0;--white: #ffffff;--success-color: #e6f7e6;--success-text: #2e7d32;--font-family: "Inter", system-ui, -apple-system, sans-serif}body{margin:0;padding:0;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color)}*{box-sizing:border-box}button{cursor:pointer;font-family:inherit}:root{--primary-color: #4945ff;--primary-hover: #3b3bff;--primary-light: #f0f0ff;--primary-border: #d9d8ff;--text-main: #32324d;--text-muted: #666687;--text-light: #8e8ea9;--bg-main: #f6f6f9;--bg-white: #ffffff;--bg-hover: #f0f0f5;--border-default: #dcdce4;--border-light: #eaeaef;--success-bg: #eafbe7;--success-text: #5cb176;--warning-bg: #fff5e6;--warning-text: #f29d41;--error-bg: #ffe6e6;--error-text: #d93025;--info-bg: #eaf5ff;--info-text: #007eff;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 4px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 1px 4px rgba(33, 33, 52, .1);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-md);height:36px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-primary{background:var(--primary-light);color:var(--primary-color);border-color:var(--primary-border)}.btn-primary:hover{background:#e0e0ff}.btn-secondary{background:#fff;color:var(--text-main);border-color:var(--border-default)}.btn-secondary:hover{border-color:#b8b8cf}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.toast-item{padding:12px 24px;border-radius:var(--radius-sm);box-shadow:0 4px 12px #00000026;margin-bottom:10px;cursor:pointer;display:flex;align-items:center;gap:10px;min-width:300px;animation:slideIn .3s ease-out;font-size:14px;font-weight:500;pointer-events:auto}.toast-success{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-text)}.toast-error{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-text)}.toast-warning{background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-text)}.toast-info{background:var(--info-bg);color:var(--info-text);border:1px solid var(--info-text)}.toast-default{background:#fff;color:var(--text-main);border:1px solid var(--border-default)}