body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f5f5f5}.container{display:flex;flex-direction:column;height:100vh}.header{background-color:#333;color:white;padding:8px;display:flex;justify-content:space-between;align-items:center}.file-tabs{display:flex;gap:5px}.file-tab{padding:5px 10px;background-color:#555;cursor:pointer;border-radius:3px 3px 0 0}.file-tab.active{background-color:#f5f5f5;color:#333}.search-box{display:flex;gap:5px}.content{flex:1;overflow:auto;padding:0px;background-color:white}table{width:100%;border-collapse:collapse}th,td{border:1px solid #ddd;padding:8px;text-align:left;cursor:pointer}th{background-color:#f2f2f2;position:sticky;top:0}tr:hover{background-color:#f5f5f5}.footer{background-color:#333;color:white;padding:10px;display:flex;justify-content:space-between;align-items:center}.pagination{display:flex;gap:5px;align-items:center}.settings-form{display:flex;flex-wrap:wrap;gap:10px}.settings-group{border:1px solid #ddd;padding:10px;border-radius:5px;background-color:white}.settings-toggle{position:fixed;bottom:60px;right:20px;background-color:#333;color:white;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,0.2)}button{cursor:pointer}.pagination-form{display:flex;gap:5px;align-items:center}.pagination-form input[type="number"]{width:50px}.filter-header{position:relative;display:flex;align-items:center}.filter-btn{background:none;border:none;padding:0;margin-left:5px;cursor:pointer;font-size:12px}.filter-dropdown{display:none;position:absolute;top:100%;left:0;background-color:white;border:1px solid #ddd;box-shadow:0 2px 10px rgba(0,0,0,0.2);z-index:100;min-width:150px;max-height:300px;overflow-y:auto}.filter-dropdown.show{display:block}.filter-item{padding:8px 12px;cursor:pointer}.filter-item:hover{background-color:#f5f5f5}.filter-item.all{font-weight:bold;border-bottom:1px solid #eee}.filter-item.selected{background-color:#e6f7ff}.filter-active{background-color:#e6f7ff}.active-filters{display:flex;gap:10px;padding:5px 10px;background-color:#f5f5f5;border-bottom:1px solid #ddd;flex-wrap:wrap}.active-filter-item{background-color:#e6f7ff;padding:3px 8px;border-radius:3px;font-size:14px}.active-filter-clear{cursor:pointer;margin-left:5px;color:#999}.active-filter-clear:hover{color:#333}