#root{min-height:100vh}.app{min-height:100vh;background:linear-gradient(180deg,#156f7e1f,#156f7e00 34%),#f6f7f4;color:#202421}.dashboard{width:100%;max-width:480px;min-height:100vh;margin:0 auto;padding:22px 18px 32px}.dashboard__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:10px 0 22px}.dashboard__eyebrow{margin:0 0 5px;color:#5f6b61;font-size:13px;font-weight:700}.dashboard h1{margin:0;font-size:34px;line-height:1.05}.refresh-button{flex:0 0 auto;height:42px;padding:0 14px;border:1px solid rgba(32,36,33,.14);border-radius:8px;background:#ffffffc7;color:#202421;font:inherit;font-size:14px;font-weight:800;box-shadow:0 10px 24px #20242114}.refresh-button:disabled{color:#8c958e}.summary{display:grid;gap:8px;min-height:132px;padding:20px;border-radius:8px;background:#202421;color:#fafff7;box-shadow:0 18px 44px #20242138}.summary__label,.summary__time{color:#fafff7ad;font-size:13px;font-weight:700}.summary strong{align-self:end;font-size:32px;line-height:1.08}.notice{margin-top:16px;padding:16px;border:1px solid rgba(32,36,33,.1);border-radius:8px;background:#ffffffd1}.notice--error{border-color:#b4372438;background:#fff6f2}.notice strong{display:block;font-size:15px}.notice p{margin:7px 0 0;color:#6b625f;font-size:14px;line-height:1.5}.usage-list{display:grid;gap:14px;margin-top:16px}.usage-card{min-height:230px;padding:18px;border:1px solid rgba(32,36,33,.1);border-radius:8px;background:#ffffffe0;box-shadow:0 14px 32px #2024211a}.usage-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.usage-card h2{margin:0;font-size:20px;line-height:1.2}.usage-card p{margin:6px 0 0;color:#6d766f;font-size:13px;font-weight:700}.usage-card__badge{min-width:44px;padding:7px 10px;border-radius:999px;background:#dceee3;color:#23613b;font-size:12px;font-weight:900;text-align:center}.usage-card__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:10px}.metric{display:grid;gap:8px;min-width:0;min-height:78px;padding:13px;border-radius:8px;background:#f3f4ef}.metric--featured{min-height:96px;background:#e5f3ed}.metric__label{color:#68736a;font-size:12px;font-weight:900}.metric__value{min-width:0;overflow-wrap:anywhere;font-size:20px;line-height:1.15}.metric--featured .metric__value{font-size:30px}.usage-card--placeholder{position:relative;overflow:hidden;background:#fff}.usage-card--placeholder:before{content:"";position:absolute;inset:18px;border-radius:8px;background:linear-gradient(90deg,#eef1eb,#f8faf5 48%,#eef1eb) 0 0 / 220% 100%,#eef1eb;animation:loading 1.1s ease-in-out infinite}@keyframes loading{0%{background-position:120% 0}to{background-position:-120% 0}}@media(min-width:700px){.dashboard{padding-top:40px}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202421;background:#f6f7f4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}button{cursor:pointer}button:disabled{cursor:wait}::selection{background:#b9dfc8}