:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}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}}.leaderboard-container{max-width:900px;margin:0 auto;padding:2rem 1rem}.leaderboard-container h1{text-align:center;color:#2c3e50;margin-bottom:.5rem;font-size:2.5rem}.subtitle{text-align:center;margin-bottom:2rem;font-style:italic}.table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;margin-bottom:1.5rem}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.leaderboard-table th{padding:1rem;text-align:left;font-weight:600;text-transform:uppercase;font-size:.875rem;letter-spacing:.5px}.leaderboard-table th:first-child{width:100px}.leaderboard-table tbody tr{border-bottom:1px solid #ecf0f1;transition:background-color .2s}.leaderboard-table tbody tr:hover{background-color:#f8f9fa}.leaderboard-table tbody tr.top-three{background-color:#fff9e6}.leaderboard-table tbody tr.top-three:hover{background-color:#fff3d4}.leaderboard-table td{padding:1rem}.rank-cell{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.1rem}.rank-number{color:#7f8c8d}.medal{font-size:1.5rem}.name-cell{font-weight:500;color:#2c3e50}.desk-cell{color:#7f8c8d}.load-cell{font-weight:600}.load-value{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.95rem}.load-high{color:#27ae60}.load-high .load-value{background-color:#d5f4e6}.load-medium-high{color:#2ecc71}.load-medium-high .load-value{background-color:#e8faf0}.load-medium{color:#f39c12}.load-medium .load-value{background-color:#fef5e7}.load-low{color:#95a5a6}.load-low .load-value{background-color:#ecf0f1}.footer{text-align:center;font-size:.875rem}.footer p{margin:.25rem 0}.auto-refresh{font-size:.75rem}.loading,.error{text-align:center;padding:3rem}.spinner{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{color:#e74c3c}.error button{margin-top:1rem;padding:.5rem 1.5rem;background-color:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .2s}.error button:hover{background-color:#5568d3}@media(max-width:768px){.leaderboard-container h1{font-size:2rem}.leaderboard-table th,.leaderboard-table td{padding:.75rem .5rem}.rank-cell{flex-direction:column;align-items:flex-start;gap:.25rem}.medal{font-size:1.2rem}}@media(max-width:480px){.leaderboard-container{padding:1rem .5rem}.leaderboard-table th:nth-child(3),.leaderboard-table td:nth-child(3){display:none}.load-value{padding:.2rem .5rem;font-size:.85rem}}.desk-leaderboard-container{max-width:700px;margin:2rem auto;padding:0 1rem}.desk-leaderboard-container h2{text-align:center;color:#2c3e50;margin-bottom:.5rem;font-size:2rem}.desk-leaderboard-container .subtitle{text-align:center;margin-bottom:1.5rem;font-style:italic}.desk-leaderboard-container .table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.desk-leaderboard-table{width:100%;border-collapse:collapse}.desk-leaderboard-table thead{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.desk-leaderboard-table th{padding:1rem;text-align:left;font-weight:600;text-transform:uppercase;font-size:.875rem;letter-spacing:.5px}.desk-leaderboard-table th:first-child{width:100px}.desk-leaderboard-table tbody tr{border-bottom:1px solid #ecf0f1;transition:background-color .2s}.desk-leaderboard-table tbody tr:hover{background-color:#f8f9fa}.desk-leaderboard-table tbody tr.top-three{background-color:#ffe6f0}.desk-leaderboard-table tbody tr.top-three:hover{background-color:#ffd6e6}.desk-leaderboard-table td{padding:1rem}.desk-leaderboard-table .rank-cell{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.1rem}.desk-leaderboard-table .rank-number{color:#7f8c8d}.desk-leaderboard-table .medal{font-size:1.5rem}.desk-name-cell{font-weight:600;color:#2c3e50;font-size:1.05rem}.employee-count-cell{color:#7f8c8d;font-style:italic}.desk-leaderboard-table .load-cell{font-weight:600}.desk-leaderboard-table .load-value{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.95rem}.desk-leaderboard-table .load-high{color:#27ae60}.desk-leaderboard-table .load-high .load-value{background-color:#d5f4e6}.desk-leaderboard-table .load-medium-high{color:#2ecc71}.desk-leaderboard-table .load-medium-high .load-value{background-color:#e8faf0}.desk-leaderboard-table .load-medium{color:#f39c12}.desk-leaderboard-table .load-medium .load-value{background-color:#fef5e7}.desk-leaderboard-table .load-low{color:#95a5a6}.desk-leaderboard-table .load-low .load-value{background-color:#ecf0f1}@media(max-width:768px){.desk-leaderboard-container h2{font-size:1.75rem}.desk-leaderboard-table th,.desk-leaderboard-table td{padding:.75rem .5rem}.desk-leaderboard-table .rank-cell{flex-direction:column;align-items:flex-start;gap:.25rem}.desk-leaderboard-table .medal{font-size:1.2rem}}@media(max-width:480px){.desk-leaderboard-container{padding:1rem .5rem}.desk-leaderboard-table .load-value{padding:.2rem .5rem;font-size:.85rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-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:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.App{min-height:100vh;padding:2rem 0;display:flex;flex-direction:row;align-items:flex-start}@media(max-width:768px){.App{padding:1rem 0}}