:root{--bg: #F5F0E8;--card: #FFFFFF;--border: #D6D0C4;--text: #1A1A18;--muted: #6B6456;--header: #1A1A18;--up: #1B6B35;--down: #B82020;--amber: #C9881F}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,PingFang HK,Microsoft JhengHei,sans-serif;font-size:15px}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--header);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px 16px}.brand{font-weight:700;font-size:16px}.header-right button{margin-left:8px;background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:4px;padding:6px 10px;cursor:pointer}.topbar{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;padding:16px}.tile{background:var(--card);border:1px solid var(--border);border-radius:6px;padding:12px;min-height:92px}.tile.amber{border-color:var(--amber)}.tile.red{opacity:.55}.tile-label{font-size:13px;color:var(--muted)}.tile-value{font-size:22px;font-weight:700;margin-top:4px}.tile-change{font-size:14px;margin-top:2px}.tile-change.up{color:var(--up)}.tile-change.down{color:var(--down)}.tile-meta{display:flex;gap:6px;align-items:center;margin-top:6px;font-size:11px;color:var(--muted);flex-wrap:wrap}.tile-unavail{color:var(--down);font-size:13px;margin-top:8px}.badge{padding:1px 6px;border-radius:3px;font-size:11px}.badge.amber{background:#f6e6c8;color:var(--amber)}.badge.red{background:#f3d4d4;color:var(--down)}.badge.closed{background:#e8e3d8;color:var(--muted)}.footer{margin-top:auto;display:flex;gap:20px;flex-wrap:wrap;padding:12px 16px;color:var(--muted);font-size:12px;border-top:1px solid var(--border)}@media (max-width: 900px){.topbar{grid-template-columns:repeat(2,1fr)}}@media (max-width: 390px){.topbar{grid-template-columns:1fr}.tile-value{font-size:20px}}