:root{--base-bg-lighter:#555;--base-bg-light: #2a2a2a;--base-bg-mid: #333;--base-bg-dark: #212121;--base-bg-hover: #3a3a3a;--base-text: #e0e0e0;--base-text-light: #bdbdbd;--base-accent: #FF6C37;--base-border: #444;--base-accent-2: #ffca4f;--base-error: #ff6b6b}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--base-bg-light);color:#dbdee1;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;margin:0}.container{padding:2rem}.actionButtonHot{background-color:var(--base-accent);border:none;color:#fff;padding:8px 15px;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease-in-out;font-weight:600;margin-right:10px;margin-top:10px}.login-page-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#212121;color:#e0e0e0}.login-box{background-color:#2a2a2a;padding:32px;border-radius:8px;box-shadow:0 8px 16px #0000003d;width:480px;box-sizing:border-box;text-align:center}.login-title{color:#fff;font-size:24px;font-weight:600;margin-top:0;margin-bottom:8px}.login-subtitle{color:#aaa;font-size:16px;margin-top:0;margin-bottom:20px}.login-form{display:flex;flex-direction:column;text-align:left}.login-label{color:#aaa;font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.login-input{background-color:#3c3c3c;border:1px solid #555555;border-radius:3px;color:#e0e0e0;height:40px;padding:10px;font-size:16px;margin-bottom:20px}.login-input:focus{outline:none;border-color:var(--base-accent)}.login-button{background-color:var(--base-accent);color:#fff;border:none;border-radius:3px;font-size:16px;font-weight:500;height:44px;cursor:pointer;margin-bottom:8px}.login-button:hover{background-color:#f05c26}.register-button{background-color:var(--base-bg-lighter);color:#fff;border:none;border-radius:3px;font-size:16px;font-weight:500;height:44px;cursor:pointer;margin-bottom:8px}.register-button:hover{background-color:var(--base-bg-hover)}.login-message{margin-top:15px;font-size:14px;text-align:center}.login-message.success{color:#00c853}.login-message.error{color:#ff5252}.tableWrapper{max-height:45vh;overflow-y:auto;overflow-x:auto;border:1px solid var(--base-border);background-color:var(--base-bg-light);scrollbar-width:10px;scrollbar-color:var(--base-bg-lighter) var(--base-bg-light)}.tableWrapper::-webkit-scrollbar{width:8px;height:8px}.tableWrapper::-webkit-scrollbar-track{background:var(--base-bg-light)}.tableWrapper::-webkit-scrollbar-thumb{background-color:var(--base-bg-lighter);border:2px solid var(--base-border)}.tableWrapper::-webkit-scrollbar-thumb:hover{background-color:#777}.investmentsTable{border-collapse:separate;border-spacing:0;width:100%;border-collapse:collapse;color:var(--base-text)}.investmentsTable th{padding:10px 12px;border:none;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;font-weight:600}.investmentsTable td{padding:10px 12px}.investmentsTable td,.investmentsTable th{border-bottom:1px solid var(--base-border)}.investmentsTable thead th:hover{background-color:var(--base-bg-hover)}.investmentsTable tbody tr{transition:background-color .1s ease-in-out}.investmentsTable tbody tr:hover{background-color:var(--base-bg-hover)}.investmentsTable tbody tr:last-child td{border-bottom:none}.investmentsTable thead th{position:sticky;top:0;background-color:var(--base-bg-mid);z-index:1;cursor:pointer;border-bottom:2px solid var(--base-border)}.clickable-symbol{color:var(--base-accent-2);cursor:pointer;text-decoration:underline;font-weight:700}.clickable-symbol:hover{color:var(--base-accent-2)}.modalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--base-bg-dark);display:flex;justify-content:center;align-items:center;z-index:1000}.modal.chartModal{width:80%;max-width:800px;height:600px;display:flex;flex-direction:column}.chartContainer{flex:1;width:100%;min-height:400px;margin:20px 0}.error{color:var(--base-error);margin:10px 0}.sidebar{position:fixed;left:0;top:0;width:200px;height:100vh;background-color:#212121;display:flex;flex-direction:column;color:#e0e0e0;box-shadow:4px 0 10px -2px #00000080}.sidebar-header{padding:1rem;border-bottom:1px solid var(--base-border)}.user-info{margin:0;font-size:.9rem;color:#aaa;word-wrap:break-word}.sidebar-nav{flex-grow:1;padding:1rem 0}.sidebar-button{display:block;width:100%;padding:.75rem 1rem;background-color:transparent;border:none;color:var(--base-text);text-align:center;cursor:pointer;font-size:1rem}.sidebar-button:hover{background-color:var(--base-bg-light)}.sidebar-footer{padding:1rem;border-top:1px solid var(--base-border)}.sidebar-footer .sidebar-button{padding:0;color:#ff6c37}.modalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--base-bg-light);color:var(--base-text);font-family:Inter,sans-serif;padding:2rem;min-width:350px;box-shadow:0 4px 10px #00000040;display:flex;flex-direction:column;border-color:var(--base-border);border-radius:10px;border-width:1px;border-style:solid}.modal h2{margin-top:0}.modal form{display:flex;flex-direction:column;gap:.5rem}.modal input,.modal select{padding:.4rem;font-size:1rem;background-color:var(--base-bg-dark);border:1px solid var(--base-border);color:var(--base-text)}.modalButtons{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.modalButtons button{padding:8px 15px;border-radius:4px;border:none;font-weight:600;cursor:pointer;transition:background-color .2s ease-in-out}.modalButtons button[type=submit]{background-color:var(--base-accent);color:#fff}.modalButtons button[type=button]{background-color:var(--base-border);color:var(--base-text)}.error{color:red;font-size:.9rem}.pieChartDiv{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.chartTitle{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:#fff}.contentDiv{margin-left:200px;padding:10px;flex-grow:1}.dashboard{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;height:40vh;margin:1rem}.restOfPage{margin:1rem;background-color:var(--base-bg-light)}@media(max-width:900px){.dashboard{grid-template-columns:1fr}}.actionButtonHot:hover{background-color:#e55a29}.valuesDiv{background-color:var(--base-bg-light);padding:1rem;color:var(--base-text)}.valuesDiv p{margin:.5rem 0;color:var(--base-text-light)}.values-section{display:flex;flex-direction:row;justify-content:space-between;padding:20px;height:100%;width:10px;color:#fff;flex-grow:1}.portfolio-summary{display:flex;flex-direction:column;gap:10px}.sub-summary{display:flex;flex-direction:row;gap:10px}.summary-item{background-color:var(--base-bg-mid);border:2px solid var(--base-border);border-radius:8px;display:flex;flex-direction:column;max-width:200px;padding:10px 10px 10px 20px}.total-value{max-width:420px}.summary-item .label{font-size:1em;color:var(--base-text);margin-bottom:8px}.summary-item .value{font-size:1.5em;font-weight:700;color:var(--base-text-light)}.total-value .value{font-size:1.5em}.profit-loss{margin-top:8px;font-size:.9em}.profit-loss span{margin-right:10px}.profit{color:#00c853}.loss{color:#ff5252}.actionsDiv{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;flex-grow:1}.values-actions-container{display:flex;flex-direction:row;gap:20px}.actionsDiv .actionButtonHot{width:200px}