:root {
    --bg-color: #0D1115;
    --card-bg: #1A1F25;
    --text-primary: #FFFFFF;
    --text-secondary: #8E9BAE;
    --accent-green: #00E878;
    --btn-bg: #2C353F;
}
* { box-sizing: border-box; margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
body { background-color: var(--bg-color); color: var(--text-primary); display: flex; justify-content: center; -webkit-font-smoothing: antialiased; }
.app-container { width: 100%; max-width: 400px; min-height: 100vh; padding: 24px; display: flex; flex-direction: column; }
header { margin-top: 40px; margin-bottom: 32px; text-align: center; }
.logo { font-size: 24px; font-weight: 700; letter-spacing: -0.5px; }
.card { background-color: var(--card-bg); border-radius: 20px; padding: 24px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); margin-bottom: 24px; }
.card h2 { font-size: 14px; text-transform: uppercase; color: var(--text-secondary); letter-spacing: 1px; margin-bottom: 20px; }
.data-row { display: flex; justify-content: space-between; align-items: center; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.data-row:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.label { font-size: 16px; color: var(--text-secondary); }
.value { font-size: 18px; font-weight: 600; }
.accent { color: var(--accent-green); font-size: 28px; font-weight: 700; }
.btn { width: 100%; background-color: var(--accent-green); color: #000000; border: none; padding: 16px; border-radius: 14px; font-size: 16px; font-weight: 600; cursor: pointer; transition: opacity 0.2s; }
.btn:active { opacity: 0.8; }
.btn.disabled { background-color: var(--btn-bg); color: var(--text-secondary); cursor: not-allowed; }
.status-text { text-align: center; margin-top: 16px; font-size: 12px; color: var(--text-secondary); }