*{box-sizing:border-box}body{color:#17202a;background:#f4f6f8;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}main{max-width:1200px;margin:0 auto;padding:36px 22px}header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#607080;margin:0 0 8px;font-size:12px;font-weight:700}h1{letter-spacing:-.02em;margin:0;font-size:34px;line-height:1.15}.muted{color:#64748b;margin-top:10px}.upload{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.upload input[type=file]{background:#fff;border:1px solid #ccd4dc;border-radius:8px;max-width:250px;padding:8px;font-size:13px}button{color:#fff;cursor:pointer;background:#17202a;border:0;border-radius:8px;padding:10px 15px;font-weight:600;transition:all .2s}button:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed}.secondary{color:#17202a;background:#fff;border:1px solid #d8dee6}.secondary:hover:not(:disabled){background:#f8fafc}.filters,.card{background:#fff;border:1px solid #e1e6eb;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 8px #0f172a08}.filters{align-items:end;gap:14px;padding:14px;display:flex}.filters label{color:#556270;flex-direction:column;gap:5px;font-size:13px;font-weight:600;display:flex}.filters input{color:#17202a;background:#fff;border:1px solid #ccd4dc;border-radius:7px;outline:none;padding:9px 10px}.filters input:focus{border-color:#64748b;box-shadow:0 0 0 3px #64748b1f}.collapse{color:#17202a;text-align:left;background:0 0;border-radius:12px;justify-content:space-between;width:100%;font-size:15px;display:flex}.collapse:hover:not(:disabled){background:#f8fafc;transform:none}.stats{grid-template-columns:repeat(7,1fr);gap:10px;padding:0 14px 14px;display:grid}.stat{background:#fcfdfe;border:1px solid #e7ebef;border-radius:9px;padding:14px;transition:all .2s}.stat:hover{border-color:#cfd7df;transform:translateY(-1px)}.stat span{color:#66717d;margin-bottom:7px;font-size:12px;display:block}.stat strong{letter-spacing:-.01em;font-size:20px}.section-title{justify-content:space-between;align-items:center;padding:16px 16px 8px;display:flex}.section-title h2{margin:0;font-size:18px}.section-title span{color:#687583;font-size:12px}.table-wrap{border-radius:0 0 12px 12px;overflow:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:800px}.table-wrap th,.table-wrap td{text-align:left;border-top:1px solid #edf0f2;padding:11px 16px;font-size:13px}.table-wrap th{color:#66717d;background:#fafbfc;font-size:12px;font-weight:700}.table-wrap tbody tr:hover{background:#fafcff}.badge{border-radius:999px;padding:3px 7px;font-size:11px;font-weight:700;display:inline-block}.badge.ok{color:#18713a;background:#e8f6ed}.badge.invalid{color:#a14d0a;background:#fff0e5}.toast{color:#fff;z-index:100;background:#17202a;border-radius:9px;max-width:500px;padding:12px 16px;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 25px #0f172a2e}.empty-state{text-align:center;color:#687583;padding:35px 20px;font-size:14px}@media (width<=1100px){.stats{grid-template-columns:repeat(4,1fr)}}@media (width<=900px){.stats{grid-template-columns:repeat(2,1fr)}header{flex-direction:column;align-items:flex-start}.upload{width:100%}}@media (width<=600px){main{padding:22px 14px}h1{font-size:28px}.filters{flex-direction:column;align-items:stretch}.filters label,.filters input{width:100%}.upload{flex-direction:column;align-items:stretch}.upload input[type=file]{width:100%;max-width:none}.upload button{width:100%}.stats{grid-template-columns:1fr}}
