body{font-family:Arial,sans-serif;margin:20px;display:flex;flex-direction:column;align-items:center;text-align:center;overflow-x:hidden;background-color:#f8f8f7;color:#222}h1{text-align:center;margin-bottom:calc(.67em - 16px)}label{display:inline-block;font-weight:700}input[type=number]{width:60px;padding:3px 5px}#root{display:flex;flex-direction:column;gap:16px;align-items:center}.table-container{width:95vw;max-width:1050px;overflow-y:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{border:1px solid #ccc;padding:8px 12px;text-align:right}th:first-child,td:first-child{text-align:left}thead{background-color:#f4f4f4}tbody tr:nth-child(2n){background-color:#fafafa}tbody tr:nth-child(odd){background-color:#fff}tbody tr:hover{background-color:#e0f7fa}.profit-positive{color:green;font-weight:700}.profit-negative{color:red;font-weight:700}.sortable-th{cursor:pointer}.sortable-th .th-arrow{font-size:1.5rem;line-height:0}.refresh-button{height:30px}.rotate{animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{width:32px;height:32px;border:5px solid #444444;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}