:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;color-scheme:light;color:var(--text-main);background-color:var(--bg-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary: #1e293b;--primary-hover: #334155;--accent: #3b82f6;--bg-body: #ffffff;--bg-card: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--success: #22c55e;--error: #ef4444;--warning: #f59e0b;--secondary-brand: #4caf50;--bg-input: #f8fafc}*{box-sizing:border-box}body{margin:0;display:flex;place-items:flex-start;min-width:320px;min-height:100vh;width:100%;background-color:var(--bg-body);color:var(--text-main)}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.app-container{width:100%;max-width:1100px;margin:0 auto;padding:1rem;flex:1}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.5rem 1rem;border-bottom:1px solid var(--border);background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d}.logo{display:flex;align-items:center;gap:12px;cursor:pointer}.logo img{height:32px;width:auto}.logo-text{font-size:1.5em;font-weight:700;color:var(--primary);display:none}.status-badge{padding:6px 12px;border-radius:20px;font-size:.9em;font-weight:600;text-transform:capitalize}.status-idle{background:#e5e7eb;color:#374151}.status-running{background:var(--secondary-brand);color:#fff;animation:pulse 2s infinite}.status-waiting_captcha{background:#f59e0b;color:#fff;animation:bounce 1s infinite}.status-finished{background:var(--secondary-brand);color:#fff}.status-error{background:#ef4444;color:#fff}.card{background:var(--bg-card);border-radius:8px;box-shadow:0 2px 4px -1px #0000000d;padding:1rem;margin-bottom:1rem;border:1px solid var(--border)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:8px}label{font-size:.9em;font-weight:600;color:var(--text-main)}input{background:var(--bg-input);border:1px solid var(--border);padding:10px 12px;border-radius:6px;color:var(--text-main);font-size:1em;transition:border-color .2s}input:focus{outline:none;border-color:var(--secondary-brand);box-shadow:0 0 0 2px #4caf501a}select{color:var(--text-main)}.tabs{display:flex;gap:.5rem;margin-bottom:1rem}.tab{background:transparent;border:none;color:var(--text-muted);padding:6px 12px;cursor:pointer;font-weight:600;border-bottom:2px solid transparent;transition:all .2s;display:flex;align-items:center;font-size:.9rem}.tab:hover{color:var(--primary)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.btn{background:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s}.btn:hover:not(:disabled){background:var(--primary-hover)}.btn:disabled{opacity:.6;cursor:not-allowed;background:#9ca3af}.btn-secondary{background:#e5e7eb;color:#374151}.btn-secondary:hover:not(:disabled){background:#d1d5db}.btn-primary{background:var(--secondary-brand);color:#fff;padding:8px 16px;border-radius:6px;display:inline-flex;align-items:center;gap:8px;font-size:.9em;transition:background .2s}.btn-primary:hover{background:#45a049}.btn-icon{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover{color:var(--primary);background:#0000000d}.action-bar{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.report-table{width:100%;border-collapse:collapse;font-size:.9em;margin-top:1rem}.report-table th,.report-table td{padding:12px;border-bottom:1px solid var(--border);text-align:left}.report-table th{color:var(--text-muted);font-weight:600;background:#f9fafb}.row-highlight{background:#4caf500d}.status-submit{color:#f59e0b;font-weight:700}.status-processed{color:var(--secondary-brand);font-weight:700}.waiting-overlay{position:fixed;bottom:2rem;right:2rem;background:#fff;border:1px solid #f59e0b;padding:1.5rem;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-width:300px;z-index:1000;animation:slideIn .3s ease-out;color:var(--text-main)}.waiting-overlay p{color:var(--text-muted)}footer{padding:2rem;margin-top:2rem;border-top:1px solid var(--border);text-align:center;color:var(--text-muted);font-size:.9rem}.footer-content{display:flex;flex-direction:column;gap:4px}.footer-company{font-weight:600;color:var(--text-main)}.footer-mail{color:var(--accent);text-decoration:none}.footer-mail:hover{text-decoration:underline}.file-manager{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.file-section h4{margin-top:0;margin-bottom:1rem;display:flex;align-items:center;gap:8px;color:var(--text-main)}.upload-box{margin-bottom:1rem}.file-list{list-style:none;padding:0;margin:0;background:var(--bg-input);border-radius:8px;border:1px solid var(--border);max-height:300px;overflow-y:auto}.file-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border)}.file-item:last-child{border-bottom:none}.file-info{display:flex;align-items:center;gap:10px;overflow:hidden}.file-icon{color:var(--text-muted);flex-shrink:0}.file-name{font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;color:var(--text-main)}.file-size{font-size:.75em;color:var(--text-muted);margin-left:8px}.file-actions{display:flex;gap:4px}.empty-state{padding:1.5rem;text-align:center;color:var(--text-muted);font-size:.9em}.landing-container{height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;color:#1e293b;padding:2rem}.landing-content{max-width:800px;text-align:center;animation:fadeIn .8s ease-out}.landing-logo{height:120px;margin-bottom:2rem}h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}h3{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}h4{font-size:1rem;font-weight:600;margin-bottom:.25rem}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.25rem;color:#64748b;margin-bottom:3rem;line-height:1.6}.btn-launch{background:var(--secondary-brand);color:#fff;border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:9999px;cursor:pointer;display:inline-flex;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #4caf5066,0 2px 4px -1px #4caf5033}.btn-launch:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 10px 15px -3px #4caf5066,0 4px 6px -2px #4caf5033}.btn-launch:active{transform:translateY(0)}.landing-features{display:flex;justify-content:center;gap:2rem;margin-top:4rem}.feature{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#475569}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.captcha-trigger{position:relative}.captcha-popover{position:absolute;top:100%;right:0;width:220px;z-index:1000;padding:1rem;margin-top:12px;display:flex;flex-direction:column;gap:12px;border:1px solid var(--accent);box-shadow:0 10px 25px -5px #0003;background:#fff;animation:slideInDown .2s ease-out}@keyframes slideInDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.captcha-img{width:100%;height:auto;border-radius:4px;border:1px solid var(--border);background:#f1f5f9}.captcha-input{padding:8px;font-size:1rem;text-align:center;text-transform:uppercase;font-weight:700;letter-spacing:2px;border:2px solid var(--border);border-radius:4px}.captcha-input:focus{border-color:var(--accent);outline:none}.btn-sm{padding:6px 12px;font-size:.85rem}.captcha-popover{position:absolute;top:100%;right:0;width:200px;z-index:100;padding:1rem;margin-top:10px;display:flex;flex-direction:column;gap:10px;border:1px solid var(--accent);box-shadow:0 10px 15px -3px #0000001a}.captcha-img{width:100%;height:auto;border-radius:4px;border:1px solid var(--border)}.captcha-input{padding:6px;font-size:.9rem;text-align:center;text-transform:uppercase;font-weight:700}.btn-sm{padding:5px 10px;font-size:.8rem}
