.metrics-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:25px}.metrics-controls label{font-size:14px;font-weight:600}.metrics-controls select{margin-left:8px;font:inherit;padding:10px;border:1px solid #cbd6c7;border-radius:8px;background:white}.metrics-controls .audio-button{color:#234e3c;border-color:#bbcdbb;font-size:13px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.metric{padding:21px;border-radius:16px;background:#173f36;color:#fff9e3}.metric>span{font-size:13px;color:#c5decc}.metric>b{display:block;font:700 36px/1.4 Outfit,sans-serif;color:#ffdc72;margin:8px 0}.metric>small{font-size:12px;line-height:1.5;display:block;color:#c5decc}.metrics-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.metrics-panel{background:#fffdf7;border:1px solid #dbe3d5;border-radius:16px;padding:22px;min-width:0}.metrics-panel h2{font-size:21px;margin:0 0 20px}.metrics-scroll{overflow:auto;max-height:420px}.metrics-panel table{border-collapse:collapse;font-size:13px;width:100%}.metrics-panel th{text-align:left;font-size:11px;color:#71856e;text-transform:uppercase;padding:10px 8px;border-bottom:2px solid #dce6d7;white-space:nowrap}.metrics-panel td{padding:12px 8px;border-bottom:1px solid #e6ecdf;overflow-wrap:anywhere}.metrics-panel td:first-child{min-width:100px}.metrics-empty,.metric-note{font-size:12px;line-height:1.65;color:#71806b}.metric-note{margin-top:20px}.metric-bar-row{display:grid;grid-template-columns:45px 1fr 30px 70px;gap:10px;align-items:center;font-size:12px;margin:12px 0}.metric-bar-row>div{height:12px;background:#e8eddf;border-radius:6px;overflow:hidden}.metric-bar-row i{display:block;height:100%;background:#508b59;border-radius:6px}.metric-bar-row small{color:#7b8c72;font-size:10px}.metric-bars{max-height:380px;overflow:auto}@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-columns{grid-template-columns:1fr}}@media(max-width:600px){.metric{padding:16px}.metric>b{font-size:29px}.metrics-panel{padding:17px}.metrics-controls{gap:10px}.top-stats #owner-performance{font-size:11px;padding:8px}.metric>small{font-size:11px}.metrics-grid{gap:10px}}

@media(max-width:600px){header:has(#owner-performance:not([hidden])){height:auto;min-height:90px;padding-top:10px;padding-bottom:10px}header:has(#owner-performance:not([hidden])) .top-stats{row-gap:8px}}

.traffic-help{margin-top:16px;border-top:1px solid #dbe3d5;padding-top:16px;font-size:14px;line-height:1.6}.traffic-help summary{cursor:pointer;font-weight:600;color:#234e3c}.traffic-help p{color:#53674c}.traffic-help code{overflow-wrap:anywhere;font-size:13px;background:#e8eddf;padding:2px 4px;border-radius:4px}