body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}:root{--bg:#f7f9fc;--surface:#fff;--text:#0f172a;--muted:#64748b;--primary:#2563eb;--primary-weak:#e5edff;--ring:#e2e8f0;--success:#16a34a;--warning:#f59e0b;--danger:#ef4444;--brand:#3b82f6}*{box-sizing:border-box}#root,body,html{height:100%}body{background:#f7f9fc;background:var(--bg);color:#0f172a;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Apple Color Emoji,Segoe UI Emoji;margin:0}.home,.landing{min-height:100%}.home{display:flex}.topbar{background:#fff;background:var(--surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ring);justify-content:space-between;padding:12px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand,.topbar{align-items:center;display:flex}.brand{gap:10px}.brand-mark{background:#e5edff;background:var(--primary-weak);border-radius:8px;color:#3b82f6;color:var(--brand);display:grid;font-size:16px;height:28px;place-items:center;width:28px}.brand-name{font-weight:700;letter-spacing:.2px}.subnav{margin-left:32px}.nav-links,.subnav .nav-links{color:#64748b;color:var(--muted);display:flex;gap:22px;list-style:none;margin:0;padding:0}.nav-links li{cursor:default}.nav-links .active{color:#0f172a;color:var(--text);font-weight:600}.nav-actions{align-items:center;display:flex;gap:10px}.icon-btn{background:#0000;border:0;cursor:pointer;font-size:18px}.avatar{background:#e2e8f0;border-radius:50%;display:grid;font-size:14px;height:28px;place-items:center;width:28px}.container{padding:32px 20px 48px}.hero{margin:40px 0 0;padding:0 20px 60px;text-align:center;width:100%}.badge{background:#e7f9ee;box-shadow:0 8px 16px #05966926;color:#059669;display:inline-block;padding:8px 14px}.headline{font-size:64px;line-height:1.05;margin:18px 0 10px}.gradient-bar{background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:10px;height:72px;margin:12px 0 0;width:100%}.tagline{font-size:20px;margin:24px 0 6px}.subtag,.tagline{color:#64748b;color:var(--muted)}.subtag{margin:0 0 20px}.cta-row{display:flex;gap:14px;justify-content:center;margin-top:10px}.btn{border:0;border-radius:10px;cursor:pointer;font-weight:700;padding:10px 16px}.btn.primary{background:#3b82f6;color:#fff}.btn.light{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--ring)}.btn.ghost{background:#0000;border:0;color:#64748b;color:var(--muted)}.btn.lg{padding:14px 18px}.btn.full{width:100%}.btn.gradient{background:linear-gradient(90deg,#2563eb,#7c3aed);color:#fff}.stats{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:44px}.stat{padding:14px 10px}.value{color:#1d4ed8;font-size:44px;font-weight:800}.label{color:#64748b;color:var(--muted);font-size:12px;letter-spacing:.08em;margin-top:6px;text-transform:uppercase}.features{margin:40px 0 80px;padding:0 20px;text-align:center;width:100%}.section-tag{border:1px solid #e2e8f0;border:1px solid var(--ring);border-radius:999px;color:#64748b;color:var(--muted);display:inline-block;font-weight:600;padding:6px 12px}.section-title{font-size:40px;margin:16px 0 10px}.section-subtitle{color:#64748b;color:var(--muted);margin:0 0 24px;width:100%}.feature-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.feature-card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--ring);border-radius:14px;box-shadow:0 6px 18px #0208170a;padding:22px;text-align:left}.feature-icon{background:#e9ebff;border-radius:12px;color:#4338ca;display:grid;font-size:20px;height:44px;margin-bottom:14px;place-items:center;width:44px}.feature-card h3{font-size:20px;margin:4px 0 8px}.feature-card p{color:#64748b;color:var(--muted);margin:0}.container{padding:24px 20px 40px;width:100%}.greeting h1{font-size:28px;margin:8px 0 6px}.greeting p{color:#64748b;color:var(--muted);margin:0}.wave{animation:wave 2s ease-in-out infinite;display:inline-block;transform-origin:70% 70%}@keyframes wave{0%,to{transform:rotate(0deg)}50%{transform:rotate(12deg)}}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px}.card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--ring);border-radius:12px;padding:14px}.card-header{color:#64748b;color:var(--muted);font-size:14px}.card-icon{color:#f59e0b;color:var(--warning)}.card-body{margin-top:10px}.card-value{align-items:center;display:flex;font-weight:700;gap:10px}.badge{background:#fef3c7;border-radius:999px;color:#d97706;font-size:12px;font-weight:700;padding:2px 10px}.card-subtitle{color:#64748b;margin-top:4px}.panel{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--ring);border-radius:12px;margin-top:20px}.panel-title{align-items:center;display:flex;font-weight:700;gap:10px;padding:12px 14px}.panel-icon{color:#64748b;color:var(--muted)}.panel-body{border-top:1px solid #e2e8f0;border-top:1px solid var(--ring);padding:16px}.reward-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.reward-item{border:1px solid #e2e8f0;border:1px solid var(--ring);border-radius:8px;padding:16px;text-align:center}.reward-icon{font-size:24px;margin-bottom:8px}.reward-name{font-weight:600;margin-bottom:4px}.reward-points{color:#64748b;color:var(--muted);font-size:14px}.recognition-list{grid-gap:12px;display:grid;gap:12px}.recognition-item{align-items:center;border:1px solid #e2e8f0;border:1px solid var(--ring);border-radius:8px;display:flex;gap:12px;padding:12px}.recognition-icon{font-size:20px}.recognition-text{flex:1 1}.recognition-title{font-weight:600;margin-bottom:2px}.recognition-subtitle{color:#64748b;color:var(--muted);font-size:14px}.recognition-points{color:#16a34a;color:var(--success);font-weight:700}.sidebar{background:#fff;background:var(--surface);border-right:1px solid #e2e8f0;border-right:1px solid var(--ring);padding:16px 0;width:200px}.user-status{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ring);margin-bottom:16px;padding:0 16px 16px}.points-section{margin-bottom:12px}.points-label{color:#64748b;color:var(--muted);font-size:12px;margin-bottom:4px}.points-display{align-items:center;display:flex;gap:8px}.points-icon{font-size:16px}.points-icon,.points-value{color:#16a34a;color:var(--success)}.points-value{font-size:24px;font-weight:700}.level-badge{border-radius:6px;padding:4px 8px}.sidebar-nav{padding:0 16px}.nav-section{margin-bottom:20px}.nav-section-title{color:#64748b;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.nav-list{list-style:none;margin:0;padding:0}.nav-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#0f172a;color:var(--text);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:8px 10px;text-align:left;width:100%}.nav-item:hover{background:#f8fafc}.nav-item.active{background:#e2e8f0;font-weight:600}.nav-icon{color:#0f172a;color:var(--text);font-size:14px;font-weight:600;text-align:center;width:18px}.nav-label{flex:1 1}.main-content{display:flex;flex:1 1;flex-direction:column}@media (max-width:900px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.subnav{display:none}.feature-grid,.stats{grid-template-columns:1fr}}.modal-overlay{background:#0208178c;display:grid;inset:0;padding:20px;place-items:center;position:fixed}.modal{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--ring);border-radius:16px;box-shadow:0 20px 40px #02081740;max-width:520px;padding:20px 20px 26px;position:relative;width:100%}.modal-close{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--ring);border-radius:8px;cursor:pointer;height:32px;position:absolute;right:12px;top:12px;width:32px}.modal-header{align-items:center;display:flex;gap:8px;justify-content:center}.modal-title{margin:6px 0;text-align:center}.modal-subtitle{color:#64748b;color:var(--muted);margin:0 0 10px;text-align:center}.form{padding:8px 6px}.form label{display:block;font-weight:600;margin:10px 0 6px}.input{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--ring);border-radius:10px;display:flex;gap:8px;padding:10px 12px}.input input{border:0;font-size:14px;outline:none;width:100%}.divider{align-items:center;color:#64748b;color:var(--muted);display:flex;font-size:12px;gap:10px;margin:12px 0}.divider:after,.divider:before{background:#e2e8f0;background:var(--ring);content:"";flex:1 1;height:1px}.form-links{grid-gap:8px;display:grid;gap:8px;margin-top:8px;text-align:center}.form-links a{color:#2563eb;text-decoration:none}.whats-waiting{border-top:1px solid #e2e8f0;border-top:1px solid var(--ring);margin-top:14px;padding-top:14px;text-align:center}.waiting-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px}.waiting-item{grid-gap:6px;color:#64748b;color:var(--muted);display:grid;gap:6px;justify-items:center}.rewards{display:flex;min-height:100%}.rewards-content{flex:1 1;padding:24px 20px 40px}.rewards-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.rewards-title{color:var(--text);font-size:32px;font-weight:800;margin:0 0 8px}.rewards-subtitle{color:var(--muted);font-size:16px;margin:0}.points-widget{background:linear-gradient(135deg,#3b82f6,#7c3aed);border-radius:12px;color:#fff;min-width:200px;padding:16px 20px}.widget-label{font-size:12px;margin-bottom:4px;opacity:.9}.widget-points{align-items:center;display:flex;gap:8px}.widget-icon{font-size:18px}.widget-value{font-size:24px;font-weight:700}.search-section{margin-bottom:20px}.search-bar{max-width:400px;position:relative}.search-icon{color:var(--muted);font-size:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-bar input{background:var(--surface);border:1px solid var(--ring);border-radius:8px;font-size:14px;padding:12px 12px 12px 40px;width:100%}.search-bar input:focus{border-color:var(--primary);outline:none}.categories{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.category-btn{align-items:center;background:var(--surface);border:1px solid var(--ring);border-radius:20px;color:var(--text);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s}.category-btn:hover{background:#f8fafc}.category-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.category-icon{font-size:16px}.category-label{font-weight:500}.rewards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.reward-card{background:var(--surface);border:1px solid var(--ring);border-radius:12px;padding:20px;position:relative;text-align:center;transition:all .2s}.reward-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.popular-badge{background:#f59e0b;border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;position:absolute;right:12px;top:12px}.reward-icon{font-size:32px;margin-bottom:12px}.reward-title{color:var(--text);font-size:18px;font-weight:700;margin:0 0 8px}.reward-description{color:var(--muted);font-size:14px;line-height:1.4;margin:0 0 12px}.reward-rating{align-items:center;display:flex;gap:6px;justify-content:center;margin-bottom:16px}.rating-value{color:var(--text);font-size:14px;font-weight:600}.rating-stars{color:#fbbf24;font-size:12px}.reward-footer{justify-content:space-between}.reward-cost,.reward-footer{align-items:center;display:flex}.reward-cost{color:var(--success);font-weight:600;gap:4px}.cost-icon,.cost-value{font-size:14px}.redeem-btn{background:linear-gradient(135deg,#3b82f6,#7c3aed);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .2s}.redeem-btn:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}@media (max-width:768px){.rewards-header{flex-direction:column;gap:16px}.points-widget{width:100%}.categories{gap:8px}.category-btn{font-size:13px;padding:6px 12px}.rewards-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.wallet{display:flex;min-height:100%}.wallet-content{flex:1 1;padding:24px 20px 40px}.balance-banner{align-items:center;background:linear-gradient(135deg,#3b82f6,#7c3aed);border-radius:12px;color:#fff;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px}.balance-header{flex:1 1}.balance-title{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:8px;opacity:.9}.balance-icon{font-size:18px}.balance-amount{font-size:36px;font-weight:800;margin-bottom:4px}.balance-subtitle{font-size:14px;opacity:.8}.balance-summary{min-width:150px;text-align:right}.summary-label{font-size:12px;margin-bottom:8px;opacity:.8}.summary-stats{display:flex;flex-direction:column;gap:4px}.stat-earned{color:#10b981}.stat-earned,.stat-spent{font-size:14px;font-weight:600}.stat-spent{color:#f59e0b}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px}.summary-card{background:var(--surface);border:1px solid var(--ring);border-radius:12px;padding:20px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.card-title{color:var(--muted);font-size:14px;font-weight:600}.card-icon{font-size:16px}.card-icon.earned{color:#10b981}.card-icon.spent{color:#f59e0b}.card-value{font-size:28px;font-weight:800;margin-bottom:4px}.card-value.earned{color:#10b981}.card-value.spent{color:#f59e0b}.card-subtitle{color:var(--muted);font-size:12px}.tabs{margin-bottom:20px}.tab{padding:12px 20px}.transaction-section{background:var(--surface);border:1px solid var(--ring);border-radius:12px;overflow:hidden}.section-header{border-bottom:1px solid var(--ring);padding:20px}.filter-controls{align-items:center;display:flex;gap:12px;margin-bottom:16px}.filter-btn{background:var(--surface);border:1px solid var(--ring);border-radius:6px;cursor:pointer;font-size:14px;padding:8px}.time-filters{display:flex;gap:8px}.time-filter{background:var(--surface);border:1px solid var(--ring);border-radius:20px;color:var(--muted);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.time-filter:hover{color:var(--text)}.time-filter.active{background:var(--primary);border-color:var(--primary);color:#fff}.section-title{align-items:center;display:flex;gap:8px;margin:0}.transaction-list{padding:0}.transaction-item{align-items:center;border-bottom:1px solid var(--ring);display:flex;gap:16px;padding:16px 20px;transition:background .2s}.transaction-item:hover{background:#f8fafc}.transaction-item:last-child{border-bottom:none}.transaction-icon{align-items:center;background:#f1f5f9;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.transaction-icon .icon{font-size:16px}.transaction-icon .icon.earned{color:#10b981}.transaction-icon .icon.spent{color:#f59e0b}.transaction-details{flex:1 1}.transaction-title{font-weight:600;margin-bottom:4px}.transaction-meta{color:var(--muted);display:flex;font-size:12px;gap:12px}.transaction-category{background:#e2e8f0;border-radius:12px;padding:2px 8px}.transaction-amount{font-size:16px;font-weight:700}.transaction-amount.earned{color:#10b981}.transaction-amount.spent{color:#f59e0b}.vouchers-section{background:var(--surface);border:1px solid var(--ring);border-radius:12px;padding:20px}.vouchers-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:16px}.voucher-card{border:1px solid var(--ring);border-radius:8px;padding:16px;text-align:center}.voucher-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.voucher-title{font-size:14px;font-weight:600}.voucher-status{background:#10b981;border-radius:12px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px}.voucher-value{font-size:20px;font-weight:800;margin-bottom:4px}.voucher-expiry{color:var(--muted);font-size:12px;margin-bottom:12px}.voucher-btn{background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;width:100%}@media (max-width:768px){.balance-banner{flex-direction:column;gap:16px}.balance-banner,.balance-summary{text-align:center}.summary-cards{grid-template-columns:1fr}.time-filters{flex-wrap:wrap}.vouchers-grid{grid-template-columns:1fr}}.profile{display:flex;min-height:100%}.profile-content{flex:1 1;padding:24px 20px 40px}.profile-header{align-items:flex-start;background:var(--surface);border:1px solid var(--ring);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px}.user-info{flex:1 1;gap:20px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#3b82f6,#7c3aed);border-radius:50%;flex-shrink:0;height:80px;justify-content:center;width:80px}.avatar-initials{color:#fff;font-size:24px;font-weight:700}.user-details{flex:1 1}.user-name{color:var(--text);font-size:28px;font-weight:800;margin:0 0 12px}.user-meta{display:flex;flex-direction:column;gap:6px}.meta-item{align-items:center;color:var(--muted);display:flex;font-size:14px;gap:8px}.meta-icon{font-size:16px;text-align:center;width:20px}.user-status{min-width:200px;text-align:right}.level-badge{background:#f59e0b;border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:700;margin-bottom:8px;padding:6px 12px}.join-date{color:var(--muted);font-size:12px}.key-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{text-align:center}.metric-label{color:var(--muted);font-size:14px;font-weight:600;margin-bottom:8px}.metric-value{font-size:24px}.metric-value.success{color:#10b981}.overview-section{display:flex;flex-direction:column;gap:24px}.overview-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{background:var(--surface);border:1px solid var(--ring);border-radius:12px;padding:20px;position:relative;text-align:center}.stat-card .stat-icon{font-size:20px;position:absolute;right:16px;top:16px}.stat-card.blue .stat-icon{color:#3b82f6}.stat-card.purple .stat-icon{color:#7c3aed}.stat-card.green .stat-icon{color:#10b981}.stat-card.orange .stat-icon{color:#f59e0b}.stat-title{color:var(--muted);font-size:14px;font-weight:600;margin-bottom:8px}.stat-value{font-size:24px;font-weight:800}.recent-activity{background:var(--surface);border:1px solid var(--ring);border-radius:12px;padding:20px}.activity-title{color:var(--text);font-size:18px;font-weight:700;margin:0 0 16px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{align-items:center;border-bottom:1px solid var(--ring);display:flex;justify-content:space-between;padding:12px 0}.activity-item:last-child{border-bottom:none}.activity-label,.activity-value{color:var(--text);font-size:14px}.activity-value{background:#e2e8f0;border-radius:12px;font-weight:600;padding:4px 8px}.activity-value.green{background:#d1fae5;color:#059669}.activity-value.blue{background:#dbeafe;color:#2563eb}.activity-value.orange{background:#fed7aa;color:#d97706}.achievements-section{background:var(--surface);border:1px solid var(--ring);border-radius:12px;padding:20px}.achievements-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.achievement-card{border:1px solid var(--ring);border-radius:8px;padding:20px;text-align:center;transition:all .2s}.achievement-card:hover{box-shadow:0 4px 12px #0000001a}.achievement-icon{font-size:32px;margin-bottom:8px}.achievement-title{font-size:14px;font-weight:600;margin-bottom:4px}.achievement-date{color:var(--muted);font-size:12px}.skills-section{background:var(--surface);border:1px solid var(--ring);border-radius:12px;padding:20px}.skills-list{display:flex;flex-direction:column;gap:20px}.skill-item{align-items:center;display:flex;gap:16px}.skill-name{color:var(--text);font-size:14px;font-weight:600;min-width:150px}.skill-progress{align-items:center;display:flex;flex:1 1;gap:12px}.progress-bar{background:#e2e8f0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3b82f6,#7c3aed);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:var(--text);font-size:12px;font-weight:600;min-width:40px;text-align:right}@media (max-width:768px){.profile-header{gap:16px}.profile-header,.user-info{flex-direction:column;text-align:center}.user-status{text-align:center}.key-metrics,.overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.achievements-grid{grid-template-columns:1fr}.skill-item{align-items:flex-start;flex-direction:column;gap:8px}.skill-name{min-width:auto}}.analytics{display:flex;min-height:100%}.analytics-content{flex:1 1;padding:24px 20px 40px}.analytics-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.header-text{flex:1 1}.analytics-title{color:var(--text);font-size:32px;font-weight:800;margin:0 0 8px}.analytics-subtitle{color:var(--muted);font-size:16px;margin:0}.header-controls{display:flex;flex-wrap:wrap;gap:12px}.control-btn{align-items:center;background:var(--surface);border:1px solid var(--ring);border-radius:8px;color:var(--text);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.control-btn:hover{background:#f8fafc;border-color:var(--primary)}.calendar-icon,.download-icon,.dropdown-icon{font-size:12px}.key-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:24px}.metric-card{background:var(--surface);border:1px solid var(--ring);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:20px}.metric-header{display:flex;justify-content:flex-end}.metric-icon{color:var(--muted);font-size:20px}.metric-content{text-align:left}.metric-value{color:var(--text);font-size:28px;font-weight:800;margin-bottom:4px}.metric-title{color:var(--muted);font-size:14px;font-weight:600;margin-bottom:4px}.metric-change{font-size:12px;font-weight:600}.metric-change.green{color:#10b981}.tabs{border-bottom:1px solid var(--ring);display:flex;gap:0;margin-bottom:24px}.tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--muted);cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.tab:hover{color:var(--text)}.tab.active{border-bottom-color:var(--primary);color:var(--primary)}.overview-section{margin-top:0}.analytics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.insights-card,.trends-card{background:var(--surface);border:1px solid var(--ring);border-radius:12px;padding:20px}.card-header{margin-bottom:20px}.card-title{align-items:center;color:var(--text);display:flex;font-size:18px;font-weight:700;gap:8px}.title-icon{font-size:16px}.trends-content{display:flex;flex-direction:column;gap:16px}.trend-item{align-items:center;border-bottom:1px solid var(--ring);display:flex;justify-content:space-between;padding:12px 0}.trend-item:last-child{border-bottom:none}.trend-month{color:var(--text);font-size:16px;font-weight:700;min-width:40px}.trend-data{display:flex;gap:20px}.trend-points{color:#10b981}.trend-points,.trend-rewards{font-size:14px;font-weight:600}.trend-rewards{color:#f59e0b}.trend-users{color:#3b82f6;font-size:14px;font-weight:600}.insights-content{display:flex;flex-direction:column;gap:16px}.insight-item{align-items:center;border-bottom:1px solid var(--ring);display:flex;justify-content:space-between;padding:12px 0}.insight-item:last-child{border-bottom:none}.insight-label{color:var(--text);font-size:14px;font-weight:600}.insight-value{border-radius:20px;font-size:12px;font-weight:700;padding:4px 12px}.insight-value.green{background:#d1fae5;color:#059669}.insight-value.blue{background:#dbeafe;color:#2563eb}.insight-value.yellow{background:#fef3c7;color:#d97706}.departments-section,.leaderboard-section,.rewards-section{background:var(--surface);border:1px solid var(--ring);border-radius:12px;padding:20px}.section-title{color:var(--text);font-size:18px;font-weight:700;margin:0 0 20px}.departments-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.department-card{border:1px solid var(--ring);border-radius:8px;padding:16px;text-align:center}.dept-name{color:var(--text);font-size:16px;font-weight:700;margin-bottom:8px}.dept-stats{display:flex;flex-direction:column;gap:4px}.dept-metric{color:var(--muted);font-size:14px}.rewards-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.stat-item{border:1px solid var(--ring);border-radius:8px;padding:16px;text-align:center}.stat-label{color:var(--muted);font-size:14px;margin-bottom:8px}.stat-value{color:var(--text);font-size:20px;font-weight:700}.leaderboard-list{display:flex;flex-direction:column;gap:12px}.leaderboard-item{align-items:center;background:#f8fafc;border:1px solid var(--ring);border-radius:8px;display:flex;gap:16px;padding:12px 16px}.rank{color:var(--primary);font-size:18px;font-weight:800;min-width:30px}.name{color:var(--text);flex:1 1;font-size:16px;font-weight:600}.points{color:var(--success);font-size:14px;font-weight:700}@media (max-width:1024px){.key-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-grid,.rewards-stats{grid-template-columns:1fr}}@media (max-width:768px){.analytics-header{flex-direction:column;gap:16px}.header-controls{justify-content:flex-start;width:100%}.key-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-data{align-items:flex-end;flex-direction:column;gap:4px}.departments-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.e5186b69.css.map*/