.responsive-table-container{width:100%;overflow:hidden}.table-content{width:100%;position:relative;overflow:hidden}.desktop-table-wrapper{background:#fff;border:1px solid #e8e8e8;border-radius:4px;width:100%;position:relative;overflow-x:auto}.desktop-table-wrapper.scrollable{overflow-x:scroll}.desktop-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:100%}.desktop-table th,.desktop-table td{text-align:left;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #f0f0f0;padding:12px 16px;overflow:hidden}.desktop-table thead th{color:#000000d9;background-color:#fafafa;border-bottom:2px solid #e8e8e8;font-weight:600;position:relative}.desktop-table tbody tr{transition:background-color .3s}.desktop-table tbody tr.hoverable:hover{cursor:pointer;background-color:#fafafa}.desktop-table tbody tr.striped:nth-child(2n){background-color:#f9f9f9}.desktop-table th.fixed-right,.desktop-table td.fixed-right{z-index:2;background:#f9f9f9 linear-gradient(90deg,#fff 0%,#f9f9f9 100%);transition:background-color .2s;position:sticky;right:0;box-shadow:-2px 0 4px #0000000d}.desktop-table th.fixed-right{z-index:3;background:linear-gradient(90deg,#f5f5f5 0%,#f0f0f0 100%);font-weight:600}.desktop-table td.fixed-right{background:#fafafa linear-gradient(90deg,#fff 0%,#fafafa 100%)}.desktop-table th.fixed-left,.desktop-table td.fixed-left{z-index:2;background:#f9f9f9 linear-gradient(270deg,#fff 0%,#f9f9f9 100%);transition:background-color .2s;position:sticky;left:0;box-shadow:2px 0 4px #0000000d}.desktop-table th.fixed-left{z-index:3;background:linear-gradient(270deg,#f5f5f5 0%,#f0f0f0 100%);font-weight:600}.desktop-table td.fixed-left{background:#fafafa linear-gradient(270deg,#fff 0%,#fafafa 100%)}.desktop-table th.action-column{border-left:1px solid #e8e8e8;background:linear-gradient(90deg,#f8f9fa 0%,#e9ecef 100%)!important}.desktop-table td.table-actions{text-align:center;min-width:120px;background:linear-gradient(90deg,#f8f9fa 0%,#e9ecef 100%)!important}.desktop-table tbody tr:hover td.fixed-right,.desktop-table tbody tr:hover td.fixed-left{background:linear-gradient(90deg,#f0f7ff 0%,#e6f2ff 100%)!important}.desktop-table tbody tr:hover td.table-actions.fixed-right{background:linear-gradient(90deg,#e3f2fd 0%,#d1eaff 100%)!important}.desktop-table tbody tr.striped:nth-child(2n) td.fixed-right,.desktop-table tbody tr.striped:nth-child(2n) td.fixed-left{background:linear-gradient(90deg,#f0f0f0 0%,#e8e8e8 100%)!important}.desktop-table tbody tr.striped:nth-child(2n) td.table-actions.fixed-right{background:linear-gradient(90deg,#e9ecef 0%,#dee2e6 100%)!important}.desktop-table-wrapper.scrollable .desktop-table th.action-column.fixed-right,.desktop-table-wrapper.scrollable .desktop-table td.table-actions.fixed-right{background:inherit;z-index:10;position:sticky;right:0}.desktop-table th.fixed-right:last-child,.desktop-table td.fixed-right:last-child{z-index:4}.desktop-table th.fixed-right:after{content:"";background-color:#d9d9d9;width:1px;height:50%;position:absolute;top:25%;left:0}.desktop-table th.fixed-left:after{content:"";background-color:#d9d9d9;width:1px;height:50%;position:absolute;top:25%;right:0}.desktop-table td.fixed-right:after{content:"";background-color:#e8e8e8;width:1px;height:50%;position:absolute;top:25%;left:0}.desktop-table td.fixed-left:after{content:"";background-color:#e8e8e8;width:1px;height:50%;position:absolute;top:25%;right:0}.desktop-table td.fixed-right:last-child:after,.desktop-table th.fixed-right:last-child:after{display:none}.mobile-table{width:100%}.mobile-table-row{background:#fff;border:1px solid #e8e8e8;border-radius:8px;margin-bottom:12px;transition:all .3s;overflow:hidden}.mobile-table-row.hoverable:hover{box-shadow:0 2px 8px #0000001a}.mobile-table-row.striped{background-color:#f9f9f9}.mobile-row-main{cursor:pointer;justify-content:space-between;align-items:center;padding:16px;display:flex}.mobile-row-header{flex-wrap:wrap;flex:1;align-items:center;gap:12px;display:flex}.mobile-row-index{color:#1890ff;background:#e6f7ff;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600}.mobile-row-summary{align-items:center;gap:4px;display:flex}.mobile-label{color:#666;font-size:12px;font-weight:500}.mobile-value{color:#333;font-size:14px;font-weight:500}.mobile-row-toggle{margin-left:8px}.toggle-icon{color:#666;font-size:12px;transition:transform .3s;display:inline-block}.toggle-icon.expanded{transform:rotate(180deg)}.mobile-row-details{background:#fafafa;border-top:1px solid #f0f0f0;padding:16px}.mobile-detail-item{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.mobile-detail-item:last-child{border-bottom:none}.mobile-row-actions{border-top:1px solid #e8e8e8;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:12px;display:flex}.table-loading{color:#666;flex-direction:column;justify-content:center;align-items:center;padding:48px;display:flex}.loading-spinner{border:3px solid #f0f0f0;border-top-color:#1890ff;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.table-empty{color:#999;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:64px;display:flex}.empty-icon{opacity:.6;margin-bottom:16px;font-size:48px}.empty-text{font-size:16px}.table-pagination{border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-top:16px;padding:16px 0;display:flex}.table-pagination.simple{justify-content:center}.pagination-total{color:#666;font-size:14px}.pagination-controls{align-items:center;gap:24px;display:flex}.page-size-selector,.page-jumper{color:#666;align-items:center;gap:8px;font-size:14px;display:flex}.size-select,.jump-input{border:1px solid #d9d9d9;border-radius:4px;padding:4px 8px;font-size:14px}.jump-input{text-align:center;width:60px}.jump-btn{color:#fff;cursor:pointer;background:#1890ff;border:none;border-radius:4px;padding:4px 12px;transition:background .3s}.jump-btn:hover{background:#40a9ff}.page-buttons{align-items:center;gap:8px;display:flex}.table-header-slot{margin-bottom:16px}@media (max-width:768px){.desktop-table{display:none}.pagination-controls{flex-wrap:wrap;justify-content:center;gap:12px}.page-size-selector,.page-jumper{display:none}}@media (min-width:769px){.mobile-table{display:none}}