*,:before,:after{box-sizing:border-box}:root{--color-bg:#fff;--color-bg-subtle:#fcfcfc;--color-bg-sidebar:#fdfdfd;--color-border:#e5e7eb;--color-border-focus:#a1a1aa;--color-text:#0a0a0a;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-success:#16a34a;--color-warning:#ca8a04;--color-error:#dc2626;--sidebar-w:20%;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--font:"Inter", system-ui, sans-serif}body{font-family:var(--font);color:var(--color-text);background:var(--color-bg);margin:0}#root{min-height:100vh}.app-shell{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid}.sidebar{background:var(--color-bg-sidebar);border-right:1px solid var(--color-border);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar__logo{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);padding:1.25rem 1rem .5rem;font-size:.75rem;font-weight:700}.sidebar__count{color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding:0 1rem .75rem;font-size:.75rem}.sidebar__list{flex:1;margin:0;padding:0;list-style:none}.sidebar__empty{color:var(--color-text-muted);padding:1rem;font-size:.85rem}.job-item{cursor:pointer;border-bottom:1px solid var(--color-border);flex-direction:column;gap:.2rem;padding:.6rem 1rem;transition:background .1s;display:flex;position:relative}.job-item:hover{background:var(--color-bg-subtle)}.job-item--selected{background:var(--color-border)!important}.job-item__filename{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;padding-right:1.5rem;font-size:.85rem;overflow:hidden}.job-item__delete{opacity:0;cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;padding:0 .2rem;font-size:1.1rem;line-height:1;transition:opacity .15s;position:absolute;top:.6rem;right:.6rem}.job-item:hover .job-item__delete{opacity:1}.job-item__delete:disabled{cursor:not-allowed;opacity:.3!important}.job-item__meta{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.job-item__time{color:var(--color-text-muted);white-space:nowrap;opacity:.7;font-size:.72rem}.job-item__reprocess{cursor:pointer;color:var(--color-text-secondary);font-size:.78rem;font-family:var(--font);text-align:left;background:0 0;border:none;margin-top:.1rem;padding:0;text-decoration:underline}.job-item__reprocess:disabled{opacity:.5;cursor:not-allowed}.main{background:var(--color-bg);flex-direction:column;display:flex;overflow-y:auto}.content{flex:1;width:70%;margin:2rem auto}.header{border-bottom:1px solid var(--color-border);justify-content:flex-end;align-items:center;gap:.75rem;padding:.875rem 1.5rem;display:flex}.header__username{color:var(--color-text-secondary);font-size:.82rem}.btn{border-radius:var(--radius-md);cursor:pointer;font-size:.88rem;font-weight:600;font-family:var(--font);border:none;padding:.55rem 1.1rem;transition:opacity .15s}.btn-primary{color:#fff;background:#0a0a0a}.btn-primary:hover:not(:disabled){opacity:.82}.btn-ghost{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0;padding:.35rem .75rem;font-size:.8rem;font-weight:400}.btn-ghost:hover:not(:disabled){border-color:var(--color-border-focus)}.btn:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:1.25rem;padding:1.25rem 1.5rem}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 .75rem;font-size:.7rem;font-weight:600}.upload-zone{border-radius:var(--radius-lg);text-align:center;cursor:pointer;border:2px dashed #000;margin:0 20% 1.25rem;padding:1rem;transition:border-color .15s,background .15s}.upload-zone:hover,.upload-zone--drag-over{border-style:solid;border-color:var(--color-border-focus);background:#fff}.upload-zone--busy{cursor:wait}.upload-zone__icon{color:var(--color-text-muted);margin-bottom:.5rem;font-size:1.5rem}.upload-zone__label{color:var(--color-text-secondary);margin:0 0 .25rem;font-size:.9rem}.upload-zone__hint{color:var(--color-text-muted);margin:0;font-size:.78rem}.upload-error{color:var(--color-error);margin:.5rem 0 0;font-size:.82rem}.input-text{border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.9rem;font-family:var(--font);background:var(--color-bg);color:var(--color-text);outline:none;padding:.5rem .75rem;transition:border-color .15s}.input-text:focus{border-color:var(--color-border-focus)}.status-badge{color:var(--color-text-secondary);align-items:center;gap:.35rem;font-size:.78rem;display:inline-flex}.status-badge__dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-badge--success .status-badge__dot{background:var(--color-success)}.status-badge--warning .status-badge__dot{background:var(--color-warning)}.status-badge--error .status-badge__dot{background:var(--color-error)}.status-badge--muted .status-badge__dot{background:var(--color-text-muted)}.email-preview{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-subtle);outline:none;min-height:200px;padding:1.25rem;font-size:.9rem;transition:border-color .15s;overflow-x:auto}.email-preview:focus{border-color:var(--color-border-focus)}.login-gate{background:var(--color-bg-subtle);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;background:#fff;width:360px;padding:2.5rem 2rem}.login-card__icon{margin-bottom:1rem;font-size:2rem}.login-card__title{color:var(--color-text);margin:0 0 .5rem;font-size:1.4rem;font-weight:700}.login-card__subtitle{color:var(--color-text-secondary);margin:0 0 2rem;font-size:.88rem}