:root{--bg:#0f1419;--bg-elevated:#1a222c;--bg-input:#121820;--border:#2a3544;--text:#e8eef4;--text-muted:#8b9aab;--accent:#3d8bfd;--accent-hover:#5a9fff;--danger:#e85d5d;--success:#3ecf8e;--radius:10px;--font:"IBM Plex Sans","Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.5rem;border-bottom:1px solid var(--border);background:rgba(15,20,25,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{font-weight:600;letter-spacing:.02em;color:var(--text)}.brand span{color:var(--text-muted);font-weight:400;margin-left:.5rem}.topbar-actions{display:flex;gap:.75rem;align-items:center}.main{flex:1 1;width:min(920px,100%);margin:0 auto;padding:2rem 1.25rem 3rem}.btn{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:8px;padding:.55rem 1rem;transition:background .15s ease,border-color .15s ease}.btn:hover{border-color:#3a4a5c;background:#222c38}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.field label{font-size:.875rem;color:var(--text-muted)}.field input{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.7rem .85rem}.field input:focus{outline:2px solid rgba(61,139,253,.35);border-color:var(--accent)}.error{color:var(--danger);font-size:.9rem;margin:.5rem 0 0}.muted{color:var(--text-muted)}.login-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(ellipse at 20% 10%,rgba(61,139,253,.12),transparent 45%),radial-gradient(ellipse at 80% 90%,rgba(62,207,142,.08),transparent 40%),var(--bg)}.login-card{width:min(400px,100%)}.login-card h1{margin:0 0 .35rem;font-size:1.5rem}.login-card p{margin:0 0 1.5rem;color:var(--text-muted)}.dropzone{border:1.5px dashed var(--border);border-radius:var(--radius);padding:2rem 1.25rem;text-align:center;background:var(--bg-input);transition:border-color .15s ease,background .15s ease}.dropzone.active{border-color:var(--accent);background:rgba(61,139,253,.08)}.dropzone.disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.dropzone input{display:none}.file-name{margin-top:.75rem;font-family:var(--font-mono);font-size:.85rem}.status-line{margin-top:1rem;padding:.85rem 1rem;border-radius:8px;background:#15202b;border:1px solid var(--border);font-size:.9rem}.status-line.ok{border-color:rgba(62,207,142,.4)}.status-line.err{border-color:rgba(232,93,93,.45)}.actions{display:flex;gap:.75rem;margin-top:1.25rem;flex-wrap:wrap}.tool-grid{display:grid;grid-gap:1rem;gap:1rem;margin-top:1.5rem}.tool-link{display:block;padding:1.15rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);color:inherit;transition:border-color .15s ease}.tool-link:hover{border-color:var(--accent);color:inherit}.tool-link h2{margin:0 0 .35rem;font-size:1.1rem}.tool-link p{margin:0;font-size:.9rem}.meta-row,.tool-link p{color:var(--text-muted)}.meta-row{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem;font-size:.85rem}.meta-row strong{color:var(--text);font-weight:500}.progress-panel{margin-top:1.25rem;padding:1rem 1.1rem;border-radius:8px;background:#15202b;border:1px solid var(--border)}.progress-header{display:flex;gap:.85rem;align-items:flex-start}.spinner{width:1.15rem;height:1.15rem;margin-top:.15rem;border:2px solid rgba(61,139,253,.25);border-top:2px solid var(--accent);border-radius:50%;animation:spin .75s linear infinite;flex-shrink:0}.spinner-sm{width:.85rem;height:.85rem;margin-top:0;border-width:2px;display:inline-block;vertical-align:middle}@keyframes spin{to{transform:rotate(1turn)}}.stage-list{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.55rem}.stage{display:flex;gap:.7rem;align-items:flex-start;font-size:.9rem}.stage-marker{width:1.25rem;height:1.25rem;display:grid;place-items:center;flex-shrink:0;font-size:.85rem;color:var(--text-muted)}.stage-done .stage-marker{color:var(--success)}.stage-active .stage-label{color:var(--text);font-weight:500}.stage-active .stage-marker{color:var(--accent)}.stage-error .stage-label,.stage-error .stage-marker{color:var(--danger)}.stage-pending{opacity:.55}.stage-label{color:var(--text)}.stage-message{margin-top:.15rem;color:var(--text-muted);font-size:.8rem;font-family:var(--font-mono)}