:root{--ink:#183233;--muted:#6e7d7a;--paper:#f5f4ee;--card:#fffef9;--teal:#0d6863;--mint:#d9eee5;--line:#dde4df;--positive:#147b5d;--coral:#c65742}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app-shell{max-width:700px;margin:0 auto;padding:28px 18px 110px}.topbar,.section-heading{display:flex;align-items:center;justify-content:space-between}.topbar{margin-bottom:22px}.eyebrow{margin:0 0 4px;color:var(--teal);font-size:.66rem;font-weight:800;letter-spacing:.12em}.topbar h1,.section-heading h2{margin:0;font-family:Georgia,serif;letter-spacing:-.03em}.topbar h1{font-size:2rem}.icon-button,.text-button{border:0;background:transparent;color:var(--teal);font:inherit;font-weight:750}.hero-card{display:flex;justify-content:space-between;align-items:center;padding:24px;border-radius:22px;background:linear-gradient(135deg,#0d6863,#164b4d);color:#fff;box-shadow:0 12px 28px #163d3b24}.hero-card p,.metrics p{margin:0 0 7px;font-size:.83rem}.hero-card strong{display:block;font-family:Georgia,serif;font-size:2rem;letter-spacing:-.04em}.hero-card span{display:block;margin-top:7px;color:#bff1d6;font-weight:750;font-size:.82rem}.mini-ring{display:grid;place-items:center;width:58px;height:58px;border:4px solid #9ddbc8;border-right-color:#fff;border-radius:50%;font-size:1.5rem}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 31px}.metrics article,.allocation-card,.position{border:1px solid var(--line);background:var(--card)}.metrics article{min-height:96px;padding:14px 11px;border-radius:16px}.metrics strong{display:block;font-size:1rem;letter-spacing:-.03em}.metrics small{display:block;margin-top:6px;color:var(--muted);font-size:.66rem;line-height:1.25}.positive{color:var(--positive)}.section-heading{align-items:end;margin:25px 2px 13px}.section-heading h2{font-size:1.35rem}.allocation-card{padding:17px;border-radius:19px}.allocation-chart{display:flex;align-items:center;gap:20px}.donut{display:grid;place-items:center;flex:0 0 118px;width:118px;height:118px;border-radius:50%;background:conic-gradient(#0d6863 0 38%,#65a7a1 38% 60%,#e3b468 60% 82%,#9b7cbd 82% 100%)}.donut:before{content:"";position:absolute;width:78px;height:78px;border-radius:50%;background:var(--card)}.donut span{position:relative;font-weight:800;font-size:.85rem}.legend{display:grid;gap:8px;list-style:none;padding:0;margin:0;flex:1}.legend li{display:flex;justify-content:space-between;gap:8px;font-size:.73rem}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.country-row{display:flex;gap:8px;margin-top:17px}.country-row span{flex:1;padding:9px 7px;border-radius:10px;background:#eff4f0;font-size:.69rem;text-align:center}.positions{display:grid;gap:9px}.position{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:15px;border-radius:16px}.position h3{margin:0;font-size:.94rem}.position p{margin:4px 0 0;color:var(--muted);font-size:.7rem}.position-value{text-align:right}.position-value strong{display:block;font-size:.9rem}.position-value span{font-size:.72rem;font-weight:750}.weightbar{grid-column:1/-1;height:5px;border-radius:4px;background:#edf0ed;overflow:hidden}.weightbar i{display:block;height:100%;border-radius:4px;background:var(--teal)}.notice{margin-top:26px;padding:15px 16px;border-left:4px solid #e3b468;border-radius:0 13px 13px 0;background:#fff8e9}.notice strong{font-size:.8rem}.notice p{margin:5px 0 0;color:#685f4e;font-size:.76rem;line-height:1.45}.bottom-nav{position:fixed;z-index:2;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:12px;padding:12px 18px 18px;background:#fffef9ef;border-top:1px solid var(--line);backdrop-filter:blur(8px)}.bottom-nav button{min-width:100px;padding:9px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:inherit;font-size:.76rem;font-weight:750}.bottom-nav .active{background:var(--mint);color:var(--teal)}.login-screen{display:grid;min-height:100vh;padding:24px;place-items:center;background:radial-gradient(circle at top right,#d8eee5,transparent 42%),var(--paper)}.login-card{width:min(100%,380px);padding:30px 25px;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:0 16px 35px #18323318}.login-card h1{margin:0;font-family:Georgia,serif;font-size:2.25rem;letter-spacing:-.05em}.login-card>p:not(.eyebrow):not(.login-message){margin:10px 0 25px;color:var(--muted);font-size:.88rem;line-height:1.45}.login-card label{display:block;margin:15px 0 6px;font-size:.76rem;font-weight:800}.login-card input{width:100%;padding:12px;border:1px solid #cbd8d2;border-radius:11px;background:#fff;font:inherit}.login-card input:focus{outline:3px solid #bde0d3;border-color:var(--teal)}.login-button{width:100%;margin-top:22px;padding:12px;border:0;border-radius:11px;background:var(--teal);color:#fff;font:inherit;font-weight:800}.login-message{min-height:1.2em;margin:12px 0 0;color:var(--coral);font-size:.76rem}@media(min-width:620px){.app-shell{padding-top:42px}.metrics article{padding:17px}.positions{grid-template-columns:repeat(2,1fr)}.position{min-height:128px}.position-value{align-self:start}}@media(max-width:370px){.metrics{gap:6px}.metrics article{padding:10px 8px}.metrics strong{font-size:.86rem}.allocation-chart{gap:11px}.donut{flex-basis:100px;width:100px;height:100px}.donut:before{width:66px;height:66px}}