.table-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-radius:10px 10px 0 0;width:100%;box-sizing:border-box}.table-header h1{margin:0;font-size:24px;flex:1;color:var(--primary-text-color)}.table-header h2{margin:0;font-size:20px;flex:1;color:var(--primary-text-color)}.table-dropdown{position:relative;display:inline-block;width:100%;max-width:160px}.table-dropdown button{background-color:var(--primary-bg-color);color:var(--primary-text-color);padding:10px;font-size:16px;border:none;cursor:pointer;border-radius:5px;width:100%;box-sizing:border-box;text-align:right;margin-bottom:0}.table-dropdown-content{position:absolute;right:0;background-color:var(--secondary-bg-color);width:100%;box-shadow:0 8px 16px #0003;z-index:1;border-radius:0 0 5px 5px;overflow:hidden;max-height:0;visibility:hidden;border:1px solid var(--border-color);transition:max-height .3s ease-out}.table-dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}.table-dropdown-content a:hover{background-color:var(--secondary-bg-color)}.table-dropdown.dropdown-show .table-dropdown-content{visibility:visible;max-height:500px;transition:max-height .3s ease-in}.table-dropdown.dropdown-hide .table-dropdown-content{visibility:visible;max-height:0;transition:max-height .3s ease-out;border-width:0}.table-container{width:100%;overflow-x:auto;background-color:var(--secondary-bg-color);border-radius:0 0 10px 10px;margin-top:0}table{width:100%;border-collapse:separate;border-spacing:0;border-radius:0 0 10px 10px;border:none;overflow:hidden;background-color:var(--secondary-bg-color);min-width:800px}th,td{padding:12px;border-bottom:1px solid var(--border-color);white-space:nowrap;text-align:left}th{background-color:var(--primary-bg-color);color:var(--primary-text-color)}tr{transition:background-color .2s ease-out}tr:hover{background-color:#ececec!important}.table-first-child{font-weight:700;color:var(--primary-bg-color);border-right:4px solid var(--primary-bg-color)}.table-first-child.clickable:hover{color:var(--primary-text-color);background-color:var(--primary-bg-color);transition:background-color .3s ease-out;cursor:pointer}.action-icons{text-align:center}.action-icons i{cursor:pointer;padding:0 5px}.action-icons i:hover{color:var(--highlight-color)}tr:last-child td{border-bottom:none}tbody tr:nth-child(odd){background-color:#fff}tbody tr:nth-child(2n){background-color:#f9f9f9}@media (max-width: 768px){.table-header{flex-direction:column;align-items:flex-start}.table-header h1{margin-bottom:10px;text-align:left}.table-dropdown{width:100%;max-width:none}.table-dropdown button{text-align:center}}