*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#222222;color:#e0e0e0}.App{min-height:100vh}.navbar{background:#1a2b4c;color:white;padding:1rem 0;box-shadow:0 2px 10px rgba(0,0,0,.3)}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-title{font-size:1.8rem;font-weight:700;color:#ff8c00}.nav-links{display:flex;gap:1rem}.nav-link{background:none;border:none;color:white;padding:.5rem 1rem;border-radius:5px;cursor:pointer;transition:background-color .3s;font-size:1rem;text-decoration:none}.nav-link:hover{background-color:rgba(255,255,255,.15)}.nav-link.active{background-color:rgba(255,255,255,.25)}.main-content{max-width:1200px;margin:0 auto;padding:2rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px}.loading-spinner{width:40px;height:40px;border:4px solid #444444;border-top-color:#4a90e2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard{display:flex;flex-direction:column;gap:2rem}.market-overview{background:#333333;border-radius:10px;padding:2rem;box-shadow:0 2px 10px rgba(0,0,0,.2)}.market-overview h2{margin-bottom:1.5rem;color:#f0f0f0}.market-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{background:linear-gradient(135deg,#4a90e2,#764ba2);color:white;padding:1.5rem;border-radius:10px;text-align:center}.stat-card h3{font-size:.9rem;margin-bottom:.5rem;opacity:.9}.stat-card p{font-size:1.5rem;font-weight:700}.coins-section{background:#333333;border-radius:10px;padding:2rem;box-shadow:0 2px 10px rgba(0,0,0,.2)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-header h2{color:#f0f0f0}.search-input{padding:.75rem;border:2px solid #444444;background-color:#2c2c2c;color:#e0e0e0;border-radius:5px;font-size:1rem;width:300px}.search-input:focus{outline:none;border-color:#4a90e2}.coins-table,.portfolio-table,.stats-table,.watchlist-table{display:flex;flex-direction:column;gap:.5rem}.table-header{background-color:#2c2c2c;font-weight:700;color:#b0b0b0}.table-header,.table-row{display:grid;grid-template-columns:50px 2fr 1fr 1fr 1fr 1fr 100px;gap:1rem;padding:1rem;border-radius:5px}.table-row{background-color:#3a3a3a;border:1px solid #444444;transition:transform .2s,box-shadow .2s}.table-row:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.3)}.cell{display:flex;align-items:center;gap:.5rem}.cell.name{cursor:pointer}.cell.name:hover{color:#4a90e2}.coin-image{width:32px;height:32px;border-radius:50%}.coin-name{font-weight:600}.coin-symbol{color:#b0b0b0;font-size:.9rem}.positive{color:#4caf50}.negative{color:#f44336}.watchlist-btn{background:none;border:2px solid #444444;color:#e0e0e0;border-radius:5px;padding:.5rem;cursor:pointer;font-size:1.2rem;transition:all .3s}.watchlist-btn:hover{border-color:#4a90e2;color:#4a90e2}.watchlist-btn.active{background-color:#4a90e2;border-color:#4a90e2;color:white}.coin-detail{background:#333333;border-radius:10px;padding:2rem;box-shadow:0 2px 10px rgba(0,0,0,.2)}.back-btn{background:#4a90e2;color:white;border:none;padding:.75rem 1.5rem;border-radius:5px;cursor:pointer;margin-bottom:2rem;font-size:1rem}.back-btn:hover{background:#3a7bd5}.coin-header{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #444444}.coin-detail-image{width:80px;height:80px;border-radius:50%}.coin-info h1{font-size:2rem;margin-bottom:.5rem}.coin-price{display:flex;align-items:center;gap:1rem}.current-price{font-size:2rem;font-weight:700}.price-change{font-size:1.2rem;font-weight:600}.coin-actions{margin-left:auto}.coin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background-color:#2c2c2c;border-radius:5px}.stat-label{color:#b0b0b0;font-size:.9rem}.stat-value{font-size:1.2rem;font-weight:700}.portfolio-section{margin-bottom:2rem;padding:1.5rem;background-color:#2c2c2c;border-radius:10px}.portfolio-section h3{margin-bottom:1rem}.portfolio-input{display:flex;gap:1rem;align-items:center}.quantity-input{padding:.75rem;border:2px solid #444444;background-color:#3a3a3a;color:#e0e0e0;border-radius:5px;font-size:1rem;width:200px}.add-portfolio-btn{background:#4caf50;color:white;border:none;padding:.75rem 1.5rem;border-radius:5px;cursor:pointer;font-size:1rem}.add-portfolio-btn:hover{background:#45a049}.chart-section{margin-bottom:2rem}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.timeframe-buttons{display:flex;gap:.5rem}.timeframe-btn{background:#3a3a3a;border:2px solid #444444;color:#e0e0e0;padding:.5rem 1rem;border-radius:5px;cursor:pointer;transition:all .3s}.timeframe-btn:hover{border-color:#4a90e2;color:#4a90e2}.timeframe-btn.active{background:#4a90e2;color:white;border-color:#4a90e2}.chart-container{background:#333333;border-radius:10px;padding:1rem;border:1px solid #444444}.portfolio{display:flex;flex-direction:column;gap:2rem}.portfolio-header{background:#333333;border-radius:10px;padding:2rem;box-shadow:0 2px 10px rgba(0,0,0,.2)}.portfolio-summary{display:flex;gap:2rem;margin-top:1rem}.portfolio-summary .label{color:#b0b0b0;margin-right:.5rem}.portfolio-summary .value{font-weight:700;font-size:1.2rem}.empty-portfolio,.empty-watchlist{padding:3rem;text-align:center;color:#b0b0b0}.alerts-section,.empty-portfolio,.empty-watchlist{background:#333333;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.2)}.alerts-section{padding:2rem}.alerts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.notification-btn{background:#00bfff;color:white;border:none;padding:.75rem 1.5rem;border-radius:5px;cursor:pointer}.add-alert{display:flex;gap:1rem;margin-bottom:2rem;align-items:center}.alert-input,.alert-select{padding:.75rem;border:2px solid #444444;background-color:#3a3a3a;color:#e0e0e0;border-radius:5px;font-size:1rem}.add-alert-btn{background:#228b22;color:white;border:none;padding:.75rem 1.5rem;border-radius:5px;cursor:pointer}.alerts-list{display:flex;flex-direction:column;gap:1rem}.alert-item{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#3a3a3a;border-radius:5px;border-left:4px solid #4a90e2}.alert-item.triggered{border-left-color:#4caf50;background-color:#2a3a2a}.alert-coin-image{width:24px;height:24px;border-radius:50%}.alert-text{flex:1}.alert-status{color:#b0b0b0;font-size:.9rem}.remove-alert-btn,.remove-btn{background:#f44336;color:white;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-size:.9rem}.remove-alert-btn:hover,.remove-btn:hover{background:#d32f2f}.comparison{display:flex;flex-direction:column;gap:2rem}.comparison-controls{background:#333333;border-radius:10px;padding:2rem;box-shadow:0 2px 10px rgba(0,0,0,.2);display:grid;grid-template-columns:1fr 1fr;gap:2rem}.coin-select{width:100%;padding:.75rem;border:2px solid #444444;background-color:#2c2c2c;color:#e0e0e0;border-radius:5px;font-size:1rem}.selected-coins{display:flex;gap:1rem;flex-wrap:wrap}.selected-coin{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#3a3a3a;border:2px solid #4a90e2;border-radius:25px;box-shadow:0 2px 5px rgba(0,0,0,.15)}.remove-coin-btn{background:none;border:none;color:#f44336;font-size:1.2rem;cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%}.remove-coin-btn:hover{background:#f44336;color:white}.comparison-chart,.comparison-table{background:#333333;border-radius:10px;padding:2rem;box-shadow:0 2px 10px rgba(0,0,0,.2)}.color-indicator{width:12px;height:12px;border-radius:50%;margin-right:.5rem}.coin-description{background:#333333;border-radius:10px;padding:2rem;box-shadow:0 2px 10px rgba(0,0,0,.2)}.coin-description h3{margin-bottom:1rem;color:#f0f0f0}.coin-description p{line-height:1.6;color:#b0b0b0}.stats-table .table-header{background-color:#2c2c2c;font-weight:700;color:#b0b0b0}.stats-table .table-header,.stats-table .table-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:1rem;padding:1rem;border-radius:5px}.stats-table .table-row{background-color:#3a3a3a;border:1px solid #444444;transition:transform .2s,box-shadow .2s}.stats-table .cell.market-cap,.stats-table .cell.price,.stats-table .cell.volume{justify-content:flex-end;text-align:right}.stats-table .header-cell.market-cap,.stats-table .header-cell.price,.stats-table .header-cell.volume{text-align:right}.auth-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:2rem}.auth-card{background:#333333;border-radius:10px;padding:3rem;box-shadow:0 4px 20px rgba(0,0,0,.4);width:100%;max-width:400px;text-align:center}.auth-title{font-size:2rem;margin-bottom:2rem;color:#f0f0f0}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.auth-form label{text-align:left;font-weight:600;color:#b0b0b0}.auth-input{width:100%;padding:.75rem;border:2px solid #444444;background-color:#2c2c2c;color:#e0e0e0;border-radius:5px;font-size:1rem}.auth-input:focus{outline:none;border-color:#4a90e2}.auth-button{background:#4a90e2;color:white;border:none;padding:1rem;border-radius:5px;cursor:pointer;font-size:1.1rem;font-weight:700;transition:background-color .3s}.auth-button:hover{background:#3a7bd5}.auth-button:disabled{background:#555555;cursor:not-allowed}.auth-error{color:#f44336}.auth-error,.auth-message{margin-top:1rem;font-size:.9rem}.auth-message{color:#4caf50}.auth-link-text{margin-top:1.5rem;color:#b0b0b0}.auth-link{color:#4a90e2;text-decoration:none;font-weight:600}.auth-link:hover{text-decoration:underline}@media (max-width:768px){.nav-container{flex-direction:column;gap:1rem}.nav-links{flex-wrap:wrap;justify-content:center}.main-content{padding:1rem}.market-stats{grid-template-columns:1fr}.section-header{flex-direction:column;gap:1rem;align-items:stretch}.search-input{width:100%}.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}.cell{justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #3a3a3a}.cell:last-child{border-bottom:none}.coin-header{flex-direction:column;text-align:center}.coin-stats{grid-template-columns:1fr}.portfolio-input{flex-direction:column;align-items:stretch}.quantity-input{width:100%}.chart-header{flex-direction:column;gap:1rem}.timeframe-buttons{justify-content:center}.portfolio-summary{flex-direction:column;gap:1rem}.comparison-controls{grid-template-columns:1fr}.add-alert{flex-direction:column;align-items:stretch}.alert-item{flex-wrap:wrap;gap:.5rem}}@media (max-width:480px){.nav-title{font-size:1.4rem}.nav-link{padding:.5rem;font-size:.9rem}.current-price{font-size:1.5rem}.price-change{font-size:1rem}.coin-detail-image{width:60px;height:60px}.selected-coins{justify-content:center}.timeframe-buttons{flex-wrap:wrap}}