:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.leaderboard-team{background:#051024;min-height:100vh}.leaderboard-team .leaderboardteam-kpi{background:#051024;flex-wrap:wrap;height:100%;padding-left:15px;padding-right:15px;display:flex}.leaderboard-team .leaderboardteam-kpi .team-head{padding-top:40px}.leaderboard-team .leaderboardteam-kpi .team-head h1{color:#fff;font-size:1.4rem}.leaderboard-team .leaderboardteam-kpi .team-head p{color:#fff;opacity:.7;font-size:.7rem}.leaderboard-team .leaderboardteam-kpi .card-team-bar{color:#fff;box-sizing:border-box;background:linear-gradient(90deg,#0a1a2f,#122a4a);border:1px solid #ffffff15;border-radius:20px;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;padding:10px 25px;display:flex}.leaderboard-team .leaderboardteam-kpi .card-team-bar .left{align-items:center;gap:16px;width:100%;display:flex}.leaderboard-team .leaderboardteam-kpi .card-team-bar .rank{opacity:.8;font-size:24px}.leaderboard-team .leaderboardteam-kpi .card-team-bar .badge{background:#7b3f4c;border-radius:14px;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;font-weight:700;display:flex}.leaderboard-team .leaderboardteam-kpi .card-team-bar .content{flex:1;padding-right:15px}.leaderboard-team .leaderboardteam-kpi .card-team-bar .title{margin-bottom:10px;font-size:18px}.leaderboard-team .leaderboardteam-kpi .card-team-bar .progress-bar{background:#2b3d5b;border-radius:10px;width:100%;height:12px;margin-bottom:10px;overflow:hidden}.leaderboard-team .leaderboardteam-kpi .card-team-bar .progress-fill{background:#3b82f6;border-radius:10px;height:100%;transition:width .5s}.leaderboard-team .leaderboardteam-kpi .card-team-bar .meta{opacity:.8;align-items:center;gap:10px;font-size:13px;display:flex}.leaderboard-team .leaderboardteam-kpi .card-team-bar .status{color:#60a5fa;background:#3b82f633;border-radius:10px;padding:3px 8px;font-size:12px}.leaderboard-team .leaderboardteam-kpi .card-team-bar .right{text-align:right}.leaderboard-team .leaderboardteam-kpi .card-team-bar .progressup{color:#22c55e;padding-right:15px;font-size:22px;font-weight:700}.leaderboard-team .leaderboardteam-kpi .card-team-bar .percentage{color:#22c55e;font-size:22px;font-weight:700}.leaderboard-team .leaderboardteam-kpi .card-team-bar .target{opacity:.7;font-size:12px}
*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.bg-video{opacity:.01;object-fit:cover;width:100vw;height:100vh;position:fixed;top:0;left:0}.dashboard-container{max-width:95%;min-height:100vh;margin:0 auto}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.dashboard-header .logo-area{align-items:center;gap:12px;display:flex}.dashboard-header .logo-area .brand-logo{color:#333;letter-spacing:1px;font-size:24px;font-weight:800}.dashboard-header .logo-area .divider{color:#ccc}.dashboard-header .logo-area .page-title{color:#666;font-size:18px}.dashboard-header .header-controls{align-items:center;gap:16px;display:flex}.dashboard-header .header-controls .theme-toggle{cursor:pointer;background:0 0;border:none;font-size:18px}.dashboard-header .header-controls .dropdown-selector{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:20px;align-items:center;gap:10px;padding:8px 16px;font-size:14px;font-weight:500;display:flex}.dashboard-header .header-controls .dropdown-selector .arrow-down{color:#666;font-size:10px}.dashboard-content{grid-template-columns:1fr 450px;align-items:stretch;gap:24px;display:grid}.leaderboard-section .table-header{grid-template-columns:60px 300px repeat(4,.2fr) 65px;align-items:flex-end;gap:12px;margin-bottom:16px;padding:10px 0;display:grid}.leaderboard-section .table-header .section-heading{color:#000;grid-column:1/3;font-size:2rem;font-weight:700}.leaderboard-section .table-header .column-labels{text-align:left;display:contents}.leaderboard-section .table-header .column-labels span{color:#000;text-align:center;text-align:left;font-size:1.2rem;font-weight:500;line-height:1.2}.leaderboard-section .rows-container{flex-direction:column;gap:8px;display:flex}.leaderboard-section .leaderboard-table{border-collapse:separate;border-spacing:0 10px}.leaderboard-section .leaderboard-table .title-table{text-transform:capitalize;font-size:1.7rem;font-weight:700}.leaderboard-section .leaderboard-table tr{border-bottom:10px}.leaderboard-section .leaderboard-table tr th{padding-left:5px;line-height:1.2}.leaderboard-section .leaderboard-table tr.first .target-circle{border-top-right-radius:10px;border-bottom-right-radius:10px}.leaderboard-section .leaderboard-table tr.first td{background:#135718;justify-content:center;align-items:center;height:auto;min-height:75px;padding:5px}.leaderboard-section .leaderboard-table tr.first td.user-profile-td{border-top-left-radius:10px;border-bottom-left-radius:10px;width:80px;padding-left:20px}.leaderboard-section .leaderboard-table tr.first td.user-profile-td img{border-radius:50%;height:50px}.leaderboard-section .leaderboard-table tr.first td.gen-num span{color:#fff;background:#859286;border-radius:10px;padding:10px 45px;font-size:1.5rem;font-weight:bolder}.leaderboard-section .leaderboard-table tr.first td.name-title{min-width:150px}.leaderboard-section .leaderboard-table tr.first td.name-title .name{color:#fff;font-size:1.2rem}.leaderboard-section .leaderboard-table tr.first td.name-title .title{color:#fff;font-size:.8rem}.leaderboard-section .leaderboard-table tr.first td:first-child{background:#fff;width:70px;padding-top:0;padding-bottom:0;padding-right:10px}.leaderboard-section .leaderboard-table tr.first td:first-child div{color:#fff;text-align:center;text-align:center;background:#135718;border-radius:10px 0 10px 10px;justify-content:center;align-items:center;width:70px;height:100%;min-height:75px;font-size:2rem;display:flex}.leaderboard-section .leaderboard-table tr.first.no-rank td{background:#104032}.leaderboard-section .leaderboard-table tr.first.no-rank td:first-child{background:#fff;width:70px;padding-right:10px}.leaderboard-section .leaderboard-table tr.first.no-rank td:first-child div{color:#fff;text-align:center;text-align:center;background:#104032;border-radius:10px 0 10px 10px;justify-content:center;align-items:center;width:70px;height:100%;font-size:2rem;display:flex}.leaderboard-section .leaderboard-row{color:#fff;background-color:#0e5b37;border-radius:8px;grid-template-columns:60px 300px repeat(4,.2fr) 65px;align-items:center;gap:12px;padding:0;display:grid}.leaderboard-section .leaderboard-row .rank-badge{text-align:center;align-items:center;font-size:2rem;font-weight:700}.leaderboard-section .leaderboard-row .user-profile{border-left:10px solid #f2fff8;align-items:center;gap:12px;padding:10px;display:flex}.leaderboard-section .leaderboard-row .user-profile .avatar{object-fit:cover;border-radius:50%;width:56px;height:56px}.leaderboard-section .leaderboard-row .user-profile .user-info .name{font-size:13px;font-weight:600}.leaderboard-section .leaderboard-row .user-profile .user-info .role{color:#fff;font-size:10px}.leaderboard-section .leaderboard-row .metric-box{background-color:#6e8477;border-radius:6px;justify-content:center;align-items:center;height:36px;font-size:14px;font-weight:600;display:flex}.leaderboard-section .leaderboard-row .target-progress{justify-content:center;display:flex}.leaderboard-section .leaderboard-row .target-progress .progress-circle{border:2px solid #0f8;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:10px;font-weight:700;display:flex}.profile-summary-card{color:#fff;background-color:#135718;border-radius:16px;padding:24px}.profile-summary-card .featured-user{align-items:center;gap:16px;display:flex}.profile-summary-card .featured-user .featured-avatar{object-fit:cover;border-radius:12px;width:150px;height:150px}.profile-summary-card .featured-user .featured-info h3{font-size:24px;font-weight:400}.profile-summary-card .featured-user .featured-info p{color:#fff;font-size:16px}.profile-summary-card .card-divider{background-color:#ffffff1a;border:0;height:1px;margin:24px 0}.profile-summary-card .rank-display{justify-content:center;align-items:center;gap:16px;margin-bottom:32px;display:flex}.profile-summary-card .rank-display .trophy-icon{font-size:90px;position:relative}.profile-summary-card .rank-display .trophy-icon span{color:#fff;font-size:2rem;font-weight:900;position:absolute;top:35px;left:35px}.profile-summary-card .rank-display .rank-text h4{letter-spacing:.5px;font-size:2.2rem;font-weight:500}.profile-summary-card .rank-display .rank-text p{color:#fff;margin:0;font-size:16px}.profile-summary-card .stats-grid{gap:16px;display:grid}.profile-summary-card .stats-grid .stat-box{background-color:#1c7e23;border-radius:12px;flex-direction:column;gap:32px;padding:16px;display:flex}.profile-summary-card .stats-grid .stat-box .label{color:#fff;font-size:16px;line-height:1.2}.profile-summary-card .stats-grid .stat-box .value{font-size:2.5rem;font-weight:700}.profile-summary-card .stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.profile-summary-card{opacity:1}.slide-in-card{animation:.7s ease-out slideInCard}@keyframes slideInCard{0%{opacity:0;transform:translate(40px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}.switch-occuarance{position:absolute;top:20px;right:40px}.switch-occuarance button{color:#000;background:0 0;border:1px solid #00000060;border-radius:80px}.switch-occuarance button:hover,.switch-occuarance button:active{color:#000;background:0 0;border:1px solid #00000060}