@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0d2237;--ink:#10283f;--muted:#53687c;--line:#d8e2eb;--bg:#f4f7fa;--white:#fff;--teal:#008d7d;--teal-soft:#e4f5f1;--red:#bd4d56;--gold:#a86e10;--slate:#4d6d89;--shadow:0 8px 24px rgba(16,40,63,.06)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Manrope,Arial,sans-serif;line-height:1.45}aside{position:fixed;inset:0 auto 0 0;width:252px;background:linear-gradient(180deg,#0d2237,#102c45);padding:31px 18px;color:#e7f0f5}.brand{font-weight:800;letter-spacing:1.5px;display:flex;align-items:center;gap:11px}.mark{background:#1cc2a8;color:#082032;width:31px;height:31px;border-radius:8px;display:grid;place-items:center;font-size:17px;box-shadow:0 4px 12px rgba(28,194,168,.24)}nav{margin-top:54px}nav a{display:block;padding:12px 13px;border-radius:8px;margin:5px 0;color:#c4d2dc;font-size:13px;font-weight:600;text-decoration:none;transition:.15s}nav a:hover{background:#183a55;color:#fff}nav a.active{background:#1e4865;color:#fff;box-shadow:inset 3px 0 0 #26c5aa}.aside-foot{position:absolute;bottom:30px;left:31px;font:10px 'DM Mono';letter-spacing:.6px;color:#8ea8bb}.aside-foot span{line-height:2.2;font-family:Manrope;letter-spacing:0;font-size:11px;color:#d0dce4}main{margin-left:252px;padding:46px 54px 64px;max-width:1850px}header{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}.eyebrow{margin:0;color:#007e72;font:600 11px 'DM Mono';letter-spacing:1.35px}h1{font-size:34px;line-height:1.15;letter-spacing:-1.25px;margin:8px 0 8px;font-weight:800}.sub,.movement>p{color:var(--muted);margin:0;font-size:14px;max-width:690px}.control{min-width:282px;padding:15px;background:rgba(255,255,255,.68);border:1px solid var(--line);border-radius:11px}.control label{display:block;color:#486175;font:600 10px 'DM Mono';letter-spacing:.7px;margin:0 0 7px}.control label+select,.control label+input{margin-bottom:13px}select,input{font:600 13px Manrope,Arial,sans-serif;color:var(--ink);background:#fff;border:1px solid #cddae5;border-radius:7px;padding:11px 12px;width:100%;outline:none}select:focus,input:focus{border-color:#008d7d;box-shadow:0 0 0 3px rgba(0,141,125,.12)}.context{border-top:1px solid var(--line);margin-top:32px;padding:16px 0;display:flex;gap:18px;color:#496276;font-size:12px;font-weight:500}.context span+span{border-left:1px solid var(--line);padding-left:18px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article,.movement{background:var(--white);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow)}.cards article{padding:21px;min-height:137px}.cards p{margin:0 0 14px;color:#53687c;font-size:12px;font-weight:600}.cards strong{display:block;font-size:26px;letter-spacing:-.9px;color:#10283f}.cards small{display:block;color:#5e7387;font-size:11px;margin-top:9px}.intro{display:flex;align-items:end;justify-content:space-between;margin:45px 0 17px}.intro h2{margin:0 0 4px;font-size:21px;letter-spacing:-.4px}.intro p{margin:0;color:var(--muted);font-size:12px}.intro input{width:280px;padding:10px 12px;font-size:12px}.movement-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.movement{overflow:hidden}.section-title{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 5px}.section-title>div{display:flex;align-items:center;gap:9px}.section-title h3{font-size:15px;margin:0;color:#132c43}.section-title b{font:600 11px 'DM Mono';padding:4px 8px;border-radius:5px;background:#eaf0f5;color:#304a60}.dot{width:9px;height:9px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px var(--teal-soft)}.decrease .dot{background:var(--red);box-shadow:0 0 0 4px #f9e8ea}.first .dot{background:var(--gold);box-shadow:0 0 0 4px #faefd9}.removed .dot{background:var(--slate);box-shadow:0 0 0 4px #e8eef4}.movement>p{font-size:11px;padding:0 20px 15px}.table-wrap{overflow:auto;max-height:310px;border-top:1px solid var(--line)}table{border-collapse:collapse;width:100%;font-size:11px}th{color:#50687b;background:#f7fafc;text-align:right;padding:11px 12px;font:600 10px 'DM Mono';white-space:nowrap}th:first-child,td:first-child{text-align:left}td{padding:12px;border-top:1px solid #e8eef3;text-align:right;white-space:nowrap;color:#20394e}tr:hover td{background:#f8fbfc}td:first-child{max-width:190px;overflow:hidden;text-overflow:ellipsis;font-weight:700}.ticker{display:block;color:#61798d;font:9px 'DM Mono';margin-top:3px}.positive{color:#007d70;font-weight:700}.negative{color:#b4434c;font-weight:700}.empty{text-align:left!important;color:#526d81;font-style:italic;padding:24px!important}@media(max-width:1050px){.cards{grid-template-columns:1fr 1fr}.movement-grid{grid-template-columns:1fr}main{padding:34px 30px}}@media(max-width:700px){aside{display:none}main{margin:0;padding:25px 16px}header{display:block}.control{margin-top:22px}.cards{grid-template-columns:1fr}.intro{display:block}.intro input{margin-top:15px;width:100%}.context{display:block}.context span+span{border:0;padding:8px 0 0;display:block}}
/* Compact navigation that replaces the sidebar on phones. */
.mobile-bar{display:none}
@media(max-width:700px){.mobile-bar{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;padding:12px 16px;background:#0d2237;color:#e7f0f5;box-shadow:0 2px 12px rgba(13,34,55,.16)}.mobile-brand{display:flex;align-items:center;gap:9px;color:#fff;font-weight:800;letter-spacing:1.2px;text-decoration:none}.mobile-menu-toggle{border:1px solid rgba(231,240,245,.35);border-radius:7px;background:#183a55;color:#fff;padding:7px 10px;font:700 12px Manrope;cursor:pointer}.mobile-menu{display:none;position:absolute;top:59px;right:12px;left:12px;padding:9px;background:#102c45;border:1px solid rgba(231,240,245,.16);border-radius:9px;box-shadow:0 12px 28px rgba(13,34,55,.3);margin:0}.mobile-menu.open{display:grid;gap:3px}.mobile-menu a{padding:11px;border-radius:6px;color:#d9e8ef;font-weight:600;text-decoration:none}.mobile-menu a:hover,.mobile-menu a.active{background:#1e4865;color:#fff}.mobile-menu .account-panel{position:static;margin:6px 0 0;padding:10px}.mobile-menu .account-panel:empty{display:none}}
