*,:before,:after{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font:16px/1.5 Inter,system-ui,Segoe UI,Roboto,sans-serif}html,body,#root{height:100%}body{margin:0}h1,h2,h3{margin:0;font-weight:700}p{margin:0}button{font:inherit}:root{--bg-deep:#071912;--bg-panel:#c7f1c50a;--bg-panel-hover:#c7f1c512;--border:#c7f1c51a;--border-strong:#c7f1c538;--text:#eaf6ee;--text-muted:#8fa89a;--accent:#4ade80;--accent-strong:#86efac;--accent-bg:#4ade801f;--danger:#f87171;--danger-bg:#f871711f;--warning:#fbbf24;--warning-bg:#fbbf241f}.app-root{background:radial-gradient(1100px 520px at 12% -10%, #4ade8024, transparent 60%), linear-gradient(160deg, #05130d 0%, var(--bg-deep) 45%, #0a1f16 100%);min-height:100vh;color:var(--text);flex-direction:column;display:flex}.app-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1200px;margin:0 auto;padding:24px 28px;display:flex}.brand{align-items:center;gap:14px;display:flex}.logo{background:linear-gradient(160deg,#c7f1c5,#9fe0a0);border-radius:12px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 6px 18px #4ade8040}.logo img{object-fit:contain;width:30px;height:30px;display:block}.eyebrow{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.app-header h1{letter-spacing:-.02em;font-size:1.35rem}.header-note{color:var(--text-muted);text-align:right;max-width:320px;font-size:.88rem}.app-main{flex:1;grid-template-columns:1fr 400px;align-items:start;gap:20px;width:100%;max-width:1200px;margin:0 auto;padding:28px 20px 40px;display:grid}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;padding:20px}.drop-area{text-align:center;border:2px dashed var(--border-strong);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;min-height:340px;padding:32px;transition:box-shadow .15s,transform .15s,border-color .15s,background .15s;display:flex}.drop-area:hover{border-color:var(--accent);background:#4ade8008}.drop-area:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.drop-inner{flex-direction:column;align-items:center;gap:6px;display:flex}.drop-icon{background:var(--accent-bg);width:64px;height:64px;color:var(--accent-strong);border-radius:50%;place-items:center;margin-bottom:8px;display:grid}.drop-icon svg{width:30px;height:30px}.drop-inner h2{margin:4px 0 2px;font-size:1.15rem}.drop-inner .muted{color:var(--text-muted);font-size:.92rem;line-height:1.5}.browse-button{border:1px solid var(--border-strong);background:var(--accent-bg);color:var(--accent-strong);cursor:pointer;border-radius:999px;margin-top:14px;padding:10px 22px;font-size:.92rem;font-weight:600;transition:background .15s,transform .1s,border-color .15s}.browse-button:hover{border-color:var(--accent);background:#4ade8033}.browse-button:active{transform:scale(.97)}.error-text{color:var(--danger);margin-top:4px;font-size:.88rem}.drop-area.dragging{border-color:var(--accent);box-shadow:0 20px 55px #0719128c, 0 0 0 4px var(--accent-bg);background:#4ade800d;transform:translateY(-4px)}.summary{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.stat{background:var(--bg-panel);border:1px solid var(--border);text-align:center;border-radius:10px;padding:12px 8px}.stat.stat-pending .num{color:var(--text)}.stat.stat-success .num{color:var(--accent-strong)}.stat.stat-error .num{color:var(--danger)}.stat.stat-skipped .num{color:var(--warning)}.num{color:var(--text);font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:700;display:block}.label{color:var(--text-muted);font-size:.78rem}.queue{flex-direction:column;gap:8px;max-height:440px;padding-right:2px;display:flex;overflow:auto}.queue::-webkit-scrollbar{width:6px}.queue::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.queue-item{border:1px solid var(--border);border-left:3px solid var(--border-strong);background:#ffffff04;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;animation:.18s queue-in;display:flex}@keyframes queue-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.queue-item.success{border-left-color:var(--accent)}.queue-item.error{border-left-color:var(--danger)}.queue-item.skipped{border-left-color:var(--warning)}.meta{min-width:0}.file-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.file-meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.pill{white-space:nowrap;text-transform:capitalize;border-radius:999px;flex-shrink:0;padding:5px 12px;font-size:.78rem;font-weight:700}.pill.pending{color:var(--text-muted);background:#ffffff0f}.pill.success{background:var(--accent-bg);color:var(--accent-strong)}.pill.error{background:var(--danger-bg);color:var(--danger)}.pill.skipped{background:var(--warning-bg);color:var(--warning)}.empty{color:var(--text-muted);text-align:center;padding:32px 14px;font-size:.92rem}.app-footer{color:var(--text-muted);text-align:center;padding:18px 0 32px;font-size:.8rem}@media (width<=900px){.app-header{flex-direction:column;align-items:flex-start}.header-note{text-align:left;max-width:none}.app-main{grid-template-columns:1fr}.summary{grid-template-columns:repeat(2,1fr)}}