.dashboard-section{min-height:100vh;background:var(--bg-primary);padding-bottom:var(--space-3xl)}.dashboard-header-compact{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);padding:var(--space-lg) 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.header-title{display:flex;flex-direction:column;gap:var(--space-xs)}.header-title h1{font-size:28px;font-weight:600;margin:0}.header-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;color:var(--text-accent);text-transform:uppercase}.header-actions{gap:var(--space-md)}.header-actions,.status-pill{display:flex;align-items:center}.status-pill{gap:var(--space-sm);padding:6px 12px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted)}.status-dot.live{background:#4ade80;box-shadow:0 0 6px #4ade80;animation:pulse 2s infinite}.update-time{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.dashboard-tabs-compact{display:flex;gap:var(--space-xs)}.tab-btn{padding:8px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .2s}.tab-btn:hover{color:var(--text-secondary)}.tab-btn.active{color:var(--text-accent);border-bottom-color:var(--text-accent)}.dashboard-content{padding-top:var(--space-xl)}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-md);gap:var(--space-md);margin-bottom:var(--space-xl)}@media (max-width:900px){.kpi-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.kpi-row{grid-template-columns:1fr}}.kpi-box{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all .3s}.kpi-box:hover{border-color:var(--border-strong)}.kpi-icon{font-size:24px;color:var(--text-accent);opacity:.8}.kpi-content{display:flex;flex-direction:column;gap:4px}.kpi-label{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em}.kpi-value{font-size:24px;font-weight:600;color:var(--text-primary);font-family:var(--font-display)}.kpi-box-highlight{border-color:var(--text-accent);background:linear-gradient(135deg,var(--bg-card) 0,rgba(198,168,98,.08) 100%)}.kpi-box-highlight:hover{border-color:var(--text-accent);box-shadow:0 0 20px rgba(198,168,98,.15)}.kpi-icon-highlight{opacity:1}.kpi-icon-highlight,.kpi-label-highlight,.kpi-value-highlight{color:var(--text-accent)}.change-pill{display:inline-block;padding:2px 8px;border-radius:2px;font-family:var(--font-mono);font-size:11px;font-weight:600}.change-pill.positive{background:rgba(74,222,128,.15);color:#4ade80}.change-pill.negative{background:rgba(248,113,113,.15);color:#f87171}.change-pill.large{font-size:14px;padding:4px 12px;margin-top:var(--space-sm)}.data-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-lg);gap:var(--space-lg)}@media (max-width:900px){.data-grid{grid-template-columns:1fr}}.data-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.card-source{color:var(--text-muted);font-size:10px}.card-body{padding:var(--space-lg)}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-md);gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-subtle)}.mini-metric{display:flex;flex-direction:column;gap:4px}.mini-label{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase}.mini-value{font-size:16px;font-weight:600;color:var(--text-primary)}.mini-value.positive{color:#4ade80}.mini-value.mono{font-family:var(--font-mono);font-size:14px}.recent-list{display:flex;flex-direction:column;gap:var(--space-sm)}.list-header{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm)}.list-row{display:grid;grid-template-columns:80px 1fr auto;grid-gap:var(--space-md);gap:var(--space-md);align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--border-subtle);font-size:13px}.list-row:last-child{border-bottom:none}.list-row.placeholder{color:var(--text-muted);font-style:italic}.row-id{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.row-desc{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-amount{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.row-source{font-size:12px;color:var(--text-secondary)}.row-bar{height:4px;background:var(--bg-elevated);border-radius:2px;overflow:hidden}.bar-fill{height:100%;background:var(--text-accent);border-radius:2px;transition:width .5s ease}.row-count{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);text-align:right}.progress-section{margin-top:var(--space-lg)}.progress-label{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);margin-bottom:var(--space-sm)}.progress-track{height:6px;background:var(--bg-elevated);border-radius:3px;overflow:hidden;margin-bottom:var(--space-xs)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--text-accent),#e8c97a);border-radius:3px;transition:width 1s ease}.progress-value{font-size:11px;color:var(--text-accent);font-family:var(--font-mono)}.system-status-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.status-dot-inline{width:8px;height:8px;border-radius:50%}.status-dot-inline.green{background:#4ade80;box-shadow:0 0 8px #4ade80}.status-dot-inline.yellow{background:#fbbf24;box-shadow:0 0 8px #fbbf24}.status-dot-inline.red{background:#f87171;box-shadow:0 0 8px #f87171}.status-dot-inline.gray{background:var(--text-muted)}.status-name{font-size:13px;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em}.status-region{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.deploy-info{padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.info-row{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted)}.full-panel{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel-header-large{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-subtle)}.panel-header-large h2{font-size:24px;margin:0}.panel-meta{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.revenue-breakdown{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-xl);gap:var(--space-xl);margin-bottom:var(--space-3xl)}@media (max-width:768px){.revenue-breakdown{grid-template-columns:1fr}}.revenue-big-number{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-2xl);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.big-label{font-size:12px;color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em}.big-label,.big-value{margin-bottom:var(--space-md)}.big-value{font-size:56px;font-weight:600;color:var(--text-primary);font-family:var(--font-display)}.revenue-periods{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-md);gap:var(--space-md)}.period-box{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.period-label{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase}.period-value{font-size:24px;font-weight:600;color:var(--text-primary)}.transactions-table{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.transactions-table h3{padding:var(--space-lg);margin:0;font-size:14px;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary)}.transactions-table table{width:100%;border-collapse:collapse;font-size:13px}.transactions-table th{text-align:left;padding:var(--space-md) var(--space-lg);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);background:var(--bg-secondary);font-weight:500}.transactions-table td{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.transactions-table tr:last-child td{border-bottom:none}.transactions-table .mono{font-family:var(--font-mono);font-size:12px}.transactions-table .amount{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.traffic-metrics-large{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-lg);gap:var(--space-lg);margin-bottom:var(--space-3xl)}@media (max-width:900px){.traffic-metrics-large{grid-template-columns:repeat(2,1fr)}}.metric-large{display:flex;flex-direction:column;align-items:center;padding:var(--space-2xl);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center}.metric-large-value{font-size:36px;font-weight:600;color:var(--text-primary);font-family:var(--font-display);margin-bottom:var(--space-sm)}.metric-large-label{font-size:12px;color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em}.member-stats{display:grid;grid-template-columns:200px 1fr;grid-gap:var(--space-2xl);gap:var(--space-2xl);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-2xl)}@media (max-width:600px){.member-stats{grid-template-columns:1fr}}.stat-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;background:var(--bg-secondary);border:2px solid var(--border-subtle);border-radius:50%}.stat-value{font-size:48px;font-weight:600;color:var(--text-primary);font-family:var(--font-display)}.stat-label{font-size:12px;color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em}.stat-details{display:flex;flex-direction:column;justify-content:center;gap:var(--space-md)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0;border-bottom:1px solid var(--border-subtle);font-size:14px}.detail-row:last-child{border-bottom:none}.detail-row .positive{color:#4ade80;font-weight:600}.system-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-lg);gap:var(--space-lg)}@media (max-width:900px){.system-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.system-grid{grid-template-columns:1fr}}.system-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-xl);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.system-title{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em}.system-value{font-size:20px;font-weight:600;color:var(--text-primary)}.system-value.mono{font-family:var(--font-mono);font-size:16px}.system-meta{font-size:12px;color:var(--text-muted);margin-top:auto}.dashboard-footer-compact{display:flex;justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.btn--sm{padding:8px 14px;font-size:14px;line-height:1}.engagement-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-md);gap:var(--space-md);margin-bottom:var(--space-2xl)}@media (max-width:900px){.engagement-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.engagement-row{grid-template-columns:1fr}}.engagement-card{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center}.engagement-label{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em}.engagement-value{font-size:28px;font-weight:600;color:var(--text-primary);font-family:var(--font-display)}.engagement-change{font-size:12px;font-family:var(--font-mono);font-weight:600}.engagement-change.positive{color:#4ade80}.engagement-change.negative{color:#f87171}.engagement-change.neutral{color:var(--text-muted)}.traffic-grid-detailed{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-lg);gap:var(--space-lg);margin-bottom:var(--space-2xl)}@media (max-width:900px){.traffic-grid-detailed{grid-template-columns:1fr}}.traffic-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.traffic-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.card-badge{padding:2px 8px;background:var(--bg-elevated);border-radius:2px;font-size:10px;color:var(--text-muted)}.traffic-card-body{padding:var(--space-md)}.page-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle)}.page-row:last-child{border-bottom:none}.page-path{font-size:13px;color:var(--text-secondary);font-family:var(--font-mono)}.page-stats{display:flex;align-items:center;gap:var(--space-md)}.page-views{font-size:13px;color:var(--text-primary)}.page-change,.page-views{font-weight:600;font-family:var(--font-mono)}.page-change{font-size:11px}.page-change.positive{color:#4ade80}.page-change.negative{color:#f87171}.source-bar{margin-bottom:var(--space-md)}.source-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.source-name{font-size:13px;color:var(--text-secondary)}.source-count{font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.source-track{height:8px;background:var(--bg-elevated);border-radius:4px;overflow:hidden}.source-fill{height:100%;background:linear-gradient(90deg,var(--text-accent),#e8c97a);border-radius:4px;transition:width .5s ease}.device-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--border-subtle)}.device-row:last-child{border-bottom:none}.device-info{display:flex;align-items:center;gap:var(--space-sm);width:100px}.device-icon{font-size:16px}.device-name{font-size:13px;color:var(--text-secondary)}.device-bar-container{flex:1 1;display:flex;align-items:center;gap:var(--space-sm)}.device-bar{flex:1 1;height:6px;background:var(--bg-elevated);border-radius:3px;overflow:hidden}.device-fill{height:100%;background:var(--text-accent);border-radius:3px;transition:width .5s ease}.device-percentage{font-size:11px;width:35px}.device-count,.device-percentage{color:var(--text-muted);font-family:var(--font-mono);text-align:right}.device-count{font-size:12px;width:40px}.card-divider{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-md) 0}.browser-list{display:flex;flex-direction:column;gap:var(--space-xs)}.browser-row{display:flex;align-items:center;gap:var(--space-md)}.browser-name{width:80px;font-size:12px;color:var(--text-muted)}.browser-bar{flex:1 1;height:4px;background:var(--bg-elevated);border-radius:2px;overflow:hidden}.browser-fill{height:100%;background:var(--border-default);border-radius:2px;transition:width .5s ease}.browser-percentage{width:40px;font-size:11px;color:var(--text-muted);font-family:var(--font-mono);text-align:right}.country-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--border-subtle)}.country-row:last-child{border-bottom:none}.country-flag{font-size:16px;width:24px}.country-name{flex:1 1;font-size:13px;color:var(--text-secondary)}.country-bar{width:100px;height:6px;background:var(--bg-elevated);border-radius:3px;overflow:hidden}.country-fill{height:100%;background:var(--text-accent);border-radius:3px;transition:width .5s ease}.country-count,.country-percentage{width:40px;font-size:11px;color:var(--text-muted);font-family:var(--font-mono);text-align:right}.trend-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl)}.trend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.trend-header h3{font-size:14px;margin:0;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.trend-subtitle{font-size:12px;color:var(--text-muted)}.trend-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-md);height:150px;padding-bottom:var(--space-lg)}.hour-bar{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);flex:1 1}.hour-bar.current .hour-column{background:var(--accent-sand-dim)}.hour-bar.current .hour-fill{background:var(--text-accent)}.hour-column{width:100%;height:100px;background:var(--bg-elevated);position:relative;overflow:hidden}.hour-column,.hour-fill{border-radius:var(--radius-sm)}.hour-fill{position:absolute;bottom:0;left:0;right:0;background:var(--border-default);transition:height .5s ease}.hour-label{font-size:11px;color:var(--text-muted)}.hour-badge,.hour-label{font-family:var(--font-mono)}.hour-badge{font-size:9px;padding:2px 6px;background:var(--text-accent);color:var(--bg-primary);border-radius:2px;font-weight:600}