:root{color:#18211f;background:#f4f2eb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,a{font:inherit}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh;background:linear-gradient(180deg,#ffffffad,#fff0),#f4f2eb}.sidebar{display:flex;flex-direction:column;gap:32px;min-height:100vh;padding:24px 18px;background:#123331;color:#f8fbf7}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:8px;background:#e6b44c;color:#132321}.brand-name,.brand-section{display:block}.brand-name{font-size:18px;font-weight:800}.brand-section{color:#b9cbc7;font-size:13px}.nav-list{display:grid;gap:8px}.nav-item{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border-radius:8px;color:#d7e5e1}.nav-item.active,.nav-item:hover{background:#ffffff1f;color:#fff}.workspace{display:grid;align-content:start;gap:24px;padding:28px}.topbar,.section-heading,.market-card-top,.market-card-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar h1,.section-heading h2,.market-card h3{margin:0;letter-spacing:0}.topbar h1{font-size:clamp(30px,4vw,46px);line-height:1}.section-heading h2{font-size:22px}.eyebrow{margin:0 0 6px;color:#65706d;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.icon-button{display:grid;width:42px;height:42px;place-items:center;border:1px solid #d9d5c9;border-radius:8px;background:#fffdfa;color:#1d2b29;cursor:pointer}.icon-button:hover{border-color:#b4aa94;background:#fff}.header-actions{display:flex;align-items:center;gap:10px}.live-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid #9ccdb0;border-radius:999px;background:#e5f7ea;color:#0d6f3a;font-size:13px;font-weight:800}.live-pill.warning{border-color:#e5c17d;background:#fff5d8;color:#8a5c00}.icon-button.is-refreshing svg{animation:spin .8s linear infinite}.status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-panel{display:grid;gap:8px;min-height:92px;padding:16px;border:1px solid #ded9cc;border-radius:8px;background:#fffdfa}.metric-label{color:#66706d;font-size:13px}.metric-panel strong{font-size:22px}.market-section{display:grid;gap:16px}.timestamp{color:#65706d;font-size:13px}.notice{padding:12px 14px;border-radius:8px;font-size:14px}.notice.error{border:1px solid #d68181;background:#fff0f0;color:#8f2020}.notice.warning{border:1px solid #e5c17d;background:#fff8e5;color:#7a5200}.market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.market-card{display:grid;gap:20px;min-height:184px;padding:18px;border:1px solid #ded9cc;border-radius:8px;background:#fffdfa;box-shadow:0 14px 34px #16231f14}.market-card h3{margin-top:4px;font-size:18px}.symbol{color:#65706d;font-size:13px;font-weight:800}.change{display:inline-flex;align-items:center;gap:4px;min-width:76px;justify-content:center;padding:7px 8px;border-radius:999px;font-size:13px;font-weight:800}.change.up{background:#dff4e6;color:#0d7a3d}.change.down{background:#ffe7d6;color:#a84516}.price{font-size:clamp(26px,2.5vw,34px);line-height:1}.market-card-footer{padding-top:14px;border-top:1px solid #ece6da;color:#65706d;font-size:14px}.market-card-footer strong{color:#18211f}.skeleton{position:relative;overflow:hidden}.skeleton:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);animation:shimmer 1.25s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto}.status-grid,.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 620px){.workspace{padding:20px}.topbar,.section-heading{align-items:flex-start;flex-direction:column}.status-grid,.market-grid{grid-template-columns:1fr}}