:root{--border: #e2e2df;--text-primary: #1a1a18;--text-secondary: #6b6b66;--text-muted: #9a9a94;--surface-1: #f4f3ef;--surface-2: #ffffff;--accent: #185fa5;--bg-accent: #e6f1fb;--success: #0f6e56;--bg-success: #e1f5ee;--danger: #a32d2d;--bg-danger: #fcebeb;--warning: #854f0b;--bg-warning: #faeeda;--radius: 8px}*{box-sizing:border-box}body{font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-primary);background:var(--surface-1);margin:0;padding:2rem 1rem}.container{max-width:480px;margin:0 auto}.container.wide{max-width:960px}.card{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:1.5rem}h1{font-size:20px;font-weight:500;margin:0 0 4px}p.subtitle{font-size:13px;color:var(--text-secondary);margin:0 0 1.5rem}label{font-size:13px;color:var(--text-secondary);display:block;margin-bottom:4px}input[type=text],input[type=email],input[type=password]{width:100%;height:38px;border:1px solid var(--border);border-radius:var(--radius);padding:0 12px;font-size:14px;margin-bottom:12px}button{border:1px solid var(--border);background:var(--surface-2);border-radius:var(--radius);height:38px;padding:0 16px;font-size:14px;cursor:pointer}button.primary{background:var(--text-primary);color:#fff;border:none}button:disabled{opacity:.5;cursor:not-allowed}.error-text{font-size:13px;color:var(--danger);margin:4px 0 0}.success-box{background:var(--bg-success);color:var(--success);border-radius:var(--radius);padding:10px 12px;font-size:13px;margin-bottom:10px}.hidden{display:none}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:8px 12px;font-weight:500;color:var(--text-secondary);background:var(--surface-1)}td{padding:8px 12px;border-top:1px solid var(--border)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:1.5rem}.stat-card{background:var(--surface-1);border-radius:var(--radius);padding:1rem}.stat-card p.label{font-size:13px;color:var(--text-secondary);margin:0 0 4px}.stat-card p.value{font-size:24px;font-weight:500;margin:0}.dropzone{border:1px dashed var(--text-muted);border-radius:var(--radius);padding:1.5rem;text-align:center;cursor:pointer;margin-bottom:1.5rem}.dropzone.dragover{border-color:var(--accent)}.badge{font-size:11px;padding:2px 8px;border-radius:var(--radius)}.badge.ok{background:var(--bg-success);color:var(--success)}.badge.warn{background:var(--bg-warning);color:var(--warning)}.badge.info{background:var(--bg-accent);color:var(--accent)}.top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}