:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,system-ui,Segoe UI,Roboto,sans-serif}body{background:#f6f6fb;margin:0}#root{width:100%;min-height:100vh}h1,h2,h3,p{margin:0}button{font-family:inherit}:root{--purple:#6b21a8;--purple-600:#7c3aed;--purple-500:#8b5cf6;--purple-050:#f5f3ff;--ink:#1f2333;--muted:#6b7280;--line:#e8e8ef;--bg:#f6f6fb;--green:#16a34a;--radius:16px}*{box-sizing:border-box}body{margin:0}.app{background:var(--bg);min-height:100vh;color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;width:240px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;margin-bottom:28px;padding:0 6px;font-size:22px;font-weight:800;display:flex}.brand-mark{background:linear-gradient(135deg, var(--purple-600), var(--purple-500));color:#fff;border-radius:9px;place-items:center;width:30px;height:30px;font-size:16px;display:grid}.brand-name{color:var(--purple)}nav{flex-direction:column;gap:4px;display:flex}.nav{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:11px 12px;font-size:15px;font-weight:500;display:flex}.nav:hover{background:#f4f4f8}.nav.active{background:var(--purple-050);color:var(--purple);font-weight:700}.nav-ico{font-size:16px}.sidebar-foot{margin-top:auto;padding:12px 8px}.in-house{color:var(--purple);font-size:13px;font-weight:700}.main{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fff;padding:22px 34px}.topbar h1{margin:0;font-size:24px}.content{max-width:1180px;padding:28px 34px}.muted{color:var(--muted)}.small{font-size:12.5px}.cards-row{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px;display:grid}.upload-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.upload-card h2{margin:0 0 6px;font-size:19px}.upload-card p{margin:0;font-size:13.5px}.upload-card.alt{background:linear-gradient(#fff,#faf9ff)}.btn-primary{background:var(--purple-600);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:12px 20px;font-size:14.5px;font-weight:700;display:inline-block}.btn-primary:hover{background:var(--purple)}.btn-primary.block{text-align:center;width:100%;margin-top:8px;padding:14px}.btn-outline{color:var(--purple);border:1.5px solid var(--purple-500);cursor:pointer;white-space:nowrap;background:#fff;border-radius:10px;padding:11px 20px;font-weight:700}.btn-ghost{border:1px solid var(--line);cursor:pointer;color:#374151;background:0 0;border-radius:9px;padding:8px 14px;font-weight:600}.btn-ghost:hover{background:#f4f4f8}.btn-icon{background:var(--purple-600);color:#fff;cursor:pointer;border:none;border-radius:9px;width:38px;height:38px;font-size:16px}.progress-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:20px;padding:18px 22px}.progress-label{margin-bottom:10px;font-size:14px}.progress-track{background:#eee;border-radius:99px;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--purple-500), var(--purple-600));height:100%;transition:width .3s}.results-head h2{margin:6px 0 14px;font-size:20px}.empty{border:1px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--muted);background:#fff;padding:40px}.file-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:16px;overflow:hidden}.file-row{grid-template-columns:1.6fr 1fr 1fr auto;align-items:center;gap:16px;padding:18px 22px;display:grid}.file-name{align-items:center;gap:12px;display:flex}.file-ico{font-size:24px}.file-title{font-weight:700}.file-emails{color:var(--muted);font-weight:600}.file-valid{color:var(--green);font-weight:800}.file-actions{align-items:center;gap:8px;display:flex}.validation-results{border-top:1px solid var(--line);background:#fbfbfe;padding:26px 24px}.vr-title{margin:0 0 20px;font-size:22px}.vr-body{grid-template-columns:auto 1fr 1.1fr;align-items:center;gap:28px;display:grid}.donut{position:relative}.donut-center{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.donut-center-label{font-size:30px;font-weight:800}.donut-center-sub{color:var(--muted);font-size:14px}.vr-legend{flex-direction:column;gap:12px;display:flex}.legend-row{grid-template-columns:64px 1fr auto;align-items:center;gap:12px;display:grid}.legend-pct{text-align:center;border-radius:8px;padding:5px 4px;font-size:12.5px;font-weight:700}.legend-label{font-weight:600}.na-note{color:var(--muted);font-size:11px;font-weight:400}.legend-count{color:#374151;font-weight:700}.vr-metrics{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:18px;padding:18px;display:grid}.metric-block{text-align:center;border-right:1px solid var(--line);padding-right:8px}.metric-title{color:#374151;font-size:13px;font-weight:700}.metric-big{font-size:30px;font-weight:800}.metric-sub{color:var(--muted);font-size:12px}.metric-cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.metric-card{text-align:center}.metric-card-label{font-size:12.5px;font-weight:700}.metric-card-value{color:var(--muted);margin:2px 0 6px;font-size:14px}.metric-chip{color:#fff;border-radius:99px;padding:3px 12px;font-size:12px;font-weight:700;display:inline-block}.metric-chip.green{background:#22c55e}.metric-chip.red{background:#dc2626}.vr-footnote{color:var(--muted);margin:18px 0 0;font-size:12px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:28px}.panel-head h2{margin:0 0 6px}.panel-head p{margin:0 0 18px}.verify-form{gap:12px;display:flex}.verify-form input{border:1.5px solid var(--line);border-radius:10px;outline:none;flex:1;padding:14px 16px;font-size:15px}.verify-form input:focus{border-color:var(--purple-500)}.verify-form button{background:var(--purple-600);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:0 28px;font-size:15px;font-weight:700}.verify-form button:disabled{opacity:.6}.error-box{color:#b91c1c;background:#fee2e2;border-radius:10px;margin:16px 0;padding:12px 16px;font-size:14px}.result-panel{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.result-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.result-email{font-size:18px;font-weight:700}.result-verdict{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.confidence{color:var(--muted);font-size:12.5px}.status-badge{border-radius:99px;padding:5px 14px;font-size:13px;font-weight:800}.did-you-mean{color:#854d0e;background:#fef9c3;border-radius:10px;margin:16px 0;padding:10px 14px;font-size:14px}.check-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:22px 0;display:grid}.check-item{border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.check-icon{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-weight:800;display:grid}.check-item.pass .check-icon{background:#22c55e}.check-item.fail .check-icon{background:#dc2626}.check-item.neutral .check-icon{background:#f59e0b}.check-label{font-size:14px;font-weight:700}.check-detail{color:var(--muted);word-break:break-word;font-size:12.5px}.field-grid{border:1px solid var(--line);background:#fbfbfe;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;padding:18px;display:grid}.field-label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px}.field-value{word-break:break-word;margin-top:3px;font-weight:600}.modal-overlay{z-index:50;background:#1e1b2d8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:100%;max-width:520px;padding:30px;position:relative}.modal-close{background:var(--purple-050);color:var(--purple);cursor:pointer;border:none;border-radius:50%;width:32px;height:32px;font-size:14px;position:absolute;top:16px;right:16px}.modal-title{text-align:center;margin:0 0 16px}.modal-file{background:var(--purple-050);color:var(--purple);text-align:center;border-radius:12px;margin-bottom:18px;padding:14px;font-weight:700}.modal-sub{text-align:center;margin-bottom:16px;font-weight:700}.toggle-grid{grid-template-columns:1fr 1fr;gap:14px 18px;display:grid}.toggle-row{cursor:pointer;align-items:center;gap:10px;display:flex}.toggle-row input{display:none}.switch{background:#d1d5db;border-radius:99px;flex-shrink:0;width:42px;height:24px;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:left .15s;position:absolute;top:3px;left:3px}.toggle-row input:checked+.switch{background:var(--purple-500)}.toggle-row input:checked+.switch:after{left:21px}.toggle-label{font-weight:600}.modal-note{text-align:center;color:var(--muted);margin:18px 0 6px;font-size:12.5px}.kb-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0 24px;display:grid}.kb-stat{border:1px solid var(--line);text-align:center;border-radius:14px;padding:18px}.kb-stat-value{font-size:30px;font-weight:800}.kb-stat-label{color:var(--muted);margin-top:4px;font-size:12.5px}.kb-stat.purple .kb-stat-value{color:var(--purple-600)}.kb-stat.green .kb-stat-value{color:#16a34a}.kb-stat.red .kb-stat-value{color:#dc2626}.kb-stat.amber .kb-stat-value{color:#d97706}.kb-uploads{grid-template-columns:1fr 1fr;gap:16px;display:grid}.kb-card{border:1px solid var(--line);border-radius:14px;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;display:flex}.kb-card h3{font-size:16px}.ok-box{color:#15803d;background:#dcfce7;border-radius:10px;margin:16px 0;padding:12px 16px;font-size:14px}.loading-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60;background:#1e1b2d73;place-items:center;display:grid;position:fixed;inset:0}.loading-card{text-align:center;background:#fff;border-radius:18px;padding:34px 44px;box-shadow:0 20px 50px #0000002e}.spinner{border:5px solid #ede9fe;border-top-color:var(--purple-600);border-radius:50%;width:46px;height:46px;margin:0 auto 16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-bottom:4px;font-size:16px;font-weight:700}.detail-modal{text-align:center;max-width:720px}.detail-mail-ico{background:var(--purple-050);width:58px;height:58px;color:var(--purple);border-radius:50%;place-items:center;margin:6px auto 16px;font-size:26px;display:grid}.detail-status-wrap{margin:8px 0 18px}.detail-cell-label{color:var(--muted);letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:700}.detail-status{border:2px solid var(--line);text-transform:capitalize;border-radius:12px;min-width:300px;padding:14px;font-size:17px;font-weight:700;display:inline-block}.detail-status.ok{color:#15803d;background:#f0fdf4;border-color:#86efac}.detail-status.bad{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.detail-status.warn{color:#b45309;background:#fffbeb;border-color:#fcd34d}.detail-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.detail-cell{text-align:center}.detail-cell-box{border:1.5px solid var(--line);word-break:break-word;border-radius:12px;place-items:center;min-height:52px;padding:14px 10px;font-size:15px;font-weight:700;display:grid}.detail-cell-box.ok{color:#15803d;background:#f0fdf4;border-color:#86efac}.detail-cell-box.dim{color:var(--muted);font-weight:500}.detail-reason{color:var(--muted);margin-top:20px;font-size:12.5px}@media (width<=900px){.cards-row,.vr-body{grid-template-columns:1fr}.file-row{grid-template-columns:1fr;gap:10px}.detail-grid{grid-template-columns:1fr 1fr}}