*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#07101d;color:#eef5ff}.app{width:min(1180px,calc(100% - 28px));margin:auto;padding:28px 0 48px}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:22px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;color:#59d8ff}.topbar h1{font-size:clamp(28px,5vw,46px);margin:5px 0 7px;line-height:1}.topbar p{margin:0;color:#9fb0c4}.status-pill{font-size:12px;padding:9px 12px;border:1px solid #283b51;border-radius:999px;color:#aab9ca;background:#0d1929;white-space:nowrap}.status-pill.ok{color:#6df2aa;border-color:#23654a}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.upload-card{cursor:pointer;min-height:180px;padding:22px;border:1px dashed #36516d;border-radius:20px;background:linear-gradient(145deg,#0f1d2e,#0b1726);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:.2s}.upload-card:hover{transform:translateY(-2px);border-color:#55d7ff}.upload-card.ready{border-style:solid;border-color:#2a9f6a;background:linear-gradient(145deg,#0e2a27,#0b1726)}.upload-card input{display:none}.icon{font-size:34px}.upload-title{font-size:19px;font-weight:800;margin:8px 0 4px}.upload-sub{font-size:13px;color:#91a5bc}.file-name{margin-top:12px;padding:7px 10px;border-radius:10px;background:#12243a;color:#c9d8e8;font-size:12px;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings{margin:16px 0;border:1px solid #203650;border-radius:16px;background:#0b1726}.settings-head{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#dbe7f4}.settings-head span{font-size:12px;color:#8298af}.settings-body{display:none;padding:0 16px 16px;grid-template-columns:repeat(4,1fr);gap:10px}.settings-body.open{display:grid}.settings-body label{font-size:12px;color:#98aac0}.settings-body input{width:100%;margin-top:6px;border:1px solid #29415c;background:#081321;color:white;border-radius:10px;padding:10px}.primary,.ghost,.tab{border:0;font:inherit;cursor:pointer}.primary{width:100%;padding:15px 20px;border-radius:14px;font-weight:900;font-size:16px;color:#052333;background:linear-gradient(90deg,#66e5ff,#64ffb0);box-shadow:0 8px 30px #23d8ff22}.primary:disabled{opacity:.45;cursor:not-allowed}.ghost{background:#13243a;color:#c9d8e7;border:1px solid #2a415b;border-radius:10px;padding:8px 12px}.message{margin:12px 2px;color:#ffba6a;font-size:13px}.results{margin-top:22px}.hidden{display:none!important}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.summary{border-radius:16px;padding:16px;border:1px solid #233750;background:#0c1828}.summary span{font-size:11px;font-weight:900;letter-spacing:.08em}.summary strong{display:block;font-size:32px;margin:4px 0}.summary small{color:#8ca1b6}.summary.ok strong{color:#6ff0a8}.summary.bad strong{color:#ff7575}.summary.warn strong{color:#ffd06c}.summary.info strong{color:#69d7ff}.difference-value{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0;padding:16px;border:1px solid #283d57;border-radius:16px;background:linear-gradient(90deg,#0b1726,#111e31)}.difference-value span{color:#a4b4c6}.difference-value strong{font-size:24px;color:#ffd477}.difference-value small{margin-left:auto;color:#71869e}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 10px;flex-wrap:wrap}.tabs{display:flex;gap:7px;flex-wrap:wrap}.tab{padding:9px 11px;border-radius:10px;background:#101e31;color:#91a4b9}.tab.active{background:#1f4869;color:white}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions input{min-width:230px;border:1px solid #29415a;background:#081321;color:#fff;border-radius:10px;padding:10px 12px}.table-wrap{overflow:auto;border:1px solid #20354d;border-radius:15px;background:#091522}.table-wrap table{width:100%;border-collapse:collapse;min-width:890px}.table-wrap th{position:sticky;top:0;background:#102238;color:#9eb2c8;font-size:11px;text-align:left;padding:12px;border-bottom:1px solid #28415c}.table-wrap td{padding:11px 12px;border-bottom:1px solid #172a3e;font-size:13px;white-space:nowrap}.table-wrap tr:hover td{background:#0d1c2d}.badge{font-size:11px;font-weight:800;padding:5px 8px;border-radius:999px}.badge.report{background:#503d12;color:#ffd66f}.badge.history{background:#123e54;color:#6ee1ff}.badge.amount{background:#521f2b;color:#ff9aae}.money{font-variant-numeric:tabular-nums}.negative{color:#ff8e8e}.positive{color:#74e6a8}.empty{text-align:center;padding:28px;color:#8398af}.matched-details{margin-top:16px;color:#a9bbce}.matched-details summary{cursor:pointer;padding:12px}.matched-table{margin-top:4px}.matched-table table{min-width:760px}footer{text-align:center;margin-top:34px;color:#587087;font-size:12px}@media(max-width:800px){.app{width:min(100% - 18px,1180px);padding-top:18px}.topbar{display:block}.status-pill{display:inline-block;margin-top:14px}.upload-grid{grid-template-columns:1fr}.upload-card{min-height:145px}.settings-body{grid-template-columns:1fr 1fr}.summary-grid{grid-template-columns:1fr 1fr}.toolbar{align-items:stretch}.actions{width:100%}.actions input{flex:1;min-width:0}.difference-value small{width:100%;margin-left:0}.topbar h1{font-size:34px}}@media(max-width:460px){.summary-grid{gap:8px}.summary{padding:12px}.summary strong{font-size:26px}.settings-body{grid-template-columns:1fr}.tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}.tab{font-size:12px}.actions .ghost{width:100%}}