*{box-sizing:border-box;margin:0;padding:0}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}html,body,#root{width:100%;height:100%}body{color:#eaeaea;background-color:#0f4a3d;margin:0}a{color:#e8c77a;font-weight:500;text-decoration:none}a:hover{opacity:.8}button{cursor:pointer;border:none;border-radius:10px;padding:.6em 1.2em;font-size:1em}.userStatusContainer{padding:25px}.statusCards{flex-wrap:wrap;gap:20px;margin-bottom:25px;display:flex}.statusCard{text-align:center;background:#1e1e1ef2;border:1px solid #e8c77a26;border-radius:14px;flex:1;min-width:200px;padding:20px;box-shadow:0 12px 40px #00000059}.statusCard h3{color:#e8c77a;margin-bottom:5px;font-size:32px}.live{color:#4ade80}.inactive{color:#fbbf24}.loggedout{color:#ff6b6b}.tabs{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.tab{cursor:pointer;color:#eaeaea;background:#1b1b1b;border:1px solid #333;border-radius:10px;padding:10px 18px;font-weight:600}.tab.active{color:#111;background:linear-gradient(135deg,#e8c77a,#b89245);border:none;font-weight:800}.statusTable{border-collapse:collapse;border-radius:14px;width:100%;overflow:hidden}.statusTable th{color:#e8c77a;text-align:left;background:#1f1f1f;border-bottom:1px solid #e8c77a26;padding:12px;font-weight:700}.statusTable td{text-align:left;color:#eaeaea;background:#1e1e1e;border-bottom:1px solid #ffffff0d;padding:12px}.statusTable tr:hover td{background:#e8c77a0d}.badge{border:1px solid #e8c77a26;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-block}.badge.live{color:#4ade80;background:#4cde801a}.badge.inactive{color:#fbbf24;background:#fbbf241a}.badge.loggedout{color:#ff6b6b;background:#ff6b6b1a}