#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;margin-top:20px}.search-bar{display:flex;justify-content:center;margin-bottom:20px}.radio-group{display:flex;margin-right:10px}.radio-group label{margin-right:10px}.search-bar input{padding:5px;font-size:16px;width:100%;max-width:600px}input[type=search]::-webkit-search-cancel-button{cursor:pointer}.search-bar button{padding:5px 10px;font-size:16px;margin-left:10px}.table-container{overflow:auto;max-height:calc(100vh - 100px)}table{border-spacing:0;empty-cells:show;width:100%}thead{position:sticky;top:0;background:#f2f2f2}th{border-top:1px solid #999}th,td{padding:8px;border-right:1px solid #999;border-bottom:1px solid #999;white-space:nowrap}th:first-of-type,td:first-of-type{border-left:1px solid #999}