@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-regular.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-italic.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5}:root,[data-theme=dark]{--bg:#0d1117;--bg2:#161b22;--card:#21262d;--card-h:#2d333b;--border:#30363d;--text:#e6edf3;--text2:#8b949e;--text3:#6e7681;--green:#3fb950;--green-s:#3fb9501f;--red:#f85149;--red-s:#f851491f;--blue:#58a6ff;--blue-s:#58a6ff1a;--purple:#bc8cff;--orange:#ffa657;--gold:#fbbf24;--radius:8px;--radius-lg:12px;--bp-sm:480px;--bp-md:720px;--bp-lg:980px}[data-theme=light]{--bg:#f5efe2;--bg2:#ebe3d2;--card:#fff;--card-h:#f5efe2;--border:#d9d0bb;--text:#2a2620;--text2:#6b6358;--text3:#9a917f;--green:#1a7f37;--green-s:#1a7f371a;--red:#cf222e;--red-s:#cf222e1a;--blue:#0969da;--blue-s:#0969da1a;--purple:#8250df;--orange:#bc4c00;--gold:#b45309}[data-accent=groen]{--blue:#2ea043;--blue-s:#2ea0431f}[data-theme=light][data-accent=groen]{--blue:#1a7f37;--blue-s:#1a7f371a}[data-accent=paars]{--blue:#a371f7;--blue-s:#a371f71f}[data-theme=light][data-accent=paars]{--blue:#8250df;--blue-s:#8250df1a}[data-accent=oranje]{--blue:#fb923c;--blue-s:#fb923c24}[data-theme=light][data-accent=oranje]{--blue:#bc4c00;--blue-s:#bc4c001a}.app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}@media (width<=980px){input,textarea,select{font-size:16px}}.topbar{background:var(--bg2);border-bottom:1px solid var(--border);padding:env(safe-area-inset-top) max(20px, env(safe-area-inset-right)) 0 max(20px, env(safe-area-inset-left));height:calc(52px + env(safe-area-inset-top));z-index:200;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative}.topbar-left{z-index:500;align-items:center;gap:6px;min-width:0;display:flex;position:relative}.topbar-brand{color:var(--text);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.topbar-right{z-index:400;align-items:center;gap:10px;display:flex;position:relative}@media (width<=480px){.topbar{padding:env(safe-area-inset-top) max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left))}.topbar-right{gap:6px}.topbar-left{flex-shrink:1;min-width:0}.topbar-brand{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.topbar-btn-label{display:none}}.hamburger{width:44px;min-width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;flex:0 0 44px;justify-content:center;align-items:center;margin-left:-10px;padding:0;display:none}.hamburger:hover{background:var(--card-h)}.hamburger:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.body{flex:1;display:flex;position:relative;overflow:hidden}.sidebar{background:var(--bg2);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:200px;display:flex;overflow:hidden auto}.sidebar-backdrop{display:none}@media (width<=980px){.hamburger{display:inline-flex}.sidebar{top:calc(52px + env(safe-area-inset-top));z-index:250;width:260px;max-width:84vw;transition:transform .22s;position:fixed;bottom:0;left:0;transform:translate(-100%);box-shadow:0 0 24px #00000073}.sidebar.sidebar-open{transform:translate(0)}.sidebar-backdrop{inset:calc(52px + env(safe-area-inset-top)) 0 0 0;z-index:240;background:#00000080;animation:.18s backdropFadeIn;display:block;position:fixed}}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}.sidebar-backdrop{animation:none}}.sidebar-portfolio{border-bottom:1px solid var(--border);padding:18px 16px 14px}.sidebar-portfolio-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text2);margin-bottom:4px;font-size:10px}.sidebar-portfolio-value{color:var(--text);letter-spacing:-.02em;font-size:22px;font-weight:700;line-height:1.1}.sidebar-portfolio-sub{align-items:center;gap:6px;margin-top:4px;font-size:12px;display:flex}.sidebar-nav{flex-direction:column;flex:1;min-height:0;padding:10px 8px;display:flex}.nav-item{border-radius:var(--radius);color:var(--text2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:8px 10px;font-size:13px;transition:background .12s,color .12s;display:flex}.nav-item:hover{background:var(--card-h);color:var(--text)}.nav-item.active{background:var(--card);color:var(--text);font-weight:500}.nav-icon{opacity:.7;flex-shrink:0;width:16px;height:16px}.nav-item.active .nav-icon{opacity:1}.sidebar-today{border-top:1px solid var(--border);padding:14px 16px 0}.sidebar-today-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text2);margin-bottom:2px;font-size:10px}.profile-modal-bg{z-index:300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.profile-modal{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:460px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0009}.profile-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.profile-avatar{color:#0d1117;background:linear-gradient(135deg,#58a6ff 0%,#bc8cff 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex}.profile-avatar-sm{color:#0d1117;cursor:pointer;background:linear-gradient(135deg,#58a6ff 0%,#bc8cff 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;transition:opacity .15s;display:flex}.profile-avatar-sm:hover{opacity:.8}.profile-badge{color:var(--orange);background:#ffa6571f;border:1px solid #ffa6574d;border-radius:5px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.main{flex-direction:column;flex:1;gap:16px;padding:20px 22px;display:flex;overflow:hidden auto}@media (width<=480px){.main{gap:12px;padding:14px 12px}}.stats-row{z-index:10;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:10px;display:grid;position:relative}@media (width<=1300px){.stats-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:default;flex:1;padding:12px 14px;transition:border-color .15s,background .15s;position:relative}.stat-card:hover{background:var(--card-h);border-color:#444c56}.stat-card-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text2);margin-bottom:5px;font-size:10px}.stat-card-value{letter-spacing:-.02em;font-size:18px;font-weight:700;line-height:1.1}.stat-card-sub{color:var(--text2);margin-top:3px;font-size:11px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px}.card-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text2);margin-bottom:14px;font-size:11px;font-weight:600}.grid-2-1{grid-template-columns:minmax(0,2.4fr) minmax(280px,1fr);gap:14px;display:grid}.grid-1-1{grid-template-columns:1fr 1fr;gap:14px;display:grid}.col{flex-direction:column;gap:14px;display:flex}.period-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.period-btns{gap:2px;display:flex}.period-btn{color:var(--text2);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:3px 8px;font-family:inherit;font-size:11px;font-weight:500;transition:background .12s,color .12s}.period-btn:hover{background:var(--card-h);color:var(--text)}.period-btn.active{background:var(--blue-s);color:var(--blue)}.chart-filter-btns{flex-wrap:wrap;gap:4px;display:flex}.chart-filter-btn{border:1px solid var(--border);color:var(--text2);cursor:pointer;background:0 0;border-radius:999px;padding:3px 9px;font-family:inherit;font-size:11px;font-weight:500;transition:background .12s,color .12s,border-color .12s}.chart-filter-btn:hover{background:var(--card-h);color:var(--text)}.chart-filter-btn.active{background:var(--blue-s);color:var(--blue);border-color:var(--blue-s)}.chart-svg{width:100%;display:block}.donut-wrap{align-items:center;gap:16px;display:flex}.donut-legend{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.legend-row{align-items:center;gap:7px;font-size:12px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.legend-name{color:var(--text2);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.legend-pct{color:var(--text);font-weight:600}.sector-list{flex-direction:column;gap:6px;max-height:160px;display:flex;overflow-y:auto}.sector-row{align-items:center;gap:7px;font-size:12px;display:flex}.sector-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.sector-name{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sector-bar-bg{background:var(--border);border-radius:3px;flex-shrink:0;width:80px;height:5px}.sector-bar-fill{border-radius:3px;height:5px}.sector-pct{color:var(--text);text-align:right;width:28px;font-size:11px;font-weight:600}.div-stats{gap:0;display:flex}.div-stat{flex:1}.div-stat+.div-stat{border-left:1px solid var(--border);padding-left:16px}.div-stat-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text2);margin-bottom:3px;font-size:10px}.div-stat-value{color:var(--green);letter-spacing:-.02em;font-size:18px;font-weight:700}.div-tickers{flex-wrap:wrap;gap:8px;margin-top:12px;margin-bottom:12px;display:flex}.div-ticker-chip{background:var(--green-s);color:var(--green);border-radius:5px;padding:2px 7px;font-size:11px;font-weight:500}.div-history{border-top:1px solid var(--border);flex-direction:column;flex:1;min-height:0;max-height:220px;margin-top:2px;display:flex;overflow-y:auto}.div-row{border-bottom:1px solid #30363d80;align-items:center;gap:10px;padding:7px 0;font-size:12px;display:flex}.div-row:last-child{border-bottom:none}.div-row-date{color:var(--text2);flex-shrink:0;width:80px;font-size:11px}.div-row-ticker{background:var(--blue-s);color:var(--blue);border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:10px;font-weight:600}.div-row-detail{color:var(--text2);flex:1;font-size:11px}.div-row-amount{color:var(--green);margin-right:8px;font-weight:600}.events-list{flex-direction:column;display:flex}.event-row{border-bottom:1px solid #30363d80;align-items:center;gap:10px;padding:7px 0;font-size:12px;display:flex}.event-row:last-child{border-bottom:none}.event-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.event-date{width:60px;color:var(--text2);flex-shrink:0;font-size:11px}.event-ticker{background:var(--blue-s);color:var(--blue);border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:10px;font-weight:600}.event-name{color:var(--text2);flex:1;font-size:11px}.event-badge{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500}.event-badge.earnings{background:var(--blue-s);color:var(--blue)}.event-badge.dividend{background:var(--green-s);color:var(--green)}.event-badge.rente{color:var(--orange);background:#ffa6571f}.event-row.past{opacity:.4}.events-divider{color:var(--text2);align-items:center;gap:8px;padding:6px 0;font-size:10px;display:flex}.events-divider:before,.events-divider:after{content:"";background:var(--border);flex:1;height:1px}.news-list{flex-direction:column;gap:2px;max-height:280px;display:flex;overflow-y:auto}.news-row{border-radius:var(--radius);cursor:pointer;color:inherit;align-items:flex-start;gap:10px;padding:7px 8px;text-decoration:none;transition:background .12s;display:flex}.news-row:hover{background:var(--card-h)}.news-row:hover .news-title{color:var(--blue)}.news-ticker{color:var(--purple);background:#bc8cff1f;border-radius:4px;flex-shrink:0;margin-top:1px;padding:2px 6px;font-size:10px;font-weight:600}.news-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.news-title{color:var(--text);font-size:12px;line-height:1.35;transition:color .12s}.news-meta{color:var(--text2);font-size:10px}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.btn-ghost{color:var(--text2);border-color:var(--border);background:0 0}.btn-ghost:hover{color:var(--text);border-color:#555e6c}.btn-primary{background:var(--blue);color:#0d1117;border-color:var(--blue);font-weight:600}.btn-primary:hover{opacity:.88}.btn.spinning svg{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg, var(--card-h) 25%, #363d46 50%, var(--card-h) 75%);background-size:1200px 100%;border-radius:4px;animation:1.5s linear infinite shimmer}.bm-dropdown{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);z-index:300;flex-direction:column;gap:1px;min-width:150px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 6px 20px #00000080}.bm-option{color:var(--text2);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:5px;padding:7px 12px;font-size:12px;transition:background .1s,color .1s}.bm-option:hover{background:var(--card-h);color:var(--text)}.bm-option.active{color:var(--blue);background:var(--blue-s);font-weight:500}.pos{color:var(--green)}.neg{color:var(--red)}.muted{color:var(--text2)}.chart-container{position:relative}.chart-tooltip{background:var(--card);border:1px solid var(--border);pointer-events:none;white-space:nowrap;z-index:10;opacity:0;border-radius:6px;padding:7px 10px;font-size:11px;transition:opacity .1s;position:absolute;box-shadow:0 4px 16px #0006}.chart-tooltip.visible{opacity:1}.chart-tooltip-date{color:var(--text2);margin-bottom:2px;font-size:10px}.chart-tooltip-value{font-size:13px;font-weight:700}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#444c56}.hint-wrap{align-items:center;gap:4px;display:inline-flex;position:relative}.hint-bubble{color:#e6edf3;white-space:normal;z-index:1000;pointer-events:none;background:#1f2330;border:1px solid #30363d;border-radius:6px;width:max-content;max-width:280px;padding:6px 10px;font-size:12px;line-height:1.4;position:fixed;box-shadow:0 4px 16px #0006}.help-icoon{width:16px;height:16px;color:var(--text2);cursor:help;-webkit-user-select:none;user-select:none;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.help-icoon:hover,.help-icoon:focus{color:#e6edf3;background:#ffffff29;outline:none}.spaar-btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:transform 80ms,box-shadow .15s,background .15s,border-color .15s;display:inline-flex}.spaar-btn:active{transform:translateY(1px)}.spaar-btn-storting{color:var(--green);background:linear-gradient(#3fb9502e 0%,#3fb9501a 100%);border-color:#3fb95059}.spaar-btn-storting:hover{background:var(--green);color:#0d1117;border-color:var(--green);box-shadow:0 2px 8px #3fb95059}.spaar-btn-opname{color:var(--red);background:linear-gradient(#f8514929 0%,#f8514914 100%);border-color:#f8514959}.spaar-btn-opname:hover{background:var(--red);color:#0d1117;border-color:var(--red);box-shadow:0 2px 8px #f8514959}.spaar-btn-historie{width:100%;color:var(--text2);cursor:pointer;border:1px dashed var(--border);border-radius:var(--radius);background:0 0;margin-top:4px;padding:5px 10px;font-family:inherit;font-size:11px;transition:color .15s,border-color .15s,background .15s}.spaar-btn-historie:hover{color:var(--text);border-color:var(--blue);background:var(--bg2)}.ticker-link{background:var(--blue-s);color:var(--blue);cursor:pointer;border:none;border-radius:4px;align-items:center;gap:3px;padding:2px 4px 2px 8px;font-family:inherit;font-size:11px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.ticker-link:hover{background:var(--blue);color:#fff}.ticker-link:active{transform:scale(.96)}.ticker-link-pijl{opacity:.7;margin-top:-1px;font-size:13px;line-height:1}.ticker-link:hover .ticker-link-pijl{opacity:1}@keyframes brainstock-postzegel-pulse{0%,to{box-shadow:0 0 #3fb9508c}50%{box-shadow:0 0 0 6px #3fb95000}}.brainstock-postzegel-count{animation:2.4s ease-in-out infinite brainstock-postzegel-pulse}@media (prefers-reduced-motion:reduce){.brainstock-postzegel-count{animation:none}}