*{font-family:Arial,sans-serif}main{padding:0}.loading-container[data-v-48b9adc8]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.loading-spinner[data-v-48b9adc8]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin-48b9adc8 1s linear infinite;margin-bottom:1rem}@keyframes spin-48b9adc8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container[data-v-48b9adc8]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;background-color:#fee;border:1px solid #fcc;border-radius:8px;margin:1rem}.error-icon[data-v-48b9adc8]{font-size:2rem;margin-bottom:1rem}.retry-btn[data-v-48b9adc8]{background-color:#3498db;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-top:1rem}.retry-btn[data-v-48b9adc8]:hover{background-color:#2980b9}.metric-subtitle[data-v-48b9adc8]{font-size:.8rem;color:#666;margin-top:.25rem}.dashboard-container{display:flex;min-height:100vh;background-color:#f8fafc;position:relative;padding-top:3.75rem}.dashboard-header{position:fixed;top:0;left:0;right:0;height:3.75rem;background:#ffa726;z-index:1002;display:flex;align-items:center;padding:0 1.5rem;box-shadow:0 .125rem .25rem #0000001a}.header-left{display:flex;align-items:center}.logo-container{display:flex;align-items:center;gap:.75rem;padding:0;background:transparent;border:none}.logo-image{width:3rem;height:3rem;object-fit:contain}.logo-text{font-size:1.2rem;font-weight:600;color:#fff}.logo-text span{color:#667eea;font-weight:700}.sidebar{width:17.5rem;background:linear-gradient(135deg,#168e6a,#ffa726);color:#fff;padding:0;box-shadow:.125rem 0 .625rem #0000001a;position:fixed;top:3.75rem;left:0;height:calc(100vh - 3.75rem);overflow-y:auto;z-index:1000}.sidebar-header{padding:1.5rem 1.25rem;border-bottom:.0625rem solid rgba(255,255,255,.1);position:sticky;top:0;background:linear-gradient(135deg,#168e6a,#ffa726);z-index:1001}.sidebar-header h2{margin:0;font-size:1rem;font-weight:600}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav li{padding:1rem 1.25rem;cursor:pointer;transition:all .3s ease;border-left:.1875rem solid transparent;display:flex;align-items:center;gap:.75rem}.sidebar-nav li:hover{background-color:#ffffff1a;border-left-color:#ffffff80}.sidebar-nav li.active{background-color:#fff3;border-left-color:#fff;font-weight:600}.menu-icon{font-size:1rem;width:1.5rem;text-align:center}.menu-text{font-size:.85rem}.main-content{flex:1;margin-left:17.5rem;padding:1.5rem;min-height:calc(100vh - 3.75rem);background-color:#f8fafc;position:relative}.content-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:.0625rem solid #e2e8f0}.content-header h1{margin:0 0 .5rem;color:#1a202c;font-size:1.5rem;font-weight:700}.last-updated{color:#718096;font-size:.8rem;margin:0}.analytics-container{display:flex;flex-direction:column;gap:2rem}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.metric-card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 .125rem .5rem #0000001a;display:flex;align-items:center;gap:1rem;transition:transform .2s ease,box-shadow .2s ease;min-width:0;flex:1}.metric-card:hover{transform:translateY(-.125rem);box-shadow:0 .25rem 1rem #00000026}.metric-icon{font-size:2rem;width:3.125rem;height:3.125rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#168e6a,#ffa726);border-radius:.75rem;color:#fff}.metric-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.metric-content h3{margin:0 0 .5rem;color:#4a5568;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-value{font-size:1.5rem;font-weight:700;color:#1a202c;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-change{font-size:.75rem;font-weight:500}.metric-change.positive{color:#38a169}.metric-change.negative{color:#e53e3e}.analytics-section{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 .125rem .5rem #0000001a;margin-bottom:2rem}.analytics-section h2{margin:0 0 1.5rem;color:#1a202c;font-size:1.2rem;font-weight:600}.retention-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18.75rem,1fr));gap:1.5rem}.retention-card{background:#f7fafc;border-radius:.5rem;padding:1.25rem;border:.0625rem solid #e2e8f0}.retention-card h3{margin:0 0 1rem;color:#2d3748;font-size:1rem;font-weight:600}.retention-stats{display:flex;flex-direction:column;gap:.75rem}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:.0625rem solid #e2e8f0}.stat-item:last-child{border-bottom:none}.stat-label{color:#4a5568;font-size:.8rem}.stat-value{color:#1a202c;font-weight:600;font-size:.9rem}.dropoff-funnel{display:flex;flex-direction:column;align-items:center;gap:1rem}.funnel-step{display:flex;align-items:center;gap:1rem;width:100%;max-width:31.25rem;background:#f7fafc;border-radius:.5rem;padding:1rem;border:.0625rem solid #e2e8f0}.step-number{width:2rem;height:2rem;background:linear-gradient(135deg,#168e6a,#ffa726);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.step-content{flex:1}.step-content h4{margin:0 0 .5rem;color:#2d3748;font-size:.9rem;font-weight:600}.step-metrics{display:flex;justify-content:space-between;align-items:center}.step-users{color:#4a5568;font-size:.8rem}.step-percentage{color:#1a202c;font-weight:600;font-size:.9rem}.funnel-arrow{color:#718096;font-size:1.5rem;font-weight:700}.placeholder-content{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 .125rem .5rem #0000001a}.placeholder-content h2{color:#1a202c;margin-bottom:1rem}.placeholder-content ul{margin:1rem 0;padding-left:1.25rem}.placeholder-content li{margin:.5rem 0;color:#4a5568}.placeholder-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));gap:1.25rem;margin-top:1.5rem}.stat-card{background:#f7fafc;border-radius:.5rem;padding:1.25rem;text-align:center;border:.0625rem solid #e2e8f0}.stat-card h3{margin:0 0 .75rem;color:#4a5568;font-size:.8rem;font-weight:600}.charts-section{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2rem}.chart-container{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 .0625rem .1875rem #0000001a}.chart-container h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.chart-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.tab-btn{padding:.5rem 1rem;border:.0625rem solid #e2e8f0;background:#fff;border-radius:.375rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.chart-placeholder{height:18.75rem;display:flex;flex-direction:column;justify-content:flex-end;padding-top:1.875rem;padding-bottom:1.25rem}.chart-bars{display:flex;align-items:flex-end;gap:.5rem;height:11.25rem;margin-bottom:1rem;position:relative}.chart-bar{flex:1;background:linear-gradient(180deg,#3b82f6,#1d4ed8);border-radius:.25rem .25rem 0 0;position:relative;min-width:1.25rem;display:flex;align-items:flex-end;justify-content:center;max-height:100%}.bar-value{position:absolute;top:-1.25rem;font-size:.75rem;font-weight:600;color:#64748b;white-space:nowrap}.chart-labels{display:flex;justify-content:space-between;font-size:.8rem;color:#64748b;font-weight:500}.time-chart{display:flex;flex-direction:column;gap:.75rem}.time-slot{display:flex;align-items:center;gap:1rem}.time-label{width:3.75rem;font-size:.9rem;font-weight:500;color:#64748b}.time-bar{flex:1;height:.5rem;background:#e2e8f0;border-radius:.25rem;overflow:hidden}.time-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:.25rem;transition:width .3s ease}.time-count{width:2.5rem;font-size:.9rem;font-weight:600;color:#1e293b;text-align:right}.sectors-section{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 .0625rem .1875rem #0000001a;margin-bottom:2rem}.sectors-section h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.sectors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18.75rem,1fr));gap:1rem}.sector-card{border:.0625rem solid #e2e8f0;border-radius:.5rem;padding:1rem;transition:all .2s ease}.sector-card:hover{border-color:#3b82f6;box-shadow:0 .125rem .5rem #3b82f61a}.sector-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.sector-icon{font-size:1.5rem}.sector-header h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0}.sector-stats{display:flex;justify-content:space-between;margin-bottom:1rem}.sector-stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.8rem;color:#64748b;font-weight:500}.stat-value{font-size:1rem;font-weight:600;color:#1e293b}.sector-progress{height:.375rem;background:#e2e8f0;border-radius:.1875rem;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:.1875rem;transition:width .3s ease}.funnel-section{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 .0625rem .1875rem #0000001a}.funnel-section h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.funnel{display:flex;flex-direction:column;align-items:center;gap:1rem}.funnel-step{display:flex;align-items:center;gap:1rem;width:100%;max-width:25rem}.step-number{width:2.5rem;height:2.5rem;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem}.step-content{flex:1;text-align:center}.step-content h4{color:#64748b;font-size:.9rem;font-weight:500;margin-bottom:.25rem}.step-value{color:#1e293b;font-size:1.5rem;font-weight:700}.funnel-arrow{color:#3b82f6;font-size:1.5rem;font-weight:700}.plan-breakdown{display:flex;flex-direction:column;gap:1rem}.plan-card{border:.0625rem solid #e2e8f0;border-radius:.5rem;padding:1rem;transition:all .2s ease}.plan-card:hover{border-color:#3b82f6;box-shadow:0 .125rem .5rem #3b82f61a}.plan-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.plan-icon{font-size:1.5rem}.plan-header h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0}.plan-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.plan-users{color:#64748b;font-size:.9rem;font-weight:500}.plan-percentage{color:#1e293b;font-size:1.1rem;font-weight:700}.plan-progress{height:.375rem;background:#f1f5f9;border-radius:.1875rem;overflow:hidden}.revenue-breakdown{display:flex;flex-direction:column;gap:1rem}.revenue-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0}.revenue-label{display:flex;align-items:center;gap:.5rem;width:8.75rem;font-size:.9rem;font-weight:500;color:#64748b}.revenue-icon{font-size:1.2rem}.revenue-bar{flex:1;height:.5rem;background:#e2e8f0;border-radius:.25rem;overflow:hidden}.revenue-fill{height:100%;border-radius:.25rem;transition:width .3s ease}.revenue-amount{width:5rem;font-size:.9rem;font-weight:600;color:#1e293b}.issues-section{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 .0625rem .1875rem #0000001a;margin-bottom:2rem}.issues-section h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.issues-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18.75rem,1fr));gap:1.5rem}.issue-card{border:.0625rem solid #e2e8f0;border-radius:.5rem;padding:1.5rem;transition:all .2s ease}.issue-card:hover{border-color:#ef4444;box-shadow:0 .125rem .5rem #ef44441a}.issue-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.issue-icon{font-size:1.5rem}.issue-header h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0}.issue-stats{text-align:center;margin-bottom:1.5rem}.issue-count{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:.25rem}.issue-label{color:#64748b;font-size:.8rem;font-weight:500}.issue-details{display:flex;flex-direction:column;gap:.75rem}.issue-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:.0625rem solid #f1f5f9}.issue-item:last-child{border-bottom:none}.issue-item span:first-child{color:#64748b;font-size:.85rem}.issue-item span:last-child{color:#1e293b;font-weight:600;font-size:.9rem}.trends-section{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 .0625rem .1875rem #0000001a}.trends-section h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:1rem}@media (max-width: 64rem){.sidebar{width:15rem}.main-content{margin-left:15rem}}@media (max-width: 75rem){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 48rem){.dashboard-container{padding-top:3.75rem}.sidebar{width:100%;height:auto;position:fixed;top:3.75rem;left:0;transform:translate(-100%);transition:transform .3s ease;z-index:1000;height:calc(100vh - 3.75rem)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:1rem;width:100%;min-height:calc(100vh - 3.75rem)}.metrics-grid,.retention-grid,.placeholder-stats{grid-template-columns:1fr}.content-header h1{font-size:1.2rem}.funnel-step{max-width:100%}.charts-section,.sectors-grid,.issues-grid{grid-template-columns:1fr}.plan-breakdown{gap:.75rem}.revenue-item{flex-direction:column;align-items:flex-start;gap:.5rem}.revenue-label{width:auto}.revenue-amount{width:auto;text-align:left}}@media (max-width: 30rem){.main-content{padding:.75rem}.metric-card{padding:1rem}.metric-icon{width:2.8125rem;height:2.8125rem;font-size:1.5rem}.metric-value{font-size:1.2rem}.analytics-section,.retention-card,.placeholder-content{padding:1rem}}.partners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(21.875rem,1fr));gap:1.5rem}.partner-card{background:#fff;border:.0625rem solid #e2e8f0;border-radius:.75rem;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.partner-card:before{content:"";position:absolute;top:0;left:0;right:0;height:.1875rem;background:linear-gradient(90deg,#10b981,#059669)}.partner-card:hover{border-color:#10b981;box-shadow:0 .5rem 1.5625rem #10b98126;transform:translateY(-.125rem)}.partner-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:.0625rem solid #f1f5f9}.partner-avatar{font-size:2.5rem;width:3.75rem;height:3.75rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff}.partner-info{flex:1}.partner-info h4{margin:0 0 .25rem;color:#1e293b;font-size:1.1rem;font-weight:600}.partner-type{color:#64748b;font-size:.85rem;font-weight:500}.partner-rank{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.5rem .75rem;border-radius:1.25rem;font-weight:700;font-size:.9rem}.partner-stats{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.stat-row span:first-child{color:#64748b;font-size:.9rem;font-weight:500}.stat-value{color:#1e293b;font-weight:600;font-size:.95rem}.promo-code{background:#f1f5f9;color:#1e293b;padding:.25rem .5rem;border-radius:.25rem;font-family:monospace;font-weight:600;font-size:.85rem}.partner-progress{display:flex;flex-direction:column;gap:.5rem}.progress-label{color:#64748b;font-size:.85rem;font-weight:500}.progress-bar{height:.375rem;background:#e2e8f0;border-radius:.1875rem;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:.1875rem;transition:width .3s ease}.progress-value{color:#10b981;font-weight:600;font-size:.9rem;text-align:right}.geo-distribution{display:flex;flex-direction:column;gap:1rem}.geo-item{background:#f8fafc;border-radius:.5rem;padding:1rem;border:.0625rem solid #e2e8f0}.geo-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.geo-flag{font-size:1.5rem}.geo-name{flex:1;color:#1e293b;font-weight:600;font-size:.95rem}.geo-count{color:#64748b;font-weight:500;font-size:.9rem}.geo-bar{height:.5rem;background:#e2e8f0;border-radius:.25rem;overflow:hidden;margin-bottom:.5rem}.geo-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:.25rem;transition:width .3s ease}.geo-stats{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.geo-stats span:first-child{color:#64748b}.geo-stats span:last-child{color:#1e293b;font-weight:600}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18.75rem,1fr));gap:1.5rem}.commission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));gap:2rem}.commission-card{background:#fff;border:.0625rem solid #e2e8f0;border-radius:.75rem;padding:1.5rem;transition:all .3s ease}.commission-card:hover{border-color:#3b82f6;box-shadow:0 .25rem 1rem #3b82f61a}.commission-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:.0625rem solid #f1f5f9}.commission-icon{font-size:1.5rem}.commission-header h4{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0}.commission-stats{text-align:center;margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border-radius:.5rem}.commission-amount{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:.25rem}.commission-count{color:#64748b;font-size:.9rem;font-weight:500}.commission-list{display:flex;flex-direction:column;gap:.75rem}.commission-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8fafc;border-radius:.375rem;border:.0625rem solid #e2e8f0}.payment-info{display:flex;flex-direction:column;gap:.25rem}.partner-name{color:#1e293b;font-weight:600;font-size:.9rem}.payment-amount{color:#64748b;font-size:.85rem}.payment-status{background:#fef3c7;color:#92400e;padding:.25rem .5rem;border-radius:.75rem;font-size:.75rem;font-weight:600}.commission-breakdown{display:flex;flex-direction:column;gap:.75rem}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:.0625rem solid #f1f5f9}.breakdown-item:last-child{border-bottom:none}.breakdown-item span:first-child{color:#64748b;font-size:.9rem}.breakdown-item span:last-child{color:#1e293b;font-weight:600;font-size:.9rem}.promo-table,.usage-table{background:#fff;border-radius:.75rem;overflow:hidden;border:.0625rem solid #e2e8f0}.table-header{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr 1fr 1fr 1fr;background:#f8fafc;padding:1rem;border-bottom:.0625rem solid #e2e8f0}.header-cell{color:#64748b;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.03125rem}.table-row{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr 1fr 1fr 1fr;padding:1rem;border-bottom:.0625rem solid #f1f5f9;transition:background-color .2s ease}.table-row:hover{background:#f8fafc}.table-row:last-child{border-bottom:none}.table-cell{display:flex;align-items:center}.code-text{background:#f1f5f9;color:#1e293b;padding:.25rem .5rem;border-radius:.25rem;font-family:monospace;font-weight:600;font-size:.85rem}.signup-count{color:#1e293b;font-weight:600;font-size:.9rem}.revenue-amount{color:#10b981;font-weight:600;font-size:.9rem}.commission-amount{color:#f59e0b;font-weight:600;font-size:.9rem}.usage-count{color:#1e293b;font-weight:600;font-size:.9rem}.daily-avg{color:#10b981;font-weight:600;font-size:.9rem}.weekly-avg{color:#3b82f6;font-weight:600;font-size:.9rem}.monthly-avg{color:#8b5cf6;font-weight:600;font-size:.9rem}.last-used{color:#64748b;font-weight:500;font-size:.85rem}.status-badge{padding:.25rem .75rem;border-radius:.75rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.Active{background:#dcfce7;color:#166534}.status-badge.Paused{background:#fef3c7;color:#92400e}.status-badge.Processing{background:#dbeafe;color:#1e40af}.plans-breakdown{display:flex;flex-direction:column;gap:.5rem}.plan-item{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.plan-icon{font-size:1rem;width:1.25rem;text-align:center}.plan-name{color:#64748b;font-size:.8rem;font-weight:500;min-width:2.5rem}.plan-count{color:#1e293b;font-weight:600;font-size:.85rem;margin-left:auto}.regions-breakdown{display:flex;flex-direction:column;gap:.5rem}.region-item{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.region-flag{font-size:1rem;width:1.25rem;text-align:center}.region-name{color:#64748b;font-size:.8rem;font-weight:500;min-width:3.75rem;flex:1}.region-count{color:#1e293b;font-weight:600;font-size:.85rem;margin-left:auto}@media (max-width: 48rem){.partners-grid,.commission-grid,.plans-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr 1fr 1fr;font-size:.8rem}.header-cell:nth-child(4),.header-cell:nth-child(5),.header-cell:nth-child(6),.table-cell:nth-child(4),.table-cell:nth-child(5),.table-cell:nth-child(6){display:none}.usage-table .table-header,.usage-table .table-row{grid-template-columns:1fr 1fr 1fr 1fr}.usage-table .header-cell:nth-child(5),.usage-table .header-cell:nth-child(6),.usage-table .header-cell:nth-child(7),.usage-table .table-cell:nth-child(5),.usage-table .table-cell:nth-child(6),.usage-table .table-cell:nth-child(7){display:none}}.city-list{display:flex;flex-direction:column;gap:.75rem}.city-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f7fafc;border-radius:.5rem;border:.0625rem solid #e2e8f0}.city-info{display:flex;flex-direction:column;gap:.25rem}.city-name{color:#1a202c;font-weight:600;font-size:.9rem}.city-users{color:#4a5568;font-size:.8rem}.city-percentage{color:#168e6a;font-weight:600;font-size:.9rem}.subscription-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(17.5rem,1fr));gap:1.5rem}.subscription-card{background:#f7fafc;border-radius:.75rem;padding:1.25rem;border:.0625rem solid #e2e8f0}.subscription-card h3{margin:0 0 1rem;color:#1a202c;font-size:1.1rem;font-weight:600}.subscription-stats{display:flex;flex-direction:column;gap:.75rem}.conversion-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.conversion-card{background:#f7fafc;border-radius:.75rem;padding:1.25rem;border:.0625rem solid #e2e8f0}.conversion-card h3{margin:0 0 1.25rem;color:#1a202c;font-size:1.1rem;font-weight:600}.funnel-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));gap:1.25rem}.funnel-region{background:#fff;border-radius:.5rem;padding:1rem;border:.0625rem solid #e2e8f0}.funnel-region h4{margin:0 0 1rem;color:#1a202c;font-size:1rem;font-weight:600;text-align:center}.funnel-steps{display:flex;flex-direction:column;gap:.5rem}.funnel-step-compact{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#f8fafc;border-radius:.375rem;border:.0625rem solid #e2e8f0}.step-label{color:#4a5568;font-size:.8rem;font-weight:500}.step-value{color:#1a202c;font-weight:600;font-size:.9rem}.insights-list{display:flex;flex-direction:column;gap:1rem}.insight-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#fff;border-radius:.5rem;border:.0625rem solid #e2e8f0}.insight-icon{font-size:1.2rem;width:1.5rem;text-align:center;margin-top:.125rem}.insight-content h4{margin:0 0 .25rem;color:#1a202c;font-size:.9rem;font-weight:600}.insight-content p{margin:0;color:#4a5568;font-size:.8rem;line-height:1.4}@media (max-width: 48rem){.charts-section,.subscription-grid,.conversion-grid,.funnel-comparison{grid-template-columns:1fr}.city-item{flex-direction:column;align-items:flex-start;gap:.5rem}.city-percentage{align-self:flex-end}}.system-health-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.system-health-header h2{margin:0;color:#1a202c;font-size:1.5rem;font-weight:700}.system-health-header .last-updated{color:#718096;font-size:.8rem}.overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(17.5rem,1fr));gap:1.5rem;margin-bottom:2rem}.overview-cards .stat-card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 .125rem .5rem #0000001a;border-left:.25rem solid #168E6A;transition:transform .2s ease,box-shadow .2s ease;position:relative}.overview-cards .stat-card:hover{transform:translateY(-.125rem);box-shadow:0 .25rem 1rem #00000026}.overview-cards .stat-card.warning{border-left-color:#ffa726}.overview-cards .stat-card.error{border-left-color:#e53e3e}.stat-icon{font-size:2rem;margin-bottom:1rem;width:3.125rem;height:3.125rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#168e6a,#ffa726);border-radius:.75rem;color:#fff}.overview-cards .stat-card h3{margin:0 0 .75rem;color:#4a5568;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03125rem}.overview-cards .stat-value{font-size:1.5rem;font-weight:700;color:#1a202c;margin-bottom:.5rem}.stat-trend{font-size:.75rem;font-weight:500;color:#718096}.stat-trend.positive{color:#38a169}.stat-trend.negative{color:#e53e3e}.storage-details{font-size:.75rem;color:#718096;margin-bottom:.75rem}.overview-cards .progress-bar{width:100%;height:.375rem;background:#e2e8f0;border-radius:.1875rem;overflow:hidden}.overview-cards .progress-fill{height:100%;background:linear-gradient(90deg,#168e6a,#ffa726);border-radius:.1875rem;transition:width .3s ease}.system-health-section{background:#fff;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem;box-shadow:0 .125rem .5rem #0000001a}.system-health-section h3{margin:0 0 1.5rem;color:#1a202c;font-size:1.2rem;font-weight:600}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{margin:0;color:#1a202c;font-size:1.2rem;font-weight:600}.refresh-btn{background:linear-gradient(135deg,#168e6a,#ffa726);color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s ease}.refresh-btn:hover{transform:translateY(-.0625rem);box-shadow:0 .125rem .5rem #168e6a4d}.error-summary{display:flex;gap:1rem;margin-bottom:1.5rem}.error-card{flex:1;padding:1.25rem;border-radius:.5rem;text-align:center;color:#fff;transition:transform .2s ease}.error-card:hover{transform:translateY(-.125rem)}.error-card.critical{background:linear-gradient(135deg,#e53e3e,#c53030)}.error-card.warning{background:linear-gradient(135deg,#ffa726,#f57c00)}.error-card.info{background:linear-gradient(135deg,#168e6a,#38a169)}.error-count{display:block;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.error-label{font-size:.75rem;font-weight:500;opacity:.9}.error-list{max-height:18.75rem;overflow-y:auto}.error-item{padding:1rem;border-radius:.5rem;margin-bottom:.75rem;border-left:.25rem solid;transition:all .2s ease}.error-item:hover{transform:translate(.25rem)}.error-item.critical{background:#fdf2f2;border-left-color:#e53e3e}.error-item.warning{background:#fef9e7;border-left-color:#ffa726}.error-item.info{background:#f0f8ff;border-left-color:#168e6a}.error-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.error-type{font-weight:600;color:#1a202c;font-size:.9rem}.error-time{font-size:.75rem;color:#718096}.error-message{color:#2d3748;margin-bottom:.5rem;font-size:.85rem}.error-details{font-size:.75rem;color:#718096}.error-details span{margin-right:1rem}.storage-breakdown{display:grid;gap:1rem}.storage-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#f7fafc;border-radius:.5rem;border:.0625rem solid #e2e8f0}.storage-label{min-width:7.5rem;font-weight:600;color:#2d3748;font-size:.9rem}.storage-bar{flex:1;height:1.25rem;background:#e2e8f0;border-radius:.625rem;overflow:hidden}.storage-fill{height:100%;border-radius:.625rem;transition:width .3s ease}.storage-fill.cv{background:linear-gradient(90deg,#168e6a,#ffa726)}.storage-fill.user{background:linear-gradient(90deg,#38a169,#2f855a)}.storage-fill.logs{background:linear-gradient(90deg,#ffa726,#f57c00)}.storage-fill.temp{background:linear-gradient(90deg,#9f7aea,#805ad5)}.storage-size{min-width:5rem;text-align:right;font-weight:600;color:#1a202c;font-size:.9rem}.user-filters{display:flex;gap:.75rem;align-items:center}.search-input,.filter-select{padding:.5rem .75rem;border:.0625rem solid #e2e8f0;border-radius:.375rem;font-size:.85rem;background:#fff;transition:border-color .2s ease}.search-input:focus,.filter-select:focus{outline:none;border-color:#168e6a;box-shadow:0 0 0 .1875rem #168e6a1a}.search-input{width:12.5rem}.user-table{overflow-x:auto;border-radius:.5rem;border:.0625rem solid #e2e8f0}.user-table table{width:100%;border-collapse:collapse}.user-table th,.user-table td{padding:1rem;text-align:left;border-bottom:.0625rem solid #e2e8f0}.user-table th{background:#f8fafc;font-weight:600;color:#2d3748;font-size:.8rem;text-transform:uppercase;letter-spacing:.03125rem}.user-table tr:hover{background:#f7fafc}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#168e6a,#ffa726);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.user-name{font-weight:600;color:#1a202c;font-size:.9rem}.user-id{font-size:.75rem;color:#718096}.status-badge{padding:.25rem .75rem;border-radius:.75rem;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.suspended{background:#fef3c7;color:#92400e}.status-badge.banned{background:#fdf2f2;color:#991b1b}.status-badge.inactive{background:#f8fafc;color:#6b7280}.action-buttons{display:flex;gap:.375rem}.action-btn{background:none;border:none;padding:.5rem;border-radius:.375rem;cursor:pointer;font-size:1rem;transition:all .2s ease;color:#4a5568}.action-btn:hover{background:#f7fafc;transform:scale(1.1)}.action-btn.suspend:hover{background:#fef3c7;color:#92400e}.action-btn.ban:hover{background:#fdf2f2;color:#991b1b}.action-btn.activate:hover,.action-btn.unban:hover{background:#dcfce7;color:#166534}.performance-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));gap:1.5rem}.performance-metrics .metric-card{text-align:center;padding:1.5rem;background:#f7fafc;border-radius:.75rem;border:.0625rem solid #e2e8f0;transition:all .2s ease}.performance-metrics .metric-card:hover{transform:translateY(-.125rem);box-shadow:0 .25rem 1rem #0000001a}.performance-metrics .metric-card h4{margin:0 0 .75rem;color:#4a5568;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03125rem}.performance-metrics .metric-value{font-size:1.5rem;font-weight:700;color:#1a202c;margin-bottom:1rem}.performance-metrics .metric-chart{height:3.75rem;background:#e2e8f0;border-radius:.375rem;position:relative;overflow:hidden}.performance-metrics .chart-bar{position:absolute;bottom:0;width:100%;background:linear-gradient(180deg,#168e6a,#ffa726);border-radius:.375rem;transition:height .3s ease}@media (max-width: 48rem){.overview-cards{grid-template-columns:1fr}.performance-metrics{grid-template-columns:repeat(2,1fr)}.user-filters{flex-direction:column;align-items:stretch}.search-input{width:100%}.error-summary{flex-direction:column}.storage-item{flex-direction:column;align-items:flex-start;gap:.5rem}.storage-size{align-self:flex-end}.user-table{font-size:.8rem}.user-table th,.user-table td{padding:.75rem .5rem}.action-buttons{flex-wrap:wrap}}