.internal-surf-admin{color:#2a1666}.surf-mode{padding:8px 12px;border-radius:99px;color:#6f638e;background:#eee9f7;font-size:.72rem;font-weight:800}.surf-mode.hybrid{color:#087d73;background:#d9f7f2}.surf-mode.manual{color:#fff;background:#6d43f3}.surf-monitor-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.surf-monitor-cards article{padding:20px;border:1px solid #ddd3f7;border-radius:18px;background:#fff;box-shadow:0 12px 30px #4b2b9110}.surf-monitor-cards span,.surf-monitor-cards small{display:block;color:#7d719b}.surf-monitor-cards strong{display:block;margin:3px 0;color:#2c176d;font-size:2rem}.surf-monitor-cards .live{border-color:#65d9ce;background:linear-gradient(135deg,#effdfa,#fff)}.surf-monitor-cards .live strong{color:#10a598}.surf-monitor-cards .attention{border-color:#f2a9b5;background:#fff5f6}.surf-monitor-cards .attention strong{color:#d7445e}.surf-lifetime{display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:24px;padding:26px;border:1px solid #d9cff5;border-radius:22px;background:linear-gradient(115deg,#fff,#f5f0ff 60%,#eafffb)}.surf-lifetime h2{margin:3px 0}.surf-lifetime p:last-child{margin:0;color:#776b96}.conversion-total{padding:17px;border-radius:16px;color:#756a92;background:#ffffffc9}.conversion-total span,.conversion-total small{display:block}.conversion-total strong{display:block;color:#603be4;font-size:1.45rem}.conversion-total i{color:#14a598;font-style:normal}.surf-hourly,.surf-monitor-columns>section,.recent-surf{margin-top:18px;padding:22px;border:1px solid #ddd4f6;border-radius:20px;background:#fff}.surf-hourly header,.surf-monitor-columns header,.recent-surf>header{display:flex;justify-content:space-between;align-items:end}.surf-hourly h2,.surf-monitor-columns h2,.recent-surf h2{margin:2px 0}.hourly-bars{display:flex;align-items:end;gap:6px;height:190px;margin-top:18px;padding-top:15px;border-bottom:1px solid #ded5f4}.hourly-bars article{display:grid;grid-template-rows:1fr auto auto;align-items:end;flex:1;height:100%;min-width:14px;text-align:center}.hourly-bars i{display:block;width:70%;height:var(--height);margin:auto;border-radius:7px 7px 0 0;background:linear-gradient(#39cbbc,#7243f0)}.hourly-bars span{margin-top:5px;color:#9489aa;font-size:.55rem;writing-mode:vertical-rl}.hourly-bars b{color:#4c327f;font-size:.62rem}.surf-monitor-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.monitor-table{overflow:auto;margin-top:14px;border:1px solid #ece6f8;border-radius:13px}.monitor-table table{min-width:620px}.monitor-table th{color:#756994;background:#f5f1fd}.monitor-table td{border-color:#ece6f8}.monitor-table td small{display:block;max-width:240px;overflow:hidden;color:#8d82a8;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.session-state{display:inline-block;padding:4px 8px;border-radius:99px;color:#71678b;background:#ece8f3;font-size:.66rem;font-weight:800}.session-state.credited{color:#087e73;background:#d8f6f1}.session-state.failed{color:#bc334b;background:#ffe3e8}.session-state.open{color:#6040da;background:#ebe4ff}.session-state.expired{color:#99620a;background:#fff0cf}@media(max-width:1050px){.surf-monitor-cards{grid-template-columns:repeat(2,1fr)}.surf-monitor-columns{grid-template-columns:1fr}}@media(max-width:680px){.surf-monitor-cards,.surf-lifetime{grid-template-columns:1fr}.internal-surf-admin .admin-head{align-items:flex-start}.hourly-bars span{display:none}}