.sector-heatmap-grid{position:relative;width:100%;height:100%;overflow:hidden;}.sector-tile{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;border:2px solid rgba(11,15,25,0.85);border-radius:6px;transition:filter 0.15s ease,border-color 0.15s ease;overflow:hidden;box-sizing:border-box;text-align:center;padding:4px;}.sector-tile:hover{filter:brightness(1.18);border-color:rgba(255,255,255,0.45);z-index:2;}.sector-tile .sector-tile-name{font-size:0.72rem;font-weight:700;letter-spacing:0.03em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,0.6);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}.sector-tile .sector-tile-ticker{font-size:0.58rem;font-weight:600;color:rgba(255,255,255,0.7);text-transform:uppercase;margin-top:1px;}.sector-tile .sector-tile-pct{font-size:1.05rem;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,0.5);margin-top:2px;line-height:1;}.sector-tile .sector-tile-weight{font-size:0.6rem;font-weight:600;color:rgba(255,255,255,0.65);margin-top:2px;letter-spacing:0.02em;}.sector-tile.tile-xs .sector-tile-ticker,.sector-tile.tile-xs .sector-tile-weight,.sector-tile.tile-xs .sector-tile-name{display:none;}.sector-tile.tile-xs .sector-tile-pct{font-size:0.72rem;}.sector-tile.tile-sm .sector-tile-ticker,.sector-tile.tile-sm .sector-tile-weight{display:none;}.sector-tile.tile-sm .sector-tile-name{font-size:0.62rem;}.sector-tile.tile-sm .sector-tile-pct{font-size:0.82rem;}.sector-tile.sector-tile-empty{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:0.8rem;background:var(--surface);border:1px dashed var(--border);cursor:default;border-radius:8px;}.di-portfolio-heatmap{margin-top:1.5rem;padding:1.1rem 1.1rem 0.9rem;background:rgba(13,18,38,0.72);border:1px solid var(--border);border-top:2px solid #38bdf8;border-radius:8px;}.di-portfolio-heatmap-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:0 0 0.8rem;}.di-portfolio-heatmap-subtitle{margin-top:0.25rem;color:#64748b;font:500 0.72rem/1.2 'DM Sans',sans-serif;}.di-portfolio-heatmap-period-selector{display:flex;flex-wrap:wrap;gap:0.35rem;align-items:center;justify-content:flex-end;max-width:100%;}.di-period-btn{min-width:44px;padding:0.35rem 0.55rem;font:600 0.62rem/1 'DM Sans',sans-serif;letter-spacing:0.03em;color:#64748b;background:rgba(100,116,139,0.08);border:1px solid rgba(56,189,248,0.15);border-radius:4px;cursor:pointer;transition:all 0.2s ease;text-transform:uppercase;outline:none;white-space:nowrap;}.di-period-btn:hover{color:#94a3b8;background:rgba(100,116,139,0.12);border-color:rgba(56,189,248,0.25);}.di-period-btn-active{color:#38bdf8;background:rgba(56,189,248,0.15);border-color:rgba(56,189,248,0.4);box-shadow:0 0 8px rgba(56,189,248,0.2);}.di-portfolio-heatmap-legend{display:flex;gap:0.65rem;font:700 0.62rem/1 'DM Mono',monospace;letter-spacing:0.04em;}.di-heatmap-legend-up{color:#34d399;}.di-heatmap-legend-flat{color:#94a3b8;}.di-heatmap-legend-down{color:#f87171;}.di-portfolio-heatmap-grid{height:624px;min-height:448px;background:rgba(7,12,24,0.82);border:1px solid rgba(56,189,248,0.1);border-radius:5px;overflow:hidden;}.di-portfolio-heatmap-grid.di-portfolio-heatmap-loading{display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;}.di-portfolio-heatmap-grid.di-portfolio-heatmap-loading::before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,rgba(56,189,248,0.06) 42%,rgba(16,185,129,0.08) 50%,transparent 68%);transform:translateX(-100%);animation:di-heatmap-scan 2.4s ease-in-out infinite;z-index:-1;}.di-heatmap-loading-state{width:min(390px,80%);text-align:center;color:#94a3b8;font-family:'Outfit',sans-serif;}.di-heatmap-loading-grid{display:grid;grid-template-columns:1.7fr 1fr 1.25fr 0.8fr 1.1fr 0.9fr;grid-template-rows:1.2fr 0.8fr 1fr;gap:4px;width:min(520px,100%);height:190px;margin:0 auto 1.15rem;opacity:0.9;}.di-heatmap-loading-grid span{min-width:0;border:1px solid rgba(56,189,248,0.16);border-radius:3px;background:linear-gradient(110deg,rgba(20,54,67,0.72) 25%,rgba(39,86,91,0.9) 50%,rgba(20,54,67,0.72) 75%);background-size:220% 100%;animation:di-heatmap-skeleton 2.1s ease-in-out infinite;}.di-heatmap-loading-grid span:nth-child(2n){background-color:rgba(20,83,45,0.5);animation-delay:0.25s;}.di-heatmap-loading-grid span:nth-child(3n){animation-delay:0.5s;}.di-heatmap-loading-grid span:nth-child(4n){background-color:rgba(92,35,35,0.5);animation-delay:0.75s;}.di-heatmap-loading-grid span:nth-child(5n){animation-delay:1s;}.di-heatmap-loading-grid span:nth-child(1){grid-row:span 2;}.di-heatmap-loading-grid span:nth-child(6){grid-row:span 2;}.di-heatmap-loading-grid span:nth-child(11){grid-column:span 2;}.di-heatmap-loading-copy{display:inline-flex;align-items:center;gap:0.45rem;color:#e2e8f0;font-size:0.8rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;}.di-heatmap-loading-pulse{width:7px;height:7px;border-radius:50%;background:#38bdf8;box-shadow:0 0 0 0 rgba(56,189,248,0.4);animation:di-heatmap-pulse 1.6s ease-out infinite;}.di-heatmap-loading-dots{width:1.2rem;overflow:hidden;animation:di-heatmap-dots 1.4s steps(4,end) infinite;}.di-heatmap-loading-detail{margin-top:0.5rem;color:#64748b;font:500 0.68rem/1.4 'DM Sans',sans-serif;}@keyframes di-heatmap-scan{0%{transform:translateX(-100%);}55%,100%{transform:translateX(100%);}}.di-heatmap-loading-progress{width:min(300px,75%);height:3px;margin:0.8rem auto 0;overflow:hidden;border-radius:2px;background:rgba(148,163,184,0.12);}.di-heatmap-loading-progress span{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#10b981);animation:di-heatmap-progress 2.2s ease-in-out infinite;}.di-heatmap-live-board{width:min(820px,94%);margin:0 auto;animation:di-heatmap-board-in 0.45s ease-out both;}.di-heatmap-live-board-head,.di-heatmap-live-foot{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;color:#64748b;font:600 0.64rem/1.2 'DM Mono',monospace;letter-spacing:0.03em;text-transform:uppercase;}.di-heatmap-live-board-head span{display:inline-flex;align-items:center;gap:0.45rem;color:#cbd5e1;}.di-heatmap-live-board-head i{display:block;width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,0.12),0 0 12px rgba(16,185,129,0.6);animation:di-heatmap-pulse 1.6s ease-out infinite;}.di-heatmap-live-board-head strong{color:#38bdf8;font-weight:700;}.di-heatmap-live-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));grid-auto-rows:minmax(78px,1fr);gap:5px;max-height:275px;margin:0.75rem 0;overflow:hidden;}.di-heatmap-live-tile{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:0.55rem 0.6rem;overflow:hidden;border:1px solid rgba(56,189,248,0.14);border-radius:4px;background:rgba(21,58,69,0.62);animation:di-heatmap-tile-in 0.5s var(--live-delay) cubic-bezier(0.2,0.8,0.2,1) both;}.di-heatmap-live-tile::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,0.13) 50%,transparent 75%);transform:translateX(-130%);animation:di-heatmap-tile-shine 2.8s 0.4s ease-in-out infinite;}.di-heatmap-live-tile.is-up{background:rgba(20,93,59,0.68);border-color:rgba(52,211,153,0.24);}.di-heatmap-live-tile.is-down{background:rgba(104,35,39,0.68);border-color:rgba(248,113,113,0.24);}.di-heatmap-live-tile.is-newest{box-shadow:0 0 0 1px rgba(56,189,248,0.6),0 0 22px rgba(56,189,248,0.18);}.di-heatmap-live-symbol,.di-heatmap-live-pct,.di-heatmap-live-price,.di-heatmap-live-state{position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.di-heatmap-live-symbol{color:#f8fafc;font:800 0.72rem/1.1 'Outfit',sans-serif;letter-spacing:0.04em;}.di-heatmap-live-pct{margin-top:0.34rem;color:#fff;font:800 0.96rem/1 'DM Mono',monospace;}.di-heatmap-live-price{margin-top:0.28rem;color:rgba(255,255,255,0.68);font:600 0.59rem/1 'DM Mono',monospace;}.di-heatmap-live-state{margin-top:0.34rem;color:rgba(255,255,255,0.46);font:700 0.48rem/1 'DM Mono',monospace;letter-spacing:0.08em;}.di-heatmap-live-foot{justify-content:center;gap:0.45rem;}.di-heatmap-live-pulse{color:#10b981;animation:di-heatmap-pulse-text 1.4s ease-in-out infinite;}@keyframes di-heatmap-board-in{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}@keyframes di-heatmap-tile-in{from{opacity:0;transform:scale(0.82) translateY(8px);}to{opacity:1;transform:scale(1) translateY(0);}}@keyframes di-heatmap-tile-shine{0%,45%{transform:translateX(-130%);}75%,100%{transform:translateX(130%);}}@keyframes di-heatmap-pulse-text{0%,100%{opacity:0.35;}50%{opacity:1;}}@keyframes di-heatmap-skeleton{0%,100%{background-position:180% 0;opacity:0.55;}50%{background-position:-80% 0;opacity:1;}}@keyframes di-heatmap-progress{0%{transform:translateX(-120%);}60%,100%{transform:translateX(260%);}}@keyframes di-heatmap-pulse{0%{box-shadow:0 0 0 0 rgba(56,189,248,0.45);}70%{box-shadow:0 0 0 7px rgba(56,189,248,0);}100%{box-shadow:0 0 0 0 rgba(56,189,248,0);}}@keyframes di-heatmap-dots{0%{width:0;}100%{width:1.2rem;}}.di-portfolio-heatmap-grid .sector-tile-pnl{color:rgba(255,255,255,0.72);font:600 0.6rem/1.1 'DM Mono',monospace;white-space:nowrap;}.di-portfolio-heatmap-grid .sector-tile-value{color:rgba(255,255,255,0.86);font:700 0.62rem/1.1 'DM Mono',monospace;white-space:nowrap;}.di-portfolio-heatmap-grid .sector-tile{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:5px 6px 4px;text-align:center;overflow:hidden;box-sizing:border-box;position:absolute;}.di-heatmap-tile-head,.di-heatmap-tile-foot{display:flex;align-items:center;justify-content:space-between;gap:0.35rem;min-width:0;width:100%;flex-shrink:0;}.di-heatmap-tile-head{justify-content:flex-start;margin-bottom:2px;}.di-portfolio-heatmap-grid .sector-tile .sector-tile-ticker{flex:0 1 auto;min-width:0;margin-top:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font:600 0.52rem/1 'DM Sans',sans-serif;letter-spacing:0.03em;color:rgba(255,255,255,0.65);text-transform:uppercase;}.di-heatmap-tile-center{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:0;min-width:0;width:100%;gap:2px;}.di-portfolio-heatmap-grid .sector-tile .sector-tile-name{font:800 clamp(0.78rem,1.8vw,1.15rem)/1.05 'Outfit',sans-serif;letter-spacing:0.04em;text-align:center;color:#ffffff;text-shadow:0 1px 3px rgba(0,0,0,0.6);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.di-heatmap-tile-pct-wrap{display:flex;align-items:baseline;justify-content:center;gap:2px;max-width:100%;min-width:0;overflow:hidden;}.di-portfolio-heatmap-grid .sector-tile .sector-tile-pct{margin-top:0;font:800 clamp(0.76rem,1.9vw,1.25rem)/1.05 'DM Mono',monospace;letter-spacing:-0.02em;color:#ffffff;text-shadow:0 1px 3px rgba(0,0,0,0.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center;}.di-portfolio-heatmap-grid .sector-tile .sector-tile-fallback-badge{flex-shrink:0;white-space:nowrap;}.di-portfolio-heatmap-grid .sector-tile .sector-tile-cagr{font:400 clamp(0.58rem,1.2vw,0.72rem)/1 'DM Mono',monospace;letter-spacing:0.01em;color:rgba(255,255,255,0.65);text-shadow:0 1px 2px rgba(0,0,0,0.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center;margin-top:2px;padding:1px 4px;background:rgba(0,0,0,0.15);border-radius:3px;}.di-portfolio-heatmap-grid .di-heatmap-tile-foot{padding-top:3px;border-top:1px solid rgba(255,255,255,0.14);margin-top:2px;}.di-portfolio-heatmap-grid .sector-tile.tile-sm{padding:4px 5px 3px;}.di-portfolio-heatmap-grid .sector-tile.tile-sm .sector-tile-ticker,.di-portfolio-heatmap-grid .sector-tile.tile-sm .sector-tile-pnl,.di-portfolio-heatmap-grid .sector-tile.tile-sm .sector-tile-value,.di-portfolio-heatmap-grid .sector-tile.tile-sm .di-heatmap-tile-foot{display:none;}.di-portfolio-heatmap-grid .sector-tile.tile-sm .sector-tile-name{font-size:0.8rem;}.di-portfolio-heatmap-grid .sector-tile.tile-sm .sector-tile-pct{font-size:0.78rem;}.di-portfolio-heatmap-grid .sector-tile.tile-sm .sector-tile-cagr{font-size:0.62rem;padding:0 2px;}.di-portfolio-heatmap-grid .sector-tile.tile-xs{padding:2px 3px;}.di-portfolio-heatmap-grid .sector-tile.tile-xs .di-heatmap-tile-head,.di-portfolio-heatmap-grid .sector-tile.tile-xs .sector-tile-ticker,.di-portfolio-heatmap-grid .sector-tile.tile-xs .di-heatmap-tile-foot,.di-portfolio-heatmap-grid .sector-tile.tile-xs .sector-tile-cagr,.di-portfolio-heatmap-grid .sector-tile.tile-micro .di-heatmap-tile-head,.di-portfolio-heatmap-grid .sector-tile.tile-micro .sector-tile-ticker,.di-portfolio-heatmap-grid .sector-tile.tile-micro .di-heatmap-tile-foot,.di-portfolio-heatmap-grid .sector-tile.tile-micro .sector-tile-cagr{display:none;}.di-portfolio-heatmap-grid .sector-tile.tile-xs .sector-tile-name{font-size:0.68rem;}.di-portfolio-heatmap-grid .sector-tile.tile-xs .sector-tile-pct{font-size:0.64rem;}.di-portfolio-heatmap-grid .sector-tile.tile-micro{padding:2px;justify-content:center;align-items:center;}.di-portfolio-heatmap-grid .sector-tile.tile-micro .di-heatmap-tile-pct-wrap{display:none;}.di-portfolio-heatmap-grid .sector-tile.tile-micro .sector-tile-name{font-size:0.58rem;line-height:1;}@media (max-width:720px){.di-portfolio-heatmap{padding:0.85rem 0.6rem 0.6rem;}.di-portfolio-heatmap-grid{height:416px;min-height:384px;}}