.myPortfolio-page-container{background-color:var(--bg-white);max-width:1240px;min-height:100vh;width:100%;padding:30px 0;margin:auto;display:flex;flex-direction:column;box-sizing:border-box}.myPortfolio-page-container .section-title{font-weight:500;font-size:20px;color:var(--text-color);line-height:100%;margin-top:20px;margin-bottom:10px}.myPortfolio-page-container .section-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:20px}.myPortfolio-page-container .watchlist-container{border:1px solid var(--border-color);border-radius:16px;padding:20px;display:flex;flex-direction:column;margin-bottom:var(--spacing-xl)}.myPortfolio-page-container .watchlist-container .watchlist-cards-wrapper{display:flex;flex-wrap:wrap;gap:16px}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.myPortfolio-page-container .watchlist-container .watchlist-cards-wrapper .watchlist-card-skeleton{background:var(--bg-white);border:1px solid var(--border-color);border-radius:16px;width:182px;height:257px;padding:20px;display:flex;flex-direction:column;box-shadow:var(--shadow-small);position:relative;overflow:hidden}.myPortfolio-page-container .watchlist-container .watchlist-cards-wrapper .watchlist-card-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,rgba(var(--primary-color),0) 0,rgba(var(--primary-color),.1) 20%,rgba(var(--primary-color),.2) 60%,rgba(var(--primary-color),0) 100%);animation:shimmer 2s infinite}@media(max-width:var(--breakpoint-sm )){.myPortfolio-page-container .watchlist-container .watchlist-cards-wrapper .watchlist-card-skeleton{width:100%}.myPortfolio-page-container .watchlist-container .watchlist-cards-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.myPortfolio-page-container .watchlist-container .watchlist-cards-wrapper .no-bookmarks,.myPortfolio-page-container .watchlist-container .watchlist-cards-wrapper .not-logged-in{grid-column:1/-1;margin:0;justify-self:center;max-width:100%}.myPortfolio-page-container .watchlist-container{padding:15px}}.myPortfolio-page-container .watchlist-container .no-bookmarks{text-align:center;width:100%;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-grey);border-radius:16px;margin:0;transition:all .3s ease;border:1px dashed var(--border-color)}@media(max-width:var(--breakpoint-sm )){.myPortfolio-page-container .watchlist-container .no-bookmarks{padding:30px 20px;border-radius:12px}}@media(max-width:400px){.myPortfolio-page-container .watchlist-container .no-bookmarks{padding:25px 15px;border-radius:10px}}.myPortfolio-page-container .watchlist-container .no-bookmarks p{font-size:16px;color:var(--text-secondary);margin-bottom:15px;font-style:italic}@media(max-width:var(--breakpoint-sm )){.myPortfolio-page-container .watchlist-container .no-bookmarks p{font-size:15px;margin-bottom:12px}}@media(max-width:400px){.myPortfolio-page-container .watchlist-container .no-bookmarks p{font-size:14px;margin-bottom:10px}}.myPortfolio-page-container .watchlist-container .no-bookmarks .icon-container{margin-bottom:15px;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}@media(max-width:var(--breakpoint-sm )){.myPortfolio-page-container .watchlist-container .no-bookmarks .icon-container{width:50px;height:50px;margin-bottom:12px}}@media(max-width:400px){.myPortfolio-page-container .watchlist-container .no-bookmarks .icon-container{width:45px;height:45px;margin-bottom:10px}}.myPortfolio-page-container .watchlist-container .no-bookmarks .icon-container svg{color:var(--text-secondary);font-size:24px}@media(max-width:var(--breakpoint-sm )){.myPortfolio-page-container .watchlist-container .no-bookmarks .icon-container svg{font-size:20px}}@media(max-width:400px){.myPortfolio-page-container .watchlist-container .no-bookmarks .icon-container svg{font-size:18px}}.myPortfolio-page-container .watchlist-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:16px;width:182px;height:257px;padding:20px;text-align:center;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:var(--shadow-small);flex:0 0 160px}@media(max-width:var(--breakpoint-sm )){.myPortfolio-page-container .watchlist-card{width:100%;flex:1 1;padding:12px;min-width:0;gap:4px;min-height:180px;max-width:none}}.myPortfolio-page-container .watchlist-card .loading-price{font-style:italic;color:var(--text-secondary);font-size:14px}.myPortfolio-page-container .watchlist-logo{display:flex;justify-content:center;align-items:center;background-color:var(--bg-grey);margin-bottom:20px;padding:10px;width:142px;height:40px}.myPortfolio-page-container .watchlist-logo-img{width:85px;height:16px;object-fit:contain}.myPortfolio-page-container .watchlist-symbol{font-weight:600;color:var(--text-color);font-size:15px}.myPortfolio-page-container .watchlist-name{font-size:13px;color:var(--text-secondary)}.myPortfolio-page-container .not-logged-in{text-align:center;width:100%;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-grey);border-radius:16px;margin:0}@media(max-width:var(--breakpoint-md )){.myPortfolio-page-container .not-logged-in{padding:32px 20px;border-radius:12px}}@media(max-width:var(--breakpoint-sm )){.myPortfolio-page-container .not-logged-in{padding:28px 20px;border-radius:10px;min-height:180px;justify-content:space-evenly}}@media(max-width:400px){.myPortfolio-page-container .not-logged-in{padding:24px 15px;min-height:160px}}@media(max-width:360px){.myPortfolio-page-container .not-logged-in{padding:20px 15px}}.myPortfolio-page-container .not-logged-in p{font-size:16px;color:var(--text-secondary);margin-bottom:15px}@media(max-width:var(--breakpoint-md )){.myPortfolio-page-container .not-logged-in p{font-size:15px;margin-bottom:12px;line-height:1.4}}@media(max-width:var(--breakpoint-sm )){.myPortfolio-page-container .not-logged-in p{font-size:14px;margin-bottom:10px;line-height:1.3;max-width:280px;margin-left:auto;margin-right:auto}}@media(max-width:400px){.myPortfolio-page-container .not-logged-in p{font-size:13px;margin-bottom:8px;max-width:260px}}@media(max-width:360px){.myPortfolio-page-container .not-logged-in p{max-width:240px}}.myPortfolio-page-container .not-logged-in .auth-button{background-color:var(--primary-color);color:#fff;border:none;padding:10px 22px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:background-color .3s ease;min-height:44px;min-width:120px}@media(max-width:var(--breakpoint-md )){.myPortfolio-page-container .not-logged-in .auth-button{padding:12px 24px;font-size:15px;min-height:46px;min-width:140px}}@media(max-width:var(--breakpoint-sm )){.myPortfolio-page-container .not-logged-in .auth-button{padding:14px 24px;font-size:14px;min-height:48px;min-width:150px;border-radius:10px;font-weight:600;letter-spacing:.5px;width:auto;max-width:200px}}@media(max-width:400px){.myPortfolio-page-container .not-logged-in .auth-button{padding:12px 20px;font-size:13px;min-height:44px;min-width:130px;max-width:180px}}@media(max-width:360px){.myPortfolio-page-container .not-logged-in .auth-button{padding:10px 16px;min-width:120px;max-width:160px}}.myPortfolio-page-container .not-logged-in .auth-button:hover{background-color:color-mix(in srgb,var(--primary-color),black 10%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(166,145,108,.3)}@media(max-width:var(--breakpoint-sm )){.myPortfolio-page-container .not-logged-in .auth-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(166,145,108,.4)}}.myPortfolio-page-container .not-logged-in .auth-button:active{transform:translateY(0);box-shadow:0 2px 8px rgba(166,145,108,.2)}.myPortfolio-page-container .not-logged-in .icon-container{margin-bottom:15px;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center}@media(max-width:var(--breakpoint-md )){.myPortfolio-page-container .not-logged-in .icon-container{width:56px;height:56px;margin-bottom:12px}}@media(max-width:var(--breakpoint-sm )){.myPortfolio-page-container .not-logged-in .icon-container{width:52px;height:52px;margin-bottom:10px;border:2px solid var(--border-color)}}@media(max-width:400px){.myPortfolio-page-container .not-logged-in .icon-container{width:48px;height:48px;margin-bottom:8px}}.myPortfolio-page-container .not-logged-in .icon-container svg{color:var(--text-secondary);font-size:24px}@media(max-width:var(--breakpoint-md )){.myPortfolio-page-container .not-logged-in .icon-container svg{font-size:22px}}@media(max-width:var(--breakpoint-sm )){.myPortfolio-page-container .not-logged-in .icon-container svg{font-size:20px;color:var(--text-secondary)}}@media(max-width:400px){.myPortfolio-page-container .not-logged-in .icon-container svg{font-size:18px}}.myPortfolio-page-container .name-and-symbol{display:flex;flex-direction:column;align-items:flex-start;width:142px;height:72px;margin-bottom:4px}.myPortfolio-page-container .name-and-symbol .company-name{font-weight:600;color:var(--text-color);font-size:15px;margin-bottom:4px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(max-width:var(--breakpoint-sm )){.myPortfolio-page-container .name-and-symbol .company-name{font-size:12px;margin-bottom:4px;line-height:1.2;white-space:normal;overflow:visible;text-overflow:clip;max-height:2.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center}}.myPortfolio-page-container .name-and-symbol .ticker-symbol{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(max-width:var(--breakpoint-sm )){.myPortfolio-page-container .name-and-symbol .ticker-symbol{font-size:11px;text-align:center}}.myPortfolio-page-container .price-and-change{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.myPortfolio-page-container .price-and-change .stock-price{font-size:var(--font-size-xl);font-weight:700}.myPortfolio-page-container .price-and-change .stock-change{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:500;width:52px;height:20px}.myPortfolio-page-container .price-and-change .stock-change.negative{color:var(--error-color);background-color:var(--light-red);border-radius:var(--border-radius-small)}.myPortfolio-page-container .price-and-change .stock-change.positive{color:var(--success-color);background-color:var(--light-green);border-radius:var(--border-radius-small)}.myPortfolio-page-container .add-button,.myPortfolio-page-container .added-button{width:142px;height:36px;margin-top:20px;padding:6px 0;border-color:var(--border-color);background-color:var(--bg-white);color:var(--text-color);font-size:var(--font-size);font-weight:700;border-radius:8px;cursor:pointer}@media(max-width:var(--breakpoint-sm )){.myPortfolio-page-container .add-button,.myPortfolio-page-container .added-button{padding:8px 0;font-size:12px;margin-top:8px;text-align:center}}.myPortfolio-page-container .impacting-watched-posts{margin-top:40px}.myPortfolio-page-container .impacting-watched-posts .load-more-trigger{width:100%;display:flex;justify-content:center;align-items:center;padding:20px;min-height:60px}.myPortfolio-page-container .impacting-watched-posts .load-more-trigger.loading{opacity:.7}.myPortfolio-page-container .impacting-watched-posts .error-message{text-align:center;padding:20px;color:var(--error-color);background-color:rgba(239,68,68,.1);border-radius:8px;margin:0 20px;font-size:14px}.myPortfolio-page-container .no-watchlist-posts{text-align:center;width:100%;padding:30px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-grey);border-radius:16px;margin:0;transition:all .3s ease}@media(max-width:var(--breakpoint-sm )){.myPortfolio-page-container .no-watchlist-posts{padding:25px 20px}}@media(max-width:400px){.myPortfolio-page-container .no-watchlist-posts{padding:20px 15px}}.myPortfolio-page-container .no-watchlist-posts p{font-size:16px;color:var(--text-secondary);margin-bottom:15px}.myPortfolio-page-container .no-watchlist-posts .icon-container{margin-bottom:15px;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.myPortfolio-page-container .no-watchlist-posts .icon-container svg{color:var(--text-secondary);font-size:24px}.myPortfolio-page-container .no-watchlist-posts.empty-state{padding:25px;border:1px dashed var(--border-color)}.myPortfolio-page-container .no-watchlist-posts.empty-state p{color:var(--text-secondary);font-style:italic;font-size:15px}.myPortfolio-page-container .no-watchlist-posts.empty-state .icon-container{width:50px;height:50px;margin-bottom:10px}.myPortfolio-page-container .no-watchlist-posts.empty-state .icon-container svg{color:var(--text-secondary);font-size:20px}.myPortfolio-page-container .post-skeleton{display:flex;padding:16px;border:1px solid var(--border-color);border-radius:12px;margin-bottom:12px;background:var(--bg-white);position:relative;overflow:hidden}.myPortfolio-page-container .post-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,rgba(var(--primary-color),0) 0,rgba(var(--primary-color),.1) 20%,rgba(var(--primary-color),.2) 60%,rgba(var(--primary-color),0) 100%);animation:shimmer 2s infinite}.myPortfolio-page-container .post-skeleton .skeleton-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-gray-light);margin-right:12px;flex-shrink:0}.myPortfolio-page-container .post-skeleton .skeleton-content{flex:1 1;display:flex;flex-direction:column;gap:8px}.myPortfolio-page-container .post-skeleton .skeleton-content .skeleton-line{height:16px;background:var(--bg-gray-light);border-radius:4px}.myPortfolio-page-container .post-skeleton .skeleton-content .skeleton-line.skeleton-title{height:20px;width:70%}.myPortfolio-page-container .post-skeleton .skeleton-content .skeleton-line.skeleton-text{width:100%}.myPortfolio-page-container .post-skeleton .skeleton-content .skeleton-line.skeleton-text.short{width:60%}