.car-card { background: #ffecc7; border-radius: 12px; margin-bottom: 2px; border: 1px solid #ffaa97; box-shadow: inset 0 0 6px 0 rgba(255, 182, 49, 1); }
    .car-header { display: flex; justify-content: space-between; align-items: center; padding: 3px 15px; border-bottom: 1px solid #ffaa97; background: #F2E0BD; border-radius: 12px 12px 0 0; }
    .lvl-badge { background: #ffcc00; color: #000; font-weight: 800; padding: 3px 10px; border-radius: 6px; font-size: 12px; }
    .car-body { display: flex; padding: 6px; gap: 15px; }
    .car-visual { width: 90px; height: 60px; flex-shrink: 0; }
    .car-visual img { width: 100%; border-radius: 5px; }
    .car-stats { flex-grow: 1; }
    .stat-box { background: #F2E0BD; padding: 8px; border-radius: 8px; margin-bottom: 8px; font-size: 12px; border-left: 3px solid #28a745; }
    .btn-upgrade-main { background: #28a745; color: white; border: none; width: 100%; padding: 10px; border-radius: 8px; font-weight: bold; cursor: pointer; }
    
    .modal-overlay { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.85); backdrop-filter: blur(4px); }
    .modal-box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; max-width: 340px; background: #ffecc7; border: 1px solid #ffaa97; border-radius: 15px; padding: 18px; text-align: center; box-shadow: inset 0 0 10px rgba(255,182,49,0.5); }
    .modal-info-grid { background: #fff8e1; border-radius: 10px; padding: 12px; margin: 15px 0; text-align: left; border: 1px dashed #ffd54f; font-size: 14px; }
    .confirm-btn { display: block; background: #28a745; color: white; border:none; width:100%; padding: 14px; border-radius: 10px; font-weight: bold; cursor:pointer; font-size: 15px; }
    .close-btn { background: #ffcc00; color: #000; border:none; width:100%; padding: 12px; border-radius: 10px; font-weight: bold; cursor:pointer; margin-top: 10px; font-size: 13px; }
    #modal_msg { margin-bottom: 10px; font-weight: bold; font-size: 14px; min-height: 20px; display: block; }


    .garage-card { background: #ffecc7; border-radius: 12px; margin-bottom: 5px; border: 1px solid #ffaa97; box-shadow: inset 0 0 6px 0 rgba(255, 182, 49, 1); overflow: hidden; }
    .garage-header { display: flex; justify-content: space-between; align-items: center; padding: 5px 12px; border-bottom: 1px solid #ffaa97; background: #F2E0BD; }
    .lvl-badge { background: #ffcc00; color: #000; font-weight: bold; padding: 2px 8px; border-radius: 5px; font-size: 11px; }
    .garage-body { display: flex; padding: 8px; gap: 12px; align-items: center; }
    .garage-img { width: 85px; height: 55px; flex-shrink: 0; }
    .garage-img img { width: 100%; border-radius: 6px; }
    .garage-info { flex-grow: 1; font-size: 12px; }
    .bonus-box { background: #F2E0BD; padding: 6px; border-radius: 6px; border-left: 3px solid #28a745; margin-bottom: 5px; }
    .btn-up { background: #28a745; color: white; border: none; width: 100%; padding: 8px; border-radius: 6px; font-weight: bold; cursor: pointer; transition: 0.2s; }
    .btn-up:active { transform: scale(0.97); }

    .btn-sale { background: #28a745; color: white; border: none; width: 100%; padding: 8px; border-radius: 6px; font-weight: bold; cursor: pointer; }
    .btn-max { background: #a0a0a0; color: #e0e0e0; border: none; width: 100%; padding: 8px; border-radius: 6px; font-weight: bold; cursor: not-allowed; }
    .btn-upgrade-main { background: #28a745; color: white; border: none; width: 100%; padding: 8px; border-radius: 6px; font-weight: bold; cursor: pointer; }
    .btn-upgrade-max { background: #a0a0a0; color: #e0e0e0; border: none; width: 100%; padding: 8px; border-radius: 6px; font-weight: bold; cursor: not-allowed; }