:root{--color-bg:#fff;--color-surface:#f8f9fa;--color-surface-2:#f0f0f1;--color-border:#dcdcde;--color-border-subtle:#e0e1e6;--color-text-primary:#1d2327;--color-text-secondary:#50575e;--color-text-muted:#787c82;--color-success:#16a34a;--color-success-subtle:rgba(22,163,74,.1);--color-warning:#d97706;--color-error:#dc2626;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-12:48px;--radius-sm:4px;--radius:6px;--radius-md:8px;--radius-lg:12px;--font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:20px}
:root{--color-bg:#fff;--color-surface:#f8f9fa;--color-surface-2:#f0f0f1;--color-border:#dcdcde;--color-border-subtle:#e0e1e6;--color-text-primary:#1d2327;--color-text-secondary:#50575e;--color-text-muted:#787c82;--color-success:#16a34a;--color-success-subtle:rgba(22,163,74,.1);--color-warning:#d97706;--color-error:#dc2626;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-12:48px;--radius-sm:4px;--radius:6px;--radius-md:8px;--radius-lg:12px;--font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:20px}.plume-usage{color:#1d2327;font-family:var(--font-sans);font-size:var(--text-base);margin:0 auto;max-width:900px;padding:var(--space-8) var(--space-6)}.plume-usage__header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6)}.plume-usage__header h1{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:700;line-height:1.3;margin:0}.plume-usage__period{border:1px solid #dcdcde;border-radius:var(--radius);color:#50575e;display:inline-block;font-size:var(--text-xs);line-height:1.6;padding:2px var(--space-2)}.plume-usage__stats{display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-6)}.plume-usage__stat-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-5);text-align:center}.plume-usage__stat-value{color:var(--wp-admin-theme-color);font-size:var(--text-xl);font-weight:700;line-height:1.2;margin-bottom:var(--space-1)}.plume-usage__stat-label{color:var(--color-text-muted);font-size:var(--text-sm)}.plume-usage__sparkline{display:block;height:60px;margin-bottom:var(--space-6);width:100%}.plume-usage__empty{color:var(--color-text-muted);font-size:var(--text-md);padding:var(--space-10) var(--space-6);text-align:center}@keyframes plume-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.plume-spin{animation:plume-spin 1s linear infinite;display:inline-block}@media (max-width:640px){.plume-usage__stats{grid-template-columns:1fr}}