@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";[data-theme=light]{--primary-color: rgba(107, 114, 128, 1);--secondary-color: rgba(89, 95, 108, 1);--text-color: rgba(0, 34, 64, 1);--bg-color: rgba(244, 244, 244, 1);--card-color: rgba(244, 244, 244, 1);--card-color2: rgba(244, 244, 244, 1);--card-hover: rgba(0, 0, 0, .05);--success-color: rgba(163, 177, 138, 1);--error-color: rgba(200, 68, 60, 1);--icon-filter: grayscale(100%) brightness(0%);--link-color: #0000EE;--link-hover: #FF4500;--link-visited: #551A8B;--search-icon: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E%0A") no-repeat center;transition:background-color .3s ease,color .3s ease}[data-theme=dark]{--primary-color: rgba(244, 244, 244, 1);--secondary-color: rgba(200, 204, 214, 1);--text-color: rgba(244, 244, 244, 1);--bg-color: rgba(33, 37, 41, 1);--card-color:#36393D;--card-color2: black;--card-hover: rgba(54, 57, 61, .7);--success-color: rgba(163, 177, 138, 1);--icon-filter: none;--link-color: #66ccff;--link-hover: #ff9933;--link-visited: #b399ff;--error-color: rgba(200, 68, 60, 1);--search-icon: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath fill='%23ffffff' d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E%0A") no-repeat center;transition:background-color .3s ease,color .3s ease}body{font-family:Inter,sans-serif;color:var(--text-color);background-color:var(--bg-color);line-height:1.6}*{box-sizing:border-box;padding:0;margin:0}html{overflow-y:scroll}ul{list-style-type:none}a{text-decoration:none;color:var(--primary-color)#6B7280}h1,h2{font-weight:300;line-height:1.2;margin:10px 0}p{color:var(--primary-color)#6B7280}.container{max-width:1400px;margin:0 auto;overflow:auto;padding:0 40px}.flex{display:flex;justify-content:space-between;align-items:center;gap:15px;height:100%}.flex-center{display:flex;justify-content:center;align-items:center;gap:15px}.flex-error{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;gap:10px}.card{background-color:var(--card-color);border-radius:5px;box-shadow:0 1px 3px #0006;padding:20px 30px;margin:10px}.btn{display:inline-block;padding:10px 30px;cursor:pointer;background:#000;color:#fff;font-size:medium;font-weight:600;border:none;border-radius:5px}.btn-disabled{display:inline-block;padding:10px 30px;background:var(--primary-color);color:#fff;font-size:medium;font-weight:600;border:none;border-radius:5px}.btn-outline{background-color:transparent;cursor:pointer}.btn:hover{transform:scale(.98)}.text-primary{color:var(--primary-color)}.text-dark{color:var(--dark-color)}.text-light{color:var(--light-color)}.extra-light{font-weight:200}.light{font-weight:300}.medium{font-weight:400}.strong{font-weight:500}.semi-bold{font-weight:600}.bold{font-weight:700}.lead{font-size:20px}.xs{font-size:.8rem}.xss{font-size:.9rem}.sm{font-size:1rem}.smm{font-size:1.1rem}.normal{font-size:1.3rem}.md{font-size:2rem}.lg{font-size:3rem}.xl{font-size:4rem}.text-center{text-align:center}.alert{background-color:var(--light-color);padding:10px 20px;font-weight:700;margin:15px 0}.alert i{margin-right:10px}.alert-success{color:var(--success-color)}.alert-error{background-color:var(--error-color);color:#fff}.error-message{display:flex;align-self:start;color:var(--error-color)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;justify-content:center;align-items:center;height:100%}.grid-4{display:grid;grid-template-columns:repeat(4,1fr)}.grid-5{display:grid;grid-template-columns:repeat(5,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.my-1-xs{margin:.3rem 0}.my-1{margin:1rem 0}.mx-1{margin:0 .5rem}.my-2{margin:1.5rem 0}.my-3{margin:2rem 0}.my-4{margin:3rem 0}.my-5{margin:4rem 0}.m-1{margin:1rem}.m-2{margin:1.5rem}.m-3{margin:2rem}.m-4{margin:3rem}.m-5{margin:4rem}.py-1{padding:1rem 0}.py-2{padding:1.5rem 0}.py-3{padding:2rem 0}.py-4{padding:3rem 0}.py-5{padding:4rem 0}.p-1{padding:1rem}.p-2{padding:1.5rem}.p-3{padding:2rem}.p-4{padding:3rem}.p-5{padding:4rem}.register-container{height:100vh}.register-card{display:flex;flex-direction:column;gap:15px;width:350px;padding:30px 40px}.register-body-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.input-box-form{border:none;width:100%;background:transparent;padding:7px 8px;font-size:14px;border:.1px solid var(--primary-color);border-radius:5px;margin-top:5px}.register-card:hover{background-color:var(--card-hover)}.demo-entry{display:flex;flex-direction:column;gap:10px;text-align:center}.demo-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:12px 16px;border:1px solid #bdcba6;border-radius:8px;background:#bdcba6;color:#18251b;font:inherit;font-size:14px;font-weight:650;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease}.demo-button:hover:not(:disabled){background:#ced9bd;box-shadow:0 3px 12px #0000001f}.demo-button:focus-visible{outline:2px solid var(--text-color);outline-offset:3px}.demo-button:disabled{cursor:wait;opacity:.8}.demo-arrow{font-size:20px;line-height:1}.demo-caption{font-size:12px;opacity:.75}.demo-status{font-size:12px;line-height:1.6}.demo-status:empty{display:none}.demo-spinner{width:16px;height:16px;border:2px solid rgba(24,37,27,.25);border-top-color:#18251b;border-radius:50%;animation:demo-spin .8s linear infinite}@keyframes demo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.demo-spinner{animation-duration:2s}.demo-button{transition:none}}.login-divider{display:flex;align-items:center;gap:12px;font-size:12px;opacity:.6}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:var(--primary-color)}.form-center{display:flex;justify-content:center;gap:5px}.input-box-form:hover{background-color:#00000008}.register-input-container{display:flex;flex-direction:column;justify-content:center;width:100%}.register-form-container{gap:10px}.input-box-form:focus{box-shadow:0 0 3px #1183d6;border-color:#1183d6;outline:none;background-color:#00000012}.icon-card-container{display:flex;height:100%;justify-content:flex-end}.metric-container:hover{background-color:#000;color:#fff}.digit-animation{animation:roll .5s ease forwards}@keyframes roll{0%{transform:translateY(-50%);opacity:0}to{transform:translateY(0);opacity:1}}.navbar{height:80px;border-bottom:.5px solid rgba(0,0,0,.2)}.navbar li a:hover{border-bottom:1px var(--secondary-color) solid}.navbar a:hover{color:var(--secondary-color)}.navbar a{padding:5px;margin:0 5px}.navbar form{color:#555;display:flex;padding:2px;border:.5px solid var(--text-color);border-radius:5px}::placeholder{color:var(--text-color)}@media screen and (max-width: 960px){.navbar p{display:none}.nav_icon{animation:rotation 2s linear}}.nav_icon:hover{animation:rotation 2s linear}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search_box_input{background:transparent;width:400px;padding:7px 8px;font-size:14px;border:1px solid transparent}.form-search{border:.5px solid var(--text-color);border-radius:5px}.search_box_btn{text-indent:-999px;overflow:hidden;width:40px;padding:0;margin:0;border:1px solid transparent;background:var(--search-icon);cursor:pointer;opacity:.7}.search_box_btn:hover{opacity:1}.search_box_input:hover{background-color:#00000012}.search_box_btn:focus,.search_box_input:focus{box-shadow:0 0 3px #1183d6;border-color:#1183d6;outline:none;background-color:#00000012}@media screen and (max-width: 960px){.search_box_input{width:200px}}.switch{display:flex}.metrics-container{margin-top:20px}.search-box-dashboard{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:70vh}.metric-table-container{border:2px black solid}.table-pagination-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 10px 25px}@media screen and (max-width: 960px){.metrics-container .grid-4{display:grid;grid-template-columns:repeat(2,1fr)}}.image-logo{width:18px;filter:var(--icon-filter)}.stock-ticker-link{display:flex;align-items:center}.stock-ticker-link:hover{color:var(--primary-color)}.stock-form-card{display:flex;flex-direction:column;width:500px;gap:15px}.flex-column-form{display:flex;flex-direction:column;justify-content:end;align-items:end}.logo-flex{display:flex;justify-content:center;align-items:center;gap:8px}.mb{margin-bottom:1.3rem}.container-form-header{display:flex;justify-content:space-between;align-items:center}.container-form-subheader{display:flex;justify-content:space-between;padding:0 20px;align-items:center;margin:10px 0}.container-form-body{display:flex;height:auto;flex-direction:column;justify-content:space-between;padding:0 20px;margin-bottom:15px;gap:20px}.search-box-form{border:none;width:180px;background:transparent;padding:7px 8px;font-size:14px;border:.1px solid var(--primary-color);border-radius:5px;margin-top:5px}.container-form-footer{display:flex;flex-direction:column;gap:10px;margin-top:25px;justify-content:center;align-items:center}.stock-form-card:hover{background-color:var(--card-hover)}.search-box-form:hover{background-color:#00000008}.search-box-form:focus{box-shadow:0 0 3px #1183d6;border-color:#1183d6;outline:none;background-color:#00000012}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.container-metrics-table{display:flex;flex-direction:column;overflow-x:auto;width:100%;margin:25px 0;border-radius:5px;box-shadow:0 1px 3px #0006}.container-metrics-table table{border-collapse:collapse;width:100%;font-size:.9rem;overflow:hidden}.container-metrics-table>div:first-child{display:flex;justify-content:space-between;padding:15px 18px;box-shadow:0 1px 3px #0006}.select-container-table{display:flex;align-items:center;gap:8px}.table-link-icon{margin-left:5px}.container-metrics-table select{border-radius:5px;width:60px;padding:5px 8px;font-size:14px;border:.5px solid var(--primary-color)}.container-metrics-table input{width:180px}.container-metrics-table input:hover,.container-metrics-table input:focus,.container-metrics-table select:hover{border-color:#1183d6;box-shadow:0 0 3px #1183d6;outline:none}.container-metrics-table thead tr{background-color:#6b728029;color:var(--secondary-color)1}.container-metrics-table th{font-weight:600}.container-metrics-table tbody tr img{width:18px}.container-metrics-table td{padding:18px 15px;max-width:100px}.container-metrics-table th{padding:10px 15px;max-width:100px}#company,#return_percentage,#current_price,#total_invested{min-width:130px}#ticker,#shares{max-width:80px}.container-metrics-table tbody tr{border-bottom:1px solid #dddddd}.container-metrics-table tbody tr:nth-of-type(2n){background-color:#6b728029}.container-metrics-table tbody tr:hover{background-color:#000;color:#fff}.table-link-icon:hover{color:var(--success-color);text-shadow:0 0 5px rgba(0,255,255,.7)}.container-metrics-table tbody tr:hover .image-filter{filter:none}th.default{cursor:pointer}th div{display:flex;align-items:center;gap:10px}.image-filter{filter:var(--icon-filter);transition:filter .2s ease}@media screen and (max-width: 960px){.metric-table-responsive,#company,#transaction_index,#transaction_company_logo,#logo,#index{display:none}}.no-result{display:flex;justify-content:center;align-items:center;padding:10px 0;color:var(--error-color)}.pagination-button{display:flex;justify-content:center;align-items:center;gap:10px}.pagination-button a{display:flex;justify-content:center;align-items:center;border:.01px solid rgba(0,0,0,.4);width:30px;height:30px;border-radius:5px;box-shadow:0 1px 3px #0000001a;cursor:pointer}.pagination-button li:hover,.pagination-button a:hover{background-color:var(--text-color);border-radius:5px;color:var(--card-color2)}.disabled{pointer-events:none;opacity:.5;cursor:not-allowed}.icons-column{display:flex;gap:15px}.transaction-type{color:#fff;width:fit-content;padding:1px 6px;border-radius:5px}.transaction-type-buy{background-color:var(--success-color)}.table-header{background-color:var(--card-color)}.transaction-type-sell{background-color:var(--error-color)}.edit-icons{cursor:pointer}.delete-icon:hover{color:var(--error-color);font-weight:800}.edit-icon:hover{color:var(--primary-color)}.delete-item-container{display:flex;flex-direction:column;justify-content:start;gap:5px}.delete-items{display:flex;gap:10px}.container-metrics-table tfoot{background-color:var(--card-color)}.stock-screen-grid{display:grid;grid-template-columns:1fr 3fr;gap:5px}.stock-chart-outter-container{display:flex;gap:30px}.stock-chart-container{display:flex;flex-direction:column;gap:15px}.error-stock-fetch{display:flex;justify-content:center;align-items:center;width:100vh;height:100%}.stock-chart-container li{display:flex;margin-left:15px;align-items:center}.stock-chart-container div:first-of-type{display:flex;align-items:center}.stock-chart-container a{position:relative;display:inline-block;margin-right:20px;font-size:.9rem;padding:0 10px;font-weight:500;color:var(--primary-color);text-decoration:none}.chart-info-flex{display:flex;flex-direction:column;width:100%;gap:18px;justify-content:center}.chart-info-flex div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.2)}.chart-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:15px;width:100%;justify-content:center;align-items:center}.stock-chart-container a:last-of-type{border-right:none}.stock-chart-container a:not(:last-of-type):after{content:"|";position:absolute;top:50%;right:-10px;transform:translateY(-50%);color:gray;font-weight:400}.stock-chart-container a.selected{border-bottom:2px solid blue;text-shadow:0 0 2px rgba(0,0,0,.5)}.positive-return{color:var(--success-color)}@media screen and (max-width: 960px){.hide-on-small{display:none}.stock-screen-grid{display:grid;grid-template-columns:1fr;gap:5px}}.tooltip-container{background-color:#000;border-radius:5px;color:#fff;border:1px solid black;padding:5px;display:flex;justify-content:center;align-content:center;gap:5px}.stock-price-container{display:flex;align-items:center;justify-content:space-between;gap:25px}.stock-price-container-column{display:flex;flex-direction:column;gap:30px}.stock-price-inner-container{display:flex;align-items:flex-end;gap:5px}.stock-price-btn-container{display:flex;justify-content:center;gap:5px}.stock-info-container{display:flex;flex-direction:column;gap:10px}.stock-info-container a{color:var(--link-color);border-bottom:1px solid}.stock-info-container a:visited{color:var(--link-visited)}.stock-info-container a:hover{color:var(--link-hover)}