* { box-sizing: border-box; margin: 0; padding: 0; }

body {
    background: #0f172a;
    color: #e2e8f0;
    font-family: 'Malgun Gothic', sans-serif;
    min-height: 100vh;
}

.Menu_Title {
    display: flex;
    background: #040b1b;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-bottom: 1px solid #5d6488;
}
.Menu_Img {
    display: flex;
    align-items: center;
    
}
.Menu_Img img {
    height: 50px;
    margin-right: 10px;
}
.Menu_Name {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
}

.page_header {
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid #5d6488;
    padding: 10px 20px;
}

.coin_logo { width: 40px; height: 40px; border-radius: 50%; }
.coin_title { font-size: 1.3rem; font-weight: 700; color: #f1f5f9; }
.coin_symbol { font-size: 0.85rem; color: #64748b; margin-top: 2px; }

.today_card {
    background: #252f57;
    border-bottom: 1px solid #5d6488;
    padding: 20px;
}

.today_label { font-size: 0.75rem; color: #64748b; margin-bottom: 6px; }
.today_price { font-size: 1.8rem; font-weight: 700; color: #f1f5f9; }

.today_rates {
    display: flex;
    gap: 16px;
    margin-top: 8px;
    flex-wrap: wrap;
}

.rate_group {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rate_group_label {
    font-size: 0.7rem;
    color: #475569;
}

.rate_row {
    display: flex;
    gap: 10px;
}

.rate_item { font-size: 0.85rem; }
.rate_label { color: #64748b; margin-right: 4px; font-size: 0.75rem; }

.rate_up   { color: #00ff00; }
.rate_down { color: #ff0000; }
.rate_even { color: #94a3b8; }

.history_table { 
    width: 100%; 
    border-collapse: collapse;
}

.history_table th {
    background: #162445;
    color: #ddd;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 15px 0px;
    border-bottom: 1px solid #5d6488;
}

.history_table td {
    padding: 12px;
    border-bottom: 1px solid #2d3357;
    font-size: 0.9rem;
    vertical-align: middle;
}

.history_table tr:hover td { background: #162445; }

.Margin_Bottom {
    font-size: 45px;
}

.price_val  { font-weight: 600; color: #f1f5f9; }
.amount_val { color: #cbd5e1; }

.yoy_base { display: block; font-size: 0.7rem; color: #475569; margin-top: 2px; }

.diff_up   { color: #00ff00; font-size: 0.82rem; }
.diff_down { color: #ff0000; font-size: 0.82rem; }
.diff_even { color: #94a3b8; font-size: 0.82rem; }


.source_collected { background: #0e2a1a; color: #34d399; border: 1px solid #065f46; }
.source_history   { background: #1e1a0e; color: #fbbf24; border: 1px solid #78350f; }

.no_data { text-align: center; padding: 40px; color: #475569; font-size: 0.9rem; }