/* Material Icons CSS */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/Material-icons.woff2') format('woff2');
}

.material-icons-outlined {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: 'liga';
  -moz-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
}

/* Fallback for when icon font doesn't load */
.material-icons-outlined:before {
  content: attr(data-icon);
  font-family: 'Material Icons', sans-serif;
}

/* Common icon mappings */
.material-icons-outlined[data-icon="home"]:before { content: "🏠"; }
.material-icons-outlined[data-icon="search"]:before { content: "🔍"; }
.material-icons-outlined[data-icon="favorite"]:before { content: "❤️"; }
.material-icons-outlined[data-icon="visibility"]:before { content: "👁"; }
.material-icons-outlined[data-icon="calendar_today"]:before { content: "📅"; }
.material-icons-outlined[data-icon="bed"]:before { content: "🛏"; }
.material-icons-outlined[data-icon="bathtub"]:before { content: "🛁"; }
.material-icons-outlined[data-icon="square_foot"]:before { content: "📏"; }
.material-icons-outlined[data-icon="location_on"]:before { content: "📍"; }
.material-icons-outlined[data-icon="phone"]:before { content: "📞"; }
.material-icons-outlined[data-icon="email"]:before { content: "✉️"; }
.material-icons-outlined[data-icon="person"]:before { content: "👤"; }
.material-icons-outlined[data-icon="business"]:before { content: "🏢"; }
.material-icons-outlined[data-icon="star"]:before { content: "⭐"; }
.material-icons-outlined[data-icon="security"]:before { content: "🔒"; }
.material-icons-outlined[data-icon="lock"]:before { content: "🔐"; }
.material-icons-outlined[data-icon="verified_user"]:before { content: "✅"; }
.material-icons-outlined[data-icon="wifi_off"]:before { content: "📶"; }
.material-icons-outlined[data-icon="refresh"]:before { content: "🔄"; }
.material-icons-outlined[data-icon="menu"]:before { content: "☰"; }
.material-icons-outlined[data-icon="close"]:before { content: "✖️"; }
.material-icons-outlined[data-icon="expand_more"]:before { content: "⬇️"; }
.material-icons-outlined[data-icon="videocam"]:before { content: "📹"; }
.material-icons-outlined[data-icon="floor_plan"]:before { content: "📐"; }
.material-icons-outlined[data-icon="explore"]:before { content: "🧭"; }
.material-icons-outlined[data-icon="view_in_ar"]:before { content: "🥽"; }
.material-icons-outlined[data-icon="add"]:before { content: "➕"; }
.material-icons-outlined[data-icon="edit"]:before { content: "✏️"; }
.material-icons-outlined[data-icon="delete"]:before { content: "🗑️"; }
.material-icons-outlined[data-icon="download"]:before { content: "⬇️"; }
.material-icons-outlined[data-icon="upload"]:before { content: "⬆️"; }
.material-icons-outlined[data-icon="share"]:before { content: "📤"; }
.material-icons-outlined[data-icon="trending_up"]:before { content: "📈"; }
.material-icons-outlined[data-icon="trending_down"]:before { content: "📉"; }
.material-icons-outlined[data-icon="school"]:before { content: "🏫"; }
.material-icons-outlined[data-icon="local_hospital"]:before { content: "🏥"; }
.material-icons-outlined[data-icon="train"]:before { content: "🚆"; }
.material-icons-outlined[data-icon="directions_bus"]:before { content: "🚌"; }
.material-icons-outlined[data-icon="local_taxi"]:before { content: "🚕"; }
.material-icons-outlined[data-icon="directions_car"]:before { content: "🚗"; }
.material-icons-outlined[data-icon="shopping_cart"]:before { content: "🛒"; }
.material-icons-outlined[data-icon="restaurant"]:before { content: "🍽"; }
.material-icons-outlined[data-icon="fitness_center"]:before { content: "🏋️"; }
.material-icons-outlined[data-icon="park"]:before { content: "🌳"; }
.material-icons-outlined[data-icon="local_movies"]:before { content: "🎬"; }
.material-icons-outlined[data-icon="local_gas_station"]:before { content: "⛽"; }
.material-icons-outlined[data-icon="picture_as_pdf"]:before { content: "📄"; }
.material-icons-outlined[data-icon="image"]:before { content: "🖼️"; }
.material-icons-outlined[data-icon="description"]:before { content: "📄"; }
.material-icons-outlined[data-icon="folder"]:before { content: "📁"; }
.material-icons-outlined[data-icon="assessment"]:before { content: "📊"; }
.material-icons-outlined[data-icon="analytics"]:before { content: "📈"; }
.material-icons-outlined[data-icon="support_agent"]:before { content: "💁"; }
.material-icons-outlined[data-icon="contact_support"]:before { content: "🎧"; }
.material-icons-outlined[data-icon="report"]:before { content: "📝"; }
.material-icons-outlined[data-icon="backup"]:before { content: "💾"; }
.material-icons-outlined[data-icon="restore"]:before { content: "♻️"; }
.material-icons-outlined[data-icon="camera_alt"]:before { content: "📷"; }
.material-icons-outlined[data-icon="grid_view"]:before { content: "⚏"; }
.material-icons-outlined[data-icon="list"]:before { content: "📋"; }
.material-icons-outlined[data-icon="filter_list"]:before { content: "🔽"; }
.material-icons-outlined[data-icon="account_balance"]:before { content: "🏦"; }
.material-icons-outlined[data-icon="badge"]:before { content: "🏷️"; }
.material-icons-outlined[data-icon="autorenew"]:before { content: "🔄"; }
.material-icons-outlined[data-icon="schedule"]:before { content: "📅"; }
.material-icons-outlined[data-icon="event"]:before { content: "📅"; }
.material-icons-outlined[data-icon="thumb_up"]:before { content: "👍"; }
.material-icons-outlined[data-icon="generating_tokens"]:before { content: "🔢"; }
.material-icons-outlined[data-icon="loyalty"]:before { content: "💎"; }
.material-icons-outlined[data-icon="rocket_launch"]:before { content: "🚀"; }
.material-icons-outlined[data-icon="upgrade"]:before { content: "⬆️"; }
.material-icons-outlined[data-icon="handshake"]:before { content: "🤝"; }
.material-icons-outlined[data-icon="folder_zip"]:before { content: "📦"; }
.material-icons-outlined[data-icon="insert_drive_file"]:before { content: "📄"; }
.material-icons-outlined[data-icon="gavel"]:before { content: "⚖️"; }
.material-icons-outlined[data-icon="insights"]:before { content: "💡"; }
.material-icons-outlined[data-icon="groups"]:before { content: "👥"; }
.material-icons-outlined[data-icon="security"]:before { content: "🔐"; }
.material-icons-outlined[data-icon="warning"]:before { content: "⚠️"; }
.material-icons-outlined[data-icon="error"]:before { content: "❌"; }
.material-icons-outlined[data-icon="info"]:before { content: "ℹ️"; }
.material-icons-outlined[data-icon="check_circle"]:before { content: "✅"; }
.material-icons-outlined[data-icon="cancel"]:before { content: "❌"; }
.material-icons-outlined[data-icon="chevron_left"]:before { content: "⬅️"; }
.material-icons-outlined[data-icon="chevron_right"]:before { content: "➡️"; }
.material-icons-outlined[data-icon="360"]:before { content: "🔄"; }
.material-icons-outlined[data-icon="access_time"]:before { content: "⏰"; }
.material-icons-outlined[data-icon="settings"]:before { content: "⚙️"; }
.material-icons-outlined[data-icon="logout"]:before { content: "🚪"; }
.material-icons-outlined[data-icon="cloud_upload"]:before { content: "☁️"; }
.material-icons-outlined[data-icon="create_new_folder"]:before { content: "📁➕"; }
.material-icons-outlined[data-icon="content_copy"]:before { content: "📋"; }
.material-icons-outlined[data-icon="grid_on"]:before { content: "📊"; }
.material-icons-outlined[data-icon="description"]:before { content: "📝"; }
.material-icons-outlined[data-icon="people"]:before { content: "👥"; }
.material-icons-outlined[data-icon="trending_flat"]:before { content: "➡️"; }
.material-icons-outlined[data-icon="picture_as_pdf"]:before { content: "📄"; }
.material-icons-outlined[data-icon="account_circle"]:before { content: "👤"; }
.material-icons-outlined[data-icon="mail"]:before { content: "✉️"; }
.material-icons-outlined[data-icon="call"]:before { content: "📞"; }
.material-icons-outlined[data-icon="delete"]:before { content: "🗑️"; }
.material-icons-outlined[data-icon="move_down"]:before { content: "⬇️"; }
.material-icons-outlined[data-icon="folder"]:before { content: "📁"; }