body,html{margin:0;padding:0;height:100%;font-family:Arial,sans-serif}.login-button:hover{background-color:#fb641c}.login-button{width:100%;padding:12px;font-size:14px;border:none;border-radius:20px;cursor:pointer;background-color:#b83a00;color:#fff;margin:10px 0}.login-page{background-image:url(/assets/background-2aa942d8.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:flex-end;align-items:center;min-height:100vh;width:50%;border-right:2px solid white}.login-page-container{display:flex}.login-section-container{width:50%;display:flex;justify-content:center;align-items:center;background-color:#000}.login-section{display:flex;flex-direction:column;align-items:center}.login-form{width:300px;padding:0;box-shadow:0 4px 8px #0000001a;border-radius:8px;display:flex;flex-direction:column}.login-title{font-size:24px;color:#fff;text-align:center;margin-bottom:20px}label{display:flex;flex-direction:column;width:100%;margin-bottom:15px;font-size:16px;color:#fff}input{padding:10px;margin-top:5px;font-size:14px;border:1px solid #ccc;border-radius:5px;width:100%;box-sizing:border-box}.SignUpLink{margin-top:0;font-size:14px;color:#fff;text-decoration:none;text-align:center}.SignUpLink:hover{text-decoration:underline}.error,.dark-mode .error{color:red;font-size:14px;margin:0;padding:0;text-align:center}@media (max-width: 800px){.login-page{width:0%;border-right:none}.login-section-container{width:100%}}.signup-page{background-image:url(/assets/background-2aa942d8.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:flex-end;align-items:center;min-height:100vh;width:50%;border-right:2px solid white}.signup-page-container{display:flex}.signup-section-container{width:50%;display:flex;justify-content:center;align-items:center;background-color:#000}.signup-title{font-size:24px;color:#fff;text-align:center;margin-top:50px;margin-bottom:0}.signup-section{display:flex;flex-direction:column;align-items:center}.signup-form{width:300px;padding:30px;box-shadow:0 4px 8px #0000001a;border-radius:8px;display:flex;flex-direction:column}.sign-up-button{width:100%;padding:12px;font-size:14px;border:none;border-radius:20px;cursor:pointer;background-color:#b83a00;color:#fff;margin:10px 0}.sign-up-button:hover{background-color:#fb641c}@media (max-width: 800px){.signup-page{width:0%;border-right:none}.signup-section-container{width:100%}}#modal{position:fixed;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center}#modal-background{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#000000b3}#modal-content{position:absolute;width:400px;max-width:90%;background-color:#fff;border-radius:.3125rem;box-shadow:0 4px 8px #0003;text-align:center;font-family:Arial,sans-serif}.profile-dropdown{position:absolute;right:0;margin-right:20px}.robinhood-logo-home{font-size:50px}.robinhood-logo-home:hover{color:#fb641c}.logo-home-container{margin:10px 10px 10px 30px}.dark-mode .robinhood-logo-home{color:#fff}.dark-mode .robinhood-logo-home:hover{color:#fb641c}.nav-bar-main{display:flex;justify-content:space-between;padding:20px}.hidden-profile-button,.hidden-home-link{display:none}.search-bar-container{display:flex;align-items:center;border:1px solid rgb(126,126,126);border-radius:5px;height:32px;width:30%}.search-bar-container svg{margin-left:5px;color:gray;font-size:20px}.search-bar-container input{border:none;height:20px;margin-bottom:5px;outline:none}.profile-button-nav-container,.search-bar-container{margin:auto 0}*{font-family:Arial,sans-serif;font-weight:400}.dark-mode .profile-list-item-with-icon *{background-color:#000}.dark-mode .profile-list-item-with-icon button:hover{background-color:#000;color:#fb641c}.profile-button{border:1px rgb(126,126,126) solid;background-color:#fffffff4;border-radius:5px;width:2.5rem;height:2.5rem;font-size:large}.profile-button:hover{color:#fb641c}.profile-dropdown{border:1px #cecece solid;border-radius:5px;padding:.5rem 1rem;background-color:#fff}.profile-dropdown>li{list-style-type:none;padding:.25rem}.profile-list-item-with-icon:hover{color:#fb641c}.profile-list-item-with-icon>button:hover{color:#fb641c}.profile-list-item-with-icon{border-top:1px #cecece solid;display:flex;flex-direction:row;justify-content:left}.profile-list-item-with-icon *{background-color:#fff}.stocks-all-list-home{width:800px;border-bottom:1px solid #cecece;padding:10px}.none-found-text-home{font-size:50px}.stock-list-item-home{padding:10px;display:flex;justify-content:space-between;height:35px;border-bottom:1px solid #eaeaea;font-family:Arial,sans-serif;font-size:16px;color:#333;cursor:pointer}.stock-list-item-home div{display:flex;align-items:center}.company-name-list-item-home{width:32%}.ticker-list-item-home{width:10%}.updated-price-list-item-home{width:12%}.button-list-item-home{width:15%;display:flex;justify-content:center;align-items:center}.pagination-footer-home{display:flex;justify-content:space-between}.pagination-footer-items-container-home{display:flex;justify-content:flex-end;align-items:center;width:100px}.pagination-footer-items-container-home p:hover{cursor:pointer}.pagination-footer-items-container-home p{margin:0 8px;font-size:17px;font-weight:700px}.current-page-link-home{color:#fb641c}.add-to-watchlist-home-button{justify-self:center;background-color:#fff;font-size:20px;border-radius:5px}.add-to-watchlist-home-button:hover{color:#fb641c;cursor:pointer}.dark-mode .button-list-item-home button{color:#fb641c;background-color:#000}.dark-mode .current-page-link-home{color:#fb641c}.watchlist-list{width:200px;height:675px;margin-left:50px;margin-top:67px;border:1px solid #cecece;overflow-y:auto;overflow-x:hidden;padding:10px}#Watchlist-header{height:30px}#Watchlist-header h2{margin-top:0}.watchlist-item-ticker,.watchlist-item-updated-price{width:40%}.watchlist-item-button{width:20%;display:flex;justify-content:center;align-items:center;border-radius:5px}.watchlist-item-button-inner:hover{color:#fb641c;cursor:pointer}.watchlist-item-button-inner{background-color:#fff;font-size:20px}.watchlist-item{padding:5px;display:flex;justify-content:space-between;height:35px;border-bottom:1px solid #eaeaea;font-family:Arial,sans-serif;font-size:16px;color:#333;cursor:pointer;transition:background-color .2s ease-in-out}.watchlist-list::-webkit-scrollbar{width:8px;height:8px}.watchlist-list::-webkit-scrollbar-track{background:#f0f0f0;border-radius:8px}.watchlist-list::-webkit-scrollbar-thumb{background-color:#888;border-radius:8px;border:2px solid #f0f0f0}.watchlist-list::-webkit-scrollbar-thumb:hover{background-color:#555}.watchlist-list div p{font-size:15px}.dark-mode .watchlist-item-button-inner{color:#fb641c;border-radius:5px;background-color:#000}main{display:flex;margin:0% 10%;justify-content:space-between}@media (max-width: 1400px){.ticker-list-item-home,.ticker-list-item-home p{display:none;width:0px;height:0px}.stocks-all-list-home{width:700px}}@media (max-width: 1100px){.watchlist-list{width:165px}.stocks-all-list-home{width:500px;margin-left:25px}.company-name-list-item-home p{font-size:15px}}@media (max-width: 850px){.updated-price-list-item-home,.updated-price-list-item-home p{display:none;width:0px;height:0px}.stocks-all-list-home{width:270px;margin-left:0}.pagination-footer-home{width:270px}.stocks-all-list-item-home{width:40px}.company-name-list-item-home p{font-size:12px}}@media (max-width: 595px){main{flex-direction:column}.stocks-all-list-home,.pagination-footer-home{margin:0 auto}.watchlist-list{margin:50px auto;height:230px;width:220px}}a{text-decoration:none;color:#333}.top-header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;max-width:62.5rem;margin:0 auto;position:relative}.pie-chart-container{width:20rem;height:30rem;margin-left:auto;margin-right:0}#chart-title{text-align:center;font-weight:700}.user-info{min-width:50%!important;padding:1.25rem;background-color:#fff;flex:1;border:1px #cecece solid;border-radius:5px;position:absolute;top:10%!important}.user-info .username,.user-info .user-email{font-size:1.125rem;font-weight:700;margin-bottom:.625rem}.stocks-all-list{width:99%;padding:0rem;background-color:#fff;margin:1.25rem auto}.stock-list-header{padding:.625rem;display:flex;justify-content:space-between;height:2.8125rem;border-bottom:.0625rem solid #eaeaea;font-family:Arial,sans-serif;font-size:1.125rem;color:#333;cursor:pointer;font-weight:700}.stock-list-item{padding:.625rem;display:flex;justify-content:space-between;height:2.8125rem;border-bottom:.0625rem solid #eaeaea;font-family:Arial,sans-serif;font-size:1rem;color:#333;cursor:pointer;transition:background-color .3s}.stock-list-item:hover{background-color:#f0f0f0}.stock-list-item div{display:flex;justify-content:flex-start}.company-name-list-item{width:35rem}.ticker-list-item{width:20rem}.updated-price-list-item{width:25rem}.quantity-list-item,.market-value-list-item{width:20rem}.pagination-footer{display:flex;justify-content:space-between;margin-top:1.25rem;padding:.625rem}.pagination-footer-items-container{display:flex;justify-content:space-between;width:6.25rem}.pagination-footer-items-container p{margin:0 .3125rem;cursor:pointer;color:#333;border:.0625rem solid #fff;padding:.125rem .375rem}.pagination-footer-items-container p:hover{color:#fb641c}.current-page-link{color:#b83a00;font-weight:700}.add-fund-button,.liquidate-portfolio-button{background-color:#b83a00;color:#fff;border:none;padding:.625rem 1.25rem;font-size:1rem;font-weight:700;border-radius:.25rem;cursor:pointer;transition:background-color .3s;margin-right:.625rem}.add-fund-button:hover,.liquidate-portfolio-button:hover{background-color:#fb641c}.liquidate-portfolio-button{background-color:#b83a00}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:62.5rem;margin:1.25rem auto;background-color:#fff}.add-fund-form input{padding:.625rem;font-size:1rem;border:.0625rem solid #cecece;border-radius:.25rem;margin-right:.625rem;width:12.5rem}.balances{list-style-type:none;padding:0;margin:0;max-width:400px}.balance-item{display:flex;justify-content:space-between;align-items:center;font-size:1rem;margin-bottom:.5rem}.balance-description{flex:1;text-align:left;font-weight:700}.balance-amount{flex:1;text-align:right;font-weight:700}button{border:none;font-family:Arial,sans-serif;font-weight:700}.stock-list-button-hidden{display:none}.stocks-all-list-container{width:100%;max-width:62.5rem;margin:0 auto;overflow:hidden}.stocks-all-list-container h2{text-align:start;padding:.625rem;font-size:1.5rem;font-weight:700;margin:0}.liquidate-portfolio-button{margin-left:.625rem;margin-bottom:0}.dark-mode .pagination-footer-items-container *{border:none}@media (max-width: 768px){.top-header{display:flex;flex-direction:column;justify-content:flex-start;align-items:space-between;max-width:100%;margin-bottom:1rem}.stocks-all-list,.user-info,.stocks-all-list-container{max-width:90%;margin:.625rem;margin:0 auto}.user-info{min-width:0%;max-width:80%;margin-bottom:1rem;position:relative;margin:0 auto}.pie-chart-container{width:20rem;height:30rem;margin:0 auto}.header-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.stock-list-header,.stock-list-item,.pagination-footer,.balances li{font-size:.875rem;width:100%;min-width:800px}.pagination-footer-items-container{width:4.375rem}.pagination-footer-items-container p{padding:.0625rem .25rem}.add-fund-form{display:flex;flex-direction:column}.add-fund-form input{width:20rem;margin-bottom:.625rem}.add-fund-button,.liquidate-portfolio-button{font-size:.875rem;padding:.5rem 1rem;width:20rem;margin-bottom:.625rem}.liquidate-portfolio-button{margin-top:.625rem;margin-left:0}.stock-list-item div,.company-name-list-item,.ticker-list-item,.updated-price-list-item,.quantity-list-item,.market-value-list-item{width:auto}.balances{max-width:100%}.balance-item{flex-direction:column;align-items:flex-start;margin-bottom:1rem}.balance-description,.balance-amount{text-align:left;font-size:.875rem;width:100%}.stocks-all-list{width:100%;overflow-x:auto;display:block;white-space:nowrap}.stock-list-item{width:100%;min-width:800px}.stocks-all-list::-webkit-scrollbar{height:.5rem}.stocks-all-list::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:.25rem}.stocks-all-list{scrollbar-width:thin;scrollbar-color:#ccc transparent}}.delete-modal-container{width:400px;height:100%;max-width:90%;background-color:#fff;border-radius:.3125rem;box-shadow:0 4px 8px #0003;padding:1.25rem;text-align:center;margin:0;font-family:Arial,sans-serif}.delete-modal-container h1{font-size:1.5rem;color:#333;margin-bottom:.625rem}.delete-modal-container p{font-size:1rem;color:#666;margin-bottom:1.25rem}.delete-yes,.delete-no{background-color:#b83a00;color:#fff;border:none;padding:.625rem 1.25rem;font-size:1rem;font-weight:700;border-radius:.25rem;cursor:pointer;margin:.5rem;transition:background-color .3s;width:150px}.delete-yes:hover,.delete-no:hover{background-color:#fb641c}.stock-details-page-container{display:flex;flex-direction:row;gap:20px;justify-content:center}.right-menu{background-color:#fff;border-radius:4px;padding:20px;box-shadow:0 4px 10px #0000001a;margin-right:20px;border:1px solid #363b3d}.right-menu>div{padding-bottom:20px}.left-menu{margin-left:20px}.right-menu>div:first-child{border-bottom:1px solid #363b3d;padding-bottom:20px}.right-menu>div:nth-child(2){padding-top:20px}.right-menu>div:nth-child(3){border-bottom:1px solid #363b3d}.right-menu>div:nth-child(4){padding-top:20px}.right-menu>div:last-child{padding-bottom:0}.order-menu{display:flex;flex-direction:row;justify-content:space-between;gap:50px}.right-menu button{width:100%;padding:12px;font-size:14px;border:2px solid #b83a00;border-radius:20px;cursor:pointer;background-color:#b83a00;color:#fff;margin:10px 0}.right-menu button:hover{background-color:#fb641c;border:2px solid #fb641c}.right-menu button:disabled{background-color:transparent;border:2px solid #fb641c;color:#fb641c;cursor:default}.dark-mode .right-menu button:hover{background-color:#fb641c;border:2px solid #fb641c}.dark-mode .right-menu button:disabled{background-color:transparent;border:2px solid #fb641c;color:#fb641c;cursor:default}@media (max-width: 955px){.left-menu{width:300px}}@media (max-width: 600px){.stock-details-page-container{flex-direction:column}.right-menu{width:300px;margin:0 auto}.left-menu{margin:0 auto}}@media (max-width: 340px){.right-menu{width:200px}}.dark-mode body{background-color:#000;color:#fff}.dark-mode button{background-color:#b83a00;color:#fff}.dark-mode button:hover{background-color:#fb641c;color:#fff}.dark-mode div{background-color:#000}.dark-mode .signup-section,.login-section{background-color:initial!important}.dark-mode div:hover{background-color:#000}.dark-mode p{color:#fff}.dark-mode input{background-color:#000;color:#fff}.dark-mode .signup-section input,.login-section input{background-color:#fff;color:#000}.dark-mode h2{color:#fff}button,.dark-mode button{cursor:pointer}