body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-yellow:gold;--dark-yellow:#ffc107;--bg-dark:#0a0a0a;--bg-card:#1a1a1a;--bg-hover:#2d2d2d;--text-primary:#fff;--text-secondary:#b0b0b0;--border-color:#333}.app{min-height:100vh}.app,.app-container{background-color:#0a0a0a}.app-container{display:flex;min-height:calc(100vh - 64px)}.main-content{background-color:#0a0a0a;color:#e0e0e0;flex:1 1;margin-left:250px;padding:2rem;transition:margin-left .3s ease}@media (max-width:768px){.main-content{margin-left:0;padding:1rem}}.loading-container{align-items:center;background-color:#0a0a0a;color:gold;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.spinner{animation:spin 1s linear infinite;border:4px solid #333;border-radius:50%;border-top-color:gold;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-container{align-items:center;background:#0a0a0a;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem}.login-paper{background:#1a1a1a;border:1px solid #333;border-radius:16px;box-shadow:0 10px 40px #ffd70026;max-width:450px;padding:3rem 2rem;text-align:center;width:100%}.login-logo{margin-bottom:2rem}.login-logo,.logo-circle{display:flex;justify-content:center}.logo-circle{align-items:center;background:gold;border-radius:50%;box-shadow:0 4px 12px #ffd70066;color:#0a0a0a;font-size:2.5rem;font-weight:700;height:80px;width:80px}.login-title{color:gold;font-size:2rem;font-weight:700;margin-bottom:1rem}.login-description{color:#b0b0b0;font-size:1rem;line-height:1.6;margin-bottom:2rem}.login-button{background:gold;border:none;border-radius:8px;box-shadow:0 4px 12px #ffd7004d;color:#0a0a0a;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease;width:100%}.login-button:hover{background:#ffc107;box-shadow:0 6px 16px #ffd70080;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-terms{color:grey;font-size:.85rem;line-height:1.5;margin-top:1.5rem}.login-support{color:#b0b0b0;font-size:.9rem;margin-top:2rem}@media (max-width:768px){.login-container{padding:1rem}.login-paper{padding:2rem 1.5rem}.login-title{font-size:1.5rem}.logo-circle{font-size:2rem;height:60px;width:60px}}.dashboard{margin:0 auto;max-width:1400px}.dashboard-header{margin-bottom:2rem}.dashboard-header h2{color:gold;font-size:2rem;margin-bottom:.5rem}.dashboard-subtitle{color:#b0b0b0;font-size:1rem}.date-range-selector{margin-bottom:2rem}.date-range-selector label{color:gold;font-weight:500}.date-range-selector select{background-color:#0a0a0a;border:1px solid gold;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;padding:.5rem 1rem}.date-range-selector select option{background-color:#1a1a1a;color:#fff;padding:.5rem}.dashboard-error,.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.retry-btn{background-color:gold;border:none;border-radius:8px;color:#0a0a0a;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.retry-btn:hover{background-color:#ffc107;box-shadow:0 4px 12px #ffd7004d;transform:translateY(-2px)}.kpi-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.kpi-card{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 2px 8px #ffd7001a;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.kpi-card:hover{border-color:gold;box-shadow:0 4px 16px #ffd70033;transform:translateY(-4px)}.kpi-icon{align-items:center;background:#ffd7001a;border-radius:12px;display:flex;flex-shrink:0;font-size:1.75rem;height:60px;justify-content:center;width:60px}.kpi-content{flex:1 1}.kpi-content h3{color:#b0b0b0;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.kpi-value{color:gold;font-size:1.75rem;font-weight:700;margin:0}.kpi-subtitle{color:grey;font-size:.85rem}.charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.chart-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 2px 8px #ffd7001a;padding:1.5rem}.chart-card h3{color:gold;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.chart-container{height:300px}@media (max-width:768px){.dashboard-header h2{font-size:1.5rem}.charts-grid,.kpi-cards{grid-template-columns:1fr}.kpi-value{font-size:1.5rem}}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#1a1a1a;border-radius:8px;display:flex;flex-direction:column;max-height:80vh;max-width:800px;overflow:hidden;width:90%}.modal-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:gold;font-size:1.5rem;margin:0}.close-button{align-items:center;background:none;border:none;color:gold;cursor:pointer;display:flex;font-size:2rem;height:30px;justify-content:center;padding:0;width:30px}.close-button:hover{color:#fff}.modal-body{flex:1 1;overflow-y:auto;padding:20px}.loading,.no-data{color:#999;font-size:1.1rem;padding:40px;text-align:center}.details-list{display:flex;flex-direction:column;gap:15px}.detail-card{background:#2a2a2a;border:1px solid #444;border-radius:6px;padding:15px;transition:border-color .2s}.detail-card:hover{border-color:gold}.detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.detail-header h3{color:gold;font-size:1.1rem;margin:0}.zoho-link{background:gold;border-radius:4px;color:#000;font-size:.9rem;font-weight:600;padding:6px 12px;text-decoration:none;transition:background-color .2s}.zoho-link:hover{background:#ffed4e}.detail-info{display:flex;flex-direction:column;gap:8px}.info-row{display:flex;justify-content:space-between;padding:4px 0}.info-row .label{color:#999;font-weight:500}.info-row .value{color:#fff}.team-kpis{margin:0 auto;max-width:1400px}.team-header{margin-bottom:2rem}.team-header h2{color:gold;font-size:2rem;margin-bottom:.5rem}.team-subtitle{color:#b0b0b0;font-size:1rem}.team-error,.team-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.filters-container{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.date-range-selector,.user-selector{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 2px 8px #ffd7001a;display:flex;flex:1 1;gap:1rem;padding:1rem 1.5rem}.date-range-selector label,.user-selector label{color:gold;font-weight:500;white-space:nowrap}.date-range-selector select,.user-selector select{background-color:#0a0a0a;border:1px solid gold;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;padding:.5rem 1rem}.date-range-selector select option,.user-selector select option{background-color:#1a1a1a;color:#fff;padding:.5rem}.period-display{color:#b0b0b0;font-size:.9rem}.sort-controls{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 2px 8px #ffd7001a;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.sort-controls label{color:gold;font-weight:500}.sort-controls select{background-color:#0a0a0a;border:1px solid gold;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;padding:.5rem 1rem}.sort-controls select option{background-color:#1a1a1a;color:#fff;padding:.5rem}.team-chart-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 4px 12px #ffd70026;margin-bottom:2rem;padding:2rem;transition:all .3s ease}.team-chart-card:hover{border-color:#ffd7004d;box-shadow:0 6px 20px #ffd70040}.chart-container{height:450px;padding:1rem;position:relative}.leaderboard{background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 2px 8px #ffd7001a;overflow-x:auto;padding:2rem}.leaderboard h3{color:gold;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.leaderboard-table{overflow-x:auto;padding-bottom:1rem;width:100%}.table-header,.table-row{grid-gap:1.25rem;align-items:center;display:grid;font-size:.9rem;gap:1.25rem;grid-template-columns:70px minmax(200px,2fr) 90px 80px 90px 110px 80px 120px 120px 110px;min-width:1400px;padding:1.25rem 1.5rem}.table-header{background-color:#ffd70014;border-radius:8px;color:gold;font-size:.8rem;font-weight:600;letter-spacing:.8px;margin-bottom:.75rem;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.table-row{border-bottom:1px solid #2a2a2a;border-radius:6px;transition:all .2s ease}.table-row:hover{background-color:#ffd7000d}.table-row:last-child{border-bottom:none}.table-row.current-user{background-color:#ffd7001f!important;border:2px solid #ffd70066;box-shadow:0 0 20px #ffd70026}.table-row.current-user:hover{background-color:#ffd7002e!important;border-color:#ffd70099}.table-row.current-user .member-name{color:gold;font-weight:700}.table-row.current-user .member-avatar{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,gold,orange);box-shadow:0 0 12px #ffd70080}@keyframes pulse{0%,to{box-shadow:0 0 12px #ffd70080}50%{box-shadow:0 0 20px #ffd700cc}}.table-cell{color:#e0e0e0;font-size:.9rem;overflow:hidden;padding:.75rem .25rem;text-align:center;text-overflow:ellipsis}.table-cell.name{padding-left:0;text-align:left;white-space:nowrap}.table-cell.rank{font-size:1.2rem}.rank-number{color:#b0b0b0;font-weight:600}.medal{font-size:1.5rem}.member-info{gap:1rem}.member-avatar,.member-info{align-items:center;display:flex}.member-avatar{background:linear-gradient(135deg,gold,#ffc107);border-radius:50%;box-shadow:0 2px 4px #ffd7004d;color:#0a0a0a;flex-shrink:0;font-size:1.1rem;font-weight:700;height:42px;justify-content:center;width:42px}.member-name{color:gold;font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-email{color:grey;font-size:.85rem}.table-cell.revenue{color:gold;font-weight:600}.team-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 2px 8px #ffd7001a;padding:1.5rem;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:gold;box-shadow:0 4px 16px #ffd70033;transform:translateY(-4px)}.stat-card h4{color:#b0b0b0;font-size:.9rem;font-weight:500;margin-bottom:.75rem}.stat-value{color:gold;font-size:2rem;font-weight:700;margin:0}@media (max-width:1400px){.table-header,.table-row{gap:1rem;padding:1rem}}@media (max-width:1200px){.member-email{display:none}.table-cell{font-size:.8rem}.table-header,.table-row{font-size:.85rem;gap:.75rem;padding:.75rem}}@media (max-width:1024px){.table-header,.table-row{font-size:.75rem;gap:.5rem;grid-template-columns:60px 2fr repeat(8,.8fr);padding:.75rem}.member-email{display:none}}@media (max-width:768px){.team-header h2{font-size:1.5rem}.leaderboard-table{overflow-x:scroll}.table-header,.table-row{min-width:800px}.team-stats{grid-template-columns:1fr}}.navbar{background:#0a0a0a;border-bottom:1px solid #333;box-shadow:0 2px 8px #ffd70026;color:gold;height:64px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;height:100%;justify-content:space-between;max-width:100%;padding:0 2rem}.navbar-brand h1{color:gold;font-size:1.5rem;font-weight:600;margin:0}.navbar-user{align-items:center;display:flex;gap:1rem}.user-name{color:#fff;font-size:.95rem;font-weight:500}.logout-btn{background-color:gold;border:1px solid gold;border-radius:6px;color:#0a0a0a;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1.25rem;transition:all .3s ease}.logout-btn:hover{background-color:#ffc107;box-shadow:0 4px 12px #ffd7004d;transform:translateY(-1px)}@media (max-width:768px){.navbar-container{padding:0 1rem}.navbar-brand h1{font-size:1.2rem}.user-name{display:none}}.sidebar{background-color:#1a1a1a;border-right:1px solid #333;box-shadow:2px 0 8px #ffd7001a;height:calc(100vh - 64px);left:0;position:fixed;top:64px;transition:transform .3s ease;width:250px;z-index:100}.sidebar-nav{padding:1rem 0}.sidebar-item{align-items:center;border-left:3px solid #0000;color:#b0b0b0;display:flex;padding:1rem 1.5rem;text-decoration:none;transition:all .2s ease}.sidebar-item:hover{background-color:#2d2d2d;color:gold}.sidebar-item.active{background-color:#ffd7001a;border-left-color:gold;color:gold;font-weight:600}.sidebar-icon{font-size:1.25rem;margin-right:.75rem}.sidebar-label{font-size:.95rem}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}}
/*# sourceMappingURL=main.b16aa384.css.map*/