.token-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.token-card{display:flex;align-items:center;padding:20px;border-radius:12px;background:#fff;border:1px solid #eee;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:transform .2s,box-shadow .2s}.token-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.1)}.token-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-right:16px;flex-shrink:0}.token-card-today .token-card-icon{background:#e8f5e9;color:#2e7d32}.token-card-month .token-card-icon{background:#e3f2fd;color:#1565c0}.token-card-total .token-card-icon{background:#fff3e0;color:#e65100}.token-card-cost .token-card-icon{background:#fce4ec;color:#c62828}.token-card-body{flex:1;min-width:0}.token-card-label{font-size:13px;color:#999;margin-bottom:4px}.token-card-value{font-size:24px;font-weight:700;color:#333;line-height:1.2}.token-card-sub{font-size:12px;color:#999;margin-top:4px}.token-section{margin-bottom:24px}.token-section h2{font-size:18px;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #eee}.token-section h2 i{margin-right:8px}#token-chart{width:100%;height:400px}.token-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid #eee}#token-table{width:100%;border-collapse:collapse;font-size:14px}#token-table thead tr{background:#f8f9fa}#token-table th{padding:12px 16px;text-align:left;font-weight:600;color:#666;border-bottom:2px solid #e0e0e0;white-space:nowrap}#token-table td{padding:10px 16px;border-bottom:1px solid #f0f0f0;color:#333}#token-table tr:hover td{background:rgba(0,0,0,.02)}.token-model-tag{display:inline-block;padding:2px 10px;border-radius:4px;font-size:12px;font-weight:500;background:#e3f2fd;color:#1565c0}@media(max-width:768px){.token-row{grid-template-columns:repeat(2,1fr)}.token-card-value{font-size:20px}}@media(prefers-color-scheme:dark){.token-card{background:#2a2a3a;border-color:#3a3a4e}.token-card-label,.token-card-sub{color:#aaa}.token-card-value{color:#e0e0e0}#token-table th{background:#2a2a3a;color:#aaa;border-color:#3a3a4e}#token-table td{color:#ccc;border-color:#2a2a3e}#token-table tr:hover td{background:rgba(255,255,255,.03)}.token-card-today .token-card-icon{background:rgba(255,78,78,.18);color:#ff6b6b}.token-card-month .token-card-icon{background:rgba(255,140,56,.18);color:#ffa64d}.token-card-total .token-card-icon{background:rgba(232,168,56,.18);color:#f0c040}.token-card-cost .token-card-icon{background:rgba(232,89,110,.18);color:#f0758a}.token-model-tag{background:rgba(255,78,78,.12);border-color:rgba(255,78,78,.3)}}