.summary-card{background:#fff;border-radius:10px;padding:18px;box-shadow:0 6px 18px #0f172a0f;text-align:center}.summary-title{font-size:14px;color:#6b7280;margin-bottom:8px}.summary-value{font-size:22px;font-weight:700;color:#111827}.table-container{background:#fff;padding:14px;border-radius:10px;box-shadow:0 6px 18px #0f172a0f;margin-top:20px}.table-controls{margin-bottom:12px;display:flex;justify-content:flex-end}.table-controls .search{padding:8px 10px;border-radius:8px;border:1px solid #e5e7eb;width:260px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 14px;border-bottom:1px solid #eef2f7;text-align:left}.data-table th{background:#fbfdff;color:#6b7280;cursor:pointer;font-weight:700}.data-table tr:hover{background:#fbfbfb}.dashboard{padding:20px;max-width:1200px;margin:0 auto}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:18px}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.chart-card{background:#fff;padding:14px;border-radius:10px;box-shadow:0 6px 18px #0f172a0f;display:flex;flex-direction:column;height:420px}.chart-card h3{margin-bottom:12px;color:#111827}.chart-area{flex:1;position:relative}.table-section h3{margin:18px 0 12px;color:#111827}@media(max-width:1000px){.summary-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.chart-card{height:360px}}@media(max-width:480px){.summary-grid{grid-template-columns:1fr}.chart-card{height:300px}.dashboard{padding:12px}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:#f4f6f8;color:#222}