:root{--green: #02bd9d;--black: #0d081c;--white: #ffffff;--muted: #6b6780;--line: #e6e4ef;--bg: #f6f5fb;--warn: #c45c26;--bad: #b42318}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Poppins,system-ui,sans-serif;color:var(--black);background:var(--bg)}button,input,select{font-family:inherit}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);background:var(--white);border:1px solid var(--line);border-radius:12px;padding:28px 24px;box-shadow:0 10px 30px #0d081c14}.login-card h1{margin:0 0 8px;font-size:22px}.login-card p{margin:0 0 20px;color:var(--muted);font-size:14px}.login-card label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.login-card input{width:100%;margin-bottom:14px;padding:10px 12px;border:1px solid var(--line);border-radius:8px}.page{max-width:1400px;margin:0 auto;padding:24px 20px 48px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap}.topbar h1{margin:0 0 4px;font-size:24px}.hint{margin:0;color:var(--muted);font-size:13px}.toolbar,.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.dashboard{display:grid;gap:12px;margin-bottom:16px}.dash-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dash-card{display:flex;flex-direction:column;gap:4px;text-align:left;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:14px 16px;cursor:pointer}.dash-card strong{font-size:28px;line-height:1.1}.dash-card.ok strong{color:#0a7a66}.dash-card.warn strong{color:var(--warn)}.dash-card.active{border-color:var(--green);outline:2px solid #d9f8f1}.dash-detail{display:inline;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;text-decoration:underline}.badge+.badge{margin-left:6px}.dash-label{font-size:12px;font-weight:600;color:var(--muted)}.dash-row{display:grid;grid-template-columns:1fr 1.2fr;gap:10px}.dash-block{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.dash-block h2{margin:0 0 4px;font-size:15px}.dash-sources,.dash-blockers{display:grid;gap:8px;margin-top:10px}.dash-sources{grid-template-columns:repeat(3,minmax(0,1fr))}.dash-source{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:8px;padding:10px;font-size:13px}.dash-source.dash-ok{border-color:#9ee8d8;background:#f3fffc}.dash-source.dash-running{border-color:#f3c9a5;background:#fff8f1}.dash-source.dash-ko{border-color:#f0b4af;background:#fff6f5}.dash-blockers{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-chip{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 10px;cursor:pointer;text-align:left}.dash-chip.has{background:#fff8f1}.dash-chip.active{border-color:var(--green);outline:2px solid #d9f8f1}@media (max-width: 900px){.dash-kpis,.dash-row,.dash-sources,.dash-blockers{grid-template-columns:1fr}}.filters input,.filters select{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--white)}.btn{border:0;border-radius:8px;padding:9px 14px;font-weight:600;cursor:pointer;background:var(--black);color:var(--white)}.btn.secondary{background:var(--white);color:var(--black);border:1px solid var(--line)}.btn.green{background:var(--green);color:var(--black)}.btn:disabled{opacity:.55;cursor:not-allowed}.group-btn{border:1px solid var(--line);background:var(--white);border-radius:8px;padding:8px 12px;cursor:pointer}.group-btn.active{background:var(--green);border-color:var(--green);font-weight:600}.table-wrap{overflow:auto;background:var(--white);border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#faf9ff;font-weight:600;white-space:nowrap}tr.clickable{cursor:pointer}tr.clickable:hover{background:#f3fffc}.identity-field{margin-bottom:8px}.identity-label{display:block;font-size:11px;font-weight:600;color:var(--muted)}.identity-preview{margin:12px 0 16px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#faf9ff}.ids{display:flex;flex-direction:column;gap:2px}.ids .before{color:var(--muted)}.ids .after{font-weight:600}.ids .change .after{color:#0a7a66}.badge{display:inline-block;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.badge.ok{background:#d9f8f1;color:#0a7a66}.badge.warn{background:#fff1e6;color:var(--warn)}.badge.bad{background:#fde8e6;color:var(--bad)}.badge.muted{background:#eeeef3;color:var(--muted)}.constraint{margin-top:4px;font-size:12px;color:var(--warn);font-weight:600}.detect-process{margin:12px 0 16px}.detect-process ol{margin:8px 0 0;padding-left:20px}.detect-process li{margin:4px 0;display:grid;grid-template-columns:140px 1fr;gap:8px;font-size:13px}.detect-process .detect-ok span:first-child{color:#0a7a66;font-weight:600}.detect-process .detect-warn span:first-child,.detect-process .detect-ko span:first-child{color:var(--warn);font-weight:600}.preview{background:#fbfbfe}.preview table{margin:8px 0 16px}.error{color:var(--bad);font-size:14px}.manual-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:12px 0}.manual-form label{font-size:12px;font-weight:600}.manual-form input{width:100%;margin-top:4px;padding:8px;border:1px solid var(--line);border-radius:8px}.manual-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.manual-actions .hint{width:100%;margin:4px 0 0}.invoice-files{width:100%;margin:0;padding:0;list-style:none;display:grid;gap:8px}.invoice-files li{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pagination{display:flex;gap:8px;align-items:center;margin-top:12px}