:root{color:#18202a;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}main{max-width:1440px;margin:0 auto;padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.15}h2{font-size:18px}h3{margin-top:20px;font-size:14px}.topbar p,.detail-head p{color:#647184;margin-top:4px}.login-shell{min-height:100vh;display:grid;place-items:center}.login-panel{width:min(420px,100%);display:grid;gap:14px}.login-panel p{color:#647184}.login-panel label{display:grid;gap:6px;color:#526173;font-size:13px;font-weight:700}.login-error{border:1px solid #f2c8c8;border-radius:6px;color:#9b1c1c;background:#fff7f7;padding:10px;font-size:13px}.stats{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stats span,.stats strong,.badge{border:1px solid #cfd8e3;border-radius:6px;padding:8px 10px;background:#fff;white-space:nowrap}.badge{color:#116b43;background:#eefaf4;border-color:#b8e4ce}.badge.danger{color:#9b1c1c;background:#fff1f1;border-color:#f2c8c8}.panel{background:#fff;border:1px solid #d9e0e8;border-radius:8px;padding:18px}.supplier{margin-bottom:18px}.supplier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.supplier-grid div{min-width:0;border:1px solid #d9e0e8;border-radius:6px;background:#f9fbfd;padding:10px}.supplier-grid span{display:block;color:#647184;font-size:12px;margin-bottom:4px}.supplier-grid strong{display:block;overflow-wrap:anywhere}.supplier-name{grid-column:span 2}input{width:100%;min-height:40px;border:1px solid #cfd8e3;border-radius:6px;padding:8px 10px}.wide{grid-column:span 3}.workspace{display:grid;grid-template-columns:minmax(430px,.42fr) minmax(0,1fr);gap:18px;align-items:start}.dropzone{display:grid;place-items:center;min-height:96px;border:1px dashed #91a1b5;border-radius:8px;margin-top:14px;cursor:pointer;background:#f9fbfd}.dropzone input{display:none}.dropzone span{font-weight:700}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}button{min-height:38px;border:1px solid #bdc8d6;border-radius:6px;background:#fff;color:#18202a;cursor:pointer}button.primary{background:#1769aa;border-color:#1769aa;color:#fff;font-weight:700}.compact-button{min-height:36px;padding:0 12px}button:disabled{cursor:not-allowed;opacity:.55}.invoice-list{display:grid;gap:8px;max-height:540px;overflow:auto}.notice{border:1px solid #c7d8ee;border-radius:6px;background:#f0f7ff;color:#244968;font-size:13px;line-height:1.4;padding:10px;margin-top:12px}.invoice-row{display:grid;grid-template-columns:minmax(58px,auto) minmax(0,1fr) auto auto;align-items:center;gap:8px;border:1px solid #d9e0e8;border-radius:6px;padding:8px;background:#fff}.invoice-row.selected{border-color:#1769aa;background:#edf6ff}.invoice-row.cir-marked{border-color:#e1b461;background:#fff8e8}.invoice-row.cir-marked.selected{border-color:#b47a08;background:#fff1cf}.invoice-main{display:grid;gap:4px;min-width:0;min-height:48px;padding:8px 9px;text-align:left;border-color:transparent;background:transparent}.invoice-main span{line-height:1.25;overflow-wrap:anywhere}.invoice-main span{font-weight:700}.invoice-main small{color:#647184;line-height:1.25}.check-control{display:flex;align-items:center;gap:5px;color:#526173;font-size:12px;font-weight:700}.check-control input{width:16px;min-height:16px;accent-color:#1769aa}.cir-control{color:#7a4b00}.row-remove{min-height:32px;padding:0 9px;color:#9b1c1c}.detail-head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:16px}.detail-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.detail-actions button{min-height:36px;padding:0 12px;color:#9b1c1c}.errors{border:1px solid #f2c8c8;border-radius:6px;color:#9b1c1c;background:#fff7f7;margin:0 0 14px;padding:10px 12px 10px 28px}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.summary-grid div{border:1px solid #d9e0e8;border-radius:6px;padding:10px}.summary-grid span{display:block;color:#647184;font-size:12px;margin-bottom:4px}.attachment-panel{border:1px solid #d9e0e8;border-radius:8px;margin-bottom:16px;padding:12px;background:#fbfcfe}.attachment-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.attachment-head h3{margin-top:0}.file-button{display:inline-grid;place-items:center;min-height:36px;border:1px solid #bdc8d6;border-radius:6px;background:#fff;color:#18202a;cursor:pointer;font-weight:700;padding:0 12px}.file-button.disabled{cursor:not-allowed;opacity:.55}.file-button input{display:none}.attachment-notice{margin:10px 0 0}.attachment-list{display:grid;gap:8px;margin-top:12px}.attachment-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #e1e7ee;border-radius:6px;background:#fff;padding:8px}.attachment-row div{min-width:0}.attachment-row strong,.attachment-row span{display:block}.attachment-row strong{overflow-wrap:anywhere}.attachment-row span,.attachment-empty{color:#647184;font-size:13px}.attachment-row button{min-height:32px;padding:0 10px}.attachment-empty{margin-top:12px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{border-bottom:1px solid #e5eaf0;padding:9px 8px;text-align:left}th{color:#526173;background:#f7f9fb}.pdf-preview{max-width:820px;min-height:560px;border:1px solid #cfd8e3;border-radius:4px;background:#fff;color:#1f2937;padding:28px;margin-top:10px;box-shadow:0 14px 32px #18202a14}.preview-head{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #18202a;padding-bottom:18px;margin-bottom:22px}.preview-head span,.preview-parties span,.preview-totals span,.preview-foot span{display:block;color:#647184;font-size:12px;text-transform:uppercase}.preview-head strong{display:block;font-size:24px;margin-top:4px}.preview-parties{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.preview-parties div{border:1px solid #e5eaf0;border-radius:6px;padding:12px}.preview-parties strong,.preview-parties p{display:block;margin-top:5px}.preview-parties p{color:#4b5563}.preview-lines th,.preview-lines td{font-size:12px}.preview-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.preview-totals div{border:1px solid #e5eaf0;border-radius:6px;padding:10px;text-align:right}.preview-foot{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 12px;border-top:1px solid #e5eaf0;padding-top:12px}.preview-foot strong{overflow-wrap:anywhere}pre{max-height:360px;overflow:auto;border:1px solid #d9e0e8;border-radius:6px;background:#111827;color:#e5edf6;padding:12px;font-size:12px;line-height:1.45}.empty{min-height:380px;display:grid;place-items:center;color:#647184}.results{margin-top:18px}.result{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #edf1f5;padding:12px 0}.result.ok span{color:#116b43}.result.fail span{color:#9b1c1c}@media(max-width:900px){main{padding:14px}.topbar,.detail-head{flex-direction:column}.workspace,.supplier-grid,.summary-grid,.actions{grid-template-columns:1fr}.invoice-row{grid-template-columns:auto minmax(0,1fr)}.cir-control,.row-remove{grid-column:1 / -1}.attachment-row{grid-template-columns:1fr}.preview-head,.detail-actions{align-items:stretch}.preview-head,.preview-parties,.preview-totals{grid-template-columns:1fr}.preview-head{display:grid}.pdf-preview{padding:16px}.wide,.supplier-name{grid-column:span 1}}