@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap");:root{--bg-base:#f4f7fa;--bg-surface:#fff;--bg-elevated:#eef2f7;--bg-hover:#e5ecf4;--border-subtle:#e2e8f0;--border-default:#c8d6e5;--border-strong:#94a3b8;--text-primary:#0d1b2a;--text-secondary:#4a5568;--text-muted:#94a3b8;--accent:#10b981;--accent-dark:#059669;--accent-dim:rgba(16,185,129,.1);--accent-glow:rgba(16,185,129,.28);--green:#10b981;--green-dim:rgba(16,185,129,.1);--red:#e53e3e;--red-dim:rgba(229,62,62,.09);--amber:#d97706;--amber-dim:rgba(217,119,6,.1);--font-sans:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",monospace;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 16px rgba(0,0,0,.07);--shadow-lg:0 10px 40px rgba(0,0,0,.1)}html.dark{--bg-base:#0a0a0b;--bg-surface:#111113;--bg-elevated:#18181c;--bg-hover:#1f1f24;--border-subtle:hsla(0,0%,100%,.06);--border-default:hsla(0,0%,100%,.1);--border-strong:hsla(0,0%,100%,.2);--text-primary:#f0eff2;--text-secondary:#8b8a93;--text-muted:#4a4953;--accent:#34d399;--accent-dark:#10b981;--accent-dim:rgba(52,211,153,.12);--accent-glow:rgba(52,211,153,.28);--green:#34d399;--green-dim:rgba(52,211,153,.12);--red:#fc8181;--red-dim:hsla(0,95%,75%,.12);--amber:#fbbf24;--amber-dim:rgba(251,191,36,.12);--shadow-sm:0 1px 3px rgba(0,0,0,.4);--shadow-md:0 4px 16px rgba(0,0,0,.5);--shadow-lg:0 8px 40px rgba(0,0,0,.6)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);line-height:1.6;min-height:100vh;transition:background .2s,color .2s}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.card,aside,header,main,nav{transition:background .2s,border-color .2s}.page{padding:32px 40px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:36px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:32px}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:40px}.usage-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.report-layout{display:grid;grid-template-columns:1fr 300px;grid-gap:28px;gap:28px;align-items:start}.modal-box{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-xl);padding:28px;width:400px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg)}@media (max-width:1024px){.plans-grid{grid-template-columns:repeat(2,1fr)}.report-layout{grid-template-columns:1fr 260px}}@media (max-width:768px){.page{padding:20px 16px}.page-header{flex-direction:column;gap:14px;margin-bottom:24px}.page-header>a[role=button],.page-header>button{width:100%;justify-content:center;text-align:center}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.plans-grid{gap:12px}.plans-grid,.usage-grid{grid-template-columns:1fr}.usage-grid{gap:16px}.report-layout{grid-template-columns:1fr;gap:20px}.tabs-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-bar::-webkit-scrollbar{display:none}}@media (max-width:480px){.page{padding:16px 12px}.plans-grid,.stats-grid{grid-template-columns:1fr}html{font-size:14px}}