body{font-family:Sarabun,sans-serif;background:#f4f6fa;color:#18243b;margin:0}a{text-decoration:none}.sidebar{position:fixed;width:235px;top:0;bottom:0;left:0;background:#142138;color:#aab9ce;padding:28px 18px;overflow:auto;z-index:20}.brand{color:white;font-size:1.25rem;font-weight:700;display:block}.brand span{color:#79a8ff}.sidebar-caption{font-size:.68rem;letter-spacing:.08em;margin:10px 0 30px}.sidebar nav a{display:block;padding:12px;color:#b6c2d5;border-radius:8px;margin-bottom:6px;font-size:.9rem}.sidebar nav a.active,.sidebar nav a:hover{background:#2c5fd9;color:white}.sidebar nav i{margin-right:8px}.app-main{margin-left:235px}.topbar{background:white;border-bottom:1px solid #e1e6ee;padding:18px 30px;display:flex;justify-content:space-between;gap:15px}.content{padding:28px;max-width:1900px;margin:auto}.page-heading{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:16px}.page-heading h1{font-size:1.8rem;font-weight:700}.eyebrow{font-size:.7rem;letter-spacing:.15em;color:#537196;font-weight:600}.card{border:1px solid #e1e7f0;border-radius:12px;box-shadow:0 2px 10px #1a294505}.filter-accounts{display:flex;gap:10px;flex-wrap:wrap}.filter-chip{padding:7px 12px;border:1px solid #d9e1ed;border-radius:8px;cursor:pointer;background:#f8faff}.filter-chip input{accent-color:#2c5fd9;margin-right:5px}.btn-primary{background:#2c5fd9;border-color:#2c5fd9}.status-bar{color:#587087;padding:4px 0 14px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.metric-card{padding:18px;overflow:hidden}.metric-card .label{color:#637388;font-size:.8rem;margin-bottom:10px}.metric-card i{color:#5f87c2;margin-right:6px}.metric-value{font-size:1.35rem;font-weight:700;overflow-wrap:anywhere}.metric-unit{color:#6b7d95;font-size:.75rem;margin-top:5px}.profit{color:#11815f}.loss{color:#c43b49}.warning{color:#b77117}.chart-wrap{height:275px;position:relative}.chart-note{min-height:20px}.chart-card{overflow:hidden}th{white-space:nowrap}td{vertical-align:middle}.loading .chart-wrap{opacity:.35}.currency-section{margin-top:10px}.currency-section h2{font-size:1.1rem;font-weight:700}input,select{font-family:inherit}.nowrap td{white-space:nowrap}table .loss{font-weight:600}@media(max-width:1200px){.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.sidebar{position:static;width:100%;padding:16px}.sidebar nav{display:flex;gap:4px;overflow-x:auto}.sidebar nav a{white-space:nowrap;margin:0;padding:8px}.sidebar-caption{margin:8px 0}.sidebar form{display:none}.app-main{margin-left:0}.content{padding:18px}.topbar{padding:14px 18px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.page-heading{display:block}.metric-value{font-size:1.1rem}.metric-card{padding:13px}.topbar{font-size:.8rem}.chart-wrap{height:240px}}

.info{color:#2c5fd9}
.chart-wrap-wide{height:360px}
.gold-chart-card{min-height:680px}.gold-widget{width:100%}.gold-widget .tradingview-widget-container__widget{height:calc(100% - 30px);width:100%}.gold-widget iframe{height:100%!important;min-height:530px!important;width:100%!important}.tradingview-widget-copyright{font-size:.72rem;padding-top:6px;text-align:right}
@media(max-width:900px){.gold-chart-card{min-height:620px}.gold-widget{height:560px!important}}
.metric-card{position:relative}.card-privacy-toggle{position:absolute;top:12px;right:12px;border:0;background:transparent;color:#6b7d95;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;z-index:2}.card-privacy-toggle:hover,.card-privacy-toggle:focus{background:#edf3ff;color:#2c5fd9;outline:none}.card-privacy-toggle i{font-size:1.05rem}.metric-card .label{padding-right:38px}.card-number-hidden .metric-value{visibility:hidden;user-select:none}.card-number-hidden{background:#f7f9fc}