@font-face {
  font-family: "Material Design Icons";
  src: url("../fonts/materialdesignicons-webfont/materialdesignicons-webfont.eot");
  src: url("../fonts/materialdesignicons-webfont/materialdesignicons-webfont.eot?#iefix") format("embedded-opentype"), 
       url("../fonts/materialdesignicons-webfont/materialdesignicons-webfont.woff2") format("woff2"), 
       url("../fonts/materialdesignicons-webfont/materialdesignicons-webfont.woff") format("woff"), 
       url("../fonts/materialdesignicons-webfont/materialdesignicons-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.mdi:before,
.mdi-set {
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Account icon - used in login form */
.mdi-account:before {
  content: "\F0004";
}

/* Lock icon - used in login form */
.mdi-lock:before {
  content: "\F0341";
}

/* Eye icon - used for password reveal */
.mdi-eye:before {
  content: "\F0208";
}

/* Eye-off icon - used for password hide */
.mdi-eye-off:before {
  content: "\F0209";
}

/* Close icon - used for notifications */
.mdi-close:before {
  content: "\F0156";
}

/* Loading icon - used for buttons */
.mdi-loading:before {
  content: "\F0772";
}

/* Check icon - used for success states */
.mdi-check:before {
  content: "\F012C";
}

/* Alert icon - used for error states */
.mdi-alert:before {
  content: "\F0026";
}

/* Email icon - used in profile form */
.mdi-email:before {
  content: "\F01EE";
}

/* Admin shield icon */
.mdi-shield-account:before {
  content: "\F088F";
}

/* Pencil icon for adjustments button */
.mdi-pencil:before {
  content: "\F03EB";
}

/* Add more icons as needed */