.header[data-v-5bd050b9]{padding:0;background-color:#fff;width:100%}.header-container[data-v-5bd050b9]{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2rem}.logo-container[data-v-5bd050b9]{flex:0 0 auto;display:flex;flex-direction:column;align-items:center}.logo[data-v-5bd050b9]{max-height:300px;width:auto;display:block;height:auto;background-color:transparent}.mobile-blog-link[data-v-5bd050b9]{display:none;margin-top:.5rem;color:#007bff;text-decoration:none;text-align:center}.header-content[data-v-5bd050b9]{flex:1;text-align:center}.header-content h1[data-v-5bd050b9]{margin:0;font-size:2em;color:#2c3e50;white-space:nowrap}.slogan[data-v-5bd050b9]{margin:.5rem 0;color:#42b983;font-size:1.2em}.blog-link[data-v-5bd050b9]{display:inline-block;margin-top:.5rem;color:#3498db;text-decoration:none;font-weight:700;font-size:1.1em}.blog-link[data-v-5bd050b9]:hover{text-decoration:underline}@media (max-width:992px){.header-container[data-v-5bd050b9]{flex-direction:column;align-items:center;padding:1rem}.logo-container[data-v-5bd050b9]{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.header-content[data-v-5bd050b9]{display:none!important}.mobile-blog-link[data-v-5bd050b9]{display:block}}.stock-search[data-v-521610ac]{position:relative;width:100%}.search-input[data-v-521610ac]{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px}.search-results[data-v-521610ac]{position:absolute;width:100%;max-height:300px;overflow-y:auto;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;z-index:100;box-shadow:0 4px 8px rgba(0,0,0,.1)}.search-result-item[data-v-521610ac]{padding:10px;cursor:pointer;border-bottom:1px solid #eee}.search-result-item[data-v-521610ac]:hover{background-color:#f5f5f5}.exchange[data-v-521610ac]{color:#666;font-size:.8em;margin-left:5px}.loading-indicator[data-v-521610ac],.no-results[data-v-521610ac]{padding:10px;text-align:center;color:#666}.stock-chart-container[data-v-476d8f29]{width:100%;height:300px;position:relative}#app{max-width:1200px;margin:0 auto;padding:10px;font-family:Arial,sans-serif;background-color:#fff}h1{margin:0;font-size:2em}.slogan{font-size:1.2em;color:#42b983;margin:5px 0}.blog-link{display:inline-block;color:#3498db;text-decoration:none;font-weight:700;margin-top:10px;font-size:1.1em}.blog-link:hover{text-decoration:underline}.input-section{gap:1.5rem;max-width:600px;margin:0 auto 20px;padding:0 15px}.form-group,.input-section{display:flex;flex-direction:column}.form-group{gap:.5rem;width:100%}label{font-weight:700;color:#333}.investment-input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px}.selected-amount,.selected-stock{margin-top:8px}.stock-info{display:inline-block;padding:4px 8px;background-color:#f0f8ff;border-radius:4px;border:1px solid #007bff}.calculate-button-container{margin-top:1rem;width:100%}.primary-button{background-color:#42b983;color:#fff;border:none;padding:12px 15px;border-radius:4px;cursor:pointer;font-size:16px;width:100%}.primary-button:disabled{background-color:#a8d5c2;cursor:not-allowed}.secondary-button{background-color:#3498db;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer}.secondary-button:disabled{background-color:#a8c6df;cursor:not-allowed}.search-group{position:relative}.custom-timeframe-section{background-color:#f9f9f9;padding:15px;border-radius:8px;margin-bottom:20px}.timeframe-inputs{display:flex;justify-content:center;align-items:center;gap:15px}.date-input{display:flex;flex-direction:column}.timeframe-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.timeframe-card{border:1px solid #eee;border-radius:8px;padding:15px;text-align:center}.custom-timeframe-result{margin-top:20px;border-top:1px solid #eee;padding-top:20px}.gain-indicator{margin:10px 0;font-weight:700}.positive{color:green}.negative{color:red}.loading-spinner{text-align:center;padding:20px;color:#666}@media (max-width:768px){.timeframe-inputs{flex-direction:column;align-items:stretch}.form-group+.form-group{margin-top:1.5rem}}@media (min-width:768px){.input-section{flex-direction:row;flex-wrap:wrap}.form-group{flex:1 0 45%}.calculate-button-container{width:100%;display:flex;justify-content:center}.primary-button{width:auto;min-width:200px}}