.nav-bar{background-color:#2c3e50;color:#fff;height:100vh;left:0;padding:20px 0;position:fixed;top:0;width:200px;z-index:1000}.nav-bar h2{align-items:center;color:#ecf0f1;display:flex;gap:8px;justify-content:center;margin-bottom:30px;padding:0 10px;text-align:center}.nav-bar h2 img{height:28px;margin-right:2px;width:28px}.nav-menu{list-style:none;margin:0;padding:0}.nav-menu li{cursor:pointer;padding:15px 25px;transition:background-color .3s}.nav-menu li:hover{background-color:#34495e}.nav-menu li.active{background-color:#3498db}.nav-menu li,.sub-menu-item{position:relative}.sub-menu-item{background-color:#34495e;border-left:30px solid #0000;color:#bdc3c7;cursor:pointer;font-size:12px;padding:8px 1px 8px 60px;transition:background-color .3s}.sub-menu-item:before{color:#7f8c8d;content:"▶";font-size:10px;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.sub-menu-item:hover{background-color:#2c3e50;border-left-color:#3498db;color:#ecf0f1}.sub-menu-item.active{background-color:#3498db;border-left-color:#2980b9;color:#fff}.mobile-backdrop{background-color:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}@media (max-width:1200px){.nav-bar{width:60px}.nav-bar h2{font-size:14px;padding:0 5px}.nav-bar h2 img{height:20px;width:20px}.nav-menu li{font-size:12px;padding:10px 15px}.sub-menu-item{font-size:10px;padding:6px 1px 6px 40px}}@media (max-width:768px){.nav-bar{box-shadow:2px 0 10px #0000001a;height:100vh;left:-280px;position:fixed;transition:left .3s ease-in-out;width:280px;z-index:1000}.nav-bar.mobile-open{left:0}.mobile-backdrop{display:block}.nav-bar h2{border-bottom:1px solid #34495e;font-size:18px;margin-bottom:20px;padding:0 15px 20px}.nav-bar h2 img{height:24px;width:24px}.nav-menu li{border-bottom:1px solid #34495e4d;font-size:14px;padding:15px 20px}.nav-menu li:hover{background-color:#34495e;padding-left:25px;transition:all .3s ease}.nav-menu li.active{background-color:#3498db;border-left:4px solid #2980b9}.sub-menu-item{background-color:#34495e;font-size:12px;padding:12px 1px 12px 50px}.sub-menu-item:hover{background-color:#2c3e50;padding-left:55px}}.top-bar{background-color:#fff;box-shadow:0 2px 4px #0000001a;justify-content:space-between;left:200px;margin-bottom:20px;padding:15px 20px;position:fixed;right:0;top:0;z-index:999}.symbol-input-group,.top-bar{align-items:center;display:flex}.symbol-input-group{gap:10px}.symbol-input-group input{border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:200px;padding:8px 12px}.symbol-input-group input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.symbol-input-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.symbol-input-group button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .3s}.symbol-input-group button:hover:not(:disabled){background-color:#2980b9}.symbol-input-group button:disabled{background-color:#bdc3c7;cursor:not-allowed}.symbol-input-group button.loading{background-color:#95a5a6}.chart-controls{align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;gap:20px;padding:10px}.chart-type-selector,.period-selector{align-items:center;display:flex;gap:10px}.chart-type-selector select,.period-selector select{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;min-width:120px;padding:8px}.chart-type-selector select:focus,.period-selector select:focus{border-color:#3498db;outline:none}.chart-type-selector label,.period-selector label{color:#666;font-size:14px;font-weight:500;white-space:nowrap}.user-info{align-items:center;color:#2c3e50;display:flex;gap:15px}.user-welcome{font-weight:500}.logout-button{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.logout-button:hover{background-color:#c0392b}@media (max-width:1200px){.top-bar{left:60px}.chart-controls{gap:10px}.symbol-input-group input{min-width:150px}}.mobile-menu-toggle{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:25px;justify-content:space-around;padding:0;width:30px;z-index:1001}.mobile-menu-toggle span{background-color:#2c3e50;border-radius:10px;height:3px;transform-origin:1px;transition:all .3s ease;width:100%}.mobile-menu-toggle:hover span{background-color:#3498db}@media (max-width:768px){.top-bar{flex-wrap:wrap;gap:10px;left:0;padding:10px 15px}.mobile-menu-toggle{display:flex}.symbol-input-group{flex:1 1;min-width:200px;order:2}.symbol-input-group input{font-size:12px;min-width:120px}.symbol-input-group button{font-size:12px;padding:6px 12px}.chart-controls{gap:15px;justify-content:space-around;margin-top:10px;order:3;padding:8px;width:100%}.chart-type-selector,.period-selector{gap:5px}.chart-type-selector select,.period-selector select{font-size:12px;min-width:100px}.chart-type-selector label,.period-selector label{font-size:12px}.user-info{gap:10px;order:1}.user-welcome{font-size:12px}.logout-button{font-size:12px;padding:6px 12px}}@media (max-width:480px){.top-bar{padding:8px 10px}.chart-controls{flex-direction:column;gap:10px}.symbol-input-group input{min-width:100px}}.charts-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.chart-container{display:flex;flex-direction:column;min-height:480px}.chart-header{align-items:center;display:flex;justify-content:flex-end;min-height:40px;padding:10px 0}.chart-checkbox-container{align-items:center;display:flex;gap:8px}.chart-checkbox-container input[type=checkbox]{cursor:pointer;margin:0}.chart-checkbox-container label{color:#555;cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none}@media (max-width:768px){.charts-grid{gap:20px;grid-template-columns:1fr;margin-bottom:20px}}@media (max-width:480px){.charts-grid{gap:15px;margin-bottom:15px}}.content-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;padding:20px}.page-title{color:#2c3e50;font-size:28px;margin-bottom:30px;text-align:center}.error{background-color:#fdf2f2;border:1px solid #f5c6cb;border-radius:4px;color:#e74c3c;margin:10px 0;padding:10px}.error,.loading{text-align:center}.loading{color:#7f8c8d;padding:40px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin:0 auto 20px;width:40px}.welcome-message{margin:0 auto;max-width:800px;padding:40px 20px;text-align:center}.welcome-message h2{color:#2c3e50;font-size:28px;margin-bottom:20px}.welcome-message p{color:#7f8c8d;font-size:16px;margin-bottom:40px}.welcome-features{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:30px}.feature-item{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;padding:25px;transition:transform .2s ease,box-shadow .2s ease}.feature-item:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.feature-item h4{color:#2c3e50;font-size:16px;margin:0 0 10px}.feature-item p{color:#7f8c8d;font-size:14px;line-height:1.5;margin:0}.login-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.login-dialog{background-color:#fff;border-radius:10px;box-shadow:0 10px 30px #0000004d;max-width:90vw;padding:30px;width:400px}.login-dialog h2{color:#2c3e50;font-size:24px;margin-bottom:25px;text-align:center}.login-form{gap:15px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:5px}.form-group label{color:#2c3e50;font-weight:500}.form-group input{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:12px;transition:border-color .3s}.form-group input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.login-button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:10px;padding:12px;transition:background-color .3s}.login-button:hover:not(:disabled){background-color:#2980b9}.login-button:disabled{background-color:#bdc3c7;cursor:not-allowed}.login-error{background-color:#fdf2f2;border:1px solid #f5c6cb;border-radius:4px;color:#e74c3c;font-size:14px;margin-top:10px;padding:8px;text-align:center}.login-loading{align-items:center;display:flex;gap:10px;justify-content:center}.login-spinner{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:20px;width:20px}.App{display:flex;min-height:100vh;width:100%}.main-content{flex:1 1;margin-left:200px;padding:80px 20px 20px}@media (max-width:1200px){.main-content{margin-left:60px}}@media (max-width:768px){.App{flex-direction:column}.main-content{margin-left:0;min-height:calc(100vh - 120px);padding:120px 15px 15px;width:100%}}@media (max-width:480px){.main-content{padding:140px 10px 10px}.portfolio-metrics{flex-direction:column;gap:15px}.portfolio-metric-item{padding:15px}.form-row{flex-direction:column;gap:10px}.form-field{min-width:100%}}.portfolio-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.portfolio-metrics{background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:10px;box-shadow:0 4px 15px #0000001a;display:flex;gap:20px;margin-bottom:25px;padding:15px}.portfolio-metric-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:6px;flex:1 1;padding:10px;text-align:center}.portfolio-metric-label{color:#fffc;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.portfolio-metric-value{color:#fff;font-size:20px;font-weight:700;text-shadow:0 2px 4px #0000001a}.add-stock-form{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:20px}.add-stock-form h3{color:#2c3e50;margin-bottom:15px;margin-top:0}.form-row{align-items:end;display:flex;flex-wrap:wrap;gap:15px}.form-field{display:flex;flex-direction:column;min-width:120px}.form-field label{color:#2c3e50;font-size:14px;font-weight:500;margin-bottom:5px}.form-field input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.form-field input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.add-stock-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;height:-webkit-fit-content;height:fit-content;padding:8px 20px;transition:background-color .3s}.add-stock-button:hover{background-color:#2980b9}.add-stock-button:disabled{background-color:#bdc3c7;cursor:not-allowed}.portfolio-table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.portfolio-table td,.portfolio-table th{border-bottom:1px solid #ddd;padding:12px 15px;text-align:center}.portfolio-table th{background-color:#f8f9fa;color:#2c3e50;font-weight:600;position:-webkit-sticky;position:sticky;top:0}.portfolio-table tr:hover{background-color:#f5f5f5}.portfolio-table td:first-child{font-weight:500;text-align:left}.profit-positive{color:#27ae60;font-weight:600}.profit-negative{color:#e74c3c;font-weight:600}.delete-button{background-color:#e74c3c;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:background-color .3s}.delete-button:hover{background-color:#c0392b}.loading-row{color:#666;font-style:italic;padding:20px;text-align:center}.table-container{overflow-x:auto}.next-earnings-date{color:#7f8c8d;font-size:12px}.arbitrage-column,.current-price-column,.fair-price-column{background-color:#f5f5f5!important;border:1px solid #000!important}body{background-color:#f5f5f5;font-family:Arial,sans-serif;margin:0;min-height:100vh;padding:0}#root,body{display:flex}#root{width:100%}*{box-sizing:border-box}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hidden{display:none!important}.menu-item.disabled{cursor:not-allowed!important;opacity:.5!important;pointer-events:none!important}.menu-item.disabled:hover{background-color:initial!important;color:inherit!important}.metrics-container{background:linear-gradient(135deg,#2c3e50,#3498db);border-radius:10px;box-shadow:0 4px 15px #0000001a;display:flex;gap:20px;margin-bottom:25px;overflow:hidden;padding:15px;position:relative}.metrics-container:before{background:linear-gradient(45deg,#ffffff1a,#fff0);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.metric-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:6px;flex:1 1;padding:10px;text-align:center;transition:transform .3s ease}.metric-item:hover{transform:translateY(-2px)}.metric-label{color:#fffc;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.metric-value{color:#fff;font-family:Arial,sans-serif;font-size:20px;font-weight:700;text-shadow:0 2px 4px #0000001a}.metric-value:before{background:#ffffff4d;content:"";display:block;height:2px;margin:5px auto;width:25px}
/*# sourceMappingURL=main.0c50f28d.css.map*/