:root{font-family:Space Mono,monospace;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background:linear-gradient(#212b39,#121212);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{min-height:100vh;margin:0}h1{font-family:Questrial,sans-serif}@font-face{font-family:Questrial;src:url(/assets/Questrial-Regular-BGISleCW.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Mono;src:url(/assets/SpaceMono-Regular-Ba0nOT4a.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Mono;src:url(/assets/SpaceMono-Bold-Dyp2aizM.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Space Mono;src:url(/assets/SpaceMono-Italic-Bsn02tz1.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Space Mono;src:url(/assets/SpaceMono-BoldItalic-Cfx5I7zT.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}.loginBox1{display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:100vh}.loginBox1.grow{animation:grow 1s}.loginBox1.green-bg{background:linear-gradient(#283f17,#121212)}.loginBox2.green-bg{background:linear-gradient(#121212,#283f17)}@keyframes grow{0%{transform:scale(.2)}to{transform:scale(1)}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.loginBox1.reverse{flex-direction:row-reverse}.loginBox2{width:350px;height:400px;display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;border-radius:16px;justify-content:center;background:#131720;box-shadow:0 3px 6px #00000029;border:1px solid #383838;box-shadow:0 6px 12px #302d2d29}.loginBox2.slide-left{animation:slideInFromLeft .5s ease-out}.loginBox2.slide-right{animation:slideInFromRight .5s ease-out;height:500px}.loginBox3{width:350px;height:400px;display:flex;flex-direction:column;gap:2px;padding:24px;animation:FadeIn .5s ease-out}.Stockfolio,h3{color:#f5f5f5;text-shadow:3px 3px 10px rgb(0,0,0)}.link1{color:#f5f5f5;margin-bottom:-8px}.link2{color:#f5f5f5}.pCreateAccount{padding-left:24px;align-self:flex-start}.textField{width:300px!important}.textField .MuiInputBase-root{background-color:#121212!important;height:40px!important}.textField input::placeholder{color:gray;opacity:1}.textField input{color:#f5f5f5}.textField .MuiFormHelperText-root,.textField .MuiFormHelperText-root.Mui-error{background-color:"black"!important}.btn-grad1{background-color:#f5f5f5!important;color:#212b39!important;width:300px;height:40px}.btn-grad1:hover{background-position:right center;background-color:#212b39!important;color:#f5f5f5!important}.btn-grad1:hover.register{background-position:right center;background-color:#283f17!important;color:#f5f5f5!important}.btn-grad2{color:#f5f5f5!important;width:150px;height:40px}.btn-grad2:hover{background-color:#3e9c35!important}@media screen and (max-width:768px){.loginBox1{flex-direction:column;padding:16px}.loginBox1.reverse{flex-direction:column}.loginBox2,.loginBox3{width:100%;max-width:350px;height:auto;min-height:300px}.textField{width:100%!important;max-width:280px!important}.btn-grad1,.btn-grad2{width:100%;max-width:280px}}@media screen and (max-width:768px){.loginBox1{flex-direction:column;justify-content:center;justify-content:flex-start;padding:16px;gap:16px}.loginBox1.reverse{flex-direction:column}.loginBox2,.loginBox3{width:100%;max-width:350px;height:auto;min-height:auto;padding:24px 16px}.loginBox3{text-align:center;align-items:center}.textField{width:100%!important;max-width:100%!important}.btn-grad1,.btn-grad2{width:100%;max-width:100%}.pCreateAccount{padding-left:0;text-align:center;align-self:center}.textField .MuiInputBase-root{height:48px!important}.btn-grad1,.btn-grad2{height:48px;font-size:16px}}.appbar-left,.appbar-center,.appbar-right{flex:1}.column-text{text-align:center;padding:36px}.column-section .column-text{text-align:center!important}.column-text h4{color:#b0b0b0}.btn-signUp{background-color:#f5f5f5!important;color:#121212!important;padding:6px 16px!important;text-transform:none!important;border-radius:8px!important;min-width:auto!important;white-space:nowrap!important}.btn-signin:hover{background-position:right center;background-color:#212b39!important;color:#f5f5f5!important}.btn-signin{color:#fff!important;text-transform:none!important;border-radius:8px!important;min-width:auto!important;white-space:nowrap!important}.btn-signUp:hover{background-color:#282828}.stocksimg{width:100%;max-width:800px;height:auto;border-radius:12px;margin-top:12px;box-shadow:0 8px 30px #212b39;border:4px solid #212B39}@media(max-width:768px){.appbar{margin-left:16px;margin-right:16px;max-width:calc(100% - 32px)}.two-columns{padding-left:16px;padding-right:16px;grid-template-columns:1fr}.burger-icon{display:block;padding-top:8px}.appbar-right{display:none}.mobile-menu{position:absolute;top:56px;right:16px;background-color:#131720;border:1px solid #383838;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:8px;color:#f5f5f5;z-index:1000;min-width:150px}.mobile-menu-btn1{background-color:#f5f5f5!important;color:#121212!important;text-transform:none!important;padding:8px 16px!important;justify-content:flex-start!important;text-align:left!important}.mobile-menu-btn2{background-color:#121212!important;color:#f5f5f5!important;text-transform:none!important;padding:8px 16px!important;justify-content:flex-start!important;text-align:left!important}.mobile-menu-btn1:hover{background-color:#212939!important}.mobile-menu-btn2:hover{background-color:#282828!important}}.container{display:flex;flex-direction:column;border-top:1px solid #383838;width:100%;margin:0;padding:0;max-width:none;box-sizing:border-box;padding:40px 24px!important}.footer-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;gap:16px}.link{color:#f5f5f5!important;font-size:14px;word-break:break-word}.copyright{text-align:center;font-size:13px}.githubicon{color:#f5f5f5!important;justify-content:end;border:1px solid whitesmoke!important;border-radius:8px!important;padding:6px!important}.stack{justify-self:end;gap:12px}@media(min-width:768px){.container{padding:48px 32px!important}}@media(min-width:1024px){.container{padding:64px!important}}@media(max-width:600px){.footer-row{grid-template-columns:1fr;text-align:center;gap:20px}.stack{justify-self:center;gap:8px}.link,.copyright{font-size:12px}}.appbar{height:56px;display:flex;align-items:center;padding:0 24px;max-width:min(1100px,calc(100% - 32px));margin:32px auto 0;border-radius:16px;background-color:#131720;border:1px solid #383838;box-shadow:0 6px 12px #302d2d29;justify-content:space-between;box-sizing:border-box}.navigation-left{text-align:left;display:flex;justify-content:flex-end}.appbar-center,.appbar-right{flex:1}.appbar-center{text-align:center}.appbar-right{text-align:right;display:flex;justify-content:flex-end;gap:8px}.column-section{display:flex;flex-direction:column;align-items:center;max-width:min(1100px,calc(100% - 32px));margin:24px auto 0;box-sizing:border-box}.two-column-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:min(1100px,calc(100% - 32px));margin:24px auto 0;box-sizing:border-box;padding:0 16px}.column-text{text-align:left;padding:36px}.column-text h1{margin-top:0;font-size:2.5rem}.btn-logOut{background-color:#960019!important;color:#f5f5f5!important;padding:6px 16px!important;text-transform:none!important;border-radius:8px!important;min-width:auto!important;white-space:nowrap!important}.btn-logOut:hover{background-color:#420d09!important}.btn-navigation{padding:6px 16px!important;color:#fff!important;text-transform:none!important;border-radius:8px!important;min-width:auto!important;white-space:nowrap!important}.btn-navigation:hover{background-color:#212b39!important;color:#f5f5f5!important}.btn-starter{background-color:#131720!important;color:#f5f5f5!important;padding:10px 24px!important;border:#383838 1px solid!important;text-transform:none!important;border-radius:8px!important;min-width:auto!important;white-space:nowrap!important}.btn-starter:hover{background-color:#212b39!important;color:#f5f5f5!important;border-color:#212b39!important}@keyframes FadeIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.FadeIn{animation:FadeIn .8s ease-out}.burger-icon{display:none}@media(max-width:768px){.appbar{margin-left:16px;margin-right:16px;max-width:calc(100% - 32px)}.two-column-section{grid-template-columns:1fr;gap:24px;padding-left:16px;padding-right:16px}.column-text{text-align:center;padding:24px 16px}.column-text h1{font-size:2rem}.two-columns{padding-left:16px;padding-right:16px;grid-template-columns:1fr}.btn-navigation{display:none!important}.navigation-left{flex:1!important}.burger-icon{display:block;padding-top:8px}.appbar-right{display:none}.mobile-menu{position:absolute;top:56px;right:16px;background-color:#131720;border:1px solid #383838;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:8px;color:#f5f5f5;z-index:1000;min-width:150px}.mobile-menu-btn{background-color:transparent!important;color:#f5f5f5!important;text-transform:none!important;padding:8px 16px!important;justify-content:flex-start!important;text-align:left!important}.mobile-menu-btn:hover{background-color:#212b39!important}.mobile-menu-logout{background-color:#960019!important;color:#f5f5f5!important}.mobile-menu-logout:hover{background-color:#420d09!important}.mobile-menu-btn1{background-color:#f5f5f5!important;color:#121212!important;text-transform:none!important;padding:8px 16px!important}.mobile-menu-btn2{background-color:#121212!important;color:#f5f5f5!important;text-transform:none!important;padding:8px 16px!important}.mobile-menu-btn1:hover{background-color:#212939!important}.mobile-menu-btn2:hover{background-color:#282828!important}}.news-container{padding:20px;max-width:1100px;margin:0 auto}.error-message{color:red}.news-container h1{margin-bottom:20px;color:#fff}.article-card{margin:20px 0;padding:15px;border:1px solid #383838;border-radius:4px;background-color:#131720;box-shadow:0 6px 12px #302d2d29}.article-image{max-width:200px}.portfolio-container{padding:20px;max-width:1100px;margin:0 auto}.portfolio-container h1,.portfolio-container h2,.portfolio-container h3,.portfolio-container h4{font-family:Questrial,sans-serif}.portfolio-container h1{margin-bottom:20px;color:#fff}.portfolio-container input,.portfolio-container button,.portfolio-container p{font-family:Space Mono,monospace}.error-message{color:#ef4444;margin-bottom:20px}.portfolio-card{margin:20px 0;padding:15px;border:#383838 1px solid!important;border-radius:8px;background-color:#131720}.portfolio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.portfolio-name{font-size:1.2em;font-weight:700}.holdings-list{margin-top:10px}.holding-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #eee}.holding-item:last-child{border-bottom:none}.holding-info{display:flex;flex-direction:column;gap:4px}.holding-ticker{font-weight:700;font-size:1.1em}.holding-quantity{color:#666;font-size:.9em}.holding-price-info{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.holding-price{font-weight:700;font-size:1.1em}.holding-change{font-size:.9em;font-weight:500}.holding-total{color:#666;font-size:.9em}.holding-loading,.holding-unavailable{color:#999;font-style:italic}.no-portfolios{text-align:center;padding:40px;color:#666}.create-portfolio-btn{background-color:#131720;color:#f5f5f5;border:1px solid #383838;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:1em;transition:all .3s ease}.create-portfolio-btn:hover{background-color:#212b39;border-color:#555}.edit-portfolio-card-btn{background-color:#131720;color:#f5f5f5;border:1px solid #383838;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9em;transition:all .3s ease}.edit-portfolio-card-btn:hover{background-color:#212b39;border-color:#555}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#131720;padding:30px;border-radius:8px;border:1px solid #383838;box-shadow:0 4px 6px #0000004d;max-width:400px;width:90%}.modal-content h2{margin-top:0;margin-bottom:20px;color:#f0f0f0}.modal-content input{width:100%;padding:12px;margin-bottom:20px;border:1px solid #383838;border-radius:4px;background-color:#131720;color:#f0f0f0;font-size:1em;box-sizing:border-box}.modal-content input::placeholder{color:#888}.modal-content input:focus{outline:none;border-color:#00a0e9;box-shadow:0 0 0 2px #00a0e91a}.modal-content input:disabled{background-color:#0d1117;color:#666}.modal-buttons{display:flex;gap:10px;justify-content:flex-end}.modal-btn{padding:10px 20px;border:1px solid #383838;border-radius:8px;font-size:1em;cursor:pointer;transition:all .3s ease}.create-btn{background-color:#131720;color:#fff}.create-btn:hover:not(:disabled){background-color:#212b39;border-color:#555}.cancel-btn{background-color:#383838;color:#f0f0f0;border:1px solid #555}.cancel-btn:hover:not(:disabled){background-color:#454545}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.portfolio-detail-modal{background-color:#131720;padding:30px;border-radius:8px;border:1px solid #383838;box-shadow:0 4px 6px #0000004d;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:2px solid #383838;padding-bottom:15px}.detail-header h2{margin:0;color:#f0f0f0}.close-btn{background:none;border:none;font-size:2em;cursor:pointer;color:#888;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-btn:hover{color:#f0f0f0;background-color:#131720}.detail-actions{display:flex;gap:10px;margin-bottom:20px}.action-btn{flex:1;padding:12px;border:1px solid #383838;border-radius:8px;cursor:pointer;font-size:1em;font-weight:500;transition:all .3s ease}.edit-btn{background-color:#131720;color:#fff}.edit-btn:hover{background-color:#212b39;border-color:#555}.delete-btn{background-color:#960019;color:#f5f5f5}.delete-btn:hover{background-color:#420d09}.holdings-section{margin-top:20px}.holdings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.holdings-header h3{margin:0;color:#f0f0f0}.add-holding-btn{background-color:#131720;color:#f5f5f5;border:1px solid #383838;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9em;transition:all .3s ease}.add-holding-btn:hover{background-color:#212b39}.holdings-detail-list{display:flex;flex-direction:column;gap:10px}.holding-detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #383838;border-radius:4px;background-color:#131720}.holding-detail-info{display:flex;flex-direction:column;gap:4px}.detail-ticker{font-weight:700;font-size:1.1em;color:#f0f0f0}.detail-quantity{font-size:.9em;color:#999}.detail-value{font-size:.9em;color:#28a745;font-weight:500}.remove-holding-btn{background-color:#960019;color:#f5f5f5;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:.85em;transition:all .3s ease}.remove-holding-btn:hover{background-color:#420d09}.no-holdings{text-align:center;color:#999;padding:20px}.stock-search-section{position:relative;margin-bottom:20px}.searching-text{font-size:.85em;color:#999;margin:8px 0;font-style:italic}.search-results-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#131720;border:1px solid #383838;border-top:none;border-radius:0 0 4px 4px;max-height:250px;overflow-y:auto;z-index:100;box-shadow:0 4px 6px #0000004d}.search-result-item{padding:10px;border-bottom:1px solid #383838;cursor:pointer;transition:background-color .2s ease;color:#fff}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item.selected{background-color:#212b39}.search-result-item.selected{border-left:3px solid #00a0e9;padding-left:9px}.result-symbol{font-weight:700;font-size:1em;color:#f0f0f0}.result-description{font-size:.85em;color:#999;margin-top:4px}.selected-stock-info{background-color:#131720;border:1px solid #383838;border-radius:4px;padding:12px;margin-bottom:20px}.selected-stock-info p{margin:6px 0;color:#f0f0f0}.portfolio-summary{margin-top:1rem;padding-top:.75rem;border-top:2px solid #383838;text-align:right;font-size:1.1rem;font-weight:700;color:#28a745}.profilecolumn-section{display:flex;flex-direction:column;align-items:center;max-width:min(1100px,calc(100% - 32px));margin:24px auto 0;box-sizing:border-box}.profiletwo-column-section{display:grid;grid-template-columns:2fr 4fr;align-items:stretch;gap:48px;max-width:min(1100px,calc(100% - 32px));margin:24px auto 0;box-sizing:border-box;padding:0 16px}.profile-content{padding:20px;border-radius:8px}.profile-display,.profile-edit{display:flex;flex-direction:column;gap:16px}.profile-field{padding:12px;background-color:#131720;border-radius:6px;border:1px solid #383838}.profile-field label{display:block;font-size:.9rem;color:#b0b0b0;margin-bottom:6px;font-weight:500}.profile-value{margin:0;font-size:1.1rem;color:#f5f5f5}.edit-button{align-self:flex-start;background-color:#131720!important;color:#f5f5f5!important;border-radius:8px!important}.edit-button:hover{background-color:#2a3344!important}.button-group{padding-top:16px;border-top:1px solid #383838}.column-image{display:flex;justify-content:center;align-items:center}.column-image img{width:100%;max-width:500px;height:auto;border-radius:12px}.column-text{text-align:left;margin-bottom:20px}.column-text h1{margin-top:0;margin-bottom:20px;color:#fff}.column-text h4{font-size:1.1rem;line-height:1.6;color:#b0b0b0}.profileButtons{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:fit-content;max-width:none}.portfolioButton{justify-content:flex-start!important;padding-left:12px!important;padding-right:12px!important;background-color:#131720!important;color:#f5f5f5!important;border:#383838 1px solid!important;border-radius:8px!important;width:100%;display:inline-flex!important;align-items:center;column-gap:16px;min-width:0!important}.profileButton{justify-content:flex-start!important;padding-left:12px!important;padding-right:12px!important;background-color:#131720!important;color:#f5f5f5!important;border-color:#131720!important;border:#383838 1px solid!important;border-radius:8px!important;width:100%;display:inline-flex!important;align-items:center;column-gap:16px;min-width:0!important}.portfolioButton:hover{background-color:#2a3344!important;color:#f5f5f5!important;border:#383838 1px solid!important}.profileButton.active{background-color:#2a3344!important;border:#4a9eff 1px solid!important}.profileButton.active:hover{background-color:#3a4354!important}.profileButton .MuiButton-startIcon{margin-left:1!important;margin-right:4px!important;width:24px;min-width:24px;display:inline-flex;justify-content:flex-start;align-items:center}.profileButton .MuiButton-startIcon>*:nth-of-type(1){font-size:20px}.profileButton .MuiButton-label,.profileButton .MuiButton-startIcon+*{grid-column:2;text-align:left;justify-self:start}.profile-edit .MuiOutlinedInput-root{background-color:#131720;color:#f5f5f5}.profile-edit .MuiInputBase-input{color:#f5f5f5}.profile-edit .MuiOutlinedInput-notchedOutline{border-color:#383838}.profile-edit .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#4a4a4a}.profile-edit .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#90caf9}.profile-edit .MuiInputBase-input.Mui-disabled{-webkit-text-fill-color:#b0b0b0}.profile-edit .MuiFormHelperText-root,.profile-edit .MuiFormHelperText-root.Mui-focused,.profile-edit .MuiFormHelperText-root.Mui-disabled{color:#b0b0b0}.profile-edit .MuiFormHelperText-root.Mui-error{color:#ff6b6b}@media(max-width:768px){.profiletwo-column-section{grid-template-columns:1fr;gap:24px}.profile-content{width:100%}}.stocks-container{padding:16px;max-width:1100px;margin:0 auto}.stocks-container h1{margin-bottom:20px;color:#fff;font-size:28px}.error-message{color:#ef4444;margin-bottom:20px;font-size:14px}.search-section{margin-bottom:30px;position:relative;display:flex;flex-direction:column}.search-input{width:100%;max-width:400px;padding:12px;border:1px solid #383838;border-radius:4px;font-size:14px;background-color:#131720;color:#fff;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:#4f46e5}.search-input::placeholder{color:#888}.search-results{position:absolute;top:calc(100% + 4px);left:0;width:100%;max-width:400px;background:#131720;border:1px solid #383838;border-top:1px solid #383838;max-height:250px;overflow-y:auto;z-index:10;border-radius:4px}.search-item{padding:10px;border-bottom:1px solid #383838;cursor:pointer;color:#fff}.search-item:hover{background-color:#131720}.stock-card{margin:20px 0;padding:15px;border:1px solid #383838;border-radius:4px;background-color:#131720}.stock-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.stock-info{display:flex;align-items:center;gap:12px}.company-logo{width:40px;height:40px;border-radius:4px;object-fit:cover}.stock-header h3{margin:0;font-size:18px;color:#fff}.company-name{margin:4px 0 0;font-size:12px;color:#888}.stock-price{text-align:right}.price{margin:0;font-size:16px;font-weight:700;color:#fff}.change{margin:5px 0 0;font-size:14px;font-weight:700}.stock-change{margin:0;font-size:14px;color:#888}@media(max-width:600px){.stocks-container{padding:12px}.stocks-container h1{font-size:24px;margin-bottom:16px}.search-input{max-width:100%;padding:10px;font-size:16px}.search-results{max-width:100%}.stock-card{padding:12px;margin:16px 0}.stock-header{flex-direction:column;align-items:flex-start;gap:8px}.stock-price{align-self:flex-end;width:100%;text-align:right}.stock-header h3{font-size:16px}.company-logo{width:36px;height:36px}}@media(min-width:601px)and (max-width:1024px){.stocks-container{padding:16px}.stocks-container h1{font-size:26px}.search-input{max-width:350px;padding:11px}.search-results{max-width:350px}.stock-card{padding:14px}}@media(min-width:1025px){.search-input,.search-results{max-width:400px}}.rating-container{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background-color:#1a202e;border-radius:12px;margin:1rem 0}.rating-display{display:flex;align-items:center;gap:1.5rem}.average-rating{display:flex;align-items:center;gap:.8rem}.rating-value{font-size:2rem;font-weight:700;color:#2c3e50;min-width:50px}.rating-stars{font-size:1.8rem;color:#f39c12;letter-spacing:4px}.rating-count{font-size:.9rem;color:#7f8c8d}.no-ratings{font-size:1rem;color:#95a5a6;font-style:italic}.rating-input{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.stars-container{display:flex;gap:.5rem}.star-button{background:none;border:none;font-size:2rem;cursor:pointer;color:#ecf0f1;transition:all .2s ease;padding:0}.star-button:hover{color:#f39c12;transform:scale(1.2)}.star-button.active{color:#f39c12}.star-button:disabled{cursor:not-allowed;opacity:.6}.delete-rating-button{padding:.5rem 1rem;background-color:#e74c3c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.delete-rating-button:hover:not(:disabled){background-color:#c0392b}.delete-rating-button:disabled{opacity:.6;cursor:not-allowed}.portfolio-owner-message{font-size:.9rem;color:#7f8c8d;font-style:italic;padding:.5rem;background-color:#f4d03f33;border-left:3px solid #f4d03f;border-radius:4px}.error-message{color:#e74c3c;font-size:.85rem;padding:.5rem}.all-portfolios-container{padding:20px;max-width:1100px;margin:0 auto}.all-portfolios-subtitle{margin-top:-4px;margin-bottom:20px;color:#fff}.all-portfolios-container h1{margin-bottom:20px;color:#fff}.portfolio-owner{display:inline-block;color:#c8d0db;font-size:.9rem}.portfolio-name{color:#fff}.no-holdings-message{color:#d3d9e1}.all-portfolios-container .portfolio-card{margin:20px 0;padding:15px;border:1px solid #383838;border-radius:4px;background-color:#131720;box-shadow:0 6px 12px #302d2d29}.all-portfolios-container .portfolio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.all-portfolios-container .portfolio-header span,.all-portfolios-container .holding-quantity,.all-portfolios-container .holding-total,.all-portfolios-container .holding-loading,.all-portfolios-container .holding-unavailable{color:#c8d0db}.all-portfolios-container .holding-price{margin:0;font-size:16px;font-weight:700;color:#fff}.all-portfolios-container .holding-change{margin:5px 0 0;font-size:14px;font-weight:700}.all-portfolios-container .holding-item{border-bottom:1px solid #2b3241}