body.tokens-page{height:auto;min-height:100vh;max-height:none;overflow-x:hidden;overflow-y:auto}.tokens-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-0)}.tokens-logo{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tokens-back{font-size:13px;font-weight:600;color:var(--blue);text-decoration:none}.tokens-back:hover{text-decoration:underline}.tokens-title{font-size:15px;font-weight:600;color:var(--text-1)}.tokens-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tokens-toolbar-label{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:0.04em}.tokens-toolbar .btn.tokens-btn-cost{font-size:11px;padding:4px 10px;margin-left:4px}.tokens-main{flex:1;padding:16px 20px 24px;max-width:1100px;margin:0 auto;width:100%}.tokens-summary{margin-bottom:24px}.tokens-summary-placeholder,.tokens-empty{color:var(--text-3);font-size:13px;padding:12px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm)}.tokens-kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.tokens-kpi{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px}.tokens-kpi-label{display:block;font-size:9px;color:var(--text-3);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:4px}.tokens-kpi-val{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--text-1);word-break:break-all}.tokens-kpi-val.accent{color:var(--blue)}.tokens-section-title{font-size:12px;font-weight:600;color:var(--text-2);margin-bottom:8px;letter-spacing:0.02em}.tokens-chart-section{margin-bottom:24px}.tokens-chart-section[hidden]{display:none!important}.tokens-chart-canvas-wrap{position:relative;height:280px;width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-1);padding:8px 8px 4px}.tokens-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-1)}.tokens-table{width:100%;border-collapse:collapse;font-size:12px;font-family:var(--mono)}.tokens-table th,.tokens-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--border)}.tokens-table th{background:var(--bg-2);color:var(--text-3);font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:0.05em}.tokens-table th.num,.tokens-table td.num{text-align:right}.tokens-table tbody tr:last-child td{border-bottom:none}.tokens-footnote{font-size:11px;color:var(--text-3);margin-top:12px;line-height:1.5}.tokens-footnote code{font-size:10px;background:var(--bg-2);padding:1px 4px;border-radius:3px}.tokens-footer{margin-top:auto}@media (max-width:640px){.tokens-toolbar{width:100%;justify-content:flex-end}}