*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep: #07070f;--bg-card: #0d0d1a;--bg-panel: #111128;--bg-hover: #16163a;--border: #1e1e4a;--border-glow:#7b2fff44;--green: #00ff88;--green-dim: #00cc6a;--purple: #7b2fff;--purple-dim: #5b1fcc;--orange: #ff6b35;--cyan: #00d4ff;--red: #ff3366;--yellow: #ffd700;--text-1: #e8e8ff;--text-2: #9999cc;--text-3: #5555aa;--mono: "JetBrains Mono", monospace;--sans: "Inter", sans-serif}html,body,#root{height:100%;background:var(--bg-deep);color:var(--text-1);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-card)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--purple-dim)}.scanlines{position:relative;overflow:hidden}.scanlines:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px);pointer-events:none;z-index:1}.glow-green{text-shadow:0 0 8px var(--green),0 0 20px var(--green-dim)}.glow-purple{text-shadow:0 0 8px var(--purple),0 0 20px var(--purple-dim)}.glow-cyan{text-shadow:0 0 8px var(--cyan)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px}.card-glow{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 0 0 1px var(--border-glow);transition:box-shadow .2s}.card-glow:hover{box-shadow:0 0 0 1px var(--purple) 66,0 4px 32px var(--purple) 22}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-family:var(--mono);font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .15s;white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--purple),var(--purple-dim));color:#fff;box-shadow:0 2px 12px var(--purple) 44}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#9b4fff,var(--purple));box-shadow:0 4px 20px var(--purple) 66;transform:translateY(-1px)}.btn-green{background:linear-gradient(135deg,var(--green-dim),#009955);color:#000;box-shadow:0 2px 12px var(--green) 44}.btn-green:hover:not(:disabled){box-shadow:0 4px 20px var(--green) 66;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-2);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-1);border-color:var(--purple)88}.btn-danger{background:linear-gradient(135deg,#c13,#902);color:#fff}.btn-danger:hover:not(:disabled){box-shadow:0 4px 20px var(--red) 66;transform:translateY(-1px)}.input{background:var(--bg-deep);border:1px solid var(--border);border-radius:6px;color:var(--text-1);font-family:var(--mono);font-size:13px;padding:8px 12px;width:100%;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple) 22}.input::placeholder{color:var(--text-3)}.select{background:var(--bg-deep);border:1px solid var(--border);border-radius:6px;color:var(--text-1);font-family:var(--mono);font-size:13px;padding:8px 32px 8px 12px;width:100%;outline:none;cursor:pointer;transition:border-color .15s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235555aa' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.select:focus{border-color:var(--purple)}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.5px}.badge-green{background:var(--green)22;color:var(--green);border:1px solid var(--green)44}.badge-purple{background:var(--purple)22;color:var(--purple);border:1px solid var(--purple)44}.badge-orange{background:var(--orange)22;color:var(--orange);border:1px solid var(--orange)44}.badge-cyan{background:var(--cyan)22;color:var(--cyan);border:1px solid var(--cyan)44}.badge-red{background:var(--red)22;color:var(--red);border:1px solid var(--red)44}.badge-yellow{background:var(--yellow)22;color:var(--yellow);border:1px solid var(--yellow)44}.progress-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden}.progress-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--purple),var(--cyan));transition:width .3s ease;box-shadow:0 0 8px var(--purple) 66}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.4}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade{animation:fadeIn .3s ease}.animate-slide{animation:slideIn .3s ease}.spin{animation:spin 1s linear infinite}.label{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-3);margin-bottom:6px}.mono{font-family:var(--mono)}textarea.input{resize:vertical;min-height:80px;line-height:1.6}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:16px 0}.tooltip{position:relative}.tooltip-content{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;padding:4px 8px;font-size:11px;color:var(--text-2);white-space:nowrap;z-index:100}.tooltip:hover .tooltip-content{display:block}html,body,#root{overflow-x:hidden}@media (max-width: 768px){.header-top{flex-wrap:wrap;gap:8px;padding:8px 12px!important}.header-logo-group{gap:8px!important}.header-title-sub{display:none}.header-right{gap:8px!important}.header-nav{padding:0 0 0 4px!important;overflow-x:auto!important;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.header-nav::-webkit-scrollbar{display:none}.header-nav button{flex-shrink:0;padding:8px 10px!important;font-size:11px!important}.tab-label{display:none}}@media (max-width: 480px){.header-status-badge span{display:none}}@media (max-width: 640px){.statusbar{padding:5px 10px!important;gap:10px!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap}.statusbar::-webkit-scrollbar{display:none}.statusbar>*{flex-shrink:0}}@media (max-width: 640px){.tab-content-scroll{padding:12px!important;gap:12px!important}}@media (max-width: 480px){.upload-hero-title{font-size:20px!important;letter-spacing:0!important}.upload-dropzone{padding:28px 16px!important}.upload-dropzone-icon{font-size:36px!important;margin-bottom:8px!important}}@media (max-width: 640px){.strings-toolbar{gap:8px!important;padding:10px 12px!important}.strings-stats{flex-wrap:wrap;gap:4px!important}.strings-toolbar-actions{width:100%;display:flex;gap:8px}.strings-toolbar-actions .btn{flex:1;justify-content:center}.strings-filter-input{min-width:0!important;width:100%!important}}@media (max-width: 480px){.translate-stats-grid{grid-template-columns:repeat(2,1fr)!important}.translate-mode-grid{grid-template-columns:1fr 1fr!important}}@media (max-width: 480px){.settings-provider-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 480px){.feature-cards-grid{grid-template-columns:1fr 1fr!important}}.tooltip-content{max-width:min(240px,90vw);white-space:normal!important}@media (max-width: 480px){.btn{padding:7px 12px!important;font-size:12px!important}}