body{font-family:Nunito,sans-serif;color:#d7d7d7f5;background-color:#1e1e1e;box-sizing:border-box;padding:0;margin:0;overflow:hidden;gap:8}.container{display:flex;flex-direction:column;width:100vw;height:100vh;gap:8px;padding-left:8px;padding-right:8px;padding-bottom:8px;overflow:hidden;box-sizing:border-box}.bg-card{background-color:#171717}.headerItem{width:"auto";height:"auto";padding:8px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.live{display:flex;align-items:center}.live-text{margin-left:5px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.graphs-container{display:grid;flex:1;grid-template-columns:repeat(auto-fill,minmax(40%,1fr));gap:8px}.tables-container{display:grid;flex:1;grid-template-columns:repeat(auto-fill,minmax(45%,1fr));gap:8px}.box{background-color:#e0e0e0;padding:16px;background-color:#171717;min-height:100px;max-height:160px;display:flex;flex-direction:column;justify-content:"space-between";position:relative}.Status,.tab-Status{position:absolute;right:2px}.matric-value{font-size:26px;font-weight:900}.matric-name{font-size:16px;margin-top:8px;font-weight:400}.box-graph{background-color:#e0e0e0;padding:10px;background-color:#171717}.box-graph-sub{background-color:#e0e0e0;padding:10px;background-color:#171717;display:flex;align-items:center;justify-content:center;text-align:center}.graph-seb-head{color:#f5f5f5;padding-left:20px;text-align:left;padding-top:20px}@media (min-width: 1024px){.container{max-width:100vw!important}}.farminstaLogo{height:28px;object-fit:contain}.cardWrapper{width:100%;max-width:448px;margin:0 auto}.top_widgets_sub{background-color:#171717;padding:16px;min-height:150px;max-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border-radius:8px;box-shadow:0 4px 6px #0000001a}.row{display:flex;justify-content:space-between;align-items:flex-start;width:100%;height:100%}.row:last-child{margin-bottom:0}.label{color:#a3a3a3;font-size:14px;width:40%;padding-right:16px}.value{color:#fff;font-weight:600;width:40%;text-align:left}.leaderboard-container{overflow-x:auto}.leaderboard-table{width:100%;border-collapse:collapse;font-size:14px}.leaderboard-header{border:2px solid rgb(49,49,49);padding:8px;text-align:left;font-weight:700}.leaderboard-cell{border:2px solid rgb(49,49,49);padding:10px}.cell-content{display:flex;align-items:center}.icon-up{color:green;font-size:16px;margin-left:4px}.icon-down{color:red;font-size:16px;margin-left:4px}@media (max-width: 768px){.leaderboard-table{font-size:12px}.leaderboard-header,.leaderboard-cell{padding:6px}.icon-up,.icon-down{font-size:14px}}@media (max-width: 480px){.leaderboard-table{font-size:10px}.leaderboard-header,.leaderboard-cell{padding:4px}.icon-up,.icon-down{font-size:12px}}.component-wrapper{min-height:100vh;background-color:#f7fafc;width:100vw}.header_code{background-color:#fff;box-shadow:0 2px 4px #0000001a;padding:16px 0}.container_code{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 16px}.header-left{display:flex;align-items:center}.header-icon{width:32px;height:32px;color:#1e90ff}.header-title{font-size:1.25rem;font-weight:600;margin-left:8px}.header-right{display:flex;align-items:center;color:#4a5568}.calendar-icon{width:20px;height:20px;margin-right:8px}.main{padding:32px 16px;max-width:1200px;margin:0 auto}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;overflow:hidden}.instructions,.code-section{padding:24px;flex:1}.instructions{background-color:#f9fafb}.card-title{font-size:1.5rem;font-weight:700;margin-bottom:16px}.instructions-list{list-style-type:decimal;margin-left:24px;line-height:1.75}.code-box{background-color:#f9fafb;border-radius:8px;padding:16px;text-align:center;margin-bottom:16px}.access-code{font-size:3rem;font-family:monospace;color:#1e90ff;font-weight:700;line-height:72px;padding-top:20px;padding-bottom:20px}.code-validity{font-size:.875rem;color:#4a5568;margin-top:16px}:root{--background: #ffffff;--foreground: #000000;--muted: #f1f5f9;--muted-foreground: #64748b;--border: #e2e8f0;--card: #ffffff;--card-foreground: #000000;--primary: #0f172a;--primary-foreground: #ffffff;width:100vw}body{font-family:Arial,sans-serif;background-color:var(--background);color:var(--foreground);margin:0;padding:0}.container{width:100vw;margin:0 auto;padding:0 1rem}.header{position:sticky;width:100vw;top:0;z-index:50;background-color:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);margin-bottom:10px;padding-left:16px;padding-right:16px;margin-bottom:.5rem}.header-content{display:flex;justify-content:space-between;align-items:center;height:60px;padding-right:24px}.logo{display:flex;align-items:center;text-decoration:none;color:var(--foreground)}.logo svg{width:24px;height:24px;margin-right:.5rem}.current-date{font-size:.875rem;color:var(--muted-foreground)}.dashboard{width:100vw;height:100vh}.dashboard-content{padding-left:16px;padding-right:16px;height:90%;padding-bottom:16px;display:grid;grid-template-rows:repeat(2,1fr)}.noData{display:flex;flex:1}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.5rem}.first_row_container{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.5rem}.first_row_second_column{border:1px solid var(--border);border-radius:.5rem;border-radius:10}.first_pair_grids{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.user{display:flex;flex-direction:row;padding-left:16px;padding-top:16px}.profile{width:5rem;height:5rem;border-radius:100px;background-color:gray}.rank_card{width:2rem;height:2rem;border-radius:100px;background-color:green;position:relative;top:-29px}.user_content{display:flex;flex-direction:column;padding-left:16px}.metric-card{background-color:var(--card);border:1px solid var(--border);border-radius:.5rem;padding:1rem}.metric-title{font-size:.875rem;font-weight:500;color:var(--muted-foreground);margin-bottom:.5rem}.name{font-size:1.25rem;font-weight:700}.metric-value{font-size:1.5rem;font-weight:700}.subhead{position:relative;left:20px;top:20px}.mtd{background:green;width:50px;height:24px;display:flex;border-radius:100px;align-items:center;justify-content:center;font-size:10px;color:#fff;position:absolute;right:50px;letter-spacing:2px}.mtd_p{background:green;width:50px;height:24px;display:flex;border-radius:100px;align-items:center;justify-content:center;font-size:10px;color:#fff;position:absolute;right:20px;top:12px;letter-spacing:2px}.nameRowtdContainer{display:flex;flex-direction:column;align-items:flex-start}.metric-change{font-size:.75rem}.change-positive{color:#22c55e}.change-negative{color:#ef4444}.icons_val_cont{display:flex;align-items:center}.graph-table-grid{display:grid;gap:.5rem;margin-bottom:.5rem}.card{background-color:var(--card);border:1px solid var(--border);border-radius:.5rem;padding:1rem}.card-title{font-size:1.25rem;font-weight:700;margin:0 0 6px}.bottomGrid{display:flex;flex:1}.graph-placeholder{width:100%;height:"auto";background-color:var(--muted);display:flex;align-items:center;justify-content:center;color:var(--muted-foreground)}table{width:100%;border-collapse:collapse}th,td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border)}th{font-weight:700;color:var(--muted-foreground)}@media (min-width: 640px){.metrics-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.metrics-grid{grid-template-columns:repeat(6,1fr)}.graph-table-grid{grid-template-columns:repeat(2,1fr)}}.top-performers-card{background-color:#fff;border-radius:8px;overflow:hidden;font-family:Arial,sans-serif}.card-header{padding-left:16px}.performers-list{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center}.performer-item{display:flex;align-items:center;flex-direction:column;padding:16px;border-bottom:1px solid #e5e7eb;transition:background-color .15s ease;text-align:center}.performer-item:last-child{border-bottom:none}.performer-image-container{position:relative;margin-right:16px;flex-shrink:0;margin-bottom:10px}.performer-image{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #ffffff;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:center;align-items:center;object-fit:contain}.rank-icon-container{position:absolute;top:28px;right:-5px;background-color:#fff;border-radius:50%;padding:2px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:center;align-items:center}.rank-icon{width:16px;height:16px}.rank-icon-gold{color:#fbbf24}.rank-icon-silver{color:#9ca3af}.rank-icon-bronze{color:#d97706}.rank-icon-default{color:#3b82f6}.performer-info{flex-grow:1}.performer-name{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 4px}.performer-metric{font-size:12px;color:#6b7280;margin:0}.rank-badge{background-color:#e0f2fe;color:#1d4ed8;font-size:12px;font-weight:600;padding:4px 8px;border-radius:9999px;flex-shrink:0}@media (max-width: 480px){.top-performers-card{max-width:100%;margin:10px}.performer-item{flex-wrap:wrap}.performer-image-container{margin-bottom:8px}.performer-info{width:100%;margin-bottom:8px}.rank-badge{margin-left:auto}}.performer-image-default{color:"black"}body{margin:0;box-sizing:border-box;width:"100vw";height:"100vh";display:flex;justify-content:center;align-items:center}