body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.brand-header{background:#0000;border:none;box-shadow:none;color:#fff;margin:0;min-height:120px;overflow:visible;padding:0;position:relative}.brand-header:before{display:none}.brand-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1600px;padding:var(--space-xl) var(--space-lg);position:relative;z-index:1}.brand-content{flex:1 1}.brand-content,.header-controls{align-items:center;display:flex;gap:var(--space-xl)}.header-controls{left:50%;position:absolute;transform:translateX(-50%);z-index:10}@media (max-width:1024px){.header-controls{justify-content:center;margin-top:var(--space-md);position:static;transform:none}.brand-container{align-items:center;flex-direction:column;gap:var(--space-md)}.brand-content{justify-content:center}}.control-group,.toggle-switch{align-items:center;display:flex}.toggle-switch{border-radius:8px;cursor:pointer;gap:var(--space-md);padding:var(--space-xs);transition:all .3s ease;-webkit-user-select:none;user-select:none}.toggle-switch:hover{background:#ffffff0d}.region-toggle-switch{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:var(--space-sm);padding:var(--space-xs);position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none}.region-toggle-switch:hover{background:#ffffff0d}.region-toggle-switch:has(.toggle-input:disabled){cursor:not-allowed;opacity:.5}.region-toggle-switch:has(.toggle-input:disabled):hover{background:#0000}.toggle-option{color:#ffffffb3;font-size:var(--font-size-sm);font-weight:600;min-width:24px;text-align:center;text-shadow:0 1px 2px #0003;transition:all .3s ease}.left-option{order:1}.right-option{order:3}.region-toggle-switch.nj-active .left-option,.region-toggle-switch.oh-active .right-option{color:#fff;text-shadow:0 0 8px #ffffff80}.region-slider{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#10b981,#059669);border:1px solid #10b981;border-radius:14px;height:28px;order:2;position:relative;width:52px}.region-slider,.region-slider:before{transition:all .3s cubic-bezier(.4,0,.2,1)}.region-slider:before{background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;content:"";height:22px;left:2px;position:absolute;top:2px;width:22px}.region-toggle-switch.oh-active .region-slider{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border-color:#ef4444!important}.region-toggle-switch.oh-active .region-slider:before{background:#fff!important;transform:translateX(24px)!important}.region-toggle-switch.disabled{cursor:not-allowed;opacity:.5}.region-toggle-switch.disabled:hover{background:#0000}.toggle-input{display:none}.toggle-slider{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:14px;height:28px;position:relative;width:52px}.toggle-slider,.toggle-slider:before{transition:all .3s cubic-bezier(.4,0,.2,1)}.toggle-slider:before{background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;content:"";height:22px;left:2px;position:absolute;top:2px;width:22px}.toggle-input:checked+.toggle-slider{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981}.toggle-input:checked+.toggle-slider:before{background:#fff;transform:translateX(24px)}.toggle-label{color:#fff}.action-button,.toggle-label{font-size:var(--font-size-sm);font-weight:600;text-shadow:0 1px 2px #0003}.action-button{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #fff3;border-radius:10px;cursor:pointer;display:flex;gap:var(--space-sm);overflow:hidden;padding:10px 18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.action-button:hover:before{left:100%}.button-icon{flex-shrink:0;height:16px;width:16px}.button-text{white-space:nowrap}.refresh-btn{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 4px 15px #3b82f64d;color:#fff}.refresh-btn:hover{background:linear-gradient(135deg,#2563eb,#1e3a8a);box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.refresh-btn:disabled,.refresh-btn:disabled:hover{background:linear-gradient(135deg,#3b82f680,#1e40af80);box-shadow:0 2px 8px #3b82f633}.refresh-btn:disabled:hover{box-shadow:0 4px 15px #3b82f64d;transform:none}.logout-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d;color:#fff}.logout-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 25px #ef444466;transform:translateY(-2px)}.user-info,.user-section{align-items:center;display:flex}.user-info{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 4px 20px #0000001a;gap:var(--space-lg);padding:var(--space-md) var(--space-lg)}.user-details{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.user-name{color:#fff;font-size:15px;font-weight:700;line-height:1.2;text-shadow:0 1px 2px #0003}.user-role{color:#ffffffb3;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.logo-section{align-items:center;display:flex}.logo-image{filter:brightness(1.1) saturate(1.1);height:60px;max-width:240px;object-fit:contain;transition:all .3s ease;width:auto}.logo-image:hover{transform:scale(1.02)}.app-title{flex:1 1}.app-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-3xl);font-weight:800;letter-spacing:-.025em;line-height:1.2;margin:0;text-shadow:0 2px 8px #0003}.app-title p{color:#cbd5e0;font-size:var(--font-size-lg);font-weight:400;letter-spacing:.025em;margin:var(--space-sm) 0 0 0;opacity:.9}@media (max-width:768px){.brand-header{min-height:140px}.brand-container{flex-direction:column;gap:var(--space-lg);padding:var(--space-lg) var(--space-md)}.brand-content{flex-direction:column;gap:var(--space-md);text-align:center;width:100%}.header-controls{flex-wrap:wrap;gap:var(--space-md);justify-content:center}.user-info{flex-direction:column;gap:var(--space-sm);margin:0 auto;max-width:200px;padding:8px 12px;text-align:center}.user-details{align-items:center}.user-name{font-size:14px;margin-bottom:2px}.user-role{font-size:11px;margin-bottom:6px}.action-button{font-size:12px;justify-content:center;min-height:32px;min-width:120px;padding:6px 12px}.app-title h1{font-size:var(--font-size-2xl)}.app-title p{font-size:var(--font-size-base)}.logo-image{height:50px}}@media (max-width:480px){.brand-header{min-height:180px}.brand-container{padding:var(--space-md)}.header-controls{flex-direction:column;gap:var(--space-md);width:100%}.control-group,.user-section{align-items:center;display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.action-button{font-size:11px;min-height:44px;padding:4px 8px;width:100%}.action-button,.toggle-switch{justify-content:center}.region-toggle-switch{gap:var(--space-md);min-height:48px;padding:var(--space-sm) var(--space-md)}.toggle-option{font-size:var(--font-size-base);font-weight:600;min-width:32px;text-align:center}.region-slider{height:32px;width:60px}.region-slider:before{height:26px;top:2px;width:26px}.region-toggle-switch.oh-active .region-slider:before{transform:translateX(28px)!important}.user-info{justify-content:center;max-width:160px;padding:6px 8px;width:100%}.user-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:10px}.app-title h1{font-size:var(--font-size-xl)}.app-title p{font-size:var(--font-size-sm)}}.modern-login-container{background:linear-gradient(135deg,#f0f4ff,#e0e7ff 50%,#c7d2fe);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:3rem 1.5rem}.login-header{margin:0 auto 2rem;max-width:28rem;width:100%}.logo-container{text-align:center}.login-logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:5rem;margin:0 auto 1.5rem;width:auto}.login-title{color:#111827;font-size:1.875rem;font-weight:800;line-height:1.2;margin-bottom:.5rem;margin-top:1.5rem;text-align:center}.login-subtitle{color:#6b7280;font-size:.875rem;line-height:1.4;margin-top:.5rem;text-align:center}.modern-login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000026;margin:0 auto;max-width:28rem;padding:2rem 1rem;width:100%}.modern-error-alert{align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;display:flex;margin-bottom:1.5rem;padding:1rem}.error-icon{flex-shrink:0;margin-right:.75rem}.error-svg{color:#f87171;height:1.25rem;width:1.25rem}.error-message{flex:1 1}.error-message p{color:#991b1b;font-size:.875rem;line-height:1.4;margin:0}.modern-login-button{focus:none;align-items:center;background:linear-gradient(135deg,#2563eb,#4f46e5);border:none;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;justify-content:center;outline:none;padding:.75rem 1rem;transition:all .2s ease-in-out;width:100%}.modern-login-button:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#4338ca);box-shadow:0 4px 12px #2563eb66;transform:translateY(-1px)}.modern-login-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.modern-login-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.button-content,.loading-content{align-items:center;display:flex;gap:.75rem}.microsoft-logo{flex-shrink:0;height:1.25rem;width:1.25rem}.loading-spinner{border:2px solid #0000;height:1rem;width:1rem}.login-divider{margin-top:1.5rem;position:relative}.divider-line{align-items:center;display:flex;inset:0;position:absolute}.divider-line:before{border-top:1px solid #d1d5db;content:"";width:100%}.divider-text{display:flex;font-size:.875rem;justify-content:center;position:relative}.divider-text span{background:#fff;color:#6b7280;padding:0 .5rem}.login-footer-info{margin-top:1rem;text-align:center}.login-footer-info p{color:#9ca3af;font-size:.75rem;line-height:1.4;margin:0}.debug-section{background:#f9fafb;border:2px dashed #d1d5db;border-radius:.5rem;margin-top:1.5rem;padding:.75rem}.debug-content{color:#6b7280;font-size:.75rem}.debug-title{color:#374151;font-weight:600;margin-bottom:.25rem}.debug-items{display:flex;flex-direction:column;gap:.25rem}.debug-value{font-weight:500}.debug-error,.debug-value{font-family:Courier New,monospace}.debug-error{background:#fef2f2;border-radius:.25rem;color:#dc2626;font-size:.75rem;margin-top:.5rem;padding:.5rem}.login-footer{margin-top:2rem;text-align:center}.login-footer p{color:#9ca3af;font-size:.75rem;margin:0}@media (max-width:640px){.modern-login-card,.modern-login-container{padding:1.5rem 1rem}.login-logo{height:4rem;margin-bottom:1rem}.login-title{font-size:1.5rem}.login-subtitle{font-size:.8rem}}@media (min-width:641px) and (max-width:1024px){.modern-login-card{padding:2.5rem 2rem}}@media (min-width:1025px){.modern-login-card{padding:2.5rem}}.leaderboard-table{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 25px 50px -12px #0000004d,0 0 0 1px #fff3,inset 0 1px 0 #ffffff1a;margin:var(--space-xl) 0;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.leaderboard-table:before{background:linear-gradient(90deg,#0000,#3b82f699 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0;z-index:1}.leaderboard-table:hover{box-shadow:0 32px 64px -12px #0006,0 0 0 1px #ffffff4d,inset 0 1px 0 #ffffff26;transform:translateY(-2px)}.table-header{z-index:2}.leaderboard-list{background:#ffffffe6;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-xl);position:relative;z-index:1}.leaderboard-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #e5e7eb4d;border-radius:16px;box-shadow:0 4px 12px #0000001a,0 0 0 1px #e5e7eb4d;display:flex;justify-content:space-between;min-height:120px;padding:var(--space-xl) var(--space-lg);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.leaderboard-item:hover{background:#f9fafbfa;box-shadow:0 8px 25px #00000026,0 0 0 1px #3b82f633;transform:translateY(-2px)}.item-left{flex:0 0 420px;gap:var(--space-lg)}.item-left,.rank-badge{align-items:center;display:flex}.rank-badge{background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;font-size:16px;font-weight:700;gap:var(--space-sm);justify-content:center;min-width:80px;padding:var(--space-sm) var(--space-md);text-shadow:0 1px 2px #0003}.drag-handle{color:#fff;cursor:grab;font-size:12px;margin-right:var(--space-xs);opacity:.8}.employee-info{flex:1 1}.employee-name{color:#1f2937;font-size:var(--font-size-lg);font-weight:700;line-height:1.2;margin:0 0 4px}.employee-email,.employee-notes{align-items:center;color:#6b7280;display:flex;font-size:var(--font-size-sm);gap:4px;line-height:1.3;margin-bottom:2px}.email-icon,.notes-icon{font-size:10px;min-width:12px;opacity:.7}.email-text,.notes-text{font-weight:500;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-email:hover .email-text,.employee-notes:hover .notes-text{overflow:visible;white-space:normal;word-break:break-word}.ratio-display{align-items:center;display:flex;gap:var(--space-xs)}.ratio-value{border-radius:4px;font-size:var(--font-size-xs);font-weight:600;padding:2px 6px;transition:all .2s ease}.ratio-value.ratio-positive{background:linear-gradient(135deg,#10b981,#059669);color:#fff;text-shadow:0 1px 2px #0003}.ratio-value.ratio-negative{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;text-shadow:0 1px 2px #0003}.ratio-value:not(.ratio-positive):not(.ratio-negative){background:#6b72801a;color:#6b7280}.item-right{display:flex;flex:1 1;flex-direction:column;gap:var(--space-sm)}.metrics-row{gap:var(--space-lg);justify-content:flex-end}.metric-item,.metrics-row{align-items:center;display:flex}.metric-item{background:#f9fafbcc;border:1px solid #e5e7eb80;border-radius:8px;flex-direction:column;min-width:70px;padding:var(--space-sm);transition:all .3s ease}.metric-item:hover{background:#f3f4f6e6;transform:translateY(-1px)}.highlight-metric{background:linear-gradient(135deg,#3b82f61a,#6366f11a);border-color:#3b82f64d}.highlight-metric:hover{background:linear-gradient(135deg,#3b82f626,#6366f126)}.metric-value{color:#1f2937;font-size:16px;font-weight:700;margin-bottom:2px}.highlight-metric .metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#6366f1);-webkit-background-clip:text;background-clip:text}.admin-info-container{flex-direction:column;gap:8px;margin-right:16px}.admin-info-container,.calculated-rank-badge-container{align-items:center;display:flex;justify-content:center}.calculated-rank-badge{background:#0000;border:1px solid #0003;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#000;font-size:11px;font-weight:700;line-height:1;min-width:20px;padding:4px 6px;text-align:center;white-space:nowrap}.admin-info-container .ratio-display{align-items:center;background:#0000!important;border:1px solid #e5e7ebcc;border-radius:6px;display:flex;justify-content:center;min-width:50px;padding:4px 8px}.admin-info-container .ratio-value{background:#0000!important;color:#1f2937;font-size:14px;font-weight:700;line-height:1.2;text-align:center}.admin-info-container .ratio-display div{background:#0000!important}.metric-item.highlight-metric{position:relative}.mobile-rank-badge-container{display:flex;justify-content:center;margin-bottom:8px;padding:8px 16px 0}.calculated-rank-badge.mobile{background:#0000;border:1px solid #0003;border-radius:4px;box-shadow:0 1px 3px #0000001a;color:#000;font-size:9px;padding:3px 6px;white-space:nowrap}.calculated-rank-badge.mobile,.metric-label{font-weight:600;line-height:1.2;text-align:center}.metric-label{color:#6b7280;font-size:10px;letter-spacing:.05em;margin-bottom:1px;text-transform:uppercase}.metric-description{color:#9ca3af;font-size:9px;font-weight:500;line-height:1.1;opacity:.8;text-align:center}.item-notes{margin-top:var(--space-xs);text-align:right}.notes-text{color:#6b7280;font-size:12px;font-style:italic}.rank-1 .rank-badge{background:linear-gradient(135deg,#f59e0b,#eab308);box-shadow:0 4px 12px #f59e0b66}.rank-1 .rank-number{color:#fff;font-weight:800;text-shadow:0 1px 3px #0000004d}.rank-2-3 .rank-badge{background:linear-gradient(135deg,#6b7280,#9ca3af);box-shadow:0 4px 12px #6b72804d}.rank-2-3 .rank-number{color:#fff;font-weight:700;text-shadow:0 1px 3px #0000004d}.rank-4-5 .rank-badge{background:linear-gradient(135deg,#cd7c2f,#a16207);box-shadow:0 4px 12px #cd7c2f4d}.rank-4-5 .rank-number{color:#fff;font-weight:700;text-shadow:0 1px 3px #0000004d}.draggable-item{cursor:grab;transition:all .2s cubic-bezier(.4,0,.2,1)}.draggable-item:active{cursor:grabbing}.dragging{box-shadow:0 10px 40px #0003,0 6px 12px #00000026;transform:scale(1.03) rotate(2deg);transition:none}.drag-over{border-radius:8px;box-shadow:0 0 0 3px #60a5fa66,0 8px 25px #60a5fa33,0 4px 12px #0000001a;transform:translateY(-2px) scale(1.005);transition:all .2s cubic-bezier(.4,0,.2,1)}.table-header{align-items:center;background:linear-gradient(135deg,#1f2937,#374151 50%,#4b5563);border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:var(--space-2xl) var(--space-2xl);position:relative}.table-header:before{background:linear-gradient(135deg,#3b82f61a,#6366f11a);bottom:0;opacity:.3;pointer-events:none}.table-header:after,.table-header:before{content:"";left:0;position:absolute;right:0;top:0}.table-header:after{background:linear-gradient(90deg,#0000,#fff9 50%,#0000);height:1px}.region-title{font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.02em;margin:0;text-shadow:0 2px 8px #0000004d}.add-entry-button,.region-title{color:#fff;position:relative;z-index:1}.add-entry-button{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff40,#ffffff26);border:2px solid #ffffff4d;border-radius:16px;box-shadow:0 4px 12px #00000026,inset 0 1px 0 #fff3;cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:12px 24px;text-shadow:0 1px 2px #0003;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-entry-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.add-entry-button:hover:before{left:100%}.add-entry-button:hover{background:linear-gradient(135deg,#ffffff59,#ffffff40);border-color:#ffffff80;box-shadow:0 8px 25px #0003,inset 0 1px 0 #ffffff4d;transform:translateY(-3px)}.table-container{background:#fffffffa;border-radius:0 0 24px 24px;overflow:hidden;position:relative}.table-container:before{background:linear-gradient(90deg,#0000,#e5e7eb99 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}table{background:#0000;border-collapse:initial;border-spacing:0;font-size:14px;table-layout:fixed;width:100%}thead{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:2px solid #cbd5e1;position:-webkit-sticky;position:sticky;top:0;z-index:10}thead:after{background:linear-gradient(90deg,#0000,#94a3b8 50%,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}th{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:none;color:#374151;font-size:13px;font-weight:700;letter-spacing:.05em;overflow:hidden;padding:20px 12px;position:relative;text-overflow:ellipsis;text-transform:uppercase}th:first-child{padding-left:32px}th:last-child{padding-right:32px}th:first-child{width:10%}th:nth-child(2){width:25%}th:nth-child(3){width:10%}th:nth-child(4),th:nth-child(5),th:nth-child(6){width:15%}th:nth-child(7),th:nth-child(8){width:12%}th:nth-child(9){width:8%}th:first-child{border-top-left-radius:0}th:last-child{border-top-right-radius:0}tbody tr{background:#ffffffe6;border-bottom:1px solid #e5e7eb80;position:relative}tbody tr:nth-child(2n){background:#f9fafbcc}tbody tr:hover{background:linear-gradient(135deg,#3b82f614,#6366f114);border-bottom-color:#3b82f633;box-shadow:0 8px 25px #0000001f;transform:translateY(-1px);z-index:5}tbody tr:hover td{border-color:#3b82f61a;color:#1f2937}tbody tr:last-child{border-bottom:none}tbody tr:last-child td:first-child{border-bottom-left-radius:24px}tbody tr:last-child td:last-child{border-bottom-right-radius:24px}td{border:none;color:#374151;font-size:14px;font-weight:500;line-height:1.5;overflow:hidden;padding:18px 12px;text-overflow:ellipsis;transition:all .3s ease;vertical-align:middle}td:first-child{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#6366f1);-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:700;padding-left:32px}td:last-child{padding-right:32px}.highlight-column{background:linear-gradient(135deg,var(--gray-100) 0,var(--gray-200) 100%)!important;border:1px solid var(--gray-300)!important;color:var(--text-primary)!important;font-weight:600!important;position:relative;text-align:center}.highlight-column:before{color:var(--secondary-orange);content:"★";filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));margin-right:var(--space-xs)}tbody .highlight-column{background:linear-gradient(135deg,var(--gray-50) 0,var(--gray-100) 100%)!important;border-left:2px solid var(--secondary-orange)!important;border-right:2px solid var(--secondary-orange)!important;box-shadow:inset 0 1px 3px #0000000d;color:var(--text-primary);font-weight:600;text-align:center}tbody tr:hover .highlight-column{background:linear-gradient(135deg,var(--primary-blue-light) 0,var(--primary-blue) 100%)!important;border-color:var(--primary-blue)!important;color:#fff!important}.rank-1{background:linear-gradient(135deg,gold,orange)!important;box-shadow:0 4px 12px #ffd7004d;color:var(--text-primary)!important;font-weight:700;position:relative}.rank-1:before{content:none}.rank-1 td{color:var(--text-primary)!important;font-weight:700;text-shadow:0 1px 2px #0000001a}.rank-2{background:linear-gradient(135deg,silver,#a8a8a8)!important;box-shadow:0 3px 8px #c0c0c04d}.rank-2,.rank-2 td{color:var(--text-primary)!important;font-weight:600}.rank-3{background:linear-gradient(135deg,#cd7f32,#b8860b)!important;box-shadow:0 3px 8px #cd7f324d}.rank-3,.rank-3 td{color:#fff!important;font-weight:600}.rank-4,.rank-5{background:linear-gradient(135deg,var(--primary-blue-light) 0,var(--primary-blue) 100%)!important;box-shadow:0 2px 6px #007aff33}.rank-4,.rank-4 td,.rank-5,.rank-5 td{color:#fff!important;font-weight:500}.draggable-row{cursor:grab;position:relative;touch-action:none;transform-origin:center;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.draggable-row:active{cursor:grabbing}.draggable-row:hover{background:linear-gradient(135deg,var(--gray-50) 0,var(--gray-100) 100%)!important;border-radius:var(--radius-md);box-shadow:var(--shadow-large);transform:translateY(-3px);z-index:2}@media (max-width:992px){.draggable-row{cursor:default;min-height:48px;touch-action:manipulation}.draggable-row:hover{background:var(--gray-50)!important;transform:none}.drag-handle{color:var(--gray-500);font-size:var(--font-size-base);opacity:.6!important;transform:scale(1) rotate(0deg)!important}.dragging{animation:none;transform:scale(1.02)}.drag-over{animation:none;transform:scale(1.01)}}.dragging{animation:modernDragPulse 1.5s ease-in-out infinite alternate;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--primary-blue-light) 0,var(--primary-blue) 100%)!important;border:3px solid var(--secondary-teal);border-radius:var(--radius-lg);box-shadow:0 15px 40px #007aff66;color:#fff!important;opacity:.9;transform:scale(1.05) rotate(2deg);z-index:1000}.dragging td{color:#fff!important;font-weight:600;text-shadow:0 1px 2px #0000001a}@keyframes modernDragPulse{0%{box-shadow:0 15px 40px #007aff66;transform:scale(1.05) rotate(2deg)}to{box-shadow:0 20px 50px #007aff99;transform:scale(1.08) rotate(-1deg)}}.drag-over{animation:modernDropZone 1s ease-in-out infinite alternate;background:linear-gradient(135deg,var(--secondary-teal) 0,var(--primary-blue-light) 100%)!important;border-bottom:4px solid var(--secondary-teal);border-radius:var(--radius-md);border-top:4px solid var(--secondary-teal);box-shadow:0 8px 25px #32d74b4d;color:#fff!important;transform:scale(1.02)}.drag-over td{color:#fff!important;font-weight:600}@keyframes modernDropZone{0%{background:linear-gradient(135deg,var(--secondary-teal) 0,var(--primary-blue-light) 100%);box-shadow:0 8px 25px #32d74b4d}to{background:linear-gradient(135deg,var(--primary-blue-light) 0,var(--secondary-teal) 100%);box-shadow:0 12px 35px #32d74b80}}.drag-handle{color:var(--gray-400);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:var(--font-size-sm);margin-right:var(--space-sm);opacity:0;transform:scale(.7) rotate(-15deg);transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.draggable-row:hover .drag-handle{color:var(--primary-blue);opacity:1;transform:scale(1) rotate(0deg)}.dragging .drag-handle{color:#fff;opacity:1;transform:scale(1.2) rotate(15deg)}.rank-cell{background:linear-gradient(135deg,var(--gray-50) 0,var(--gray-100) 100%);border-radius:var(--radius-sm);box-shadow:var(--shadow-light);color:var(--text-primary);gap:var(--space-xs);margin:2px;padding:var(--space-xs);position:relative;width:80px}.rank-cell,.rank-number{transition:all .3s cubic-bezier(.4,0,.2,1)}.rank-number{font-size:var(--font-size-base);font-weight:700}.draggable-row:hover .rank-cell{background:linear-gradient(135deg,var(--primary-blue-light) 0,var(--primary-blue) 100%);box-shadow:var(--shadow-medium);color:#fff;transform:scale(1.05)}.draggable-row:hover .rank-number{color:#fff;text-shadow:0 1px 2px #0000001a;transform:scale(1.1)}.account-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:700!important;letter-spacing:-.01em;min-width:180px;position:relative}tbody tr:hover .account-name{color:#fff!important;text-shadow:0 1px 2px #0000001a}td{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.positive-score{color:var(--secondary-teal);font-weight:700}.negative-score{color:var(--secondary-red);font-weight:700}.neutral-score{color:var(--text-secondary);font-weight:500}tbody tr{transition:all .3s cubic-bezier(.4,0,.2,1)}.draggable-row *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.draggable-row:active{transform:scale(.98)}@media (max-width:1200px){.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}table{min-width:800px;table-layout:auto}td,th{font-size:var(--font-size-xs);padding:var(--space-xs)}.region-title{font-size:var(--font-size-xl)}th:nth-child(2){width:20%}th:nth-child(4){width:12%}}@media (max-width:992px){.leaderboard-table{border-radius:16px;margin:var(--space-lg) var(--space-sm)}.table-header{flex-direction:column;gap:var(--space-md);padding:var(--space-lg);text-align:center}.region-title{font-size:var(--font-size-lg)}.add-entry-button{font-size:var(--font-size-base);min-height:48px;padding:var(--space-md);width:100%}.leaderboard-list{gap:var(--space-xs);min-height:auto!important;padding:var(--space-sm)}.leaderboard-item,.leaderboard-list{align-items:stretch!important;height:auto!important}.leaderboard-item{background:#fffffffa;border-radius:8px;box-shadow:0 1px 4px #0000001a;flex-direction:column!important;flex-shrink:0!important;gap:0!important;max-height:none!important;min-height:60px!important;overflow:visible!important;padding:8px!important;position:relative;transform:translateZ(0);width:100%!important}.leaderboard-item.has-previous-expanded{margin-top:60px!important}.item-header{flex-shrink:0!important;gap:12px;justify-content:space-between;order:1!important;width:100%}.item-header,.item-left{align-items:center;display:flex}.item-left{flex-shrink:0;gap:8px!important;margin-bottom:0!important;min-width:120px}.rank-badge{flex-shrink:0;height:24px;width:24px}.employee-info{flex:1 1;min-width:0}.employee-name{font-size:14px!important;line-height:1.2;margin-bottom:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-email,.employee-notes{font-size:10px!important;margin-bottom:1px!important;max-width:180px}.employee-email .email-text,.employee-notes .notes-text{max-width:150px}.ratio-display{font-size:10px!important;margin:0!important}.item-right{flex-shrink:0;justify-content:flex-end}.item-right,.metrics-toggle{align-items:center;display:flex}.metrics-toggle{-webkit-tap-highlight-color:rgba(59,130,246,.3);-webkit-touch-callout:none;background:#3b82f61a;border:1px solid #3b82f633;border-radius:6px;cursor:pointer;height:32px;justify-content:center;padding:8px;touch-action:manipulation;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:32px}.metrics-toggle:hover{background:#3b82f626;border-color:#3b82f64d}.expand-indicator{background:none;border-radius:0;color:#2563eb;font-size:16px;font-weight:700;line-height:1;padding:0}.metrics-dropdown{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border:1px solid #e5e7eb80;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:none;left:8px;margin-top:8px;min-height:auto;overflow:visible;padding:12px;position:absolute;transform:translateZ(0);width:calc(100% - 16px);z-index:9999}.metrics-dropdown.open{animation:fadeIn .15s ease-in-out;display:block!important;max-height:none;opacity:1;visibility:visible}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-metrics-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;justify-content:flex-start;width:100%}.dropdown-metric-item{align-items:center;background:#f8fafccc;border:1px solid #e5e7eb80;border-radius:4px;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;min-width:60px;padding:4px 8px;text-align:center}.dropdown-metric-value{color:#1f2937;font-size:14px;font-weight:700;line-height:1}.dropdown-metric-label{color:#6b7280;font-size:9px;font-weight:600;letter-spacing:.02em;line-height:1;margin-top:2px;text-transform:uppercase}.dropdown-metric-description{color:#9ca3af;font-size:8px;line-height:1;margin-top:1px}.metrics-row{display:none!important}.metric-item{background:#f8fafccc;border:1px solid #e5e7eb80;border-radius:4px;flex-shrink:0;min-width:40px;padding:3px 6px!important;text-align:center}.metric-value{font-size:12px!important;font-weight:700}.metric-label,.metric-value{display:block;line-height:1;margin-bottom:0!important}.metric-label{font-size:8px!important;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.metric-description{display:none!important}.highlight-metric{background:linear-gradient(135deg,#3b82f61a,#6366f11a);border-color:#3b82f64d}.highlight-metric .metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#6366f1);-webkit-background-clip:text;background-clip:text}.item-notes,.notes-text{display:none!important}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:0 var(--space-xs)}table{min-width:600px}td,th{font-size:var(--font-size-sm);padding:var(--space-sm);white-space:nowrap}.rank-cell{min-width:40px;width:40px}.account-name{font-size:var(--font-size-sm);min-width:120px}.draggable-row{min-height:48px}.draggable-row td{vertical-align:middle}}.draggable-row td{transition:all .3s ease}.draggable-row:hover td{color:#495057}thead{background-color:#f8f9fa}th{border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:1rem .75rem;text-align:left}td,th{white-space:nowrap}td{border-bottom:1px solid #dee2e6;padding:.75rem}.rank-cell{align-items:center;color:#6c757d;display:flex;font-weight:700;justify-content:center;text-align:center;width:60px}.account-name{color:#212529;min-width:200px}.account-name,.top-performer{font-weight:500}.rank-1{background-color:#fff3cd}.rank-1 .rank-cell{background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%;color:#856404;font-weight:600;height:30px;line-height:30px;margin:0 auto;text-align:center;width:30px}.rank-2-3{background-color:#f8f9fa}.rank-2-3 .rank-cell{background:linear-gradient(135deg,silver,#e8e8e8);border-radius:50%;color:#495057;font-weight:600;height:30px;line-height:30px;margin:0 auto;text-align:center;width:30px}.rank-4-5{background-color:#fff5f5}.rank-4-5 .rank-cell{background:linear-gradient(135deg,#cd7f32,#deb887);border-radius:50%;color:#654321;font-weight:600;height:30px;line-height:30px;margin:0 auto;text-align:center;width:30px}.positive-score{color:#28a745;font-weight:600}.negative-score{color:#dc3545;font-weight:600}.neutral-score{color:#6c757d}tbody tr:hover{background-color:#f8f9fa}@media (max-width:992px){.table-header{flex-direction:column;gap:1rem;padding:var(--space-lg);text-align:center}.add-entry-button{font-size:var(--font-size-base);min-height:48px;width:100%}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}table{min-width:600px}td,th{font-size:var(--font-size-sm);padding:var(--space-sm)}.account-name{min-width:120px}.draggable-row{min-height:48px}}@media (max-width:992px) and (orientation:portrait){.leaderboard-table{overflow:visible!important}.leaderboard-item{flex-shrink:0!important;height:auto!important;min-height:auto!important}.metrics-dropdown{flex-shrink:0!important;margin:8px 0!important;position:static!important;width:100%!important}.metrics-dropdown.open{background:#fff!important;border:1px solid #e5e7ebcc!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;display:block!important;left:8px!important;margin:0!important;opacity:1!important;padding:12px!important;position:absolute!important;top:100%!important;transform:translateZ(0)!important;transition:opacity .2s ease-in-out,transform .2s ease-in-out!important;visibility:visible!important;width:calc(100% - 16px)!important;z-index:99999!important}.leaderboard-list,.metrics-dropdown.open{height:auto!important;min-height:auto!important}}@media (max-width:480px){.leaderboard-table{border-radius:6px;margin:4px 2px!important}.table-header{padding:6px!important}.region-title{font-size:16px!important}.leaderboard-list{gap:1px!important;padding:2px!important}.leaderboard-item{border-radius:4px;gap:8px!important;max-height:50px!important;min-height:50px!important;padding:6px!important}.item-left{gap:6px!important;min-width:100px}.rank-badge{height:20px!important;width:20px!important}.employee-name{font-size:12px!important;line-height:1.1}.ratio-display{font-size:9px!important}.leaderboard-item .metrics-row{display:none!important}.metrics-toggle{height:28px!important;padding:6px!important;width:28px!important}.expand-indicator{font-size:14px!important}.metrics-dropdown{margin-top:4px!important;padding:4px!important}.dropdown-metrics-grid{gap:3px!important}.dropdown-metric-item{min-width:40px!important;padding:2px 4px!important}.dropdown-metric-value{font-size:10px!important}.dropdown-metric-label{font-size:7px!important}.dropdown-metric-description{display:none!important;font-size:6px!important}table{min-width:500px}td,th{padding:var(--space-xs)}.account-name,td,th{font-size:var(--font-size-xs)}.account-name{min-width:100px}.rank-cell{min-width:35px;width:35px}}@media (min-width:993px){.metrics-dropdown,.metrics-toggle{display:none!important}.metrics-row{align-items:center;display:flex!important;flex-wrap:wrap;gap:var(--space-sm)}}.loading-skeleton{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:2rem 0;padding:1.5rem}.skeleton-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.skeleton-title{border-radius:4px;height:32px;width:300px}.skeleton-button,.skeleton-title{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.skeleton-button{border-radius:6px;height:40px;width:120px}.skeleton-table{width:100%}.skeleton-table-header{border-bottom:2px solid #f0f0f0;display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:.5rem}.skeleton-th{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;flex:1 1;height:20px}.skeleton-row{display:flex;gap:1rem;margin-bottom:.75rem;padding:.5rem 0}.skeleton-cell{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;flex:1 1;height:18px}.skeleton-row:nth-child(odd) .skeleton-cell{animation-delay:.1s}.skeleton-row:nth-child(2n) .skeleton-cell{animation-delay:.2s}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.skeleton-header{align-items:stretch;flex-direction:column;gap:1rem}.skeleton-title{width:100%}}.new-account-dot{animation:pulse-dot 2s infinite;background-color:#dc3545;border-radius:50%;box-shadow:0 0 0 2px #dc354533;display:inline-block;height:8px;margin-left:8px;position:relative;top:-1px;width:8px}@keyframes pulse-dot{0%{box-shadow:0 0 0 2px #dc354533}50%{box-shadow:0 0 0 4px #dc35451a}to{box-shadow:0 0 0 2px #dc354533}}.admin-page-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.admin-page{background:linear-gradient(145deg,#1e293b,#334155);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 25px 50px #00000080;color:#fff;display:flex;flex-direction:column;height:80vh;max-height:800px;max-width:1200px;overflow:hidden;width:90vw}.admin-page-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.admin-page-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.admin-page-close{background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:24px;padding:8px;transition:background .2s ease}.admin-page-close:hover{background:#ffffff1a}.admin-page-content{display:flex;flex:1 1;overflow:hidden}.admin-sidebar{background:#0003;border-right:1px solid #ffffff1a;overflow-y:auto;padding:24px;width:300px}.admin-sidebar h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 16px}.account-item,.account-list{display:flex;flex-direction:column;gap:8px}.account-item{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#fff;cursor:pointer;padding:14px 16px;text-align:left;transition:all .2s ease}.account-item:hover{background:#ffffff26;border-color:#ffffff40;transform:translateX(2px)}.account-item.active{background:#3b82f666;border-color:#3b82f699;box-shadow:0 0 0 1px #3b82f64d}.account-name{color:#fff;font-size:14px;font-weight:600;line-height:1.3}.account-ratio{align-self:flex-start;background:#6b728033;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#ffffffe6;font-size:12px;font-weight:600;min-width:60px;padding:4px 8px;text-align:center;transition:all .2s ease}.account-ratio.ratio-excellent{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:600}.account-ratio.ratio-good{background:linear-gradient(135deg,#84cc16,#65a30d);color:#fff;font-weight:600}.account-ratio.ratio-fair{background:linear-gradient(135deg,#eab308,#ca8a04);color:#fff;font-weight:600}.account-ratio.ratio-poor{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-weight:600}.account-ratio.ratio-critical{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-weight:600}.account-ratio.ratio-no-data{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;font-weight:600}.account-target{align-self:flex-start;background:#ffffff1a;border-radius:4px;color:#fff9;font-size:11px;padding:2px 8px}.admin-main{flex:1 1;overflow-y:auto;padding:24px}.account-config{max-width:600px}.config-header{margin-bottom:32px}.config-header h3{color:#fff;font-size:20px;font-weight:600;margin:0}.config-sections{display:flex;flex-direction:column;gap:24px}.config-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.config-label{color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:600;margin-bottom:12px}.config-description{color:#ffffffb3;font-size:14px;font-weight:400;margin-top:4px}.ratio-input-group{align-items:center;display:flex;gap:8px}.ratio-input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:16px;font-weight:600;padding:12px 16px;width:120px}.ratio-input:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a;outline:none}.ratio-suffix{color:#ffffffb3;font-size:16px;font-weight:500}.config-checkbox{cursor:pointer;height:20px;margin-right:12px;width:20px}.refer-out-weight-section{background:#0003;border:1px solid #ffffff1a;border-radius:8px;margin-left:32px;margin-top:16px;padding:16px}.config-sublabel{color:#ffffffe6;cursor:pointer;display:block;font-size:14px;font-weight:500;margin-bottom:12px}.weight-input-group{align-items:center;display:flex;gap:8px}.weight-input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:14px;font-weight:600;padding:8px 12px;width:100px}.weight-input:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a;outline:none}.weight-suffix{color:#ffffffb3;font-size:14px;font-weight:500}.performance-preview{background:#0003;border:1px solid #ffffff1a;border-radius:12px;margin-top:32px;padding:20px}.performance-preview h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 16px}.preview-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.preview-item{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.preview-label{color:#ffffffb3;font-size:14px}.preview-value{background:#6b728033;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:14px;font-weight:600;min-width:80px;padding:8px 12px;text-align:center;transition:all .2s ease}.preview-value.ratio-excellent{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:600}.preview-value.ratio-good{background:linear-gradient(135deg,#84cc16,#65a30d);color:#fff;font-weight:600}.preview-value.ratio-fair{background:linear-gradient(135deg,#eab308,#ca8a04);color:#fff;font-weight:600}.preview-value.ratio-poor{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-weight:600}.preview-value.ratio-critical{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-weight:600}.preview-value.ratio-no-data{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;font-weight:600}.preview-value.target-ratio{background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #1d4ed8;color:#fff;font-weight:600}.account-item:hover .account-ratio{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.admin-page-footer{background:#ffffff0d;border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.admin-cancel-btn,.admin-save-btn{border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.admin-cancel-btn{background:#6b728033;border:1px solid #6b72804d;color:#d1d5db}.admin-cancel-btn:hover{background:#6b72804d;border-color:#6b728066}.admin-save-btn{background:#22c55e33;border:1px solid #22c55e4d;color:#86efac}.admin-save-btn:hover{background:#22c55e4d;border-color:#22c55e66}@media (max-width:768px){.admin-page{height:90vh;width:95vw}.admin-page-content{flex-direction:column}.admin-sidebar{border-bottom:1px solid #ffffff1a;border-right:none;height:200px;width:100%}.account-list{flex-direction:row;gap:12px;overflow-x:auto;padding-bottom:8px}.account-item{flex-shrink:0;min-width:180px}.preview-grid{grid-template-columns:1fr}}.admin-management-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.admin-management-modal{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 25px 50px #00000080;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.admin-management-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px 32px}.admin-management-header h2{color:#fff;font-size:24px;font-weight:700;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-btn:hover{background:#ffffff1a;color:#fff}.admin-management-content{padding:32px}.message{align-items:center;border-radius:8px;display:flex;font-weight:600;justify-content:space-between;margin-bottom:24px;padding:12px 16px}.message.success{background:#22c55e1a;border:1px solid #22c55e4d;color:#4ade80}.message.error{background:#ef44441a;border:1px solid #ef44444d;color:#f87171}.message button{background:none;border:none;color:inherit;cursor:pointer;font-size:16px;height:20px;padding:0;width:20px}.add-admin-section,.current-admins-section,.role-descriptions{margin-bottom:32px}.add-admin-section h3,.current-admins-section h3,.role-descriptions h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 16px}.admin-list{display:flex;flex-direction:column;gap:16px}.admin-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:16px;justify-content:space-between;padding:20px}.admin-info{flex:1 1}.admin-name{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px}.admin-email{color:#ffffffb3;font-size:14px;margin-bottom:8px}.admin-role{color:#60a5fa;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.admin-permissions{display:flex;flex:1 1;flex-wrap:wrap;gap:6px}.permission-tag{background:#6366f11a;border:1px solid #6366f14d;border-radius:4px;color:#a78bfa;font-size:11px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.remove-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s ease}.remove-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.add-admin-form{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus{background:#ffffff26;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a;outline:none}.form-group input::placeholder{color:#ffffff80}.add-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease;width:100%}.add-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.role-descriptions{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.role-item{color:#fffc;line-height:1.5;margin-bottom:12px}.role-item:last-child{margin-bottom:0}.role-item strong{color:#fff}.access-denied{padding:40px;text-align:center}.access-denied h2{color:#ef4444;margin-bottom:16px}.access-denied p{color:#ffffffb3;margin-bottom:24px}@media (max-width:768px){.admin-management-modal{margin:10px;max-width:none}.admin-management-content,.admin-management-header{padding:20px}.admin-item{align-items:flex-start;flex-direction:column;gap:12px}.admin-permissions{width:100%}.remove-btn{align-self:flex-end}}.hamburger-button{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1e293bf2;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 20px #0000004d;cursor:pointer;display:flex;flex-direction:column;gap:4px;height:48px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px;z-index:9999}.hamburger-button:hover{background:#1e293b;border-color:#ffffff4d;box-shadow:0 6px 25px #0006;transform:scale(1.05)}.hamburger-line{background:#fff;border-radius:1px;height:2px;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:20px}.hamburger-button.open .hamburger-line:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger-button.open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-button.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.hamburger-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9000}.hamburger-menu{background:linear-gradient(145deg,#1e293b,#334155);border-left:1px solid #ffffff1a;box-shadow:-4px 0 20px #0000004d;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:320px;z-index:9001}.hamburger-menu.open{transform:translateX(0)}.menu-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px}.menu-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.menu-close{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:20px;padding:4px;transition:background .2s ease}.menu-close:hover{background:#ffffff1a}.menu-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:0}.menu-section{border-bottom:1px solid #ffffff14;padding:16px 20px}.menu-section:last-child{border-bottom:none}.menu-section.admin-section{padding:20px}.menu-section.logout-section{background:#0000001a;border-bottom:none;border-top:1px solid #ffffff14;margin-top:auto;padding:16px 20px}.menu-section.user-section{padding:24px 20px 16px}.menu-section.user-section .user-info{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:16px;padding:16px}.user-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;font-size:18px;font-weight:600;height:48px;justify-content:center;text-transform:uppercase;width:48px}.menu-section .user-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.menu-section .user-name{color:#fff;font-size:16px;font-weight:600;line-height:1.2}.menu-section .user-role{color:#ffffffbf;font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.menu-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:8px;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.menu-button:last-child{margin-bottom:0}.menu-button:hover{background:#ffffff1a;border-color:#fff3;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.menu-button .button-icon{flex-shrink:0;height:18px;width:18px}.logout-button{background:#ef44441a!important;border-color:#ef44444d!important;color:#fca5a5!important;margin-bottom:0!important}.logout-button:hover{background:#ef444433!important;border-color:#ef444480!important;box-shadow:0 4px 12px #ef444433!important;color:#fecaca!important}.admin-toggle{position:relative}.save-button{background:#22c55e1a!important;border-color:#22c55e4d!important;color:#86efac!important}.save-button:hover{background:#22c55e33!important;border-color:#22c55e80!important;box-shadow:0 4px 12px #22c55e33!important;color:#bbf7d0!important}.unsaved-indicator{color:#fbbf24;font-size:12px;margin-left:auto}.admin-toggle.active{background:#3b82f633;border-color:#3b82f666;color:#93c5fd}.admin-badge{background:#ef4444;border-radius:50%;color:#ef4444;font-size:8px;height:8px;position:absolute;right:8px;top:8px;width:8px}.embedded-admin-panel{background:#0000;border-top:1px solid #ffffff1a}.embedded-admin-panel .admin-panel{background:#0000;border:none;border-radius:0;box-shadow:none;max-width:none;position:static;transform:none;width:100%}.embedded-admin-panel .admin-panel-header,.embedded-admin-panel .admin-toggle-button{display:none}.embedded-admin-panel .admin-panel-content{background:#0000;max-height:none;overflow:visible;padding:16px}@media (max-width:480px){.hamburger-menu{width:100vw}.hamburger-button{height:44px;right:16px;top:16px;width:44px}.menu-section{padding:16px}.menu-section.user-section{padding:20px 16px 12px}.menu-section.logout-section{padding:12px 16px}}@media (min-width:481px) and (max-width:767px){.hamburger-button{height:48px;right:20px;top:20px;width:48px}}@media (min-width:768px){.hamburger-button{height:52px;right:24px;top:24px;width:52px}.hamburger-menu{border-radius:12px 0 0 12px;height:calc(100vh - 80px);top:80px;width:360px}.hamburger-menu.open{transform:translateX(0)}.menu-header,.menu-section.admin-section{padding:24px}.menu-section.user-section{padding:28px 24px 20px}.menu-section.logout-section{padding:20px 24px}}@media (min-width:1200px){.hamburger-button{right:28px;top:28px}.hamburger-menu{height:calc(100vh - 88px);top:88px;width:380px}}.data-status{background:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;margin-top:16px;padding:16px}.status-label{align-items:center;color:#ffffffe6;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.status-icon{color:#22c55ecc;height:16px;width:16px}.status-time{color:#ffffffb3;font-size:13px;line-height:1.4;padding-left:24px}.no-admin-message{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ffffffb3;margin:16px 0;padding:20px;text-align:center}.no-admin-message p{font-size:14px;margin:8px 0}.no-admin-message p:first-child{color:#ffffffe6;font-weight:600}.menu-button.super-admin{background:linear-gradient(135deg,#7c3aed,#5b21b6);border:1px solid #a78bfa4d}.menu-button.super-admin:hover{background:linear-gradient(135deg,#6d28d9,#4c1d95);border-color:#a78bfa80;box-shadow:0 4px 12px #7c3aed4d}.menu-button.refresh-button{background:linear-gradient(135deg,#059669,#047857);border:1px solid #34d3994d}.menu-button.refresh-button:hover:not(:disabled){background:linear-gradient(135deg,#047857,#065f46);border-color:#34d39980;box-shadow:0 4px 12px #0596694d}.menu-button.refresh-button:disabled{cursor:not-allowed;opacity:.7}.menu-button.refresh-button.loading,.menu-button.refresh-button:disabled{background:linear-gradient(135deg,#6b7280,#4b5563)}.button-icon.spin{animation:spin 1s linear infinite}.edit-controls{animation:slideUp .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1e293bf2;border:1px solid #fff3;border-radius:12px;bottom:20px;box-shadow:0 4px 20px #0000004d;left:50%;max-width:90vw;min-width:320px;padding:16px 20px;position:fixed;transform:translateX(-50%);z-index:1000}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.edit-controls-content,.edit-status{align-items:center;display:flex;gap:16px}.edit-status{color:#fff;font-size:14px;font-weight:500}.save-reminder{align-items:center;animation:pulse 2s infinite;background:#fcd34d1a;border:1px solid #fcd34d33;border-radius:8px;color:#fcd34d;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 10px}.save-reminder-icon{flex-shrink:0;height:14px;width:14px}.save-reminder-text{white-space:nowrap}.edit-mode-indicator{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px}.edit-icon{flex-shrink:0;height:16px;width:16px}.loading-indicator{align-items:center;color:#fff;display:flex;font-weight:500;gap:8px}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.edit-actions,.edit-button{display:flex;gap:8px}.edit-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;justify-content:center;min-width:80px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-button:disabled{cursor:not-allowed;opacity:.5}.edit-button:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.edit-button.save-ready{background:#22c55e26;border-color:#22c55e4d;color:#bbf7d0}.edit-button.save-ready:hover:not(:disabled){background:#22c55e40;border-color:#22c55e66;box-shadow:0 4px 12px #22c55e33;transform:translateY(-1px)}@media (max-width:768px){.edit-controls{bottom:10px;left:10px;padding:12px 16px;right:10px;transform:none;width:auto}.edit-controls-content{flex-direction:column;gap:12px}.edit-status{flex-wrap:wrap;gap:8px;justify-content:center}.edit-actions{justify-content:center;width:100%}.edit-button{flex:1 1;min-width:70px;padding:10px 12px}}.toast-container{display:flex;flex-direction:column;gap:8px;pointer-events:none;position:fixed;right:20px;top:80px;z-index:10000}.toast{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1e293bf2;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 20px #0000004d;max-width:400px;min-width:320px;opacity:0;padding:16px;pointer-events:auto;transform:translateX(100%);transition:all .3s cubic-bezier(.4,0,.2,1)}.toast-visible{opacity:1;transform:translateX(0)}.toast-content{align-items:center;display:flex;gap:12px}.toast-icon{flex-shrink:0;height:20px;width:20px}.toast-icon svg{height:100%;width:100%}.toast-message{color:#fff;flex:1 1;font-size:14px;font-weight:500;line-height:1.4}.toast-close{align-items:center;background:none;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;padding:4px;transition:all .2s ease;width:24px}.toast-close:hover{background:#ffffff1a;color:#fff}.toast-close svg{height:14px;width:14px}.toast-success{border-left:4px solid #22c55e}.toast-success .toast-icon{color:#22c55e}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-left:4px solid #fcd34d}.toast-warning .toast-icon{color:#fcd34d}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{color:#3b82f6}@media (max-width:768px){.toast-container{left:10px;right:10px;top:70px}.toast{max-width:none;min-width:auto}}.auth-loading{align-items:center;background:linear-gradient(135deg,#f0f4ff,#e0e7ff 50%,#c7d2fe);display:flex;justify-content:center;min-height:100vh}.auth-loading-content{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;gap:16px;padding:32px}.auth-loading-content .loading-spinner{animation:spin 1s linear infinite;border:3px solid #3b82f633;border-radius:50%;border-top-color:#3b82f6;height:32px;width:32px}.auth-loading-content span{color:#1e293b;font-size:16px;font-weight:500}@keyframes spin{to{transform:rotate(1turn)}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{overflow-x:hidden;scroll-behavior:smooth;touch-action:manipulation;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.employee-name,.metric-value,.mobile-user-name{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}:root{--primary-blue:#007aff;--primary-blue-light:#4a90e2;--primary-blue-dark:#0056d3;--secondary-teal:#32d74b;--secondary-orange:#ff9500;--secondary-red:#ff3b30;--secondary-green:#22c55e;--secondary-green-light:#4ade80;--secondary-green-dark:#16a34a;--gray-50:#fafafa;--gray-100:#f5f5f7;--gray-200:#e5e5ea;--gray-300:#d1d1d6;--gray-400:#8e8e93;--gray-500:#636366;--gray-600:#48484a;--gray-700:#3a3a3c;--gray-800:#2c2c2e;--gray-900:#1c1c1e;--text-primary:#1d1d1f;--text-secondary:#86868b;--text-tertiary:#a1a1a6;--bg-primary:#fff;--bg-secondary:#fbfbfd;--bg-tertiary:#f2f2f7;--shadow-light:0 1px 3px #0000000d;--shadow-medium:0 4px 6px #00000012;--shadow-large:0 10px 25px #0000001a;--shadow-xl:0 20px 40px #0000001a;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1d1d1f;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-size:var(--font-size-base);line-height:1.6}.App,body{background:linear-gradient(135deg,#2c5282,#1a365d 25%,#2d3748 50%,#1a202c);min-height:100vh;position:relative}.App{overflow-x:hidden}.App:before{background-image:url(/static/media/lhc-logo-tree-only.abd5da8038f951fe9e5e.png);background-position:50%;background-repeat:repeat;background-size:150px 150px;bottom:0;content:"";left:0;opacity:.02;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.main-content{margin:0;max-width:100%;padding:.5rem;padding:var(--space-sm)}.dashboard-container{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;margin:0;padding:0}.single-leaderboard-container{margin:0;max-width:100%;padding:0}@media (min-width:768px){.App:before{background-size:180px 180px;opacity:.025}.dashboard-container,.main-content{padding:1.5rem;padding:var(--space-lg)}.dashboard-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:16px;margin:1.5rem;margin:var(--space-lg)}.single-leaderboard-container{max-width:none}}@media (min-width:1024px){.App:before{background-size:200px 200px;opacity:.03}.main-content{margin:0 auto;max-width:1600px;padding:32px 24px}.dashboard-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 25px 50px -12px #0000001a,0 0 0 1px #ffffff80,inset 0 1px 0 #ffffffe6;margin:32px 0;overflow:hidden;padding:32px;position:relative}}.dashboard-container:before{background:linear-gradient(90deg,#0000,#3b82f680 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.dashboard-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e5e7eb4d;border-radius:20px;box-shadow:0 10px 25px -5px #0000001a,0 0 0 1px #fff6;margin-bottom:2rem;margin-bottom:var(--space-xl);padding:3rem;padding:var(--space-2xl);position:relative}.dashboard-section:before{background:linear-gradient(90deg,#0000,#6366f14d 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.dashboard-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;letter-spacing:-.02em;margin-bottom:2rem;margin-bottom:var(--space-xl);position:relative;text-align:center}.dashboard-section h2:after{background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6);border-radius:2px;bottom:-12px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.refresh-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.refresh-button:hover:before{left:100%}.refresh-button:hover:not(:disabled){background:linear-gradient(135deg,#4a90e2,#007aff);background:linear-gradient(135deg,var(--primary-blue-light) 0,var(--primary-blue) 100%);box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-large);transform:translateY(-3px)}.refresh-button:active{transform:translateY(-1px)}.refresh-button:disabled{transform:none}.config-info{margin-bottom:.25rem;opacity:.9}.last-tested{font-size:.7rem;margin-bottom:.25rem;opacity:.8}.error-compact{color:#ffb3ba;font-size:.8rem}.success-compact{color:#baffc9;font-size:.8rem}.main-content{padding:2rem 0}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.dashboard-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.dashboard-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.filter-group{align-items:center;display:flex;gap:.5rem}.filter-group label{color:#666;font-size:.9rem;font-weight:500}.department-filter,.region-filter{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:.9rem;min-width:120px;padding:.5rem .75rem;transition:all .2s ease}.department-filter:focus,.region-filter:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;outline:none}.department-filter:hover,.region-filter:hover{border-color:#bbb}.edit-mode-group,.edit-mode-label{align-items:center;display:flex}.edit-mode-label{border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.edit-mode-label:hover{background:#f8f9fa}.edit-mode-label input:checked+span{color:#667eea;font-weight:600}.auto-refresh-checkbox,.edit-mode-checkbox{cursor:pointer;margin:0;transform:scale(1.1)}.auto-refresh-group,.auto-refresh-label{align-items:center;display:flex}.auto-refresh-label{color:#666;cursor:pointer;font-size:.9rem;font-weight:500;gap:.5rem;-webkit-user-select:none;user-select:none}.auto-refresh-checkbox{cursor:pointer;margin:0;transform:scale(1.1)}.export-group{align-items:center;display:flex}.export-select{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:.9rem;min-width:120px;padding:.5rem .75rem;transition:all .2s ease}.export-select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;outline:none}.export-select:hover{border-color:#bbb}.dashboard-info h2{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:.5rem}.last-updated{color:#666;font-size:.9rem}.refresh-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 4px #667eea33;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.refresh-button:hover:not(:disabled){box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.dual-leaderboard-container{display:flex;flex-wrap:wrap;gap:2rem;gap:var(--space-xl)}.single-leaderboard-container{display:flex;justify-content:center;width:100%}.leaderboard-container{display:flex;flex:1 1;flex-direction:column;gap:2rem;gap:var(--space-xl);max-width:1200px;min-width:600px}.no-data-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;color:#fffc;font-size:1.125rem;font-size:var(--font-size-lg)}.error-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff3b30,#ff6b6b);background:linear-gradient(135deg,var(--secondary-red) 0,#ff6b6b 100%);border-radius:12px;border-radius:var(--radius-md);font-weight:600;margin-bottom:1.5rem;margin-bottom:var(--space-lg);padding:1.5rem;padding:var(--space-lg)}.error-message,.no-data-message{box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-medium);color:#fff;text-align:center}.no-data-message{background:linear-gradient(135deg,#ff9500,#ffb347);background:linear-gradient(135deg,var(--secondary-orange) 0,#ffb347 100%);font-style:italic;font-weight:500;margin-top:1.5rem;margin-top:var(--space-lg);padding:2rem;padding:var(--space-xl)}.loading-message,.no-data-message{border-radius:16px;border-radius:var(--radius-lg)}.loading-message{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#4a90e2,#007aff);background:linear-gradient(135deg,var(--primary-blue-light) 0,var(--primary-blue) 100%);box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-large);color:#fff;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;padding:3rem;padding:var(--space-2xl);text-align:center}@media (max-width:1400px){.dual-leaderboard-container{flex-direction:column}.single-leaderboard-container .leaderboard-container{max-width:100%}.leaderboard-container{min-width:0;min-width:auto}}@media (max-width:768px){:root{--space-md:0.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem}.main-content{padding:1.5rem .5rem;padding:var(--space-lg) var(--space-sm)}.dashboard-header{flex-direction:column;gap:1.5rem;gap:var(--space-lg);padding:1.5rem;padding:var(--space-lg);text-align:center}.dashboard-controls{flex-direction:column;gap:1rem;gap:var(--space-md);width:100%}.edit-mode-group,.filter-group{justify-content:center;width:100%}.department-filter,.region-filter{min-width:200px}.dashboard-info h2{font-size:1.5rem;font-size:var(--font-size-2xl)}.refresh-button{padding:1.5rem;padding:var(--space-lg);width:100%}.leaderboard-container{min-width:0;min-width:auto}}@media (max-width:480px){.dashboard-header{padding:1rem;padding:var(--space-md)}.dashboard-info h2{font-size:1.25rem;font-size:var(--font-size-xl)}.department-filter,.region-filter{min-width:100%}}.bottom-actions{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-top:1px solid #e5e7eb80;bottom:0;box-shadow:0 -4px 20px #0000001a;gap:1rem;gap:var(--space-md);padding:1.5rem;padding:var(--space-lg);position:-webkit-sticky;position:sticky;z-index:100}.bottom-actions,.save-button{align-items:center;display:flex;justify-content:center}.save-button{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--secondary-green) 0,var(--secondary-green-dark) 100%);border:none;border-radius:16px;box-shadow:0 4px 16px #22c55e4d;color:#fff;cursor:pointer;font-size:1rem;font-size:var(--font-size-base);font-weight:600;gap:.5rem;gap:var(--space-sm);min-width:180px;padding:1rem 2rem;padding:var(--space-md) var(--space-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.save-button:hover:not(:disabled){background:linear-gradient(135deg,#4ade80,#22c55e);background:linear-gradient(135deg,var(--secondary-green-light) 0,var(--secondary-green) 100%);box-shadow:0 8px 25px #22c55e66;transform:translateY(-2px)}.save-button:active:not(:disabled){box-shadow:0 2px 8px #22c55e4d;transform:translateY(0)}.save-button:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 2px 8px #0000001a;cursor:not-allowed;opacity:.5;transform:none}.save-icon{flex-shrink:0;height:20px;width:20px}.save-text{white-space:nowrap}.bottom-refresh{align-items:center;background:linear-gradient(135deg,#007aff,#0056d3);background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-dark) 100%);border:none;border-radius:16px;box-shadow:0 4px 16px #007aff4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-size:var(--font-size-base);font-weight:600;gap:.5rem;gap:var(--space-sm);justify-content:center;min-width:200px;padding:1rem 2rem;padding:var(--space-md) var(--space-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.bottom-refresh:hover:not(:disabled){background:linear-gradient(135deg,#4a90e2,#007aff);background:linear-gradient(135deg,var(--primary-blue-light) 0,var(--primary-blue) 100%);box-shadow:0 8px 25px #007aff66;transform:translateY(-2px)}.bottom-refresh:active:not(:disabled){box-shadow:0 2px 8px #007aff4d;transform:translateY(0)}.bottom-refresh:disabled{box-shadow:0 2px 8px #0000001a;cursor:not-allowed;opacity:.6;transform:none}.refresh-icon{flex-shrink:0;height:20px;width:20px}.refresh-text{white-space:nowrap}.unsaved-indicator{animation:pulse 2s infinite;color:#ff9500;color:var(--secondary-orange);font-size:24px;line-height:1;margin-left:.25rem;margin-left:var(--space-xs)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.bottom-actions{flex-direction:column;gap:.5rem;gap:var(--space-sm);padding:1rem;padding:var(--space-md)}.bottom-refresh,.save-button{max-width:280px;min-width:140px;padding:.5rem 1.5rem;padding:var(--space-sm) var(--space-lg);width:100%}.bottom-refresh,.refresh-text,.save-button,.save-text{font-size:.875rem;font-size:var(--font-size-sm)}}.status-indicator{align-items:center;border-radius:8px;display:flex;flex-wrap:wrap;font-size:14px;gap:8px;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.status-indicator.fallback-mode{background:linear-gradient(135deg,#fef3c7,#fcd34d);border:1px solid #f59e0b;color:#92400e}.status-indicator .last-update{font-size:12px;font-weight:500;opacity:.8}@media (max-width:768px){.status-indicator{align-items:flex-start;flex-direction:column;gap:4px}.status-indicator .last-update{align-self:flex-end}}