@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bgBase);transition:background-color .2s}input:focus,select:focus{outline:none;border-color:var(--primaryBorderStrong)!important}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}select{-webkit-appearance:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollThumb);border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--primaryGlow)}50%{box-shadow:0 0 40px var(--primaryHover)}}@keyframes spin{to{transform:rotate(360deg)}}.metric-box{transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}.metric-box:hover{background:var(--hoverBg)!important;border-color:var(--borderStrong)!important;box-shadow:var(--shadowSm);transform:scale(1.02)}.dca-box{transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}.dca-box:hover{background:var(--primaryHover)!important;border-color:var(--primaryBorder)!important;box-shadow:0 0 12px var(--primaryGlow);transform:scale(1.02)}.input-field{transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}.input-field:hover{background:var(--primaryBg)!important;border-color:var(--primaryBorder)!important;box-shadow:0 0 8px var(--primaryGlow);transform:scale(1.02)}.del-btn:hover{background:var(--negativeHover)!important;border-color:var(--negativeBorderStrong)!important;box-shadow:0 0 10px var(--negativeBg);transform:scale(1.05)}.refresh-btn{transition:background .15s,border-color .15s,box-shadow .15s,transform .15s,filter .15s}.refresh-btn:hover{filter:brightness(1.4);box-shadow:0 0 10px currentColor;transform:scale(1.05)}.cmp-scroll::-webkit-scrollbar{display:none}.cmp-arrow{transition:opacity .2s}.cmp-arrow:hover{opacity:1!important}.cmp-edit-btn{opacity:.35;transition:opacity .15s,background .15s,border-color .15s,box-shadow .15s,transform .15s}.cmp-edit-btn:hover{opacity:1!important;background:var(--growthHover)!important;border-color:var(--growthBorderStrong)!important;box-shadow:0 0 10px var(--growthBg);transform:scale(1.1)}.cmp-del-btn{opacity:.35;transition:opacity .15s,background .15s,border-color .15s,box-shadow .15s,transform .15s}.cmp-del-btn:hover{opacity:1!important;background:var(--negativeHover)!important;border-color:var(--negativeBorder)!important;box-shadow:0 0 10px var(--negativeBg);transform:scale(1.1)}.sort-btn{transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}.sort-btn:hover{background:var(--growthHover)!important;border-color:var(--growthBorderStrong)!important;box-shadow:0 0 10px var(--growthBg);transform:scale(1.05)}.sort-btn:focus{border-color:var(--growthBorderStrong)!important}.info-btn{transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}.info-btn:hover{background:var(--hoverBg)!important;box-shadow:var(--shadowSm);transform:scale(1.05)}.zoom-box{transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}.zoom-box:hover{background:var(--primaryHover)!important;border-color:var(--primaryBorderStrong)!important;box-shadow:0 0 10px var(--primaryGlow);transform:scale(1.05)}.num-step{transition:color .1s,background .1s}.num-step:hover{color:var(--textSecondary)!important;background:var(--hoverBg)!important}.num-step:active{color:var(--textPrimary)!important;background:var(--activeBg)!important}.summary-box{transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}.summary-box:hover{background:var(--hoverBg)!important;border-color:var(--borderStrong)!important;box-shadow:0 0 14px var(--primaryGlow);transform:scale(1.03)}.portfolio-tabs{width:54px;transition:width .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1);will-change:width,transform}.portfolio-tabs:hover,.portfolio-tabs.pinned{width:240px;transform:translate(-186px)}.portfolio-tabs .portfolio-tab-panel{opacity:0;max-height:0;overflow:hidden;margin-top:0!important;padding-top:0!important;border-top:none!important;transition:opacity .2s,max-height .25s cubic-bezier(.4,0,.2,1)}.portfolio-tabs:hover .portfolio-tab-panel,.portfolio-tabs.pinned .portfolio-tab-panel{opacity:1;max-height:120px;margin-top:6px!important;padding-top:6px!important;border-top:initial!important}.portfolio-tabs .portfolio-tab-x{opacity:0;width:0;padding:0!important;border:0!important;overflow:hidden;transition:opacity .15s,width .2s,padding .2s}.portfolio-tabs:hover .portfolio-tab-x,.portfolio-tabs.pinned .portfolio-tab-x{opacity:1;width:18px;padding:1px 4px!important;border:1px solid var(--negativeBorder)!important}.portfolio-tab-btn:hover{background:var(--hoverBg)!important}.portfolio-tabs.locked,.portfolio-tabs.locked:hover{width:54px!important;transform:none!important;padding:6px 4px!important;gap:1px!important;transition:none!important}.portfolio-tabs.locked .portfolio-tab-btn{padding:3px 0!important;border-radius:4px!important;transition:none!important;border:none!important}.portfolio-tabs.locked .portfolio-tab-btn:hover{background:var(--hoverBg)!important}.portfolio-tabs.locked .portfolio-tab-panel,.portfolio-tabs.locked:hover .portfolio-tab-panel,.portfolio-tabs.locked .portfolio-tab-x,.portfolio-tabs.locked:hover .portfolio-tab-x{display:none!important}.locked .sidebar-header{display:block!important;font-size:7px!important;padding:4px 0 3px!important;margin:3px 0 2px!important;border-bottom:1px solid var(--borderSubtle)!important;border-top:none!important;letter-spacing:.12em!important;color:var(--textMuted)!important;text-align:center!important;pointer-events:none!important}.pin-btn{transition:color .15s,background .15s,border-color .15s,transform .15s}.pin-btn:hover{background:var(--hoverBg)!important;transform:scale(1.1)}.page-arrow{transition:color .15s,background .15s,border-color .15s,box-shadow .15s,transform .15s}.page-arrow:hover{color:var(--textSecondary)!important;background:var(--hoverBg)!important;border-color:var(--borderDefault)!important;box-shadow:var(--shadowSm);transform:translateY(-50%) scale(1.1)}.scroll-top-btn{transition:color .15s,background .15s,border-color .15s,box-shadow .15s,opacity .3s,transform .15s}.scroll-top-btn:hover{color:var(--textSecondary)!important;background:var(--hoverBg)!important;border-color:var(--borderDefault)!important;box-shadow:var(--shadowSm);transform:scale(1.1)}.tab-bar{width:54px;transition:width .25s cubic-bezier(.4,0,.2,1);will-change:width}.tab-bar:hover,.tab-bar.pinned{width:168px}.tab-bar button:not(.pin-btn){justify-content:center!important;gap:0!important}.tab-bar:hover button:not(.pin-btn),.tab-bar.pinned button:not(.pin-btn){justify-content:flex-start!important;padding-left:12px!important;gap:10px!important}.tab-bar .tab-label{opacity:0;max-width:0;overflow:hidden;white-space:nowrap;transition:opacity .2s,max-width .25s cubic-bezier(.4,0,.2,1)}.tab-bar:hover .tab-label,.tab-bar.pinned .tab-label{opacity:1;max-width:100px}.tab-bar button:hover{background:var(--hoverBg)!important}.tab-bar.locked,.tab-bar.locked:hover{width:54px!important;padding:6px 4px!important;gap:2px!important;transition:none!important}.tab-bar.locked button:not(.pin-btn){padding:8px!important;transition:none!important}.tab-bar.locked button:not(.pin-btn):hover{background:var(--hoverBg)!important}.tab-bar.locked button:not(.pin-btn),.tab-bar.locked:hover button:not(.pin-btn){justify-content:center!important;padding-left:0!important;gap:0!important}.tab-bar.locked .tab-label,.tab-bar.locked:hover .tab-label{display:none!important}.search-tabs{width:54px;transition:width .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1);will-change:width,transform}.search-tabs:hover,.search-tabs.pinned{width:240px;transform:translate(-186px)}.search-tabs .search-tab-btn{justify-content:center!important;gap:0!important}.search-tabs:hover .search-tab-btn,.search-tabs.pinned .search-tab-btn{justify-content:flex-start!important;padding-left:12px!important;gap:10px!important}.search-tabs .search-tab-label{opacity:0;max-width:0;overflow:hidden;white-space:nowrap;transition:opacity .2s,max-width .25s cubic-bezier(.4,0,.2,1)}.search-tabs:hover .search-tab-label,.search-tabs.pinned .search-tab-label{opacity:1;max-width:200px}.search-tabs .search-tab-x{opacity:0;width:0;padding:0!important;border:0!important;overflow:hidden;transition:opacity .15s,width .2s,padding .2s}.search-tabs:hover .search-tab-x,.search-tabs.pinned .search-tab-x{opacity:1;width:22px;padding:2px 6px!important;border:1px solid var(--negativeBorder)!important}.search-tabs .search-tab-panel{opacity:0;max-height:0;overflow:hidden;margin-top:0!important;padding-top:0!important;border-top:none!important;transition:opacity .2s,max-height .25s cubic-bezier(.4,0,.2,1)}.search-tabs:hover .search-tab-panel,.search-tabs.pinned .search-tab-panel{opacity:1;max-height:120px;margin-top:6px!important;padding-top:6px!important;border-top:initial!important}.search-tab-btn:hover{background:var(--hoverBg)!important}.search-tabs.locked,.search-tabs.locked:hover{width:54px!important;transform:none!important;padding:6px 4px!important;gap:1px!important;transition:none!important}.search-tabs.locked .portfolio-tab-btn,.search-tabs.locked .search-tab-btn{padding:3px 0!important;border-radius:4px!important;transition:none!important;border:none!important}.search-tabs.locked .portfolio-tab-btn:hover,.search-tabs.locked .search-tab-btn:hover{background:var(--hoverBg)!important}.search-tabs.locked .search-tab-btn,.search-tabs.locked:hover .search-tab-btn{justify-content:center!important;padding-left:0!important;gap:0!important}.search-tabs.locked .search-tab-label,.search-tabs.locked:hover .search-tab-label,.search-tabs.locked .search-tab-x,.search-tabs.locked:hover .search-tab-x,.search-tabs.locked .search-tab-panel,.search-tabs.locked:hover .search-tab-panel{display:none!important}.history-tabs{width:54px;transition:width .25s cubic-bezier(.4,0,.2,1);will-change:width}.history-tabs:hover,.history-tabs.pinned{width:290px}.history-tabs .history-tab-btn{justify-content:center!important;gap:0!important}.history-tabs:hover .history-tab-btn,.history-tabs.pinned .history-tab-btn{justify-content:flex-start!important;padding-left:12px!important;gap:10px!important}.history-tabs .history-tab-label{opacity:0;max-width:0;overflow:hidden;white-space:nowrap;transition:opacity .2s,max-width .25s cubic-bezier(.4,0,.2,1)}.history-tabs:hover .history-tab-label,.history-tabs.pinned .history-tab-label{opacity:1;max-width:200px}.history-tabs .history-tab-x{opacity:0;width:0;padding:0!important;border:0!important;overflow:hidden;transition:opacity .15s,width .2s,padding .2s}.history-tabs:hover .history-tab-x,.history-tabs.pinned .history-tab-x{opacity:1;width:22px;padding:2px 6px!important;border:1px solid var(--negativeBorder)!important}.history-tabs .history-tab-panel{opacity:0;max-height:0;overflow:hidden;margin-top:0!important;padding-top:0!important;border-top:none!important;transition:opacity .2s,max-height .25s cubic-bezier(.4,0,.2,1)}.history-tabs:hover .history-tab-panel,.history-tabs.pinned .history-tab-panel{opacity:1;max-height:120px;margin-top:6px!important;padding-top:6px!important;border-top:initial!important}.history-tab-btn:hover{background:var(--hoverBg)!important}.history-tabs.locked,.history-tabs.locked:hover{width:54px!important;padding:6px 4px!important;gap:1px!important;transition:none!important}.history-tabs.locked .portfolio-tab-btn,.history-tabs.locked .history-tab-btn{padding:3px 0!important;border-radius:4px!important;transition:none!important;border:none!important}.history-tabs.locked .portfolio-tab-btn:hover,.history-tabs.locked .history-tab-btn:hover{background:var(--hoverBg)!important}.history-tabs.locked .history-tab-btn,.history-tabs.locked:hover .history-tab-btn{justify-content:center!important;padding-left:0!important;gap:0!important}.history-tabs.locked .history-tab-label,.history-tabs.locked:hover .history-tab-label,.history-tabs.locked .history-tab-x,.history-tabs.locked:hover .history-tab-x,.history-tabs.locked .history-tab-panel,.history-tabs.locked:hover .history-tab-panel{display:none!important}.sidebar-header:hover{background:var(--hoverBg)!important}.idea-wrap{position:relative}.idea-name{position:absolute;left:50%;top:100%;transform:translate(-50%);margin-top:4px;padding:3px 8px;border-radius:4px;background:var(--bgElevated);border:1px solid var(--borderDefault);white-space:nowrap;opacity:0;pointer-events:none;font-size:9px;font-weight:500;z-index:20;transition:opacity .15s}.refresh-btn:hover .idea-name{opacity:1}@media(max-width:768px){.app-wrap{padding:16px 12px 70px!important;max-width:100%!important}.app-header{margin-bottom:16px!important;gap:10px!important}.app-header h1{font-size:18px!important}.app-header p{font-size:11px!important}.portfolio-bar{padding:6px 8px!important;gap:4px!important}.portfolio-bar input{width:100px!important}.zoom-box{display:none!important}.tab-bar,.tab-bar.pinned,.tab-bar.locked,.tab-bar.locked:hover{position:fixed!important;bottom:0!important;left:0!important;top:auto!important;transform:none!important;flex-direction:row!important;width:100%!important;border-radius:0!important;border:none!important;border-top:1px solid var(--borderSubtle)!important;padding:6px 4px!important;gap:0!important;justify-content:space-around!important;z-index:100!important;background:var(--overlay)!important;box-shadow:0 -2px 12px #0003!important;overflow:visible!important}.tab-bar button:not(.pin-btn),.tab-bar:hover button:not(.pin-btn),.tab-bar.pinned button:not(.pin-btn),.tab-bar.locked button:not(.pin-btn),.tab-bar.locked:hover button:not(.pin-btn){justify-content:center!important;padding:8px 4px!important;gap:0!important;flex:1!important;border-radius:8px!important}.tab-bar .tab-label,.tab-bar:hover .tab-label,.tab-bar.pinned .tab-label,.tab-bar.locked .tab-label,.tab-bar.locked:hover .tab-label{display:none!important;opacity:0!important;max-width:0!important}.tab-bar .pin-btn{display:none!important}.tab-bar.locked{width:100%!important}.grid-4,.grid-5{grid-template-columns:repeat(2,1fr)!important}.stock-row-body{flex-direction:column!important}.stock-row-metrics{width:100%!important;border-left:none!important;border-top:2px solid var(--borderSubtle)!important;padding-left:0!important;padding-top:16px!important;margin-top:12px!important}.sidebar-col,.portfolio-tabs,.search-tabs,.history-tabs,.page-arrow{display:none!important}.scroll-top-btn{bottom:72px!important;right:16px!important}.help-panel{left:0!important;right:0!important;top:auto!important;bottom:56px!important;transform:none!important;width:100%!important;max-height:40vh!important;border-radius:18px 18px 0 0!important}.table-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch}}@media(max-width:480px){.app-wrap{padding:12px 8px 70px!important}.app-header h1{font-size:16px!important}.grid-4,.grid-5{grid-template-columns:1fr!important}.income-entry{grid-template-columns:1fr 1fr!important;padding:10px 14px!important;gap:8px!important}.income-entry input,.income-entry select{font-size:12px!important}}