body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1200px;padding:20px}.card{border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:10px 0;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 8px 15px #0003}.button{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;font-size:16px;margin:5px}.button:hover{box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.6;transform:none}.input{border:2px solid #e1e5e9;border-radius:8px;font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}.input:focus{border-color:#667eea;outline:none}.grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:20px 0}@media (max-width:768px){.grid{grid-template-columns:1fr}.container{padding:10px}}*{box-sizing:border-box}*,body{margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;min-height:100vh}body.modal-open{overflow:hidden!important}body.dark-theme{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#e0e0e0}.App{min-height:100vh;padding:20px}.container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:1400px;overflow:hidden;padding-bottom:60px;padding-top:60px}.dark-theme .container{background:#1e1e32f2;box-shadow:0 20px 40px #0000004d}.header{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:30px;position:relative;text-align:center}.dark-theme .header{background:linear-gradient(135deg,#1a1a2e,#16213e)}.header-top{align-items:center;display:flex;justify-content:space-between;width:100%}.header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00d4ff,#ff6b6b);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0;min-width:220px}.theme-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:50px;color:#fff;cursor:pointer;font-size:1.2rem;padding:12px 16px;transition:all .3s ease}.theme-toggle:hover{background:#fff3;transform:scale(1.05)}.theme-toggle-btn{align-self:flex-end;margin-left:0;margin-top:0}@media (max-width:1024px){.header-top{align-items:stretch;flex-direction:column;gap:12px}.theme-toggle-btn{align-self:flex-start;margin-left:0;margin-top:12px}}@media (max-width:768px){.header-top{align-items:stretch;flex-direction:column;gap:8px}.theme-toggle-btn{align-self:flex-start;margin-left:0;margin-top:12px}}@media (max-width:480px){.header-top{align-items:stretch;flex-direction:column;gap:4px}.theme-toggle-btn{align-self:flex-start;margin-left:0;margin-top:8px}}.stats{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;min-width:200px;padding:20px 30px;text-align:center}.stat .label{display:block;font-size:.9rem;font-weight:500;margin-bottom:8px;opacity:.8}.stat .value{color:#00d4ff;display:block;font-size:1.5rem;font-weight:700}.nav-bar{background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:center;padding:0}.dark-theme .nav-bar{background:#2c3e50;border-bottom:1px solid #34495e}.nav-tab{background:none;border:none;border-radius:0;color:#6c757d;cursor:pointer;font-size:1.1rem;font-weight:600;padding:20px 30px;position:relative;transition:all .3s ease}.dark-theme .nav-tab{color:#bdc3c7}.nav-tab:hover{background:#667eea1a;color:#667eea}.dark-theme .nav-tab:hover{background:#667eea33;color:#00d4ff}.nav-tab.active{background:#667eea1a;border-bottom:3px solid #667eea;color:#667eea}.dark-theme .nav-tab.active{background:#00d4ff1a;border-bottom:3px solid #00d4ff;color:#00d4ff}.card{background:#fff;border:1px solid #e9ecef;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin:20px;padding:30px}.dark-theme .card{background:#2c3e50;border:1px solid #34495e;box-shadow:0 10px 30px #0000004d}.card h2{align-items:center;color:#2c3e50;display:flex;font-size:1.8rem;font-weight:700;gap:10px;margin-bottom:20px}.dark-theme .card h2{color:#e0e0e0}.grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:20px}.market-section .grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.companies-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:20px}.portfolio-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:15px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.dark-theme .portfolio-item{background:linear-gradient(135deg,#34495e,#2c3e50);border:1px solid #34495e}.portfolio-item:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-5px)}.portfolio-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.portfolio-header h3{color:#2c3e50;font-size:1.4rem;font-weight:700;margin:0}.dark-theme .portfolio-header h3{color:#e0e0e0}.hint{color:#6c757d;font-size:.85rem;font-style:italic;margin-top:5px}.dark-theme .hint{color:#bdc3c7}.performance-indicator{display:flex;justify-content:center;margin-bottom:20px}.performance-circle{align-items:center;display:flex;justify-content:center;position:relative}.performance-text{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%}.performance-label{color:#6c757d;display:block;font-size:.8rem;font-weight:600;margin-bottom:2px;text-align:center}.performance-value{display:block;font-size:1.2rem;font-weight:700;text-align:center}.performance-value.positive{color:#28a745}.performance-value.negative{color:#dc3545}.price-comparison{margin-bottom:20px}.price-bar{align-items:center;display:flex;gap:10px;margin-bottom:10px}.price-label{font-weight:600;min-width:100px}.price-value{color:#2c3e50;font-size:.9rem;font-weight:600;min-width:80px;text-align:right}.dark-theme .price-value{color:#e0e0e0}.investment-summary{margin-bottom:20px}.summary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.summary-item{align-items:center;background:#ffffffb3;border:1px solid #e9ecef;border-radius:10px;display:flex;gap:12px;padding:15px}.dark-theme .summary-item{background:#34495eb3;border:1px solid #34495e}.summary-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}.summary-content{flex:1 1}.summary-label{color:#6c757d;display:block;font-size:.8rem;font-weight:500;margin-bottom:2px}.dark-theme .summary-label{color:#bdc3c7}.summary-value{color:#2c3e50;display:block;font-size:1rem;font-weight:700}.dark-theme .summary-value{color:#e0e0e0}.summary-value.positive{color:#28a745}.summary-value.negative{color:#dc3545}.pl-progress{margin-bottom:20px}.pl-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.pl-label{color:#6c757d;font-size:.9rem;font-weight:600}.dark-theme .pl-label{color:#bdc3c7}.pl-percentage{font-size:.9rem;font-weight:700}.pl-percentage.positive{color:#28a745}.pl-percentage.negative{color:#dc3545}.pl-bar-container{background:#e9ecef;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;position:relative}.dark-theme .pl-bar-container{background:#34495e}.pl-bar{border-radius:4px;height:100%;position:absolute;transition:all .3s ease}.pl-bar.positive{background:linear-gradient(90deg,#28a745,#20c997)}.pl-bar.negative{background:linear-gradient(90deg,#dc3545,#fd7e14)}.pl-center-line{background:#6c757d;bottom:0;left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.pl-labels{color:#6c757d;display:flex;font-size:.75rem;justify-content:space-between}.dark-theme .pl-labels{color:#bdc3c7}.portfolio-actions{display:flex;gap:15px;margin-top:20px}.button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.sell-button{background:linear-gradient(135deg,#dc3545,#fd7e14);color:#fff}.sell-button:hover{background:linear-gradient(135deg,#c82333,#e55a00);box-shadow:0 5px 15px #dc35454d;transform:translateY(-2px)}.view-chart-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.view-chart-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.company-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:15px;cursor:pointer;padding:25px;transition:all .3s ease}.dark-theme .company-card{background:linear-gradient(135deg,#34495e,#2c3e50);border:1px solid #34495e}.company-card:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-3px)}.company-card.gainer{border-left:4px solid #28a745}.company-card.loser{border-left:4px solid #dc3545}.company-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.clickable-title{color:#2c3e50;cursor:pointer;font-size:1.3rem;font-weight:700;margin:0;transition:color .3s ease}.dark-theme .clickable-title{color:#e0e0e0}.clickable-title:hover{color:#667eea}.price-info{align-items:center;display:flex;gap:15px}.current-price{color:#2c3e50;font-size:1.2rem;font-weight:700;margin:0}.dark-theme .current-price{color:#e0e0e0}.change-info{display:flex;justify-content:center;margin-top:15px}.percentage-change{border-radius:20px;font-size:1.1rem;font-weight:700;padding:8px 16px}.percentage-change.positive{background:#28a7451a;border:1px solid #28a7454d;color:#28a745}.percentage-change.negative{background:#dc35451a;border:1px solid #dc35454d;color:#dc3545}.company-listing{background:#fff;border:1px solid #e9ecef;border-radius:12px;cursor:pointer;padding:20px;transition:all .3s ease}.dark-theme .company-listing{background:#2c3e50;border:1px solid #34495e}.company-listing:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.company-name-clickable{cursor:pointer}.company-name-clickable h3{color:#2c3e50;font-size:1.2rem;font-weight:700;margin-bottom:8px}.dark-theme .company-name-clickable h3{color:#e0e0e0}.market-section{margin-bottom:30px}.market-section h3{align-items:center;color:#2c3e50;display:flex;font-size:1.4rem;font-weight:700;gap:10px;margin-bottom:15px}.dark-theme .market-section h3{color:#e0e0e0}.round-info{color:#6c757d;font-style:italic;margin-bottom:20px}.dark-theme .round-info{color:#bdc3c7}.play-round-section{align-items:center;display:flex;justify-content:center;margin:32px 0 24px;width:100%}.play-round-button{background:linear-gradient(90deg,#28a745,#20c997);border:none;border-radius:50px;box-shadow:0 8px 32px #28a74540,0 2px 8px #20c99726;color:#fff;cursor:pointer;font-size:2.2rem;font-weight:900;letter-spacing:1px;margin-bottom:0;margin-top:0;outline:none;padding:28px 80px;position:relative;transition:all .2s cubic-bezier(.25,.8,.25,1),box-shadow .3s;z-index:10}.play-round-button:focus,.play-round-button:hover{background:linear-gradient(90deg,#20c997,#28a745);box-shadow:0 16px 48px #28a74559,0 4px 16px #20c9972e;transform:translateY(-2px) scale(1.04)}.play-round-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.play-round-button.playing{animation:pulse 1s infinite;background:linear-gradient(90deg,#ffc107,#fd7e14);box-shadow:0 8px 32px #ffc10766,0 2px 8px #fd7e144d;transform:scale(.95)}@keyframes pulse{0%{box-shadow:0 8px 32px #ffc10766,0 2px 8px #fd7e144d;transform:scale(.95)}50%{box-shadow:0 12px 40px #ffc10799,0 4px 16px #fd7e1466;transform:scale(1.02)}to{box-shadow:0 8px 32px #ffc10766,0 2px 8px #fd7e144d;transform:scale(.95)}}.game-history{margin-top:30px}.history-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:15px;margin-bottom:20px;padding:25px;transition:all .3s ease}.dark-theme .history-item{background:linear-gradient(135deg,#34495e,#2c3e50);border:1px solid #34495e}.history-item:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-2px)}.history-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.dark-theme .history-header{border-bottom:2px solid #34495e}.history-title{align-items:center;color:#2c3e50;display:flex;font-size:1.3rem;font-weight:700;gap:10px}.dark-theme .history-title{color:#e0e0e0}.history-round{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.9rem;font-weight:600}.history-round,.total-return{border-radius:20px;padding:8px 16px}.total-return{font-size:1.1rem;font-weight:700}.total-return.positive{background:#28a7451a;border:1px solid #28a7454d;color:#28a745}.total-return.negative{background:#dc35451a;border:1px solid #dc35454d;color:#dc3545}.transaction-item{background:#fffc;border:1px solid #e9ecef;border-radius:12px;margin-bottom:15px;padding:20px}.dark-theme .transaction-item{background:#34495ecc;border:1px solid #34495e}.transaction-item h4{align-items:center;color:#2c3e50;display:flex;font-size:1.1rem;font-weight:700;gap:8px;margin-bottom:15px}.dark-theme .transaction-item h4{color:#e0e0e0}.transaction-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.transaction-row{align-items:center;border-bottom:1px solid #f1f3f4;display:flex;justify-content:space-between;padding:8px 0}.dark-theme .transaction-row{border-bottom:1px solid #34495e}.transaction-row:last-child{border-bottom:none}.transaction-row .label{color:#6c757d;font-size:.9rem;font-weight:500}.dark-theme .transaction-row .label{color:#bdc3c7}.transaction-row .value{color:#2c3e50;font-size:.9rem;font-weight:600}.dark-theme .transaction-row .value{color:#e0e0e0}.transaction-row .value.positive{color:#28a745}.transaction-row .value.negative{color:#dc3545}.portfolio-updates{margin-top:20px}.portfolio-updates h4{align-items:center;color:#2c3e50;display:flex;font-size:1.1rem;font-weight:700;gap:8px;margin-bottom:15px}.dark-theme .portfolio-updates h4{color:#e0e0e0}.portfolio-update-item{background:#fff9;border:1px solid #e9ecef;border-radius:10px;margin-bottom:10px;padding:15px}.dark-theme .portfolio-update-item{background:#34495e99;border:1px solid #34495e}.update-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.company-name{color:#2c3e50;font-weight:600}.dark-theme .company-name{color:#e0e0e0}.update-movement{border-radius:12px;font-size:.85rem;font-weight:600;padding:4px 8px}.update-movement.positive{background:#28a7451a;color:#28a745}.update-movement.negative{background:#dc35451a;color:#dc3545}.update-details{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.update-row{align-items:center;display:flex;font-size:.85rem;justify-content:space-between}.update-row .label{color:#6c757d;font-weight:500}.dark-theme .update-row .label{color:#bdc3c7}.update-row .value{color:#2c3e50;font-weight:600}.dark-theme .update-row .value{color:#e0e0e0}.update-row .value.positive{color:#28a745}.update-row .value.negative{color:#dc3545}.market-movers{margin-top:20px}.market-movers h4{align-items:center;color:#2c3e50;display:flex;font-size:1.1rem;font-weight:700;gap:8px;margin-bottom:15px}.dark-theme .market-movers h4{color:#e0e0e0}.round-results{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.result-item{align-items:center;background:#fff9;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.dark-theme .result-item{background:#34495e99;border:1px solid #34495e}.result-item .company-name{color:#2c3e50;flex:1 1;font-weight:600}.dark-theme .result-item .company-name{color:#e0e0e0}.result-item .movement{font-weight:600;margin:0 10px}.result-item .movement.positive{color:#28a745}.result-item .movement.negative{color:#dc3545}.result-item .percentage-change{color:#6c757d;font-weight:600;margin-right:10px}.dark-theme .result-item .percentage-change{color:#bdc3c7}.result-item .new-price{color:#2c3e50;font-weight:700}.dark-theme .result-item .new-price{color:#e0e0e0}.modal-overlay{align-items:center!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:#000000b3!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;overflow:hidden!important;position:fixed!important;right:0!important;top:0!important;z-index:1000!important}.modal-content{background:#fff;border-radius:20px;box-shadow:0 25px 50px #0000004d;margin:auto;max-height:90vh;max-width:90vw;overflow-y:auto;padding:0;position:relative}.dark-theme .modal-content{background:#2c3e50}.modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:25px 30px}.modal-header h2{font-size:1.5rem;font-weight:700;margin:0}.modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.modal-body{padding:30px}.trade-modal{max-width:600px}.trade-info{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.company-info h3{color:#2c3e50;font-size:1.4rem;font-weight:700;margin-bottom:10px}.dark-theme .company-info h3{color:#e0e0e0}.current-price-info{align-items:center;background:#667eea1a;border:1px solid #667eea33;border-radius:10px;display:flex;justify-content:space-between;margin-top:15px;padding:15px}.price-label{color:#6c757d;font-size:.9rem;font-weight:500}.dark-theme .price-label{color:#bdc3c7}.price-value{color:#667eea;font-size:1.2rem;font-weight:700}.portfolio-info{display:flex;flex-direction:column;gap:12px}.info-row{align-items:center;border-bottom:1px solid #f1f3f4;display:flex;justify-content:space-between;padding:10px 0}.dark-theme .info-row{border-bottom:1px solid #34495e}.info-row:last-child{border-bottom:none}.info-row .label{color:#6c757d;font-size:.9rem;font-weight:500}.dark-theme .info-row .label{color:#bdc3c7}.info-row .value{color:#2c3e50;font-size:.9rem;font-weight:600}.dark-theme .info-row .value{color:#e0e0e0}.quantity-selector{margin-bottom:30px}.quantity-selector label{color:#2c3e50;display:block;font-size:1rem;font-weight:600;margin-bottom:15px}.dark-theme .quantity-selector label{color:#e0e0e0}.quantity-input-group{align-items:center;display:flex;gap:15px}.quantity-input{background:#fff;border:2px solid #e9ecef;border-radius:10px;color:#2c3e50;flex:1 1;font-size:1rem;font-weight:600;padding:15px;text-align:center;transition:all .3s ease}.dark-theme .quantity-input{background:#34495e;border:2px solid #34495e;color:#e0e0e0}.quantity-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.quantity-buttons{display:flex;gap:10px}.quantity-btn{align-items:center;background:#fff;border:2px solid #667eea;border-radius:10px;color:#667eea;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;transition:all .3s ease;width:50px}.dark-theme .quantity-btn{background:#34495e;border:2px solid #667eea;color:#667eea}.quantity-btn:hover{background:#667eea;color:#fff;transform:scale(1.05)}.trade-summary{background:#667eea0d;border:1px solid #667eea1a;border-radius:15px;margin-bottom:30px;padding:25px}.dark-theme .trade-summary{background:#667eea1a;border:1px solid #667eea33}.summary-row{align-items:center;border-bottom:1px solid #667eea1a;display:flex;justify-content:space-between;padding:12px 0}.dark-theme .summary-row{border-bottom:1px solid #667eea33}.summary-row:last-child{border-bottom:none}.summary-row .label{color:#6c757d;font-size:.95rem;font-weight:500}.dark-theme .summary-row .label{color:#bdc3c7}.summary-row .value{color:#2c3e50;font-size:.95rem;font-weight:700}.dark-theme .summary-row .value{color:#e0e0e0}.summary-row .value.positive{color:#28a745}.summary-row .value.negative{color:#dc3545}.modal-actions{display:flex;gap:15px;justify-content:flex-end}.cancel-button{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.cancel-button:hover{background:#5a6268;transform:translateY(-2px)}.confirm-button{background:linear-gradient(135deg,#dc3545,#fd7e14);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.confirm-button:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#e55a00);box-shadow:0 5px 15px #dc35454d;transform:translateY(-2px)}.confirm-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.progress-container{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.dark-theme .progress-container{background:#34495e}.progress-bar{border-radius:4px;height:100%;transition:width .3s ease}.progress-label{font-size:.8rem;left:0;position:absolute;top:-25px}.dark-theme .progress-label{color:#bdc3c7}@media (max-width:1024px){.companies-grid,.grid,.portfolio-grid{grid-template-columns:repeat(2,1fr)}.card,.company-modal,.modal-content{max-width:98vw;padding:18px!important}.modal-body,.modal-header{padding:16px!important}}@media (max-width:768px){.companies-grid,.grid,.portfolio-grid{gap:16px;grid-template-columns:1fr}.card,.company-modal,.modal-content{max-width:99vw;padding:10px!important}.modal-body,.modal-header{padding:10px!important}.play-round-button{font-size:1.1rem;padding:12px 10px}.button,.sell-button,.view-chart-button{font-size:.95rem;min-width:90px;padding:10px 8px}.company-card,.company-listing,.portfolio-item{padding:12px}.summary-grid{grid-template-columns:1fr}}@media (max-width:480px){.App{padding:2px}.companies-grid,.grid,.portfolio-grid{gap:8px;grid-template-columns:1fr}.card,.company-modal,.modal-content{border-radius:10px;max-width:100vw;padding:4px!important}.modal-body,.modal-header{padding:4px!important}.play-round-button{font-size:.95rem;padding:8px 2px}.button,.sell-button,.view-chart-button{font-size:.9rem;min-width:70px;padding:8px 4px}.company-card,.company-listing,.portfolio-item{padding:6px}.summary-grid{grid-template-columns:1fr}.company-modal,.modal-content{border-radius:10px!important;left:0!important;max-width:99vw;min-width:0;min-width:auto;right:0!important;width:99vw!important}}.current-price-large{color:#2c3e50;font-size:2.5rem;font-weight:700;margin:20px 0;text-align:center}.dark-theme .current-price-large{color:#e0e0e0}.price-details{align-items:center;background:#667eea0d;border:1px solid #667eea1a;border-radius:15px;display:flex;justify-content:space-between;margin:20px 0;padding:20px}.dark-theme .price-details{background:#667eea1a;border:1px solid #667eea33}.price-ranges{margin:20px 0}.button{overflow:hidden;position:relative}.button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.button:hover:before{left:100%}.card:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-2px)}.loading{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}h1,h2,h3,h4,h5,h6{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600;line-height:1.2}.professional-shadow{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:all .3s cubic-bezier(.25,.8,.25,1)}.professional-shadow:hover{box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}.modal-overlay{animation:fadeIn .3s ease-out}.modal-content{animation:slideIn .3s ease-out}.company-detail-modal{align-items:center!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:#000000b3!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;overflow:hidden!important;position:fixed!important;right:0!important;top:0!important;z-index:9999!important}.company-modal{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;box-shadow:0 25px 50px #0003;margin:auto;max-height:85vh;max-width:900px;overflow:hidden;position:relative;transform:translateY(0);width:90vw}.dark-theme .company-modal{background:linear-gradient(135deg,#2c3e50,#34495e);box-shadow:0 25px 50px #0006}.company-modal .modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;padding:0}.header-content{align-items:center;display:flex;justify-content:space-between;padding:25px 30px}.company-title h2{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 5px}.company-hint{color:#fffc;font-size:.9rem;font-style:italic}.header-actions{align-items:center;display:flex;gap:20px}.current-price-display{color:#fff;text-align:right}.current-price-display .price-label{display:block;font-size:.8rem;margin-bottom:2px;opacity:.8}.current-price-display .price-value{color:#00d4ff;display:block;font-size:1.4rem;font-weight:700}.company-modal .modal-body{max-height:calc(85vh - 120px);overflow-y:auto;padding:30px}.company-overview{margin-bottom:30px}.overview-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.overview-card{background:#fff;border:1px solid #e9ecef;border-radius:15px;box-shadow:0 5px 15px #00000014;padding:20px;transition:all .3s ease}.dark-theme .overview-card{background:#34495e;border:1px solid #2c3e50;box-shadow:0 5px 15px #0003}.overview-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-2px)}.card-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;gap:10px;margin-bottom:15px;padding-bottom:10px}.dark-theme .card-header{border-bottom:1px solid #2c3e50}.card-icon{font-size:1.2rem}.card-title{color:#2c3e50;font-size:1rem;font-weight:600}.dark-theme .card-title{color:#e0e0e0}.card-content{display:flex;flex-direction:column;gap:15px}.price-range-item{align-items:center;display:flex;gap:10px;margin-bottom:10px}.range-label{color:#6c757d;font-size:.85rem;font-weight:500;min-width:60px}.dark-theme .range-label{color:#bdc3c7}.range-value{color:#2c3e50;font-size:.85rem;font-weight:600;min-width:80px;text-align:right}.dark-theme .range-value{color:#e0e0e0}.chart-section{border-top:1px solid #e9ecef;margin-top:30px;padding-top:30px}.dark-theme .chart-section{border-top:1px solid #2c3e50}.section-header{margin-bottom:20px;text-align:center}.section-header h3{color:#2c3e50;font-size:1.3rem;font-weight:700;margin:0 0 5px}.dark-theme .section-header h3{color:#e0e0e0}.section-header p{color:#6c757d;font-size:.9rem;margin:0}.dark-theme .section-header p{color:#bdc3c7}.professional-buy-btn,.professional-sell-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;overflow:hidden;padding:15px 20px;position:relative;text-decoration:none;transition:all .3s ease;width:100%}.professional-buy-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.professional-buy-btn:hover{background:linear-gradient(135deg,#218838,#1ea085);box-shadow:0 8px 25px #28a7454d;transform:translateY(-2px)}.professional-sell-btn{background:linear-gradient(135deg,#dc3545,#fd7e14);color:#fff}.professional-sell-btn:hover{background:linear-gradient(135deg,#c82333,#e55a00);box-shadow:0 8px 25px #dc35454d;transform:translateY(-2px)}.professional-buy-btn:before,.professional-sell-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.professional-buy-btn:hover:before,.professional-sell-btn:hover:before{left:100%}.btn-icon{font-size:1.2rem}.btn-text{font-weight:600;letter-spacing:.5px}.investment-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e9ecef;border-radius:15px;margin-top:20px;padding:20px}.dark-theme .investment-actions{background:#34495ecc;border:1px solid #34495e}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.status-indicator{border-radius:50%;display:inline-block;height:8px;margin-right:8px;width:8px}.status-indicator.online{background:#28a745;box-shadow:0 0 0 2px #28a74533}.status-indicator.offline{background:#dc3545;box-shadow:0 0 0 2px #dc354533}input,select,textarea{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .3s ease}input:focus,select:focus,textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.tooltip{display:inline-block;position:relative}.tooltip .tooltiptext{background-color:#2c3e50;border-radius:6px;bottom:125%;box-shadow:0 4px 12px #00000026;color:#fff;font-size:.85rem;left:50%;margin-left:-100px;opacity:0;padding:8px 12px;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:200px;z-index:1}.tooltip:hover .tooltiptext{opacity:1;visibility:visible}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.dark-theme ::-webkit-scrollbar-track{background:#34495e}::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5a6fd8}.data-table{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 4px 12px #0000001a;margin:20px 0;overflow:hidden;width:100%}.dark-theme .data-table{background:#2c3e50}.data-table td,.data-table th{border-bottom:1px solid #e9ecef;padding:12px 16px;text-align:left}.dark-theme .data-table td,.dark-theme .data-table th{border-bottom:1px solid #34495e}.data-table th{background:#f8f9fa;color:#2c3e50;font-weight:600}.dark-theme .data-table th{background:#34495e;color:#e0e0e0}.data-table tr:hover{background:#667eea0d}.dark-theme .data-table tr:hover{background:#667eea1a}.badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.badge.success{background:#28a7451a;border:1px solid #28a7454d;color:#28a745}.badge.warning{background:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}.badge.danger{background:#dc35451a;border:1px solid #dc35454d;color:#dc3545}.badge.info{background:#667eea1a;border:1px solid #667eea4d;color:#667eea}.linear-progress{margin:8px 0 16px;width:100%}.progress-bar-container{background:#e9ecef;border-radius:5px;height:10px;margin:4px 0;overflow:hidden;position:relative;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:5px;height:100%;transition:width .4s cubic-bezier(.25,.8,.25,1)}.progress-label{align-items:center;color:#6c757d;font-size:.85rem;font-weight:500;margin-bottom:2px}.progress-label,.progress-range{display:flex;justify-content:space-between}.progress-range{color:#adb5bd;font-size:.8rem;margin-top:2px}.dark-theme .progress-bar-container{background:#34495e}.dark-theme .progress-bar-fill{background:linear-gradient(90deg,#00d4ff,#667eea)}.dark-theme .progress-label,.dark-theme .progress-range{color:#bdc3c7}.circular-progress{display:inline-block;position:relative;width:-webkit-fit-content;width:fit-content}.circular-progress-svg{display:block}.circular-progress-text{left:50%;line-height:1.1;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:80%;z-index:10}.circular-progress-label{color:#6c757d;display:block;font-size:.7rem;font-weight:500;line-height:1.1;margin-bottom:2px;word-break:break-word}.circular-progress-text .percentage{display:block;font-size:.85rem;font-weight:700;line-height:1.1}.circular-progress-text .percentage.positive{color:#28a745}.circular-progress-text .percentage.negative{color:#dc3545}.half-circular-progress{display:inline-block;position:relative;width:-webkit-fit-content;width:fit-content}.half-circular-svg{display:block}.half-circular-text{bottom:0;left:50%;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);z-index:10}.half-circular-percentage{color:#2c3e50;font-size:1rem;font-weight:700;line-height:1.2}.dark-theme .half-circular-percentage{color:#e0e0e0}.half-circular-label{color:#6c757d;font-size:.8rem;margin-top:2px}.dark-theme .half-circular-label{color:#bdc3c7}.portfolio-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(3,1fr);margin-top:20px}@media (max-width:1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.portfolio-grid{grid-template-columns:1fr}}.how-to-play-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:18px;box-shadow:0 8px 32px #667eea14;margin:32px auto;max-width:700px;padding:32px 24px}.how-to-play-steps{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:520px}.how-to-play-step{align-items:flex-start;background:#667eea0a;border-radius:10px;box-shadow:0 2px 8px #667eea08;display:flex;font-size:1.08rem;gap:18px;padding:16px 18px}.how-to-play-icon{flex-shrink:0;font-size:2.1rem;margin-top:2px}@media (max-width:600px){.how-to-play-card{max-width:99vw;padding:12px 2px}.how-to-play-steps{gap:12px;max-width:99vw}.how-to-play-step{font-size:.98rem;gap:10px;padding:10px 6px}.how-to-play-icon{font-size:1.4rem}}@media (max-width:1024px){.market-section .grid{gap:18px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.market-section .grid{gap:12px;grid-template-columns:1fr}.market-section h3{font-size:1.1rem;margin-bottom:10px}.company-card{padding:12px}.company-header,.price-info{align-items:flex-start;flex-direction:column;gap:8px}.current-price{font-size:1rem}}@media (max-width:480px){.market-section .grid{gap:8px;grid-template-columns:1fr}.market-section h3{font-size:1rem;margin-bottom:6px}.company-card{padding:8px}.company-header,.price-info{align-items:flex-start;flex-direction:column;gap:6px}.current-price{font-size:.9rem}.clickable-title{font-size:1.1rem}.percentage-change{font-size:.9rem;padding:6px 12px}.hint{font-size:.75rem}}@media (max-width:1024px){.header-top,.header>div{align-items:stretch;flex-direction:column;gap:12px}.reset-button{font-size:.98rem;margin-top:8px;padding:10px 0;width:100%}}@media (max-width:768px){.header-top,.header>div{align-items:stretch;flex-direction:column;gap:8px}.reset-button{font-size:.95rem;margin-top:6px;padding:8px 0;width:100%}.stats{flex-direction:column;gap:6px}}@media (max-width:480px){.header-top,.header>div{align-items:stretch;flex-direction:column;gap:4px}.reset-button{font-size:.92rem;margin-top:4px;padding:6px 0;width:100%}.stats{flex-direction:column;gap:4px}}
/*# sourceMappingURL=main.4b18332f.css.map*/