*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}.dashboard{width:100%;min-height:100vh;padding:1rem;font-family:Arial,sans-serif}.dark-mode{color:#fff;--header-bg:#333;--header-color:#fff;--row-hover-bg:#444;background-color:#121212}.light-mode{color:#000;--header-bg:#f4f4f4;--header-color:#000;--row-hover-bg:#f1f1f1;background-color:#fff}.top-bar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.toggle-mode{cursor:pointer;color:inherit;background:0 0;border:none;font-size:24px}.subtotal{margin-bottom:20px;font-size:18px;font-weight:700}.filters{flex-wrap:wrap;gap:20px;margin-bottom:20px;display:flex}.filters label{flex-direction:column;font-size:14px;display:flex}select{border:1px solid #ccc;border-radius:4px;width:150px;padding:6px}.table-container{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:16px}th,td{text-align:left;border:1px solid #ddd;padding:10px}th{background-color:var(--header-bg);color:var(--header-color)}tr:hover{background-color:var(--row-hover-bg)}@media (width<=768px){table{font-size:14px}}@media (width<=576px){table{font-size:12px}th,td{padding:8px}.filters{flex-direction:column;gap:10px}select{width:100%}}