:root{--background:#fcfdfc;--foreground:#001a00;--card:#fcfdfc;--card-foreground:#001a00;--primary:#008600;--primary-foreground:#fff;--secondary:#e6f3e6;--secondary-foreground:#004d00;--muted:#f0f4f0;--muted-foreground:#4a5c4a;--accent:#e6f3e6;--accent-foreground:#008600;--destructive:#ef4444;--destructive-foreground:#fff;--border:#dce6dc;--sidebar:#fcfdfc;--sidebar-foreground:#001a00;--sidebar-accent:#f0f4f0;--chart-1:#008600;--chart-2:#22c55e;--chart-3:#16a34a;--chart-4:#4ade80;--chart-5:#86efac;--font-sans:"Inter",sans-serif;--radius:.5rem;--shadow-sm:0px 4px 10px -2px rgba(0,0,0,.1),0px 1px 2px -3px rgba(0,0,0,.1);--shadow-lg:0px 4px 10px -2px rgba(0,0,0,.1),0px 4px 6px -3px rgba(0,0,0,.1)}.dark{--background:#001200;--foreground:#f2fdf2;--card:#001a00;--card-foreground:#f2fdf2;--primary:#008600;--primary-foreground:#fff;--secondary:#030;--secondary-foreground:#f2fdf2;--muted:#002600;--muted-foreground:#94a3b8;--accent:#030;--accent-foreground:#f2fdf2;--border:#030;--sidebar:#001a00;--sidebar-foreground:#f2fdf2;--sidebar-accent:#002600;--chart-1:#008600;--chart-2:#166534;--chart-3:#15803d;--chart-4:#16a34a;--chart-5:#22c55e}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);min-height:100vh;transition:all .3s ease}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:24px 16px;position:fixed;transition:width .3s ease;width:260px}.logo{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:center;margin-bottom:24px;padding:16px 12px 24px}.logo-image{height:auto;max-width:180px;width:100%}.nav-section{margin-bottom:32px}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding-top:16px}.nav-label{color:var(--muted-foreground);font-size:11px;font-weight:600;letter-spacing:.08em;margin-bottom:12px;padding:0 12px;text-transform:uppercase}.nav-item{align-items:center;border-radius:var(--radius);color:var(--sidebar-foreground);display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:4px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.nav-item:hover{background:var(--sidebar-accent)}.nav-item.active{background:var(--primary);color:var(--primary-foreground)}.nav-item svg{height:20px;opacity:.7;width:20px}.nav-item.active svg{opacity:1}.logout-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius);color:var(--muted-foreground);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:14px;font-weight:500;gap:12px;margin-top:auto;padding:12px 16px;transition:all .2s ease;width:100%}.logout-btn:hover{background:var(--sidebar-accent);color:var(--destructive)}.logout-btn svg{height:20px;opacity:.7;width:20px}.main{flex:1;margin-left:260px;min-height:100vh;padding:32px;transition:margin-left .3s ease}.sidebar-collapsed .main{margin-left:80px}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.header-title h1{font-size:28px;font-weight:700;margin-bottom:4px}.header-title p{color:var(--muted-foreground);font-size:14px}.header-actions{gap:16px}.header-actions,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;height:44px;justify-content:center;transition:all .2s ease;width:44px}.theme-toggle:hover{background:var(--muted)}.theme-toggle svg{color:var(--foreground);height:20px;width:20px}.user-avatar{align-items:center;background:var(--primary);border-radius:var(--radius);color:#fff;display:flex;font-size:16px;font-weight:600;height:44px;justify-content:center;width:44px}.kpi-grid{display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.kpi-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px;transition:all .3s ease}.kpi-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.kpi-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.kpi-icon{align-items:center;border-radius:var(--radius);display:flex;height:48px;justify-content:center;width:48px}.kpi-icon.green{background:#dcfce7;color:#166534}.kpi-icon.green-light{background:#d1fae5;color:#047857}.kpi-icon.green-dark{background:#bbf7d0;color:#15803d}.kpi-icon.green-deep{background:#a7f3d0;color:#059669}.kpi-icon svg{height:24px;width:24px}.kpi-trend{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:600;gap:4px;padding:4px 8px}.kpi-trend.up{background:#dcfce7;color:#166534}.kpi-trend.down{background:#fee2e2;color:#dc2626}.kpi-value{font-size:32px;font-weight:700;margin-bottom:4px}.kpi-label{color:var(--muted-foreground);font-size:14px;font-weight:500}.charts-grid{display:grid;gap:24px;grid-template-columns:2fr 1fr;margin-bottom:32px}.chart-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.chart-title{font-size:18px;font-weight:600}.chart-subtitle{color:var(--muted-foreground);font-size:13px;margin-top:4px}.chart-container{height:280px;position:relative}.activity-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px}.activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.activity-title{font-size:18px;font-weight:600}.view-all-btn{align-items:center;color:var(--primary);display:flex;font-size:13px;font-weight:600;gap:4px;text-decoration:none;transition:opacity .2s ease}.view-all-btn:hover{opacity:.8}.activity-table{border-collapse:collapse;width:100%}.activity-table th{border-bottom:1px solid var(--border);color:var(--muted-foreground);font-size:12px;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.activity-table td{border-bottom:1px solid var(--border);font-size:14px;padding:16px}.activity-table tr:last-child td{border-bottom:none}.activity-table tr:hover{background:var(--muted)}.merchant-cell{align-items:center;display:flex;gap:12px}.merchant-avatar{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.merchant-name{font-weight:500}.merchant-city,.merchant-id{color:var(--muted-foreground);font-size:12px}.core-metrics-grid{grid-template-columns:repeat(5,1fr)}.core-metrics-grid,.today-metrics-grid{display:grid;gap:24px;margin-bottom:32px}.today-metrics-grid{grid-template-columns:repeat(4,1fr)}.charts-grid-equal{grid-template-columns:1fr 1fr}.charts-grid-equal,.data-section-grid{display:grid;gap:24px;margin-bottom:32px}.data-section-grid{grid-template-columns:repeat(3,1fr)}.rankings-grid{display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:32px}.section-header{margin-bottom:20px;margin-top:16px}.section-title{color:var(--foreground);font-size:20px;font-weight:600}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px}.stat-header{gap:12px;margin-bottom:20px}.stat-header,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:var(--radius);height:40px;justify-content:center;width:40px}.stat-icon.green{background:#dcfce7;color:#166534}.stat-icon.green-light{background:#d1fae5;color:#047857}.stat-icon.green-dark{background:#bbf7d0;color:#15803d}.stat-title{font-size:16px;font-weight:600}.stat-main-value{color:var(--foreground);font-size:36px;font-weight:700;margin-bottom:8px}.stat-description{color:var(--muted-foreground);font-size:13px;margin-bottom:12px}.stat-trend{align-items:center;display:flex;font-size:13px;font-weight:600;gap:4px}.stat-trend.up{color:#166534}.stat-trend.down{color:#dc2626}.stat-list{display:flex;flex-direction:column;gap:12px}.stat-item{align-items:center;background:var(--muted);border-radius:var(--radius);display:flex;justify-content:space-between;padding:12px}.stat-item-label{color:var(--muted-foreground);font-size:14px}.stat-item-value{color:var(--foreground);font-size:18px;font-weight:600}.ranking-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px}.ranking-header{margin-bottom:20px}.ranking-title{font-size:18px;font-weight:600}.ranking-table{border-collapse:collapse;width:100%}.ranking-table td{border-bottom:1px solid var(--border);font-size:14px;padding:12px 8px}.ranking-table tr:last-child td{border-bottom:none}.ranking-table tr:hover{background:var(--muted)}.rank-badge{align-items:center;border-radius:50%;display:inline-flex;font-size:13px;font-weight:600;height:28px;justify-content:center;width:28px}.rank-badge.rank-1{background:#fef3c7;color:#b45309}.rank-badge.rank-2{background:#e5e7eb;color:#4b5563}.rank-badge.rank-3{background:#fed7aa;color:#c2410c}.rank-badge.rank-other{background:var(--muted);color:var(--muted-foreground)}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.status-badge.pending{background:#fef3c7;color:#b45309}.status-badge.approved{background:#dcfce7;color:#166534}.status-badge.rejected{background:#fee2e2;color:#dc2626}.status-badge:before{background:currentColor;border-radius:50%;content:"";height:6px;width:6px}.btn{align-items:center;border:none;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;text-decoration:none;transition:all .2s ease}.btn-primary{background:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{opacity:.9}.btn-secondary{background:var(--secondary);color:var(--secondary-foreground)}.btn-secondary:hover{background:var(--muted)}.btn-ghost{background:transparent;color:var(--foreground)}.btn-ghost:hover{background:var(--muted)}.btn-sm{font-size:13px;padding:8px 12px}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:500;margin-bottom:8px}.form-input,.form-label{color:var(--foreground);font-size:14px}.form-input{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-sans);padding:12px 16px;transition:all .2s ease;width:100%}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0086001a;outline:none}.form-input::-moz-placeholder{color:var(--muted-foreground)}.form-input::placeholder{color:var(--muted-foreground)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-header{border-bottom:1px solid var(--border);padding:24px}.card-title{font-size:18px;font-weight:600}.card-body{padding:24px}.card-footer{background:var(--muted);border-top:1px solid var(--border);padding:16px 24px}.tabs{border-bottom:1px solid var(--border);display:flex;margin-bottom:24px}.tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--muted-foreground);cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-1px;padding:12px 20px;transition:all .2s ease}.tab:hover{color:var(--foreground)}.tab.active{border-bottom-color:var(--primary);color:var(--primary)}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.core-metrics-grid{grid-template-columns:repeat(3,1fr)}.today-metrics-grid{grid-template-columns:repeat(2,1fr)}.charts-grid-equal{grid-template-columns:1fr}.data-section-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sidebar{display:none}.main{margin-left:0}.core-metrics-grid,.data-section-grid,.kpi-grid,.rankings-grid,.today-metrics-grid{grid-template-columns:1fr}}.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-branding{background:linear-gradient(135deg,var(--primary) 0,#004d00 100%);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:48px}.login-branding .logo-icon{background:#fff3;font-size:28px;height:64px;margin-bottom:24px;width:64px}.login-branding h1{font-size:36px;font-weight:700;margin-bottom:8px}.login-branding p{font-size:18px;margin-bottom:32px;opacity:.9}.login-features{display:flex;flex-direction:column;gap:16px}.login-feature{align-items:center;display:flex;font-size:16px;gap:12px}.login-feature svg{color:#86efac;height:20px;width:20px}.login-form-container{align-items:center;background:var(--background);display:flex;justify-content:center;padding:48px}.login-card{max-width:420px;width:100%}.login-card .card-header{text-align:center}.login-card .card-title{font-size:24px;margin-bottom:4px}.login-card .card-subtitle{color:var(--muted-foreground);font-size:14px}@media(max-width:1024px){.login-page{grid-template-columns:1fr}.login-branding{display:none}}