@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";body{font-family:Roboto,Arial,sans-serif;font-size:14px;color:#333;margin:0;background-color:#f9f9f9}.app{display:flex;flex-direction:row;height:100vh;padding:20px;gap:20px;background-color:#f9f9f9;font-family:Roboto,Arial,sans-serif;font-size:14px;color:#333}.left-section{flex:1;display:flex;flex-direction:column}.right-section{flex:1.3;display:flex;flex-direction:column;justify-content:center;align-items:center}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}h1{font-size:24px;margin:0;color:#333}.refresh-buttons{display:flex;align-items:center;gap:10px}.refresh-buttons button{padding:8px 15px;font-size:14px;margin:5px;border:1px solid #ccc;background-color:#e0e0e0;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.refresh-buttons button.active{background-color:#9acd32;color:#fff;border-color:#7caf14}.refresh-buttons button:hover{background-color:#7caf14;color:#fff}.counter{margin-bottom:10px;font-size:14px;color:#666}.table-container{flex:1;overflow-y:auto;border:1px solid #ddd;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a}table{width:100%;border-collapse:collapse}th,td{border:1px solid #ddd;padding:10px;text-align:left;font-size:14px}th{background-color:#f4f4f4;position:sticky;top:0;z-index:1}tr{cursor:pointer}tr:hover{background-color:#9acd321a}tr.selected{background-color:#9acd3233}.right-section h1{margin-bottom:20px;font-size:24px;color:#333}@media (max-width: 768px){.app{flex-direction:column}.left-section,.right-section{flex:none;width:100%}.header{flex-direction:column;align-items:flex-start;gap:10px}.table-container{max-height:50vh}}.table-container th,.table-container td{text-align:center;vertical-align:middle}