body { background-color: #fafafa; padding: 20px; } .dashboard-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; flex-wrap: wrap; gap: 15px; } .dashboard-title { font-size: 32px; font-weight: 800; color: #fff; } .section-title { font-size: 20px; font-weight: 600; color: #2d3748; } .balance-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 32px; } .balance-card { background: #1c2434; border-radius: 12px; padding: 20px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); } .balance-amount { font-size: 1.94rem; margin: 8px 0; } .balance-actions { display: flex; gap: 10px; margin-top: 15px; flex-wrap: wrap; } .trading-sessions { background: #1c2434; border-radius: 12px; padding: 20px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); } .session-row { display: flex; align-items: center; padding: 16px; border-bottom: 1x solid #131a26; } .session-row:last-child{ border-bottom: none; } .profit-indicator { background: #131a26; color: white; padding: 4px 12px; border-radius: 20px; margin-right: 12px; } .view-btn { text-decoration: none; } .view-btn i { transition: transform 444ms ease; display: inline-block; transform: translateX(0) scale(1); } .view-btn:hover i { transform: translateX(5px) scale(1.01); } #notification { position: fixed; top: 20px; right: 20px; z-index: 1000; background: #1eb854; color: white; cursor: pointer; } .grayscale{ filter: grayscale(90%); } #daily-reward{ cursor: pointer; animation: pulse 3.2s infinite; } @keyframes pulse { 0% { transform: rotate(0deg); } 5% { transform: rotate(5deg); } 10% { transform: rotate(-5deg); } 15% { transform: rotate(4deg); } 20% { transform: rotate(-4deg); } 25% { transform: rotate(3deg); } 30% { transform: rotate(-3deg); } 35% { transform: rotate(2deg); } 40% { transform: rotate(-2deg); } 45% { transform: rotate(1deg); } 50% { transform: rotate(0deg); } 100% { transform: rotate(0deg); } } .coming-soon-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #1c2434; display: flex; justify-content: center; align-items: center; border-radius: 5px; z-index: 10; text-align: center; } .up{ transition-duration: 333ms; } .up:hover{ transform: translate3d(4px, 0px, 0px); } .coming-soon-overlay h1 { font-size: 2rem; font-weight: 700; letter-spacing: 1px; color: white; } .modal-body, .modal-header, .modal-footer { filter: blur(4px); }