.stats-page:where(.astro-j3fvw3lo){max-width:720px}.online-card:where(.astro-j3fvw3lo){display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;background:var(--is-color-surface);border:1px solid var(--sl-color-hairline);border-left:3px solid #27ae60;border-radius:10px;padding:1.25rem 1.5rem;margin-bottom:2.5rem}.online-left:where(.astro-j3fvw3lo){display:flex;align-items:center;gap:.6rem;position:relative}.pulse-dot:where(.astro-j3fvw3lo){width:10px;height:10px;background:#27ae60;border-radius:50%;flex-shrink:0}.pulse-ring:where(.astro-j3fvw3lo){position:absolute;left:0;width:10px;height:10px;border-radius:50%;background:#27ae60;animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.7}to{transform:scale(2.5);opacity:0}}.online-num:where(.astro-j3fvw3lo){font-size:2rem;font-weight:800;letter-spacing:-.04em;color:var(--sl-color-white);line-height:1;min-width:2rem;text-align:center}.online-label:where(.astro-j3fvw3lo){font-size:1rem;color:var(--sl-color-gray-2)}.online-note:where(.astro-j3fvw3lo){font-size:.85rem;color:var(--sl-color-gray-4);font-family:var(--sl-font-mono, monospace)}.usage-section:where(.astro-j3fvw3lo){background:var(--is-color-surface);border:1px solid var(--sl-color-hairline);border-radius:10px;overflow:hidden}.usage-header:where(.astro-j3fvw3lo){display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:1rem 1.25rem .75rem;border-bottom:1px solid var(--sl-color-hairline)}.usage-title:where(.astro-j3fvw3lo){font-size:.95rem;font-weight:700;color:var(--sl-color-white);margin:0;letter-spacing:-.01em}.period-tabs:where(.astro-j3fvw3lo){display:flex;gap:.25rem}.period-tab:where(.astro-j3fvw3lo){padding:.2rem .7rem;border:1px solid var(--sl-color-hairline);border-radius:4px;background:transparent;color:var(--sl-color-gray-3);font-size:.78rem;cursor:pointer;transition:all .12s}.period-tab:where(.astro-j3fvw3lo):hover{color:var(--sl-color-accent);border-color:var(--sl-color-accent)}.period-tab:where(.astro-j3fvw3lo).active{background:var(--sl-color-accent);border-color:var(--sl-color-accent);color:#fff}.usage-body:where(.astro-j3fvw3lo){padding:.5rem 0;min-height:200px}.usage-placeholder:where(.astro-j3fvw3lo){display:flex;align-items:center;justify-content:center;height:180px;color:var(--sl-color-gray-4);font-size:.9rem;gap:.5rem}.usage-spinner:where(.astro-j3fvw3lo){animation:spin-pulse 1.4s ease-in-out infinite}@keyframes spin-pulse{0%,to{opacity:1}50%{opacity:.2}}.usage-row:where(.astro-j3fvw3lo){display:flex;align-items:center;gap:.75rem;padding:.55rem 1.25rem;border-bottom:1px solid var(--sl-color-hairline)}.usage-row:where(.astro-j3fvw3lo):last-child{border-bottom:none}.usage-cmd:where(.astro-j3fvw3lo){font-family:var(--sl-font-mono, monospace);font-size:.82rem;color:var(--sl-color-accent);font-weight:600;width:11rem;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usage-bar-wrap:where(.astro-j3fvw3lo){flex:1;height:6px;background:var(--sl-color-hairline);border-radius:3px;overflow:hidden}.usage-bar:where(.astro-j3fvw3lo){height:100%;background:var(--sl-color-accent);border-radius:3px;transition:width .4s ease;min-width:2px}.usage-count:where(.astro-j3fvw3lo){font-family:var(--sl-font-mono, monospace);font-size:.82rem;color:var(--sl-color-gray-2);width:3rem;text-align:right;flex-shrink:0}.usage-empty:where(.astro-j3fvw3lo){text-align:center;padding:3rem 1rem;color:var(--sl-color-gray-4);font-size:.875rem}.usage-footer:where(.astro-j3fvw3lo){padding:.6rem 1.25rem;border-top:1px solid var(--sl-color-hairline);font-size:.78rem;color:var(--sl-color-gray-4);font-family:var(--sl-font-mono, monospace)}.usage-footer:where(.astro-j3fvw3lo) strong:where(.astro-j3fvw3lo){color:var(--sl-color-gray-2)}.usage-note:where(.astro-j3fvw3lo){opacity:.7}.not-configured:where(.astro-j3fvw3lo){margin-top:2rem;padding:1.25rem 1.5rem;background:var(--sl-color-orange-low);border:1px solid var(--sl-color-orange);border-radius:8px;font-size:.95rem;color:var(--sl-color-gray-2);line-height:1.75}.not-configured:where(.astro-j3fvw3lo) strong:where(.astro-j3fvw3lo){color:var(--sl-color-orange-high)}.not-configured:where(.astro-j3fvw3lo) code:where(.astro-j3fvw3lo){font-family:var(--sl-font-mono, monospace);font-size:.82em;background:var(--sl-color-bg-inline-code);padding:.1em .4em;border-radius:3px}.not-configured:where(.astro-j3fvw3lo) a:where(.astro-j3fvw3lo){color:var(--sl-color-accent)}