@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Inter,system-ui,sans-serif;background:#f3f6fa;color:#172b4b;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;transition:.2s}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #65bfb9;outline-offset:2px}.app{display:flex;min-height:100vh}aside{width:250px;flex:none;background:linear-gradient(180deg,#101d38,#152844);color:#dce7f5;padding:30px 15px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;font-size:15px;font-weight:800;padding:0 9px 39px;letter-spacing:.02em}.brand span{display:grid;place-items:center;width:36px;height:36px;background:#174c56;border-radius:11px;font-size:27px;color:#50e1c0}.brand b{color:#67e5d0}.brand small{display:block;color:#93a7c2;font-size:10px;font-weight:500;letter-spacing:.04em;margin-top:5px}.nav-title{font-size:10px;font-weight:800;letter-spacing:.15em;color:#8196b1;margin:2px 15px 14px}.nav{display:block;width:100%;padding:14px 15px;margin:3px 0;background:transparent;color:#c8d5e6;text-align:left;border:1px solid transparent;border-radius:10px;font-weight:600}.nav:hover{background:#233954;color:#fff}.nav.active{background:#294867;color:#fff;border-color:#426283;box-shadow:inset 3px 0 #4ad7c4}.aside-foot{margin:auto 9px 0;border-top:1px solid #334861;padding:19px 6px 5px;font-size:11px;color:#9eb5d0;line-height:1.9}main{flex:1;min-width:0}header{padding:24px 35px;border-bottom:1px solid #e6ebf2;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:15px}.crumb{font-size:10px;font-weight:800;letter-spacing:.14em;color:#8295af}h1{margin:6px 0 0;font-size:26px;letter-spacing:-.045em;font-weight:800}.tag{background:#e8f7f3;color:#11745f;border-radius:100px;padding:10px 14px;font-size:11px;font-weight:700;white-space:nowrap}.body{padding:30px 35px;max-width:1800px;margin:auto}.hero,.panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.hero h2{margin:0 0 10px;font-size:24px;letter-spacing:-.04em}.hero p,.panel p,.panel-head p{color:#7689a1;margin:0 0 12px;font-size:13px;line-height:1.7}.primary{background:#0f877f;color:#fff;border:0;border-radius:10px;padding:13px 20px;font-weight:800;box-shadow:0 5px 14px #12867923}.primary:hover{background:#0a6f69;transform:translateY(-1px)}.outline{background:#fff;border:1px solid #dae4ee;color:#274563;border-radius:10px;padding:11px 16px;font-weight:700}.outline:hover{background:#f2f8fa}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0}.metric,.panel{background:#fff;border:1px solid #e3eaf2;border-radius:15px;box-shadow:0 5px 20px #19345108}.metric{padding:25px;position:relative;overflow:hidden}.metric:before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:#18a39b}.metric:nth-child(4):before{background:#e5ad44}.metric:nth-child(5):before{background:#d65c5c}.metric label,.mini small{display:block;color:#8192a8;font-size:12px;font-weight:600}.metric strong{font-size:27px;margin-top:12px;display:block;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.panel{margin:21px 0;padding:25px}.panel h2{margin:0 0 8px;font-size:21px;letter-spacing:-.035em}.panel h3{margin:0 0 17px;font-size:18px;letter-spacing:-.025em}.bankcards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.mini{background:#f5f8fb;border:1px solid #eaf0f4;padding:18px;border-radius:11px;min-width:0}.mini b,.mini strong,.mini small{display:block}.mini b{color:#168b83;font-size:11px;letter-spacing:.08em}.mini strong{margin:12px 0;font-size:16px;overflow-wrap:anywhere}.mini small{font-size:11px}.form{display:flex;flex-wrap:wrap;gap:18px;align-items:end;margin-top:24px}.form label{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:800;color:#48607c}.form input,.form select,.filters input,.filters select{border:1px solid #dce5ef;padding:12px 13px;border-radius:10px;min-width:180px;background:#fff;color:#284363}.form .upload{padding:22px;border:2px dashed #a0cbd0;border-radius:12px;min-width:260px;background:#f3fafb}.fine{font-size:12px;color:#8190a2;margin-top:16px!important}.notice{background:#e9f8f6;border:1px solid #c6e9e4;border-radius:10px;padding:14px 18px;margin-bottom:19px;font-size:12px;color:#1b776e;display:flex;justify-content:space-between;align-items:center}.notice button{border:0;background:none}.filters{display:flex;gap:12px;margin:20px 0}.filters input{flex:1;min-width:0}.filters select{min-width:175px}.table-scroll{overflow:auto;border:1px solid #edf1f6;border-radius:12px}table{border-collapse:separate;border-spacing:0;width:100%;font-size:12px;min-width:920px}th{position:sticky;top:0;background:#f4f7fb;color:#7b8fa8;letter-spacing:.05em;text-align:left;font-weight:800;font-size:10px;text-transform:uppercase}th,td{padding:15px 14px;border-bottom:1px solid #edf1f6;white-space:nowrap}tbody tr:hover{background:#f5fafb}tbody tr:last-child td{border-bottom:0}td{color:#38506b}td:nth-child(2){font-variant-numeric:tabular-nums;color:#617b9a}td:nth-child(3){font-weight:700;max-width:280px;overflow:hidden;text-overflow:ellipsis}td:nth-child(6){font-weight:800;color:#233d5b;font-variant-numeric:tabular-nums}.status{display:inline-flex;align-items:center;padding:7px 10px;border-radius:100px;background:#fff4dc;color:#a06b11;font-size:10px;font-weight:800}.status.Matched{background:#e1f7e9;color:#168049}.status.Discrepancy{background:#ffeded;color:#bc4545}.status.ReviewRequired{background:#e8efff;color:#3b64ad}.empty{text-align:center;color:#8190a2;padding:48px 0}footer{font-size:11px;color:#98a8b9;margin:32px 0}@media (max-width:1150px){aside{width:210px}.body{padding:23px}.bankcards{grid-template-columns:repeat(3,minmax(0,1fr))}header{padding:20px 23px}}@media (max-width:760px){.app{display:block}aside{position:relative;width:100%;height:auto;padding:12px;display:block}.brand{padding:5px 5px 12px}.nav-title,.aside-foot{display:none}.nav{display:inline-block;width:auto;font-size:11px;padding:9px 11px;margin:3px}header{padding:18px}h1{font-size:21px}.tag{font-size:9px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:16px}.metric strong{font-size:20px}.bankcards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero,.panel-head{align-items:flex-start;flex-wrap:wrap}.panel{padding:17px}.filters{flex-wrap:wrap}.filters input,.filters select{width:100%}}