*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f1117;color:#e0e0e0;min-height:100vh}#root{min-height:100vh}.header{background:#161822;border-bottom:1px solid #2a2d3a;padding:20px 32px;display:flex;align-items:center;justify-content:space-between}.header h1{font-size:20px;font-weight:600;color:#fff}.header h1 span{color:#6c7ae0}.date-controls{display:flex;align-items:center;gap:12px}.date-controls label{font-size:13px;color:#888}.date-controls input[type=date]{background:#1e2030;border:1px solid #2a2d3a;color:#e0e0e0;padding:6px 10px;border-radius:6px;font-size:13px}.date-controls button{background:#6c7ae0;color:#fff;border:none;padding:7px 16px;border-radius:6px;font-size:13px;cursor:pointer;font-weight:500}.date-controls button:hover{background:#5a68d0}.preset-btns{display:flex;gap:6px}.preset-btns button{background:#1e2030;border:1px solid #2a2d3a;color:#aaa;padding:5px 10px;border-radius:4px;font-size:12px;cursor:pointer}.preset-btns button:hover,.preset-btns button.active{background:#2a2d3a;color:#fff}.container{max-width:1200px;margin:0 auto;padding:24px 32px}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:28px}.card{background:#161822;border:1px solid #2a2d3a;border-radius:10px;padding:20px}.card .label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.card .amount{font-size:28px;font-weight:700;color:#fff}.card .sub{font-size:12px;color:#666;margin-top:4px}.card.total{border-color:#6c7ae0}.card.total .amount{color:#6c7ae0}.section{background:#161822;border:1px solid #2a2d3a;border-radius:10px;margin-bottom:20px;overflow:hidden}.section-header{padding:16px 20px;font-size:15px;font-weight:600;border-bottom:1px solid #2a2d3a;color:#fff}table{width:100%;border-collapse:collapse}th{text-align:left;padding:10px 20px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#666;border-bottom:1px solid #2a2d3a;font-weight:600}th.right,td.right{text-align:right}td{padding:10px 20px;font-size:14px;border-bottom:1px solid #1e2030}tr:last-child td{border-bottom:none}tr.env-row{cursor:pointer}tr.env-row:hover{background:#1a1d2e}tr.env-row td:first-child:before{content:"▶";font-size:10px;margin-right:8px;color:#555;display:inline-block;transition:transform .15s}tr.env-row.expanded td:first-child:before{transform:rotate(90deg)}tr.service-row{background:#12141e}tr.service-row td{padding-left:48px;font-size:13px;color:#aaa}tr.service-row.hidden{display:none}.reconciliation{background:#161822;border:1px solid #2a2d3a;border-radius:10px;padding:16px 20px;display:flex;gap:32px;font-size:14px}.reconciliation .item{display:flex;align-items:center;gap:8px}.reconciliation .item .label{color:#888}.reconciliation .item .value{color:#fff;font-weight:600}.reconciliation .item.diff .value{color:#f0c040}.reconciliation .item.match .value{color:#4caf50}.loading{display:flex;align-items:center;justify-content:center;padding:60px;color:#666;font-size:15px}.spinner{width:20px;height:20px;border:2px solid #333;border-top-color:#6c7ae0;border-radius:50%;animation:spin .8s linear infinite;margin-right:10px}@keyframes spin{to{transform:rotate(360deg)}}.error-msg{background:#2a1a1a;border:1px solid #5a2020;color:#f08080;padding:16px 20px;border-radius:10px;margin-bottom:20px;font-size:14px}.info-banner{background:#1a1d2e;border:1px solid #2a3a5a;border-left:3px solid #6c7ae0;color:#99a;padding:14px 18px;border-radius:6px;margin-bottom:20px;font-size:13px;line-height:1.5}.info-banner strong{color:#c0c4e0}