:root{--bg-color:#f4f6f8;--card-bg:#fff;--text-main:#202223;--text-muted:#6d7175;--border-color:#c9cccf;--primary:#008060;--success:#008060;--warning:#e3c300;--critical:#d82c0d}body{background-color:var(--bg-color);color:var(--text-main);margin:0;font-family:-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif}.dashboard-container{max-width:1200px;margin:0 auto;padding:20px}.header-actions{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.refresh-btn{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;border-radius:4px;padding:8px 16px}.refresh-btn:hover{background:#f9fafb}.tabs{border-bottom:1px solid var(--border-color);margin-bottom:20px;display:flex}.tab-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-bottom:3px solid #0000;padding:10px 20px;font-size:16px}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;display:grid}.card{background:var(--card-bg);border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.card h3{color:var(--text-muted);margin:0 0 10px;font-size:14px}.card .value{margin:0;font-size:28px;font-weight:700}.card.clickable{cursor:pointer;transition:box-shadow .15s,transform .15s}.card.clickable:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0000001f}.card.clickable:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.table-container{background:var(--card-bg);border-radius:8px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e1e3e5;padding:12px 16px}th{color:var(--text-muted);background:#f9fafb;font-weight:600}.badge{border-radius:12px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.badge.SUCCESS{color:#108043;background:#e3f1df}.badge.FAILED{color:#d82c0d;background:#fbeae5}.badge.PENDING{color:#8a6116;background:#fff5ea}.badge.ROLLBACK{color:#e11d48;background:#ffe4e6}.badge.PARTIALLY_PAID{color:#8a6116;background:#fff5ea}.badge.PAID{color:#108043;background:#e3f1df}.filters{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.filters input,.filters select{border:1px solid var(--border-color);border-radius:4px;padding:8px}.pagination{justify-content:center;align-items:center;gap:15px;padding:15px;display:flex}.pagination button{border:1px solid var(--border-color);background:var(--card-bg);cursor:pointer;border-radius:4px;padding:6px 12px}.pagination button:disabled{opacity:.5;cursor:not-allowed}.loading-state,.empty-state,.error-state{text-align:center;background:var(--card-bg);border-radius:8px;padding:40px;box-shadow:0 1px 3px #0000001a}.error-state{color:var(--critical)}