.traffic-dashboard{width:min(1120px,calc(100% - 24px));max-width:1120px;padding:28px;background:linear-gradient(140deg,#252634,#191c29);color:#f5efe6;max-height:calc(100dvh - 32px);overflow:auto}.traffic-manual-link{display:inline-block;text-decoration:none;font-size:12px;margin-top:10px}.traffic-manual-link[hidden]{display:none}
.traffic-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.traffic-head h2{margin:8px 0 6px;font-size:28px;letter-spacing:-.8px}.traffic-head p,.traffic-panel>p{color:#aab5c7;font-size:13px;line-height:1.6;margin:6px 0 18px}.traffic-eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#ffad94}.traffic-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.traffic-toolbar>span{font-size:11px;color:#9ca7bc;margin-left:auto}.traffic-periods{display:flex;border:1px solid #ffffff1a;background:#111522;padding:4px;border-radius:13px;gap:4px}.traffic-periods button{border:0;background:transparent;color:#b8c2d5;border-radius:9px;padding:9px 14px;cursor:pointer}.traffic-periods button[aria-pressed=true]{background:#ffad94;color:#271d1b;font-weight:700}.traffic-notice{font-size:13px;color:#ffc4ad;min-height:0;margin:0}.traffic-notice:empty{display:none}.traffic-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.traffic-card{padding:18px;background:linear-gradient(135deg,#ffffff08,#ffffff02);border:1px solid #ffffff14;border-radius:17px;display:flex;flex-direction:column;gap:9px}.traffic-card>span{font-size:12px;color:#b9c4d5}.traffic-card>strong{font-size:31px;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#f5efe6}.traffic-card:nth-child(1)>strong,.traffic-card:nth-child(2)>strong{color:#ffad94}.traffic-card>small{font-size:10px;color:#8f9cb1;line-height:1.5}.traffic-panels{display:grid;grid-template-columns:1.55fr 1fr;gap:14px}.traffic-panel{padding:20px;border:1px solid #ffffff14;border-radius:18px;background:#10152255;margin-bottom:14px;min-width:0}.traffic-panel h3{margin:0 0 9px;font-size:15px;letter-spacing:-.2px}.traffic-note{font-size:11px!important;color:#96a3b8!important;line-height:1.65;margin-bottom:0!important}.traffic-chart{display:flex;gap:5px;height:165px;align-items:stretch;margin:20px 0 12px}.traffic-chart-col{flex:1;min-width:0;display:flex;flex-direction:column;text-align:center;gap:8px;justify-content:flex-end}.traffic-chart-col>small{font-size:9px;color:#9daac1;font-variant-numeric:tabular-nums}.traffic-chart-bars{height:118px;display:flex;align-items:flex-end;gap:2px;justify-content:center}.traffic-bar{background:#f7aa92;width:65%;max-width:32px;min-height:1px;border-radius:5px 5px 2px 2px}.traffic-bar.verified{background:#9bc8d6;width:25%;min-height:0}.traffic-legend{display:flex;gap:15px;font-size:10px;color:#f7aa92}.traffic-legend>span+span{color:#9bc8d6}.traffic-device{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid #ffffff0d;color:#bcc9dc;font-size:13px}.traffic-device strong{color:#f5efe6;font-size:22px}.traffic-section-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.traffic-section-head>span{font-size:10px;color:#9ca8ba}.traffic-table-scroll{overflow:auto;margin:10px -4px}.traffic-dashboard table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;min-width:610px}.traffic-dashboard th{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#8797ae;font-weight:600;padding:12px 8px;white-space:nowrap;border-bottom:1px solid #ffffff12}.traffic-dashboard td{padding:15px 8px;border-bottom:1px solid #ffffff0c;color:#cbd5e6;font-variant-numeric:tabular-nums}.traffic-dashboard td strong{display:block;font-size:12px;font-weight:600;color:#f5efe6}.traffic-dashboard td small{display:block;color:#8190a6;margin-top:5px;font-size:10px}.traffic-empty{color:#8e9db4!important;font-size:12px;padding:15px 0!important;line-height:1.6}.traffic-switches{display:flex;flex-direction:column;gap:14px;font-size:13px;color:#c9d4e5;margin:18px 0}.traffic-switches label{display:flex;align-items:center;gap:9px}.traffic-switches input{accent-color:#ffad94;width:17px;height:17px}.traffic-security-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #ffffff0c}.traffic-security-row strong{font-size:12px;display:block;color:#c4cede}.traffic-security-row small{font-size:10px;display:block;margin-top:5px;color:#8898b2}.traffic-security-row button{font-size:11px;padding:8px 10px;flex-shrink:0}.traffic-privacy-link{display:block;background:none;border:0;color:#8f9ab0;font-size:11px;margin:18px auto 90px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.support-bottom>a.primary{text-align:center;text-decoration:none;white-space:nowrap}.support-reminder-copy>a.primary{display:block;text-align:center;text-decoration:none;margin-bottom:10px}
.staff-search{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0}.staff-search label{width:100%;font-size:12px;color:#b9c4d5}.staff-search input{flex:1;min-width:140px}.staff-search input,#staff-action input,#staff-action select,#traffic-reason{padding:12px;border-radius:10px;border:1px solid #ffffff25;background:#111522;color:#f5efe6;font:inherit;max-width:100%}.staff-users{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.staff-user{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-radius:14px;border:1px solid #ffffff18;background:#11152277;min-width:0}.staff-user>div{min-width:0;overflow-wrap:anywhere}.staff-user strong{font-size:14px}.staff-user small{display:block;color:#aab5c7;font-size:11px;margin-top:7px;line-height:1.5}.staff-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0;font-size:12px}.staff-pagination button:disabled{opacity:.4;cursor:default}#staff-action label{display:block;margin:16px 0 7px;font-size:12px}#staff-action input,#staff-action select{width:100%}#staff-action .primary{margin-top:18px;width:100%;min-height:44px}#staff-action [hidden]{display:none}#staff-notice,#staff-action-notice{color:#ffc4ad;font-size:13px;margin:12px 0}#traffic-reason{display:block;width:100%;margin:8px 0 12px}#traffic-denials{max-height:600px;overflow:auto}.traffic-note a{color:#a7c9e5}.traffic-security-row>div{min-width:0;overflow-wrap:anywhere}#staff-audit{max-height:420px;overflow:auto}
@media(max-width:700px){.traffic-dashboard{padding:19px;width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.traffic-head h2{font-size:23px}.traffic-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.traffic-card{padding:14px}.traffic-card>strong{font-size:27px}.traffic-panels{grid-template-columns:1fr}.traffic-toolbar>span{width:100%;margin-left:0}.traffic-panel{padding:16px}.traffic-section-head{display:block}.traffic-section-head>span{display:block;margin-bottom:10px}.traffic-chart{gap:2px}.traffic-legend{flex-wrap:wrap}.staff-users{grid-template-columns:1fr}.staff-user{padding:14px}}
