.traffic-panel{display:grid;gap:20px}.traffic-panel>.panel-heading{margin:0}.traffic-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.traffic-metric{padding:19px 16px;background:var(--bg);border:1px solid var(--bd);border-radius:15px;min-width:0}.traffic-metric>span{display:flex;gap:9px;align-items:center;color:var(--mu);font-size:11px;line-height:1.5}.traffic-metric svg{color:var(--accent-text);flex:none}.traffic-metric strong{display:block;font-size:32px;margin:16px 0 8px;line-height:1.2;font-variant-numeric:tabular-nums}.traffic-metric small{font-size:10px;line-height:1.6;display:block}.traffic-chart-head{display:flex;justify-content:space-between;gap:15px;font-size:12px}.traffic-chart-head>span{color:var(--mu)}.traffic-bars{height:150px;display:flex;align-items:stretch;gap:5px;padding-top:10px;border-bottom:1px solid var(--bd);margin-bottom:18px}.traffic-bars>div{flex:1;position:relative;display:flex;align-items:flex-end;min-width:0}.traffic-bars i{display:block;width:100%;border-radius:5px 5px 0 0;background:linear-gradient(0deg,#87283f,var(--accent-text));min-height:1px}.traffic-bars>div:hover i{filter:brightness(1.25)}.traffic-bars small{position:absolute;top:100%;padding-top:7px;font-size:9px;color:var(--mu);left:50%;transform:translateX(-50%)}.traffic-note{font-size:10px;line-height:1.8;color:var(--mu);margin:0}.traffic-ips{padding-top:18px;border-top:1px solid var(--bd)}.traffic-ips summary{cursor:pointer;font-size:13px;font-weight:700}.traffic-ips summary>b{color:var(--accent-text);margin-left:10px}.traffic-ips p{font-size:11px}.traffic-ips code{white-space:nowrap;user-select:all}.traffic-ips .chart-table{max-height:360px}.account-detail-tabs{display:flex;gap:7px;padding:0 0 16px;margin-bottom:20px;border-bottom:1px solid var(--bd);overflow:auto;background:transparent}.account-detail-tabs button{white-space:nowrap;font-size:12px}.account-detail-meta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:11px;color:var(--mu);padding-bottom:16px}.account-detail-badge{display:inline-block;border:1px solid var(--bd);background:var(--surface-tint);padding:5px 8px;border-radius:7px;font-size:10px;white-space:nowrap}.account-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.account-field-grid>label,.account-field-grid>input{grid-column:auto}.account-field-grid>label{grid-row:auto}.account-field-grid>input{width:100%}.account-balance{padding:15px 0}.account-balance span{display:block;color:var(--mu);font-size:11px}.account-balance b{display:block;margin-top:8px}.account-toggles{display:grid;gap:10px;margin:20px 0}.account-toggles label{display:flex;align-items:center;gap:10px;margin:0;line-height:1.6}.account-toggles input{width:16px;min-height:16px;height:16px}.account-addresses{padding:20px 0;margin-top:15px;border-top:1px solid var(--bd);font-size:12px}.account-addresses summary{font-weight:700;cursor:pointer}.account-addresses article{padding:14px 0;border-bottom:1px solid var(--bd)}.account-addresses p{line-height:1.7;margin:5px 0}.account-history-row{display:flex;width:100%;text-align:left;gap:14px;align-items:center;padding:18px 14px;margin:10px 0;background:var(--bg);border-radius:13px}.account-history-row>span:first-child{flex:1;min-width:0}.account-history-row b{font-size:13px}.account-history-row small{display:block;font-size:10px;line-height:1.7;margin-top:6px;overflow-wrap:anywhere}.account-history-row strong{display:block;margin-top:8px;font-size:13px}.account-security-card{padding:18px 0;border-bottom:1px solid var(--bd)}.account-security-card h4{margin:0 0 12px;font-size:15px}.account-security-card p,.account-detail-tabs~section .muted{font-size:11px;line-height:1.8}.account-security-card .chart-table{max-height:250px}#accountProfileForm fieldset{padding:0;border:0;min-width:0}dialog:has(.account-detail-tabs){width:min(850px,95vw);max-width:850px}[data-account-panel][hidden]{display:none!important}html[data-theme] .account-detail-tabs button.on{background:var(--surface-tint);color:var(--accent-text);border:1px solid var(--accent-text)}
@media(max-width:1000px){.traffic-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.traffic-panel{gap:16px}.traffic-metric{padding:14px 12px}.traffic-metric strong{font-size:28px}.traffic-metric>span{font-size:10px}.traffic-metric svg{width:16px}.traffic-bars{gap:3px}.account-field-grid{grid-template-columns:1fr}.account-detail-tabs{gap:4px}.account-detail-tabs button{font-size:11px;padding:9px}.account-history-row{gap:9px;padding:14px 10px}.account-history-row>svg{display:none}}