:root{--bg:#0f0f0f;--fg:#fafafa;--muted:#a1a1a1;--accent:#3b82f6;--card:#1a1a1a;--border:#2a2a2a}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);min-height:100vh;margin:0;font-family:system-ui,-apple-system,sans-serif;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}@media (max-width:640px){.page-wrap{padding:.75rem 1rem 1.5rem!important;padding-left:max(1rem,env(safe-area-inset-left))!important;padding-right:max(1rem,env(safe-area-inset-right))!important}.site-header{flex-wrap:wrap;gap:.75rem!important}.site-header nav{flex-wrap:wrap;width:100%;gap:.5rem!important}.site-header nav a{align-items:center;min-height:44px;padding:.35em .5em;display:inline-flex}.dashboard-layout-padding{padding:0 1rem 1.5rem!important}.dashboard-header{flex-direction:column;align-items:flex-start!important;gap:.75rem!important;margin-bottom:1.5rem!important;padding-bottom:1rem!important}.dashboard-header-user{flex-wrap:wrap;gap:.5rem!important}.dashboard-header-email{word-break:break-all;font-size:13px!important}.dashboard-container{padding-left:0!important;padding-right:0!important}.dashboard-signin{margin:1rem auto!important;padding-left:1rem!important;padding-right:1rem!important}.balance-card,.usage-card{margin-bottom:1rem!important;padding:1rem!important}.balance-card h2,.usage-card h2{margin-bottom:.5rem!important}.balance-value{font-size:1.5rem!important}.usage-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.usage-table-wrap table{min-width:320px}.usage-table-wrap th,.usage-table-wrap td{padding:.5rem .75rem!important;font-size:13px!important}.topup-button-wrap button{width:100%;min-height:48px;padding:14px 20px!important}.alert-box{font-size:14px;margin-bottom:1rem!important;padding:12px!important}}