:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;width:100%;height:100%}html.dark,html.dark body{background-color:#0f172a;color:#e2e8f0}html.dark table{background-color:#1e293b;color:#e2e8f0}html.dark thead{background-color:#334155;color:#f1f5f9}html.dark tbody tr:nth-child(2n){background-color:#1e293b}html.dark tbody tr:hover{background-color:#334155}html.dark button{background-color:#1e293b;color:#f1f5f9;border-color:#475569}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#334155;cursor:pointer}.table-layout{text-align:center;font-family:Arial,sans-serif}.table-layout-header{padding:10px}.table-layout-header h1{margin:0;font-size:1.5rem;font-weight:700}.container{width:100%;max-width:1200px;margin:0 auto;padding:10px 20px;box-sizing:border-box;overflow:hidden}.data-table-container{width:100%;max-width:100%;margin:0;padding:0;border:none;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column}h2{font-size:1.2rem;font-weight:600;text-align:left}.table-wrapper{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;max-height:100vh-200px;position:relative;box-sizing:border-box}.table-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:0 4px;flex-wrap:wrap;gap:10px}.global-filter-input{padding:8px;border:1px solid #ced4da;border-radius:4px;transition:border-color .2s ease,box-shadow .2s ease;font-size:.9rem;flex-shrink:0;background-color:#fff;color:#000}.global-filter-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 5px #007bff4d}.pagination-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pagination-controls button,.pagination-controls select{padding:6px;border:1px solid #ced4da;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease,transform .1s ease}.pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.pagination-controls .page-info{margin:0 8px;font-size:14px;color:#495057}.pagination-controls .page-info strong{font-weight:700;margin:0 4px}select{padding:8px;border:1px solid #ced4da;border-radius:4px;cursor:pointer}table{width:100%;min-width:0;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;height:600px}thead{background-color:#f1f5f9;color:#475569;text-align:left;position:sticky;top:0}th{padding:12px;font-size:.875rem;font-weight:600;white-space:nowrap;-webkit-user-select:none;user-select:none;border-bottom:1px solid #e2e8f0;position:sticky;top:0;background-color:#f8f9fa;color:#475569;z-index:10;cursor:default;position:relative}th:hover{background-color:#e9ecef}th.dragging{background-color:#e9ecef;z-index:10}th .cursor-pointer{cursor:pointer}th .cursor-pointer:hover{background-color:#e2e8f0}th .sort-indicator{margin-left:5px;display:inline-block;font-size:.7em;vertical-align:middle}th .drag-handle{cursor:grab}tbody{max-height:60vh;overflow:hidden}td{padding:12px;font-size:.875rem;color:#334155;white-space:nowrap}.drag-handle{opacity:.5;transition:opacity .2s ease;color:#6b7280}.drag-handle:hover{opacity:1}.drag-handle:active{cursor:grabbing}.table-wrapper{overflow-x:auto;overflow-y:hidden;max-height:calc(100vh - 200px);position:relative;border:1px solid #ddd;padding:0}table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden}thead{position:sticky;top:0;background-color:#f1f5f9;color:#475569;z-index:10}th{padding:12px;font-size:.875rem;font-weight:600;white-space:nowrap;-webkit-user-select:none;user-select:none;border-bottom:1px solid #e2e8f0;background-color:#f1f5f9;color:#475569;cursor:default}tbody{display:block;max-height:calc(100vh - 250px);overflow-y:auto}tr{display:table;width:100%;table-layout:fixed}tbody tr{border-bottom:1px solid #e2e8f0}tbody tr:last-child{border-bottom:none}tbody tr:nth-child(2n){background-color:#fcfcfc}tbody tr:hover{background-color:#f1f5f9}td{padding:12px;font-size:.875rem;color:#334155;border:1px solid #e0e0e0;white-space:nowrap;text-wrap:wrap}th,td{box-sizing:border-box}