/*
 * Default Trix editor styles. See Action Text overwrites below.
*/

trix-editor {
  border: 1px solid #bbb;
  border-radius: 3px;
  margin: 0;
  padding: 0.4em 0.6em;
  min-height: 5em;
  outline: none; }

trix-toolbar * {
  box-sizing: border-box; }

trix-toolbar .trix-button-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: auto; }

trix-toolbar .trix-button-group {
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  border-top-color: #ccc;
  border-bottom-color: #888;
  border-radius: 3px; }
  trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 1.5vw; }
    @media (max-width: 768px) {
      trix-toolbar .trix-button-group:not(:first-child) {
        margin-left: 0; } }

trix-toolbar .trix-button-group-spacer {
  flex-grow: 1; }
  @media (max-width: 768px) {
    trix-toolbar .trix-button-group-spacer {
      display: none; } }

trix-toolbar .trix-button {
  position: relative;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75em;
  font-weight: 600;
  white-space: nowrap;
  padding: 0 0.5em;
  margin: 0;
  outline: none;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  background: transparent; }
  trix-toolbar .trix-button:not(:first-child) {
    border-left: 1px solid #ccc; }
  trix-toolbar .trix-button.trix-active {
    background: #cbeefa;
    color: black; }
  trix-toolbar .trix-button:not(:disabled) {
    cursor: pointer; }
  trix-toolbar .trix-button:disabled {
    color: rgba(0, 0, 0, 0.125); }
  @media (max-width: 768px) {
    trix-toolbar .trix-button {
      letter-spacing: -0.01em;
      padding: 0 0.3em; } }

trix-toolbar .trix-button--icon {
  font-size: inherit;
  width: 2.6em;
  height: 1.6em;
  max-width: calc(0.8em + 4vw);
  text-indent: -9999px; }
  @media (max-width: 768px) {
    trix-toolbar .trix-button--icon {
      height: 2em;
      max-width: calc(0.8em + 3.5vw); } }
  trix-toolbar .trix-button--icon::before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.6;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }
    @media (max-width: 768px) {
      trix-toolbar .trix-button--icon::before {
        right: 6%;
        left: 6%; } }
  trix-toolbar .trix-button--icon.trix-active::before {
    opacity: 1; }
  trix-toolbar .trix-button--icon:disabled::before {
    opacity: 0.125; }

trix-toolbar .trix-button--icon-attach::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%2018V7.5c0-2.25%203-2.25%203%200V18c0%204.125-6%204.125-6%200V7.5c0-6.375%209-6.375%209%200V18%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  top: 8%;
  bottom: 4%; }

trix-toolbar .trix-button--icon-bold::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.522%2019.242a.5.5%200%200%201-.5-.5V5.35a.5.5%200%200%201%20.5-.5h5.783c1.347%200%202.46.345%203.24.982.783.64%201.216%201.562%201.216%202.683%200%201.13-.587%202.129-1.476%202.71a.35.35%200%200%200%20.049.613c1.259.56%202.101%201.742%202.101%203.22%200%201.282-.483%202.334-1.363%203.063-.876.726-2.132%201.12-3.66%201.12h-5.89ZM9.27%207.347v3.362h1.97c.766%200%201.347-.17%201.733-.464.38-.291.587-.716.587-1.27%200-.53-.183-.928-.513-1.198-.334-.273-.838-.43-1.505-.43H9.27Zm0%205.606v3.791h2.389c.832%200%201.448-.177%201.853-.497.399-.315.614-.786.614-1.423%200-.62-.22-1.077-.63-1.385-.418-.313-1.053-.486-1.905-.486H9.27Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-italic::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%205h6.5v2h-2.23l-2.31%2010H13v2H6v-2h2.461l2.306-10H9V5Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-link::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.948%205.258a4.337%204.337%200%200%200-6.108%200L11.217%206.87a.993.993%200%200%200%200%201.41c.392.39%201.027.39%201.418%200l1.623-1.613a2.323%202.323%200%200%201%203.271%200%202.29%202.29%200%200%201%200%203.251l-2.393%202.38a3.021%203.021%200%200%201-4.255%200l-.05-.049a1.007%201.007%200%200%200-1.418%200%20.993.993%200%200%200%200%201.41l.05.049a5.036%205.036%200%200%200%207.091%200l2.394-2.38a4.275%204.275%200%200%200%200-6.072Zm-13.683%2013.6a4.337%204.337%200%200%200%206.108%200l1.262-1.255a.993.993%200%200%200%200-1.41%201.007%201.007%200%200%200-1.418%200L9.954%2017.45a2.323%202.323%200%200%201-3.27%200%202.29%202.29%200%200%201%200-3.251l2.344-2.331a2.579%202.579%200%200%201%203.631%200c.392.39%201.027.39%201.419%200a.993.993%200%200%200%200-1.41%204.593%204.593%200%200%200-6.468%200l-2.345%202.33a4.275%204.275%200%200%200%200%206.072Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-strike::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2014.986c.088%202.647%202.246%204.258%205.635%204.258%203.496%200%205.713-1.728%205.713-4.463%200-.275-.02-.536-.062-.781h-3.461c.398.293.573.654.573%201.123%200%201.035-1.074%201.787-2.646%201.787-1.563%200-2.773-.762-2.91-1.924H6ZM6.432%2010h3.763c-.632-.314-.914-.715-.914-1.273%200-1.045.977-1.739%202.432-1.739%201.475%200%202.52.723%202.617%201.914h2.764c-.05-2.548-2.11-4.238-5.39-4.238-3.145%200-5.392%201.719-5.392%204.316%200%20.363.04.703.12%201.02ZM4%2011a1%201%200%201%200%200%202h15a1%201%200%201%200%200-2H4Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-quote::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.581%208.471c.44-.5%201.056-.834%201.758-.995C8.074%207.17%209.201%207.822%2010%208.752c1.354%201.578%201.33%203.555.394%205.277-.941%201.731-2.788%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.121-.49.16-.764.294-.286.567-.566.791-.835.222-.266.413-.54.524-.815.113-.28.156-.597.026-.908-.128-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.674-2.7c0-.905.283-1.59.72-2.088Zm9.419%200c.44-.5%201.055-.834%201.758-.995%201.734-.306%202.862.346%203.66%201.276%201.355%201.578%201.33%203.555.395%205.277-.941%201.731-2.789%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.122-.49.16-.764.294-.286.567-.566.791-.835.222-.266.412-.54.523-.815.114-.28.157-.597.026-.908-.127-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.672-2.701c0-.905.283-1.59.72-2.088Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-heading-1::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.5%207.5v-3h-12v3H14v13h3v-13h4.5ZM9%2013.5h3.5v-3h-10v3H6v7h3v-7Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-code::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.293%2011.293a1%201%200%200%200%200%201.414l4%204a1%201%200%201%200%201.414-1.414L5.414%2012l3.293-3.293a1%201%200%200%200-1.414-1.414l-4%204Zm13.414%205.414%204-4a1%201%200%200%200%200-1.414l-4-4a1%201%200%201%200-1.414%201.414L18.586%2012l-3.293%203.293a1%201%200%200%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-bullet-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%207.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203ZM8%206a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-2.5-5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200ZM5%2019.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-number-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%204h2v4H4V5H3V4Zm5%202a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-3.5-7H6v1l-1.5%202H6v1H3v-1l1.667-2H3v-1h2.5ZM3%2017v-1h3v4H3v-1h2v-.5H4v-1h1V17H3Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-undo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%2014a1%201%200%200%200%201%201h6a1%201%200%201%200%200-2H6.257c2.247-2.764%205.151-3.668%207.579-3.264%202.589.432%204.739%202.356%205.174%205.405a1%201%200%200%200%201.98-.283c-.564-3.95-3.415-6.526-6.825-7.095C11.084%207.25%207.63%208.377%205%2011.39V8a1%201%200%200%200-2%200v6Zm2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-redo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2014a1%201%200%200%201-1%201h-6a1%201%200%201%201%200-2h3.743c-2.247-2.764-5.151-3.668-7.579-3.264-2.589.432-4.739%202.356-5.174%205.405a1%201%200%200%201-1.98-.283c.564-3.95%203.415-6.526%206.826-7.095%203.08-.513%206.534.614%209.164%203.626V8a1%201%200%201%201%202%200v6Zm-2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-decrease-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-3.707-5.707a1%201%200%200%200%200%201.414l2%202a1%201%200%201%200%201.414-1.414L4.414%2012l1.293-1.293a1%201%200%200%200-1.414-1.414l-2%202Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-increase-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-2.293-2.293%202-2a1%201%200%200%200%200-1.414l-2-2a1%201%200%201%200-1.414%201.414L3.586%2012l-1.293%201.293a1%201%200%201%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-dialogs {
  position: relative; }

trix-toolbar .trix-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0.75em;
  padding: 15px 10px;
  background: #fff;
  box-shadow: 0 0.3em 1em #ccc;
  border-top: 2px solid #888;
  border-radius: 5px;
  z-index: 5; }

trix-toolbar .trix-input--dialog {
  font-size: inherit;
  font-weight: normal;
  padding: 0.5em 0.8em;
  margin: 0 10px 0 0;
  border-radius: 3px;
  border: 1px solid #bbb;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none; }
  trix-toolbar .trix-input--dialog.validate:invalid {
    box-shadow: #F00 0px 0px 1.5px 1px; }

trix-toolbar .trix-button--dialog {
  font-size: inherit;
  padding: 0.5em;
  border-bottom: none; }

trix-toolbar .trix-dialog--link {
  max-width: 600px; }

trix-toolbar .trix-dialog__link-fields {
  display: flex;
  align-items: baseline; }
  trix-toolbar .trix-dialog__link-fields .trix-input {
    flex: 1; }
  trix-toolbar .trix-dialog__link-fields .trix-button-group {
    flex: 0 0 content;
    margin: 0; }

trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

trix-editor [data-trix-mutable]::-moz-selection,
trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection {
  background: none; }

trix-editor [data-trix-mutable]::-moz-selection, trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection {
  background: none; }

trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection, trix-editor [data-trix-mutable] ::selection {
  background: none; }

trix-editor .attachment__caption-editor:focus[data-trix-mutable]::-moz-selection {
  background: highlight; }

trix-editor .attachment__caption-editor:focus[data-trix-mutable]::selection {
  background: highlight; }

trix-editor [data-trix-mutable].attachment.attachment--file {
  box-shadow: 0 0 0 2px highlight;
  border-color: transparent; }

trix-editor [data-trix-mutable].attachment img {
  box-shadow: 0 0 0 2px highlight; }

trix-editor .attachment {
  position: relative; }
  trix-editor .attachment:hover {
    cursor: default; }

trix-editor .attachment--preview .attachment__caption:hover {
  cursor: text; }

trix-editor .attachment__progress {
  position: absolute;
  z-index: 1;
  height: 20px;
  top: calc(50% - 10px);
  left: 5%;
  width: 90%;
  opacity: 0.9;
  transition: opacity 200ms ease-in; }
  trix-editor .attachment__progress[value="100"] {
    opacity: 0; }

trix-editor .attachment__caption-editor {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  text-align: center;
  vertical-align: top;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none; }

trix-editor .attachment__toolbar {
  position: absolute;
  z-index: 1;
  top: -0.9em;
  left: 0;
  width: 100%;
  text-align: center; }

trix-editor .trix-button-group {
  display: inline-flex; }

trix-editor .trix-button {
  position: relative;
  float: left;
  color: #666;
  white-space: nowrap;
  font-size: 80%;
  padding: 0 0.8em;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 0;
  background: transparent; }
  trix-editor .trix-button:not(:first-child) {
    border-left: 1px solid #ccc; }
  trix-editor .trix-button.trix-active {
    background: #cbeefa; }
  trix-editor .trix-button:not(:disabled) {
    cursor: pointer; }

trix-editor .trix-button--remove {
  text-indent: -9999px;
  display: inline-block;
  padding: 0;
  outline: none;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid highlight;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25); }
  trix-editor .trix-button--remove::before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.7;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%; }
  trix-editor .trix-button--remove:hover {
    border-color: #333; }
    trix-editor .trix-button--remove:hover::before {
      opacity: 1; }

trix-editor .attachment__metadata-container {
  position: relative; }

trix-editor .attachment__metadata {
  position: absolute;
  left: 50%;
  top: 2em;
  transform: translate(-50%, 0);
  max-width: 90%;
  padding: 0.1em 0.6em;
  font-size: 0.8em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px; }
  trix-editor .attachment__metadata .attachment__name {
    display: inline-block;
    max-width: 100%;
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  trix-editor .attachment__metadata .attachment__size {
    margin-left: 0.2em;
    white-space: nowrap; }

.trix-content {
  line-height: 1.5;
  overflow-wrap: break-word;
  word-break: break-word; }
  .trix-content * {
    box-sizing: border-box;
    margin: 0;
    padding: 0; }
  .trix-content h1 {
    font-size: 1.2em;
    line-height: 1.2; }
  .trix-content blockquote {
    border: 0 solid #ccc;
    border-left-width: 0.3em;
    margin-left: 0.3em;
    padding-left: 0.6em; }
  .trix-content [dir=rtl] blockquote,
  .trix-content blockquote[dir=rtl] {
    border-width: 0;
    border-right-width: 0.3em;
    margin-right: 0.3em;
    padding-right: 0.6em; }
  .trix-content li {
    margin-left: 1em; }
  .trix-content [dir=rtl] li {
    margin-right: 1em; }
  .trix-content pre {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-family: monospace;
    font-size: 0.9em;
    padding: 0.5em;
    white-space: pre;
    background-color: #eee;
    overflow-x: auto; }
  .trix-content img {
    max-width: 100%;
    height: auto; }
  .trix-content .attachment {
    display: inline-block;
    position: relative;
    max-width: 100%; }
    .trix-content .attachment a {
      color: inherit;
      text-decoration: none; }
      .trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
        color: inherit; }
  .trix-content .attachment__caption {
    text-align: center; }
    .trix-content .attachment__caption .attachment__name + .attachment__size::before {
      content: ' \2022 '; }
  .trix-content .attachment--preview {
    width: 100%;
    text-align: center; }
    .trix-content .attachment--preview .attachment__caption {
      color: #666;
      font-size: 0.9em;
      line-height: 1.2; }
  .trix-content .attachment--file {
    color: #333;
    line-height: 1;
    margin: 0 2px 2px 2px;
    padding: 0.4em 1em;
    border: 1px solid #bbb;
    border-radius: 5px; }
  .trix-content .attachment-gallery {
    display: flex;
    flex-wrap: wrap;
    position: relative; }
    .trix-content .attachment-gallery .attachment {
      flex: 1 0 33%;
      padding: 0 0.5em;
      max-width: 33%; }
    .trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
      flex-basis: 50%;
      max-width: 50%; }

/*
 * We need to override trix.css’s image gallery styles to accommodate the
 * <action-text-attachment> element we wrap around attachments. Otherwise,
 * images in galleries will be squished by the max-width: 33%; rule.
*/
.trix-content .attachment-gallery > action-text-attachment,
.trix-content .attachment-gallery > .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}

.trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
  flex-basis: 50%;
  max-width: 50%;
}

.trix-content action-text-attachment .attachment {
  padding: 0 !important;
  max-width: 100% !important;
}

/* Chrome treats unknown custom elements as inline and can collapse
   Action Text photos to an empty box. Force a block formatting context. */
action-text-attachment {
  display: block;
  width: 100%;
  max-width: 100%;
}

.trix-content action-text-attachment,
.trix-content .attachment--preview {
  display: block;
  width: 100%;
  max-width: 100%;
}

.trix-content .attachment--preview img,
.trix-content action-text-attachment img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
@charset "UTF-8";
/* ===================================
   APPROVERS MODULE - ENTERPRISE DESIGN
   =================================== */
/* Header Section */
/* line 15, app/assets/stylesheets/approvers.scss */
.approvers-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--primary-blue) 100%);
  color: var(--white);
  padding: 2rem 0;
  margin-bottom: 2rem;
  border-radius: 0 0 1rem 1rem;
  position: relative;
  overflow: hidden;
}

/* line 24, app/assets/stylesheets/approvers.scss */
.approvers-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" fill="rgba(255,255,255,0.1)"><polygon points="1000,100 1000,0 0,100"/></svg>');
  background-size: cover;
}

/* line 35, app/assets/stylesheets/approvers.scss */
.approvers-header .header-content {
  position: relative;
  z-index: 2;
}

/* line 40, app/assets/stylesheets/approvers.scss */
.approvers-header h1 {
  font-size: 2.5rem;
  font-weight: 700;
  margin: 0;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* line 47, app/assets/stylesheets/approvers.scss */
.approvers-header .header-subtitle {
  font-size: 1.1rem;
  opacity: 0.9;
  margin: 0.5rem 0 0 0;
}

/* Clean Search & Controls Section */
/* line 56, app/assets/stylesheets/approvers.scss */
.approvers-controls .card {
  border-radius: 12px;
  overflow: hidden;
}

/* line 60, app/assets/stylesheets/approvers.scss */
.approvers-controls .card .search-header {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
  border: none;
  padding: 1.25rem 1.5rem;
}

/* line 65, app/assets/stylesheets/approvers.scss */
.approvers-controls .card .search-header h5 {
  margin: 0;
  font-size: 1.1rem;
  letter-spacing: 0.5px;
}

/* line 71, app/assets/stylesheets/approvers.scss */
.approvers-controls .card .search-header small {
  opacity: 0.85;
}

/* line 75, app/assets/stylesheets/approvers.scss */
.approvers-controls .card .search-header .btn-light {
  border: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

/* line 80, app/assets/stylesheets/approvers.scss */
.approvers-controls .card .search-header .btn-light:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* line 87, app/assets/stylesheets/approvers.scss */
.approvers-controls .card .card-body {
  background: rgba(255, 255, 255, 0.98);
}

/* line 94, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .search-input-container .input-group {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* line 99, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .search-input-container .input-group .search-icon {
  background: rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-right: none;
  color: var(--black);
  height: 50px;
}

/* line 107, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .search-input-container .input-group .search-input {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-left: none;
  border-right: none;
  padding: 0.75rem 1rem;
  font-size: 1rem;
}

/* line 114, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .search-input-container .input-group .search-input:focus {
  border-color: var(--primary-blue);
  box-shadow: none;
}

/* line 118, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .search-input-container .input-group .search-input:focus ~ .filter-icon {
  border-color: var(--primary-blue);
  background: rgba(18, 156, 243, 0.1);
  color: var(--primary-blue);
}

/* line 125, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .search-input-container .input-group .search-input:focus + .search-icon {
  border-color: var(--primary-blue);
  background: rgba(18, 156, 243, 0.1);
  color: var(--primary-blue);
}

/* line 132, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .search-input-container .input-group .filter-icon {
  background: rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-left: none;
  color: var(--black);
  cursor: pointer;
  transition: all 0.3s ease;
}

/* line 140, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .search-input-container .input-group .filter-icon:hover {
  background: rgba(0, 0, 0, 0.1);
  color: var(--primary-blue);
}

/* line 148, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .search-btn {
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  transition: all 0.3s ease;
}

/* line 153, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .search-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(13, 110, 253, 0.3);
}

/* line 159, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .reset-btn {
  padding: 0.75rem 1rem;
  transition: all 0.3s ease;
}

/* line 163, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .reset-btn:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(0, 0, 0, 0.3);
}

/* line 171, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .filter-status .badge {
  font-size: 0.85rem;
  padding: 0.5rem 0.75rem;
}

/* line 178, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .quick-filters-section .quick-filter-btn {
  font-size: 0.875rem;
  padding: 0.4rem 0.8rem;
  border-radius: 20px;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* line 185, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .quick-filters-section .quick-filter-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* line 190, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .quick-filters-section .quick-filter-btn.active {
  background: var(--bs-primary);
  border-color: var(--bs-primary);
  color: var(--white);
}

/* Approvers Table */
/* line 201, app/assets/stylesheets/approvers.scss */
.approvers-table-container {
  background: var(--white);
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
}

/* line 208, app/assets/stylesheets/approvers.scss */
.approvers-table-container .table-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--black) 100%);
  color: var(--white);
  padding: 1rem 1.5rem;
  margin: 0;
}

/* line 214, app/assets/stylesheets/approvers.scss */
.approvers-table-container .table-header h4 {
  margin: 0;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 221, app/assets/stylesheets/approvers.scss */
.approvers-table-container .table-header h4 i {
  font-size: 1.2rem;
}

/* line 227, app/assets/stylesheets/approvers.scss */
.approvers-table-container .table {
  margin: 0;
}

/* line 230, app/assets/stylesheets/approvers.scss */
.approvers-table-container .table thead th {
  background: linear-gradient(135deg, var(--black) 0%, var(--primary-blue) 100%);
  color: var(--white);
  border: none;
  padding: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.9rem;
  letter-spacing: 0.5px;
}

/* line 242, app/assets/stylesheets/approvers.scss */
.approvers-table-container .table tbody tr {
  transition: all 0.3s ease;
  border-bottom: 1px solid rgba(255, 255, 255, 0.98);
}

/* line 246, app/assets/stylesheets/approvers.scss */
.approvers-table-container .table tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.98);
  transform: scale(1.01);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* line 252, app/assets/stylesheets/approvers.scss */
.approvers-table-container .table tbody tr td {
  padding: 1rem;
  vertical-align: middle;
  border: none;
}

/* line 257, app/assets/stylesheets/approvers.scss */
.approvers-table-container .table tbody tr td:first-child {
  font-weight: 600;
  color: var(--black);
}

/* line 266, app/assets/stylesheets/approvers.scss */
.approvers-table-container .approver-name {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.75rem;
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
  border-radius: 1rem;
  font-size: 0.9rem;
  font-weight: 500;
}

/* line 278, app/assets/stylesheets/approvers.scss */
.approvers-table-container .empty-approver {
  color: var(--black);
  font-style: italic;
  font-size: 0.9rem;
}

/* line 284, app/assets/stylesheets/approvers.scss */
.approvers-table-container .action-buttons {
  display: flex;
  gap: 0.5rem;
}

/* line 288, app/assets/stylesheets/approvers.scss */
.approvers-table-container .action-buttons .btn {
  padding: 0.4rem 0.8rem;
  font-size: 0.85rem;
  border-radius: 0.4rem;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* line 295, app/assets/stylesheets/approvers.scss */
.approvers-table-container .action-buttons .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* line 300, app/assets/stylesheets/approvers.scss */
.approvers-table-container .action-buttons .btn.btn-secondary {
  background: linear-gradient(135deg, var(--black), var(--black));
  border: none;
}

/* line 305, app/assets/stylesheets/approvers.scss */
.approvers-table-container .action-buttons .btn.btn-danger {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  border: none;
}

/* line 310, app/assets/stylesheets/approvers.scss */
.approvers-table-container .action-buttons .btn i {
  margin-right: 0.3rem;
}

/* Form Styles */
/* line 318, app/assets/stylesheets/approvers.scss */
.approver-form-container {
  background: var(--white);
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
}

/* line 325, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--primary-blue) 100%);
  color: var(--white);
  padding: 1.5rem;
  margin: 0;
}

/* line 331, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-header h3 {
  margin: 0;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 338, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-header h3 i {
  font-size: 1.3rem;
}

/* line 343, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-header .form-subtitle {
  margin: 0.5rem 0 0 0;
  opacity: 0.9;
  font-size: 1rem;
}

/* line 350, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-content {
  padding: 2rem;
}

/* line 353, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-content .form-section {
  margin-bottom: 2rem;
}

/* line 356, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-content .form-section .section-title {
  color: var(--black);
  font-weight: 600;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid rgba(0, 0, 0, 0.05);
}

/* line 366, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-content .form-section .section-title i {
  color: var(--primary-blue);
}

/* line 371, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-content .form-section .form-group {
  margin-bottom: 1.5rem;
}

/* line 374, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-content .form-section .form-group label {
  font-weight: 600;
  color: var(--black);
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 382, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-content .form-section .form-group label i {
  color: var(--primary-blue);
  font-size: 0.9rem;
}

/* line 388, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-content .form-section .form-group .form-control,
.approver-form-container .form-content .form-section .form-group .ts-control {
  border: 2px solid rgba(0, 0, 0, 0.08);
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  transition: all 0.3s ease;
}

/* line 395, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-content .form-section .form-group .form-control:focus,
.approver-form-container .form-content .form-section .form-group .ts-control:focus {
  border-color: var(--primary-blue);
  box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.25);
}

/* line 404, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-actions {
  background: rgba(255, 255, 255, 0.98);
  padding: 1.5rem 2rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
}

/* line 412, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-actions .btn {
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  border-radius: 0.5rem;
  transition: all 0.3s ease;
}

/* line 418, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-actions .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* line 423, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-actions .btn.btn-secondary {
  background: linear-gradient(135deg, var(--black), var(--black));
  border: none;
  color: var(--white);
}

/* line 429, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-actions .btn.btn-success {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  border: none;
}

/* line 434, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-actions .btn i {
  margin-right: 0.5rem;
}

/* Show Page Styles */
/* line 442, app/assets/stylesheets/approvers.scss */
.approver-details-container {
  background: var(--white);
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
}

/* line 450, app/assets/stylesheets/approvers.scss */
.approver-details-container .details-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--primary-blue) 100%);
  color: var(--white);
  padding: 1.5rem;
}

/* line 455, app/assets/stylesheets/approvers.scss */
.approver-details-container .details-header h2 {
  margin: 0;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 462, app/assets/stylesheets/approvers.scss */
.approver-details-container .details-header h2 i {
  font-size: 1.4rem;
}

/* line 468, app/assets/stylesheets/approvers.scss */
.approver-details-container .details-content {
  padding: 2rem;
}

/* line 471, app/assets/stylesheets/approvers.scss */
.approver-details-container .details-content .detail-section {
  margin-bottom: 2rem;
}

/* line 474, app/assets/stylesheets/approvers.scss */
.approver-details-container .details-content .detail-section .section-title {
  color: var(--black);
  font-weight: 600;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid rgba(0, 0, 0, 0.05);
}

/* line 484, app/assets/stylesheets/approvers.scss */
.approver-details-container .details-content .detail-section .section-title i {
  color: var(--primary-blue);
}

/* line 489, app/assets/stylesheets/approvers.scss */
.approver-details-container .details-content .detail-section .approver-hierarchy {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
}

/* line 494, app/assets/stylesheets/approvers.scss */
.approver-details-container .details-content .detail-section .approver-hierarchy .approver-card {
  background: rgba(255, 255, 255, 0.98);
  border: 2px solid rgba(0, 0, 0, 0.08);
  border-radius: 0.75rem;
  padding: 1rem;
  text-align: center;
  transition: all 0.3s ease;
}

/* line 502, app/assets/stylesheets/approvers.scss */
.approver-details-container .details-content .detail-section .approver-hierarchy .approver-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* line 507, app/assets/stylesheets/approvers.scss */
.approver-details-container .details-content .detail-section .approver-hierarchy .approver-card .approver-level {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
  padding: 0.5rem;
  border-radius: 0.5rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}

/* line 517, app/assets/stylesheets/approvers.scss */
.approver-details-container .details-content .detail-section .approver-hierarchy .approver-card .approver-name {
  font-weight: 600;
  color: var(--black);
  font-size: 1.1rem;
}

/* line 523, app/assets/stylesheets/approvers.scss */
.approver-details-container .details-content .detail-section .approver-hierarchy .approver-card .empty-approver {
  color: var(--black);
  font-style: italic;
}

/* line 533, app/assets/stylesheets/approvers.scss */
.approver-actions {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

/* line 538, app/assets/stylesheets/approvers.scss */
.approver-actions .btn {
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  border-radius: 0.5rem;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 547, app/assets/stylesheets/approvers.scss */
.approver-actions .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* line 552, app/assets/stylesheets/approvers.scss */
.approver-actions .btn.btn-primary {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  border: none;
}

/* line 557, app/assets/stylesheets/approvers.scss */
.approver-actions .btn.btn-secondary {
  background: linear-gradient(135deg, var(--black), var(--black));
  border: none;
  color: var(--white);
}

/* line 563, app/assets/stylesheets/approvers.scss */
.approver-actions .btn i {
  font-size: 1rem;
}

/* Pagination Styles */
/* line 571, app/assets/stylesheets/approvers.scss */
.pagination .page-link {
  border: 2px solid rgba(0, 0, 0, 0.08);
  color: var(--black);
  font-weight: 500;
  transition: all 0.3s ease;
}

/* line 577, app/assets/stylesheets/approvers.scss */
.pagination .page-link:hover {
  background: var(--primary-blue);
  border-color: var(--primary-blue);
  color: var(--white);
  transform: translateY(-1px);
}

/* line 585, app/assets/stylesheets/approvers.scss */
.pagination .page-item.active .page-link {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  border-color: var(--primary-blue);
}

/* Responsive Design */
@media (max-width: 768px) {
  /* line 594, app/assets/stylesheets/approvers.scss */
  .approvers-header h1 {
    font-size: 2rem;
  }
  /* line 600, app/assets/stylesheets/approvers.scss */
  .approvers-controls .controls-header {
    flex-direction: column;
    gap: 1rem;
    align-items: stretch;
  }
  /* line 608, app/assets/stylesheets/approvers.scss */
  .approvers-table-container .table {
    font-size: 0.9rem;
  }
  /* line 612, app/assets/stylesheets/approvers.scss */
  .approvers-table-container .action-buttons {
    flex-direction: column;
  }
  /* line 618, app/assets/stylesheets/approvers.scss */
  .approver-details-container .approver-hierarchy {
    grid-template-columns: 1fr;
  }
  /* line 623, app/assets/stylesheets/approvers.scss */
  .approver-actions {
    flex-direction: column;
  }
}

/* line 632, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item {
  display: flex;
  align-items: center;
  padding: 1.25rem;
  margin-bottom: 1rem;
  border-radius: 12px;
  border: 2px solid transparent;
  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

/* line 645, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item:last-child {
  margin-bottom: 0;
}

/* line 649, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item.assigned {
  border-color: rgba(18, 156, 243, 0.2);
  background: linear-gradient(135deg, rgba(18, 156, 243, 0.03) 0%, #ffffff 100%);
}

/* line 653, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item.assigned:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(18, 156, 243, 0.15);
  border-color: rgba(18, 156, 243, 0.3);
}

/* line 659, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item.assigned .level-badge {
  background: linear-gradient(135deg, #129CF3 0%, #667eea 100%);
  color: white;
  box-shadow: 0 2px 8px rgba(18, 156, 243, 0.3);
}

/* line 665, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item.assigned .status-indicator.assigned {
  color: #28a745;
}

/* line 670, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item.unassigned {
  border-color: rgba(108, 117, 125, 0.2);
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

/* line 674, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item.unassigned:hover {
  transform: translateY(-1px);
  box-shadow: 0 3px 12px rgba(108, 117, 125, 0.1);
}

/* line 679, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item.unassigned .level-badge {
  background: linear-gradient(135deg, #6c757d 0%, #495057 100%);
  color: white;
  opacity: 0.7;
}

/* line 685, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item.unassigned .level-title {
  color: #6c757d;
}

/* line 689, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item.unassigned .status-indicator.unassigned {
  color: #6c757d;
  opacity: 0.5;
}

/* line 695, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item .level-badge {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 700;
  margin-right: 1.5rem;
  flex-shrink: 0;
  transition: all 0.3s ease;
}

/* line 709, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item .level-info {
  flex: 1;
}

/* line 712, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item .level-info .level-title {
  font-size: 1rem;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 0.5rem;
  transition: color 0.3s ease;
}

/* line 720, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item .level-info .approver-name {
  font-size: 0.95rem;
  font-weight: 500;
  color: #495057;
  display: flex;
  align-items: center;
}

/* line 727, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item .level-info .approver-name i {
  font-size: 1rem;
  transition: color 0.3s ease;
}

/* line 732, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item .level-info .approver-name .text-muted {
  font-style: italic;
}

/* line 738, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item .status-indicator {
  font-size: 1.5rem;
  margin-left: 1rem;
  transition: all 0.3s ease;
}

/* line 743, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item .status-indicator.assigned i {
  color: #28a745;
  filter: drop-shadow(0 1px 3px rgba(40, 167, 69, 0.3));
}

/* line 748, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item .status-indicator.unassigned i {
  color: #6c757d;
  opacity: 0.5;
}

/* line 756, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item:hover .level-badge {
  transform: scale(1.05);
}

/* line 760, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item:hover .status-indicator.assigned i {
  transform: scale(1.1);
}

/* line 766, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: transparent;
  transition: background 0.3s ease;
}

/* line 777, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item.assigned::before {
  background: linear-gradient(135deg, #129CF3 0%, #667eea 100%);
}

/* line 781, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item.unassigned::before {
  background: #dee2e6;
}

/* line 788, app/assets/stylesheets/approvers.scss */
.workflow-info .info-section {
  margin-bottom: 2rem;
}

/* line 791, app/assets/stylesheets/approvers.scss */
.workflow-info .info-section:last-child {
  margin-bottom: 0;
}

/* line 795, app/assets/stylesheets/approvers.scss */
.workflow-info .info-section h6 {
  font-size: 1rem;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 0.75rem;
}

/* line 801, app/assets/stylesheets/approvers.scss */
.workflow-info .info-section h6 i {
  color: #129CF3;
}

/* line 806, app/assets/stylesheets/approvers.scss */
.workflow-info .info-section .info-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 811, app/assets/stylesheets/approvers.scss */
.workflow-info .info-section .info-list li {
  padding: 0.5rem 0;
  border-bottom: 1px solid #f1f3f4;
  font-size: 0.9rem;
  color: #6c757d;
}

/* line 817, app/assets/stylesheets/approvers.scss */
.workflow-info .info-section .info-list li:last-child {
  border-bottom: none;
}

/* line 821, app/assets/stylesheets/approvers.scss */
.workflow-info .info-section .info-list li::before {
  content: '•';
  color: #129CF3;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: 0;
}

/* line 832, app/assets/stylesheets/approvers.scss */
.workflow-info .info-section .target-employee {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: #f8f9fa;
  border-radius: 10px;
  border: 1px solid #e9ecef;
}

/* line 841, app/assets/stylesheets/approvers.scss */
.workflow-info .info-section .target-employee .employee-avatar-small {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, #129CF3 0%, #667eea 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  font-weight: 600;
  color: white;
  flex-shrink: 0;
}

/* line 855, app/assets/stylesheets/approvers.scss */
.workflow-info .info-section .target-employee .employee-info {
  flex: 1;
}

/* line 858, app/assets/stylesheets/approvers.scss */
.workflow-info .info-section .target-employee .employee-info strong {
  color: #2c3e50;
  font-size: 1rem;
}

/* line 863, app/assets/stylesheets/approvers.scss */
.workflow-info .info-section .target-employee .employee-info small {
  font-size: 0.85rem;
  line-height: 1.4;
}
/* line 2, app/assets/stylesheets/attendance.scss */
.attendance-dashboard {
  min-height: 100vh;
  padding: 2rem 0;
}

/* line 7, app/assets/stylesheets/attendance.scss */
.attendance-dashboard .container {
  max-width: 1400px;
}

/* line 11, app/assets/stylesheets/attendance.scss */
.attendance-dashboard .dashboard-header {
  text-align: center;
  margin-bottom: 3rem;
  color: var(--white);
}

/* line 16, app/assets/stylesheets/attendance.scss */
.attendance-dashboard .dashboard-header h1 {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

/* line 23, app/assets/stylesheets/attendance.scss */
.attendance-dashboard .dashboard-header .subtitle {
  font-size: 1.2rem;
  opacity: 0.9;
  font-weight: 300;
}

/* line 30, app/assets/stylesheets/attendance.scss */
.attendance-dashboard .stats-card {
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: none;
  border-radius: 15px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}

/* line 39, app/assets/stylesheets/attendance.scss */
.attendance-dashboard .stats-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

/* line 44, app/assets/stylesheets/attendance.scss */
.attendance-dashboard .stats-card .card-header {
  border-bottom: none;
  border-radius: 15px 15px 0 0;
  padding: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 53, app/assets/stylesheets/attendance.scss */
.attendance-dashboard .stats-card .card-body {
  padding: 2rem;
  text-align: center;
}

/* line 57, app/assets/stylesheets/attendance.scss */
.attendance-dashboard .stats-card .card-body .stats-number {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

/* line 63, app/assets/stylesheets/attendance.scss */
.attendance-dashboard .stats-card .card-body .stats-label {
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  opacity: 0.8;
}

/* line 72, app/assets/stylesheets/attendance.scss */
.attendance-dashboard .chart-card {
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: none;
  border-radius: 15px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
}

/* line 80, app/assets/stylesheets/attendance.scss */
.attendance-dashboard .chart-card .card-header {
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.98), rgba(0, 0, 0, 0.08));
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 15px 15px 0 0;
  padding: 1.5rem;
}

/* line 86, app/assets/stylesheets/attendance.scss */
.attendance-dashboard .chart-card .card-header h6 {
  margin: 0;
  color: var(--black);
  font-weight: 600;
}

/* line 96, app/assets/stylesheets/attendance.scss */
.attendance-index .page-header {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
  color: var(--white);
  padding: 3rem 0;
  margin-bottom: 3rem;
  border-radius: 0 0 20px 20px;
}

/* line 103, app/assets/stylesheets/attendance.scss */
.attendance-index .page-header h1 {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

/* line 109, app/assets/stylesheets/attendance.scss */
.attendance-index .page-header .breadcrumb {
  background: transparent;
  margin: 0;
  padding: 0;
}

/* line 114, app/assets/stylesheets/attendance.scss */
.attendance-index .page-header .breadcrumb .breadcrumb-item {
  color: rgba(255, 255, 255, 0.8);
}

/* line 117, app/assets/stylesheets/attendance.scss */
.attendance-index .page-header .breadcrumb .breadcrumb-item.active {
  color: var(--white);
}

/* line 121, app/assets/stylesheets/attendance.scss */
.attendance-index .page-header .breadcrumb .breadcrumb-item a {
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
}

/* line 125, app/assets/stylesheets/attendance.scss */
.attendance-index .page-header .breadcrumb .breadcrumb-item a:hover {
  color: var(--white);
}

/* line 133, app/assets/stylesheets/attendance.scss */
.attendance-index .filter-section {
  background: var(--white);
  padding: 2rem;
  border-radius: 15px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  margin-bottom: 2rem;
}

/* line 140, app/assets/stylesheets/attendance.scss */
.attendance-index .filter-section .filter-header {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  color: var(--black);
}

/* line 147, app/assets/stylesheets/attendance.scss */
.attendance-index .filter-section .btn-group .btn {
  border-radius: 8px;
  margin-right: 0.5rem;
  font-weight: 500;
  padding: 0.75rem 1.5rem;
  transition: all 0.3s ease;
}

/* line 154, app/assets/stylesheets/attendance.scss */
.attendance-index .filter-section .btn-group .btn.btn-primary {
  background: linear-gradient(45deg, var(--primary-blue), var(--dark-blue));
  border: none;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

/* line 160, app/assets/stylesheets/attendance.scss */
.attendance-index .filter-section .btn-group .btn.btn-outline-primary {
  color: var(--primary-blue);
  border-color: var(--primary-blue);
}

/* line 164, app/assets/stylesheets/attendance.scss */
.attendance-index .filter-section .btn-group .btn.btn-outline-primary:hover {
  background: linear-gradient(45deg, var(--primary-blue), var(--dark-blue));
  border-color: transparent;
}

/* line 171, app/assets/stylesheets/attendance.scss */
.attendance-index .filter-section .form-select {
  border-radius: 8px;
  border: 2px solid rgba(0, 0, 0, 0.08);
  padding: 0.75rem 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* line 178, app/assets/stylesheets/attendance.scss */
.attendance-index .filter-section .form-select:focus {
  border-color: var(--primary-blue);
  box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
}

/* line 185, app/assets/stylesheets/attendance.scss */
.attendance-index .nav-tabs {
  border-bottom: 3px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 2rem;
}

/* line 189, app/assets/stylesheets/attendance.scss */
.attendance-index .nav-tabs .nav-link {
  border: none;
  color: var(--black);
  font-weight: 600;
  padding: 1rem 2rem;
  margin-right: 0.5rem;
  border-radius: 10px 10px 0 0;
  transition: all 0.3s ease;
}

/* line 198, app/assets/stylesheets/attendance.scss */
.attendance-index .nav-tabs .nav-link.active {
  background: linear-gradient(45deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
  border-bottom: 3px solid var(--primary-blue);
}

/* line 204, app/assets/stylesheets/attendance.scss */
.attendance-index .nav-tabs .nav-link:hover:not(.active) {
  background: rgba(102, 126, 234, 0.1);
  color: var(--primary-blue);
}

/* line 211, app/assets/stylesheets/attendance.scss */
.attendance-index .attendance-table {
  background: var(--white);
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* line 217, app/assets/stylesheets/attendance.scss */
.attendance-index .attendance-table .table {
  margin: 0;
}

/* line 220, app/assets/stylesheets/attendance.scss */
.attendance-index .attendance-table .table thead {
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.98), rgba(0, 0, 0, 0.08));
}

/* line 223, app/assets/stylesheets/attendance.scss */
.attendance-index .attendance-table .table thead th {
  border-top: none;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  padding: 1.5rem 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 0.85rem;
  color: var(--black);
}

/* line 236, app/assets/stylesheets/attendance.scss */
.attendance-index .attendance-table .table tbody tr {
  transition: all 0.3s ease;
}

/* line 239, app/assets/stylesheets/attendance.scss */
.attendance-index .attendance-table .table tbody tr:hover {
  background: rgba(102, 126, 234, 0.05);
}

/* line 243, app/assets/stylesheets/attendance.scss */
.attendance-index .attendance-table .table tbody tr td {
  padding: 1.25rem 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.95);
  vertical-align: middle;
}

/* line 252, app/assets/stylesheets/attendance.scss */
.attendance-index .attendance-table .img-thumbnail {
  border: 2px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  transition: all 0.3s ease;
}

/* line 257, app/assets/stylesheets/attendance.scss */
.attendance-index .attendance-table .img-thumbnail:hover {
  border-color: var(--primary-blue);
  transform: scale(1.05);
}

/* line 263, app/assets/stylesheets/attendance.scss */
.attendance-index .attendance-table .btn-sm {
  padding: 0.5rem 1rem;
  border-radius: 6px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-size: 0.8rem;
}

/* line 275, app/assets/stylesheets/attendance.scss */
.attendance-employee .employee-header {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
  color: var(--white);
  padding: 3rem 0;
  margin-bottom: 3rem;
  border-radius: 0 0 20px 20px;
}

/* line 282, app/assets/stylesheets/attendance.scss */
.attendance-employee .employee-header .employee-info {
  text-align: center;
}

/* line 285, app/assets/stylesheets/attendance.scss */
.attendance-employee .employee-header .employee-info h2 {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

/* line 291, app/assets/stylesheets/attendance.scss */
.attendance-employee .employee-header .employee-info .employee-details {
  font-size: 1.1rem;
  opacity: 0.9;
}

/* line 298, app/assets/stylesheets/attendance.scss */
.attendance-employee .action-buttons {
  margin-bottom: 2rem;
}

/* line 301, app/assets/stylesheets/attendance.scss */
.attendance-employee .action-buttons .btn {
  margin-right: 1rem;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* line 308, app/assets/stylesheets/attendance.scss */
.attendance-employee .action-buttons .btn.btn-secondary {
  background: var(--black);
  border: none;
}

/* line 312, app/assets/stylesheets/attendance.scss */
.attendance-employee .action-buttons .btn.btn-secondary:hover {
  background: #5a6268;
  transform: translateY(-2px);
}

/* line 322, app/assets/stylesheets/attendance.scss */
.attendance-summary .summary-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 2rem;
  margin-bottom: 3rem;
}

/* line 328, app/assets/stylesheets/attendance.scss */
.attendance-summary .summary-cards .summary-card {
  background: var(--white);
  border-radius: 15px;
  padding: 2rem;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

/* line 336, app/assets/stylesheets/attendance.scss */
.attendance-summary .summary-cards .summary-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

/* line 341, app/assets/stylesheets/attendance.scss */
.attendance-summary .summary-cards .summary-card .summary-icon {
  font-size: 3rem;
  margin-bottom: 1rem;
  display: block;
}

/* line 346, app/assets/stylesheets/attendance.scss */
.attendance-summary .summary-cards .summary-card .summary-icon.present {
  color: var(--primary-blue);
}

/* line 347, app/assets/stylesheets/attendance.scss */
.attendance-summary .summary-cards .summary-card .summary-icon.absent {
  color: var(--primary-blue);
}

/* line 348, app/assets/stylesheets/attendance.scss */
.attendance-summary .summary-cards .summary-card .summary-icon.late {
  color: var(--primary-blue);
}

/* line 349, app/assets/stylesheets/attendance.scss */
.attendance-summary .summary-cards .summary-card .summary-icon.overtime {
  color: #17a2b8;
}

/* line 352, app/assets/stylesheets/attendance.scss */
.attendance-summary .summary-cards .summary-card .summary-number {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  display: block;
}

/* line 359, app/assets/stylesheets/attendance.scss */
.attendance-summary .summary-cards .summary-card .summary-label {
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--black);
  font-weight: 500;
}

@media (max-width: 768px) {
  /* line 373, app/assets/stylesheets/attendance.scss */
  .attendance-dashboard .dashboard-header h1 {
    font-size: 2rem;
  }
  /* line 377, app/assets/stylesheets/attendance.scss */
  .attendance-dashboard .stats-card .card-body {
    padding: 1.5rem;
  }
  /* line 380, app/assets/stylesheets/attendance.scss */
  .attendance-dashboard .stats-card .card-body .stats-number {
    font-size: 2rem;
  }
  /* line 387, app/assets/stylesheets/attendance.scss */
  .attendance-index .page-header {
    padding: 2rem 0;
  }
  /* line 390, app/assets/stylesheets/attendance.scss */
  .attendance-index .page-header h1 {
    font-size: 2rem;
  }
  /* line 395, app/assets/stylesheets/attendance.scss */
  .attendance-index .filter-section {
    padding: 1.5rem;
  }
  /* line 398, app/assets/stylesheets/attendance.scss */
  .attendance-index .filter-section .btn-group .btn {
    padding: 0.5rem 1rem;
    margin-bottom: 0.5rem;
  }
  /* line 404, app/assets/stylesheets/attendance.scss */
  .attendance-index .nav-tabs .nav-link {
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
  }
  /* line 410, app/assets/stylesheets/attendance.scss */
  .attendance-employee .employee-header h2 {
    font-size: 1.8rem;
  }
}

@media print {
  /* line 417, app/assets/stylesheets/attendance.scss */
  .attendance-dashboard,
.attendance-index {
    background: var(--white) !important;
  }
  /* line 421, app/assets/stylesheets/attendance.scss */
  .attendance-dashboard .page-header,
.attendance-dashboard .dashboard-header,
.attendance-index .page-header,
.attendance-index .dashboard-header {
    background: var(--white) !important;
    color: black !important;
  }
  /* line 427, app/assets/stylesheets/attendance.scss */
  .attendance-dashboard .stats-card,
.attendance-dashboard .chart-card,
.attendance-dashboard .attendance-table,
.attendance-index .stats-card,
.attendance-index .chart-card,
.attendance-index .attendance-table {
    box-shadow: none !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
  }
}
/* Container styles */
/* line 2, app/assets/stylesheets/bundy_clock.scss */
.bundy-clock-container {
  margin: 0 auto;
  transition: all 0.3s ease;
}

/* Time display */
/* line 8, app/assets/stylesheets/bundy_clock.scss */
.time-text {
  font-size: 3.5rem;
  font-weight: bold;
  line-height: 1.2;
  transition: font-size 0.3s ease;
}

/* Camera container */
/* line 16, app/assets/stylesheets/bundy_clock.scss */
.camera-wrapper {
  background-color: #000;
  min-height: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 auto;
}

/* line 26, app/assets/stylesheets/bundy_clock.scss */
.camera-wrapper video,
.camera-wrapper img {
  max-width: 280px;
  height: auto;
  margin: 0 auto;
}

/* Number pad */
/* line 35, app/assets/stylesheets/bundy_clock.scss */
.number-pad {
  display: grid;
  gap: 10px;
  margin-top: 20px;
}

/* line 40, app/assets/stylesheets/bundy_clock.scss */
.number-pad .btn {
  border-radius: 12px;
  transition: all 0.2s ease;
  font-weight: 500;
  min-height: 65px;
  font-size: 1.5rem !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* line 48, app/assets/stylesheets/bundy_clock.scss */
.number-pad .btn:active {
  transform: scale(0.95);
}

/* line 53, app/assets/stylesheets/bundy_clock.scss */
.number-pad .row {
  display: flex;
  justify-content: space-between;
}

/* Employee number input */
/* line 60, app/assets/stylesheets/bundy_clock.scss */
.employee-no-input {
  margin-bottom: 20px;
}

/* line 63, app/assets/stylesheets/bundy_clock.scss */
.employee-no-input input {
  font-size: 1.75rem !important;
  padding: 1rem;
  text-align: center;
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.98);
  margin-bottom: 1rem;
}

/* Clock in/out buttons */
/* line 74, app/assets/stylesheets/bundy_clock.scss */
.clock-btn {
  border-radius: 12px;
  transition: all 0.3s ease;
  min-height: 85px;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  font-size: 1.75rem !important;
}

/* line 83, app/assets/stylesheets/bundy_clock.scss */
.clock-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

/* line 88, app/assets/stylesheets/bundy_clock.scss */
.clock-btn:active {
  transform: translateY(1px);
}

/* Attendance photos */
/* line 94, app/assets/stylesheets/bundy_clock.scss */
.img-thumbnail {
  max-width: 100px;
  height: auto;
  cursor: pointer;
  transition: transform 0.2s;
}

/* line 100, app/assets/stylesheets/bundy_clock.scss */
.img-thumbnail:hover {
  transform: scale(1.1);
}

/* Table cell alignment for images */
/* line 106, app/assets/stylesheets/bundy_clock.scss */
td .img-thumbnail {
  display: block;
  margin: 0 auto;
}

/* FancyBox customization */
/* line 112, app/assets/stylesheets/bundy_clock.scss */
.fancybox__container {
  --fancybox-bg: rgba(0, 0, 0, 0.9);
}

/* line 116, app/assets/stylesheets/bundy_clock.scss */
.fancybox__content {
  padding: 0;
  background: transparent;
}

/* Responsive styles */
@media (max-width: 768px) {
  /* line 123, app/assets/stylesheets/bundy_clock.scss */
  .time-text {
    font-size: 3rem;
  }
  /* line 127, app/assets/stylesheets/bundy_clock.scss */
  .bundy-clock-container {
    padding: 1.5rem !important;
  }
  /* line 131, app/assets/stylesheets/bundy_clock.scss */
  .clock-btn {
    min-height: 75px;
    font-size: 1.5rem !important;
  }
  /* line 136, app/assets/stylesheets/bundy_clock.scss */
  .number-pad .btn {
    min-height: 60px;
    font-size: 1.25rem !important;
  }
}

@media (max-width: 576px) {
  /* line 143, app/assets/stylesheets/bundy_clock.scss */
  .time-text {
    font-size: 2.5rem;
  }
  /* line 147, app/assets/stylesheets/bundy_clock.scss */
  .bundy-clock-container {
    padding: 1rem !important;
  }
  /* line 151, app/assets/stylesheets/bundy_clock.scss */
  .employee-no-input input {
    font-size: 1.5rem !important;
    padding: 0.75rem;
  }
  /* line 156, app/assets/stylesheets/bundy_clock.scss */
  .number-pad .btn {
    min-height: 55px;
    font-size: 1.25rem !important;
  }
  /* line 161, app/assets/stylesheets/bundy_clock.scss */
  .clock-btn {
    min-height: 70px;
    font-size: 1.25rem !important;
    padding: 0.75rem !important;
  }
  /* line 167, app/assets/stylesheets/bundy_clock.scss */
  .camera-wrapper {
    min-height: 180px;
  }
  /* line 170, app/assets/stylesheets/bundy_clock.scss */
  .camera-wrapper video,
.camera-wrapper img {
    max-width: 240px;
  }
}

/* Very small devices */
@media (max-width: 320px) {
  /* line 179, app/assets/stylesheets/bundy_clock.scss */
  .time-text {
    font-size: 2rem;
  }
  /* line 183, app/assets/stylesheets/bundy_clock.scss */
  .bundy-clock-container {
    padding: 0.75rem !important;
  }
  /* line 187, app/assets/stylesheets/bundy_clock.scss */
  .employee-no-input input {
    font-size: 1.25rem !important;
    padding: 0.5rem;
  }
  /* line 192, app/assets/stylesheets/bundy_clock.scss */
  .number-pad .btn {
    min-height: 50px;
    font-size: 1rem !important;
    padding: 0.5rem !important;
  }
  /* line 198, app/assets/stylesheets/bundy_clock.scss */
  .clock-btn {
    min-height: 60px;
    font-size: 1.1rem !important;
    padding: 0.5rem !important;
  }
  /* line 204, app/assets/stylesheets/bundy_clock.scss */
  .camera-wrapper {
    min-height: 160px;
  }
  /* line 207, app/assets/stylesheets/bundy_clock.scss */
  .camera-wrapper video,
.camera-wrapper img {
    max-width: 200px;
  }
}
/* ===================================
   COMPANY LEAVES MODULE - ENTERPRISE DESIGN
   =================================== */
/* Header Section */
/* line 15, app/assets/stylesheets/company_leaves.scss */
.company-leaves-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--primary-blue) 100%);
  color: var(--white);
  padding: 2rem 0;
  margin-bottom: 2rem;
  border-radius: 0 0 1rem 1rem;
  position: relative;
  overflow: hidden;
}

/* line 24, app/assets/stylesheets/company_leaves.scss */
.company-leaves-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" fill="rgba(255,255,255,0.1)"><polygon points="1000,100 1000,0 0,100"/></svg>');
  background-size: cover;
}

/* line 35, app/assets/stylesheets/company_leaves.scss */
.company-leaves-header .header-content {
  position: relative;
  z-index: 2;
}

/* line 40, app/assets/stylesheets/company_leaves.scss */
.company-leaves-header h1 {
  font-size: 2.5rem;
  font-weight: 700;
  margin: 0;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* line 47, app/assets/stylesheets/company_leaves.scss */
.company-leaves-header .header-subtitle {
  font-size: 1.1rem;
  opacity: 0.9;
  margin: 0.5rem 0 0 0;
}

/* Search & Controls Section */
/* line 56, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .card {
  border-radius: 12px;
  overflow: hidden;
}

/* line 60, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .card .search-header {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
  border: none;
  padding: 1.25rem 1.5rem;
}

/* line 65, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .card .search-header h5 {
  margin: 0;
  font-size: 1.1rem;
  letter-spacing: 0.5px;
}

/* line 71, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .card .search-header small {
  opacity: 0.85;
}

/* line 75, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .card .search-header .btn-light {
  border: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

/* line 80, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .card .search-header .btn-light:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* line 87, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .card .card-body {
  background: rgba(255, 255, 255, 0.98);
}

/* line 94, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .search-form .search-input-container .input-group {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* line 99, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .search-form .search-input-container .input-group .search-search-icon-leaves {
  background: rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-right: none;
  color: var(--black);
}

/* line 106, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .search-form .search-input-container .input-group .search-input {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-left: none;
  border-right: none;
  padding: 0.75rem 1rem;
  font-size: 1rem;
}

/* line 113, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .search-form .search-input-container .input-group .search-input:focus {
  border-color: var(--primary-blue);
  box-shadow: none;
}

/* line 117, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .search-form .search-input-container .input-group .search-input:focus ~ .filter-icon {
  border-color: var(--primary-blue);
  background: rgba(18, 156, 243, 0.1);
  color: var(--primary-blue);
}

/* line 124, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .search-form .search-input-container .input-group .search-input:focus + .search-search-icon-leaves {
  border-color: var(--primary-blue);
  background: rgba(18, 156, 243, 0.1);
  color: var(--primary-blue);
}

/* line 131, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .search-form .search-input-container .input-group .filter-icon {
  background: rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-left: none;
  color: var(--black);
  cursor: pointer;
  transition: all 0.3s ease;
}

/* line 139, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .search-form .search-input-container .input-group .filter-icon:hover {
  background: rgba(0, 0, 0, 0.1);
  color: var(--primary-blue);
}

/* line 147, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .search-form .search-btn {
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  transition: all 0.3s ease;
}

/* line 152, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .search-form .search-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(13, 110, 253, 0.3);
}

/* line 158, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .search-form .reset-btn {
  padding: 0.75rem 1rem;
  transition: all 0.3s ease;
}

/* line 162, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .search-form .reset-btn:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(0, 0, 0, 0.3);
}

/* Statistics Cards */
/* line 173, app/assets/stylesheets/company_leaves.scss */
.company-leaves-stats .stat-card {
  border: none;
  border-radius: 12px;
  transition: all 0.3s ease;
  overflow: hidden;
}

/* line 179, app/assets/stylesheets/company_leaves.scss */
.company-leaves-stats .stat-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* line 184, app/assets/stylesheets/company_leaves.scss */
.company-leaves-stats .stat-card .card-body {
  padding: 1.5rem;
  text-align: center;
}

/* line 188, app/assets/stylesheets/company_leaves.scss */
.company-leaves-stats .stat-card .card-body i {
  font-size: 2.5rem;
  margin-bottom: 1rem;
  opacity: 0.9;
}

/* line 194, app/assets/stylesheets/company_leaves.scss */
.company-leaves-stats .stat-card .card-body h4 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

/* line 200, app/assets/stylesheets/company_leaves.scss */
.company-leaves-stats .stat-card .card-body p {
  font-size: 0.9rem;
  font-weight: 500;
  margin: 0;
  opacity: 0.9;
}

/* line 208, app/assets/stylesheets/company_leaves.scss */
.company-leaves-stats .stat-card.stat-total {
  background: linear-gradient(135deg, var(--primary-blue) 0%, #0056b3 100%);
}

/* line 212, app/assets/stylesheets/company_leaves.scss */
.company-leaves-stats .stat-card.stat-active {
  background: linear-gradient(135deg, var(--primary-blue) 0%, #1e7e34 100%);
}

/* line 216, app/assets/stylesheets/company_leaves.scss */
.company-leaves-stats .stat-card.stat-inactive {
  background: linear-gradient(135deg, var(--black) 0%, var(--black) 100%);
}

/* line 220, app/assets/stylesheets/company_leaves.scss */
.company-leaves-stats .stat-card.stat-recent {
  background: linear-gradient(135deg, #17a2b8 0%, #138496 100%);
}

/* Company Leaves Table */
/* line 227, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container {
  background: var(--white);
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
}

/* line 234, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .table-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--black) 100%);
  color: var(--white);
  padding: 1rem 1.5rem;
  margin: 0;
}

/* line 240, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .table-header h4 {
  margin: 0;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 247, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .table-header h4 i {
  font-size: 1.2rem;
}

/* line 253, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .table {
  margin: 0;
}

/* line 256, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .table thead th {
  background: linear-gradient(135deg, var(--black) 0%, var(--primary-blue) 100%);
  color: var(--white);
  border: none;
  padding: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.9rem;
  letter-spacing: 0.5px;
}

/* line 268, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .table tbody tr {
  transition: all 0.3s ease;
  border-bottom: 1px solid rgba(255, 255, 255, 0.98);
}

/* line 272, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .table tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.98);
  transform: scale(1.01);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* line 278, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .table tbody tr td {
  padding: 1rem;
  vertical-align: middle;
  border: none;
}

/* line 283, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .table tbody tr td:first-child {
  font-weight: 600;
  color: var(--black);
}

/* line 292, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .leave-name {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  color: var(--black);
}

/* line 299, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .leave-name i {
  color: var(--primary-blue);
}

/* line 304, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .leave-description {
  color: var(--black);
  font-style: italic;
  max-width: 300px;
}

/* line 309, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .leave-description.truncated {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 316, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .action-buttons {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* line 321, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .action-buttons .btn {
  padding: 0.4rem 0.8rem;
  font-size: 0.85rem;
  border-radius: 0.4rem;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* line 328, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .action-buttons .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* line 333, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .action-buttons .btn.btn-secondary {
  background: linear-gradient(135deg, var(--black), var(--black));
  border: none;
}

/* line 338, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .action-buttons .btn.btn-danger {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  border: none;
}

/* line 343, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .action-buttons .btn.btn-primary {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  border: none;
}

/* line 348, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .action-buttons .btn i {
  margin-right: 0.3rem;
}

/* line 354, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .empty-state {
  text-align: center;
  padding: 3rem 2rem;
  color: var(--black);
}

/* line 359, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .empty-state i {
  font-size: 4rem;
  margin-bottom: 1rem;
  opacity: 0.5;
}

/* line 365, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .empty-state h4 {
  margin-bottom: 1rem;
}

/* line 369, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .empty-state p {
  margin-bottom: 2rem;
}

/* line 373, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .empty-state .btn {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue) 100%);
  border: none;
  padding: 0.75rem 2rem;
  font-weight: 600;
}

/* Form Styling */
/* line 384, app/assets/stylesheets/company_leaves.scss */
.company-leave-form-container .card {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  border: none;
}

/* line 390, app/assets/stylesheets/company_leaves.scss */
.company-leave-form-container .card .card-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--primary-blue) 100%);
  color: var(--white);
  padding: 1.5rem;
}

/* line 395, app/assets/stylesheets/company_leaves.scss */
.company-leave-form-container .card .card-header h4 {
  margin: 0;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 404, app/assets/stylesheets/company_leaves.scss */
.company-leave-form-container .card .card-body {
  padding: 2rem;
  background: #fafbfc;
}

/* line 411, app/assets/stylesheets/company_leaves.scss */
.company-leave-form-container .form-inputs .form-group {
  margin-bottom: 1.5rem;
}

/* line 414, app/assets/stylesheets/company_leaves.scss */
.company-leave-form-container .form-inputs .form-group label {
  font-weight: 600;
  color: var(--black);
  margin-bottom: 0.5rem;
}

/* line 420, app/assets/stylesheets/company_leaves.scss */
.company-leave-form-container .form-inputs .form-group .form-control {
  border-radius: 8px;
  border: 2px solid rgba(0, 0, 0, 0.08);
  padding: 0.75rem 1rem;
  transition: all 0.3s ease;
}

/* line 426, app/assets/stylesheets/company_leaves.scss */
.company-leave-form-container .form-inputs .form-group .form-control:focus {
  border-color: var(--primary-blue);
  box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.1);
}

/* line 432, app/assets/stylesheets/company_leaves.scss */
.company-leave-form-container .form-inputs .form-group textarea.form-control {
  min-height: 120px;
  resize: vertical;
}

/* line 439, app/assets/stylesheets/company_leaves.scss */
.company-leave-form-container .form-actions {
  padding-top: 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

/* line 443, app/assets/stylesheets/company_leaves.scss */
.company-leave-form-container .form-actions .btn {
  padding: 0.75rem 2rem;
  font-weight: 600;
  border-radius: 8px;
  transition: all 0.3s ease;
}

/* line 449, app/assets/stylesheets/company_leaves.scss */
.company-leave-form-container .form-actions .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* line 454, app/assets/stylesheets/company_leaves.scss */
.company-leave-form-container .form-actions .btn.btn-success {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue) 100%);
  border: none;
}

/* line 459, app/assets/stylesheets/company_leaves.scss */
.company-leave-form-container .form-actions .btn.btn-secondary {
  background: linear-gradient(135deg, var(--black), var(--black));
  border: none;
}

/* Show Page Styling */
/* line 469, app/assets/stylesheets/company_leaves.scss */
.company-leave-show-container .leave-details-card {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  border: none;
}

/* line 475, app/assets/stylesheets/company_leaves.scss */
.company-leave-show-container .leave-details-card .card-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--primary-blue) 100%);
  color: var(--white);
  padding: 1.5rem;
}

/* line 480, app/assets/stylesheets/company_leaves.scss */
.company-leave-show-container .leave-details-card .card-header .leave-title {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 488, app/assets/stylesheets/company_leaves.scss */
.company-leave-show-container .leave-details-card .card-header .leave-title i {
  font-size: 1.8rem;
}

/* line 494, app/assets/stylesheets/company_leaves.scss */
.company-leave-show-container .leave-details-card .card-body {
  padding: 2rem;
  background: #fafbfc;
}

/* line 499, app/assets/stylesheets/company_leaves.scss */
.company-leave-show-container .leave-details-card .card-body .leave-info .info-row {
  display: flex;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

/* line 505, app/assets/stylesheets/company_leaves.scss */
.company-leave-show-container .leave-details-card .card-body .leave-info .info-row:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* line 511, app/assets/stylesheets/company_leaves.scss */
.company-leave-show-container .leave-details-card .card-body .leave-info .info-row .info-label {
  font-weight: 600;
  color: var(--black);
  min-width: 120px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 520, app/assets/stylesheets/company_leaves.scss */
.company-leave-show-container .leave-details-card .card-body .leave-info .info-row .info-value {
  flex: 1;
  color: var(--black);
  line-height: 1.6;
}

/* line 530, app/assets/stylesheets/company_leaves.scss */
.company-leave-show-container .action-buttons {
  margin-top: 1.5rem;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

/* line 536, app/assets/stylesheets/company_leaves.scss */
.company-leave-show-container .action-buttons .btn {
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  border-radius: 8px;
  transition: all 0.3s ease;
}

/* line 542, app/assets/stylesheets/company_leaves.scss */
.company-leave-show-container .action-buttons .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* line 547, app/assets/stylesheets/company_leaves.scss */
.company-leave-show-container .action-buttons .btn.btn-primary {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
  border: none;
}

/* line 552, app/assets/stylesheets/company_leaves.scss */
.company-leave-show-container .action-buttons .btn.btn-secondary {
  background: linear-gradient(135deg, var(--black), var(--black));
  border: none;
}

/* line 557, app/assets/stylesheets/company_leaves.scss */
.company-leave-show-container .action-buttons .btn.btn-danger {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
  border: none;
}

/* Responsive Design */
@media (max-width: 768px) {
  /* line 568, app/assets/stylesheets/company_leaves.scss */
  .company-leaves-header h1 {
    font-size: 2rem;
  }
  /* line 574, app/assets/stylesheets/company_leaves.scss */
  .company-leaves-table-container .table {
    font-size: 0.9rem;
  }
  /* line 578, app/assets/stylesheets/company_leaves.scss */
  .company-leaves-table-container .action-buttons {
    flex-direction: column;
  }
  /* line 581, app/assets/stylesheets/company_leaves.scss */
  .company-leaves-table-container .action-buttons .btn {
    width: 100%;
    margin-bottom: 0.25rem;
  }
  /* line 590, app/assets/stylesheets/company_leaves.scss */
  .company-leave-show-container .leave-info .info-row {
    flex-direction: column;
    gap: 0.5rem;
  }
  /* line 594, app/assets/stylesheets/company_leaves.scss */
  .company-leave-show-container .leave-info .info-row .info-label {
    min-width: auto;
  }
}
/* ============================================
   DASHBOARD PAGE STYLES (/home/dashboard)
   ============================================ */
/* Corporate color scheme: #1e3c72 (primary) and #129CF3 (secondary) */
/* Main Dashboard Container */
/* line 8, app/assets/stylesheets/dashboard.scss */
.enterprise-dashboard-alt {
  min-height: 100vh;
  position: relative;
  padding: 32px 0;
}

/* line 14, app/assets/stylesheets/dashboard.scss */
.enterprise-dashboard-alt::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 50%, rgba(164, 164, 164, 0.3) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.1) 0%, transparent 50%), radial-gradient(circle at 40% 80%, rgba(161, 161, 163, 0.2) 0%, transparent 50%);
  pointer-events: none;
}

/* line 29, app/assets/stylesheets/dashboard.scss */
.dashboard-wrapper {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0 auto;
  padding: 0 16px;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
}

/* line 40, app/assets/stylesheets/dashboard.scss */
.dashboard-grid-alt {
  display: grid;
  grid-template-columns: minmax(0, 400px) minmax(0, 1fr);
  gap: 32px;
  align-items: start;
  width: 100%;
  min-width: 0;
}

/* line 49, app/assets/stylesheets/dashboard.scss */
.left-sidebar {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
  max-width: 100%;
}

/* line 57, app/assets/stylesheets/dashboard.scss */
.main-content {
  display: flex;
  flex-direction: column;
  min-width: 0;
  max-width: 100%;
}

/* ===== ENTERPRISE CARDS ===== */
/* line 65, app/assets/stylesheets/dashboard.scss */
.enterprise-card-alt {
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), 0 4px 16px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}

/* line 78, app/assets/stylesheets/dashboard.scss */
.enterprise-card-alt::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);
}

/* line 88, app/assets/stylesheets/dashboard.scss */
.enterprise-card-alt:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15), 0 8px 24px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.4);
  border-color: rgba(255, 255, 255, 0.4);
}

/* ===== CARD HEADERS ===== */
/* line 99, app/assets/stylesheets/dashboard.scss */
.card-header-alt {
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 16px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  position: relative;
}

/* line 108, app/assets/stylesheets/dashboard.scss */
.card-header-alt::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 24px;
  right: 24px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.1), transparent);
}

/* line 119, app/assets/stylesheets/dashboard.scss */
.card-icon-alt {
  width: 50px;
  height: 50px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: white;
  position: relative;
  overflow: hidden;
}

/* line 131, app/assets/stylesheets/dashboard.scss */
.card-icon-alt::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(204, 18, 18, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
  border-radius: inherit;
}

/* line 142, app/assets/stylesheets/dashboard.scss */
.card-icon-alt i {
  position: relative;
  z-index: 1;
}

/* line 148, app/assets/stylesheets/dashboard.scss */
.actions-icon {
  background: linear-gradient(135deg, #129CF3 0%, #a3a3a8 100%);
}

/* line 152, app/assets/stylesheets/dashboard.scss */
.attendance-icon {
  background: linear-gradient(135deg, #129CF3 0%, #a3a3a8 100%);
}

/* line 156, app/assets/stylesheets/dashboard.scss */
.memos-icon {
  background: linear-gradient(135deg, #129CF3 0%, #a3a3a8 100%);
}

/* line 160, app/assets/stylesheets/dashboard.scss */
.ipo-icon {
  background: linear-gradient(135deg, #129CF3 0%, #a3a3a8 100%);
}

/* line 164, app/assets/stylesheets/dashboard.scss */
.calendar-icon {
  background: linear-gradient(135deg, #129CF3 0%, #a3a3a8 100%);
}

/* line 168, app/assets/stylesheets/dashboard.scss */
.card-title-alt {
  flex: 1;
}

/* line 171, app/assets/stylesheets/dashboard.scss */
.card-title-alt h6 {
  margin: 0;
  font-size: 17.6px;
  font-weight: 700;
  color: #2d3748;
  letter-spacing: -0.025em;
}

/* line 179, app/assets/stylesheets/dashboard.scss */
.card-title-alt p {
  margin: 4px 0 0 0;
  font-size: 14px;
  color: #718096;
  font-weight: 500;
}

/* ===== CARD CONTENT ===== */
/* line 188, app/assets/stylesheets/dashboard.scss */
.card-content-alt {
  padding: 24px;
}

/* ===== ACTIONS CARD STYLES ===== */
/* line 193, app/assets/stylesheets/dashboard.scss */
.actions-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 199, app/assets/stylesheets/dashboard.scss */
.action-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  background: linear-gradient(135deg, rgba(79, 172, 254, 0.05) 0%, rgba(0, 242, 254, 0.05) 100%);
  border: 1px solid rgba(79, 172, 254, 0.1);
  border-radius: 12px;
  text-decoration: none;
  color: inherit;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

/* line 213, app/assets/stylesheets/dashboard.scss */
.action-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s;
}

/* line 224, app/assets/stylesheets/dashboard.scss */
.action-item:hover {
  transform: translateX(4px);
  background: linear-gradient(135deg, rgba(79, 172, 254, 0.1) 0%, rgba(0, 242, 254, 0.1) 100%);
  border-color: rgba(79, 172, 254, 0.2);
  box-shadow: 0 4px 12px rgba(79, 172, 254, 0.15);
  text-decoration: none;
  color: inherit;
}

/* line 232, app/assets/stylesheets/dashboard.scss */
.action-item:hover::before {
  left: 100%;
}

/* line 238, app/assets/stylesheets/dashboard.scss */
.action-content {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}

/* line 245, app/assets/stylesheets/dashboard.scss */
.action-icon {
  width: 35px;
  height: 35px;
  border-radius: 10px;
  background: linear-gradient(135deg, #4facfe 0%, #b6e2f0 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 16px;
  box-shadow: 0 2px 8px rgba(79, 172, 254, 0.3);
}

/* line 258, app/assets/stylesheets/dashboard.scss */
.action-text {
  font-weight: 600;
  color: #2d3748;
  font-size: 15.2px;
}

/* line 264, app/assets/stylesheets/dashboard.scss */
.action-badge {
  background: linear-gradient(135deg, #4facfe 0%, #b6e2f0 100%);
  color: white;
  padding: 4px 8px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  box-shadow: 0 2px 4px rgba(255, 107, 107, 0.3);
}

/* line 273, app/assets/stylesheets/dashboard.scss */
.action-badge.success {
  background: linear-gradient(135deg, #4facfe 0%, #b6e2f0 100%);
  box-shadow: 0 2px 4px rgba(17, 63, 229, 0.3);
}

/* ===== ATTENDANCE CARD STYLES ===== */
/* line 280, app/assets/stylesheets/dashboard.scss */
.stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 16px;
  margin-bottom: 16px;
}

/* line 287, app/assets/stylesheets/dashboard.scss */
.stat-item {
  text-align: center;
  padding: 16px;
  background: linear-gradient(135deg, rgba(79, 172, 254, 0.05) 0%, rgba(0, 242, 254, 0.05) 100%);
  border: 1px solid rgba(79, 172, 254, 0.1);
  border-radius: 12px;
  transition: all 0.3s ease;
}

/* line 295, app/assets/stylesheets/dashboard.scss */
.stat-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(75, 130, 233, 0.15);
}

/* line 301, app/assets/stylesheets/dashboard.scss */
.stat-value {
  font-size: 24px;
  font-weight: 700;
  color: #2d3748;
  margin-bottom: 4px;
}

/* line 308, app/assets/stylesheets/dashboard.scss */
.stat-label {
  font-size: 12px;
  color: #718096;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* line 316, app/assets/stylesheets/dashboard.scss */
.alert-notice {
  padding: 16px;
  background: linear-gradient(135deg, rgba(255, 193, 7, 0.1) 0%, rgba(255, 152, 0, 0.1) 100%);
  border: 1px solid rgba(255, 193, 7, 0.2);
  border-radius: 12px;
  color: #856404;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 327, app/assets/stylesheets/dashboard.scss */
.alert-notice i {
  font-size: 16px;
  color: #ffc107;
}

/* ===== MEMOS CARD STYLES ===== */
/* line 334, app/assets/stylesheets/dashboard.scss */
.memo-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 340, app/assets/stylesheets/dashboard.scss */
.memo-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  background: linear-gradient(135deg, rgba(79, 172, 254, 0.05) 0%, rgba(0, 242, 254, 0.05) 100%);
  border: 1px solid rgba(79, 172, 254, 0.1);
  border-radius: 12px;
  text-decoration: none;
  color: inherit;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 352, app/assets/stylesheets/dashboard.scss */
.memo-item:hover {
  transform: translateX(4px);
  background: linear-gradient(135deg, rgba(250, 112, 154, 0.1) 0%, rgba(254, 225, 64, 0.1) 100%);
  border-color: rgba(250, 112, 154, 0.2);
  box-shadow: 0 4px 12px rgba(250, 112, 154, 0.15);
  text-decoration: none;
  color: inherit;
}

/* line 362, app/assets/stylesheets/dashboard.scss */
.memo-content {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}

/* line 369, app/assets/stylesheets/dashboard.scss */
.memo-icon {
  width: 35px;
  height: 35px;
  border-radius: 10px;
  background: linear-gradient(135deg, #4facfe 0%, #b6e2f0 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 16px;
  box-shadow: 0 2px 8px rgba(250, 112, 154, 0.3);
}

/* line 382, app/assets/stylesheets/dashboard.scss */
.memo-text {
  font-weight: 600;
  color: #2d3748;
  font-size: 15.2px;
}

/* line 388, app/assets/stylesheets/dashboard.scss */
.memo-badge {
  background: linear-gradient(135deg, #ff6b6b 0%, #ee5a52 100%);
  color: white;
  padding: 4px 8px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  box-shadow: 0 2px 4px rgba(255, 107, 107, 0.3);
}

/* ===== IPO CARD STYLES ===== */
/* line 399, app/assets/stylesheets/dashboard.scss */
.ipo-placeholder {
  text-align: center;
  padding: 32px;
  color: #718096;
}

/* line 404, app/assets/stylesheets/dashboard.scss */
.ipo-placeholder i {
  font-size: 48px;
  margin-bottom: 16px;
  color: #cbd5e0;
}

/* line 410, app/assets/stylesheets/dashboard.scss */
.ipo-placeholder p {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}

/* ===== CALENDAR CARD STYLES ===== */
/* line 418, app/assets/stylesheets/dashboard.scss */
.calendar-card-alt {
  min-height: 600px;
}

/* line 421, app/assets/stylesheets/dashboard.scss */
.calendar-card-alt .card-content-alt {
  padding: 24px;
  height: calc(100% - 100px);
}

/* line 426, app/assets/stylesheets/dashboard.scss */
.calendar-card-alt .card-content-alt .fc {
  height: 100% !important;
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 1200px) {
  /* line 434, app/assets/stylesheets/dashboard.scss */
  .dashboard-grid-alt {
    grid-template-columns: minmax(0, 350px) minmax(0, 1fr);
    gap: 24px;
  }
}

@media (max-width: 992px) {
  /* line 441, app/assets/stylesheets/dashboard.scss */
  .dashboard-grid-alt {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
  /* line 446, app/assets/stylesheets/dashboard.scss */
  .left-sidebar {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    gap: 24px;
  }
}

@media (max-width: 768px) {
  /* line 454, app/assets/stylesheets/dashboard.scss */
  .enterprise-dashboard-alt {
    padding: 16px 0;
  }
  /* line 458, app/assets/stylesheets/dashboard.scss */
  .dashboard-wrapper {
    padding: 0 8px;
  }
  /* line 462, app/assets/stylesheets/dashboard.scss */
  .left-sidebar {
    grid-template-columns: 1fr;
  }
  /* line 466, app/assets/stylesheets/dashboard.scss */
  .card-header-alt {
    padding: 16px;
    flex-direction: column;
    text-align: center;
    gap: 12px;
  }
  /* line 473, app/assets/stylesheets/dashboard.scss */
  .card-content-alt {
    padding: 16px;
  }
  /* line 477, app/assets/stylesheets/dashboard.scss */
  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  /* line 482, app/assets/stylesheets/dashboard.scss */
  .action-item,
.memo-item {
    padding: 12px;
  }
  /* line 487, app/assets/stylesheets/dashboard.scss */
  .calendar-card-alt {
    min-height: 500px;
  }
}

@media (max-width: 576px) {
  /* line 493, app/assets/stylesheets/dashboard.scss */
  .stats-grid {
    grid-template-columns: 1fr;
  }
  /* line 497, app/assets/stylesheets/dashboard.scss */
  .card-icon-alt {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }
  /* line 503, app/assets/stylesheets/dashboard.scss */
  .action-icon,
.memo-icon {
    width: 30px;
    height: 30px;
    font-size: 14px;
  }
  /* line 510, app/assets/stylesheets/dashboard.scss */
  .card-title-alt h6 {
    font-size: 16px;
  }
  /* line 514, app/assets/stylesheets/dashboard.scss */
  .action-text,
.memo-text {
    font-size: 14px;
  }
}

/* ===== ANIMATION KEYFRAMES ===== */
@keyframes slideInUp {
  from {
    transform: translateY(30px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fadeInScale {
  from {
    transform: scale(0.95);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

/* line 543, app/assets/stylesheets/dashboard.scss */
.enterprise-card-alt {
  animation: slideInUp 0.6s ease-out;
}

/* line 546, app/assets/stylesheets/dashboard.scss */
.enterprise-card-alt:nth-child(1) {
  animation-delay: 0.1s;
}

/* line 547, app/assets/stylesheets/dashboard.scss */
.enterprise-card-alt:nth-child(2) {
  animation-delay: 0.2s;
}

/* line 548, app/assets/stylesheets/dashboard.scss */
.enterprise-card-alt:nth-child(3) {
  animation-delay: 0.3s;
}

/* line 549, app/assets/stylesheets/dashboard.scss */
.enterprise-card-alt:nth-child(4) {
  animation-delay: 0.4s;
}

/* line 552, app/assets/stylesheets/dashboard.scss */
.action-item,
.memo-item {
  animation: fadeInScale 0.4s ease-out;
}

/* line 556, app/assets/stylesheets/dashboard.scss */
.action-item:nth-child(1),
.memo-item:nth-child(1) {
  animation-delay: 0.1s;
}

/* line 557, app/assets/stylesheets/dashboard.scss */
.action-item:nth-child(2),
.memo-item:nth-child(2) {
  animation-delay: 0.2s;
}

/* line 558, app/assets/stylesheets/dashboard.scss */
.action-item:nth-child(3),
.memo-item:nth-child(3) {
  animation-delay: 0.3s;
}

/* line 559, app/assets/stylesheets/dashboard.scss */
.action-item:nth-child(4),
.memo-item:nth-child(4) {
  animation-delay: 0.4s;
}
/* line 6, app/assets/stylesheets/employee.scss */
.employee-enterprise {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(30, 60, 114, 0.1) 100%);
  min-height: 100vh;
  font-family: 'Source Sans Pro', sans-serif;
}

/* line 12, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-header {
  background: linear-gradient(135deg, #129CF3 0%, #a3a3a8 100%);
  color: white;
  padding: 1rem 0;
  margin-bottom: 1rem;
  position: relative;
  overflow: hidden;
}

/* line 20, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-header::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
  animation: float 6s ease-in-out infinite;
}

/* line 31, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-header .header-content {
  position: relative;
  z-index: 2;
}

/* line 36, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-header h1 {
  font-size: 2.5rem;
  font-weight: 300;
  margin-bottom: 0.5rem;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* line 43, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-header .subtitle {
  font-size: 1.1rem;
  opacity: 0.9;
  font-weight: 300;
}

/* line 51, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table {
  background: white;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  overflow: hidden;
  margin-bottom: 2rem;
}

/* line 58, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .table-header {
  padding: 1.5rem;
  border-bottom: 1px solid #f3f4f6;
  background: #fafafa;
}

/* line 63, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .table-header h3 {
  font-size: 1.125rem;
  font-weight: 500;
  color: #111827;
  margin: 0;
}

/* line 71, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .table-responsive {
  overflow-x: auto;
}

/* line 75, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}

/* line 80, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table thead {
  background: #f9fafb;
}

/* line 83, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table thead th {
  padding: 1rem 1.5rem;
  text-align: left;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.75rem;
  border-bottom: 1px solid #e5e7eb;
}

/* line 93, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 97, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 104, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table tbody tr {
  border-bottom: 1px solid #f3f4f6;
}

/* line 107, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table tbody tr:hover {
  background: #f9fafb;
}

/* line 111, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table tbody tr:last-child {
  border-bottom: none;
}

/* line 115, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table tbody tr td {
  padding: 1rem 1.5rem;
  vertical-align: middle;
}

/* line 119, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 123, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 127, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table tbody tr td.leave-type {
  font-weight: 500;
  color: #111827;
}

/* line 131, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table tbody tr td.leave-type i {
  margin-right: 0.5rem;
  color: #6b7280;
}

/* line 137, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table tbody tr td .stat-value {
  font-weight: 500;
  color: #374151;
}

/* line 142, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table tbody tr td .stat-total {
  font-weight: 600;
  color: #111827;
}

/* line 147, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table tbody tr td .stat-year {
  color: #6b7280;
  font-size: 0.8rem;
}

/* line 158, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card {
  background: white !important;
  border-radius: 12px !important;
  overflow: hidden;
  box-shadow: none !important;
  border: none !important;
  transition: all 0.3s ease;
  margin-bottom: 2rem;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
}

/* line 170, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* line 175, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .employee-header {
  background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);
  color: white;
  border: none;
  padding: 1.25rem 1.5rem;
}

/* line 182, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .employee-header .employee-info h5 {
  margin: 0;
  font-weight: 600;
  font-size: 1.2rem;
}

/* line 187, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .employee-header .employee-info h5 i {
  opacity: 0.9;
  font-size: 1.1rem;
}

/* line 193, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .employee-header .employee-info small {
  opacity: 0.9;
  font-size: 0.9rem;
}

/* line 200, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .employee-header .employee-summary .badge {
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.5rem 1rem;
}

/* line 205, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .employee-header .employee-summary .badge i {
  opacity: 0.8;
}

/* line 212, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .card-body {
  padding: 0;
}

/* line 216, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .table {
  margin: 0;
}

/* line 220, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .table thead th {
  background-color: #f8f9fa;
  border-bottom: 2px solid #dee2e6;
  font-weight: 600;
  padding: 0.875rem 1rem;
  vertical-align: middle;
  color: #2c3e50;
  font-size: 0.9rem;
}

/* line 229, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .table thead th i {
  margin-right: 0.5rem;
  color: #3498db;
  opacity: 0.8;
}

/* line 238, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .table tbody .employee-credit-row {
  transition: all 0.2s ease;
  border-bottom: 1px solid #f1f3f4;
}

/* line 242, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .table tbody .employee-credit-row:hover {
  background-color: #f8f9fa;
}

/* line 246, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .table tbody .employee-credit-row:last-child {
  border-bottom: none;
}

/* line 250, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .table tbody .employee-credit-row td {
  padding: 1rem;
  vertical-align: middle;
  border-left: none;
  border-right: none;
}

/* line 260, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .leave-type-info {
  font-weight: 500;
}

/* line 263, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .leave-type-info i {
  opacity: 0.8;
}

/* line 267, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .leave-type-info strong {
  color: #2c3e50;
}

/* line 278, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile-summary {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 16px;
  padding: 2rem;
  color: white;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  position: relative;
  overflow: hidden;
}

/* line 287, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile-summary::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
  animation: float 8s ease-in-out infinite;
}

/* line 298, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile-summary .employee-avatar-large {
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: bold;
  color: white;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 3px solid rgba(255, 255, 255, 0.3);
  position: relative;
  z-index: 2;
}

/* line 315, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile-summary .employee-summary-info {
  position: relative;
  z-index: 2;
}

/* line 319, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile-summary .employee-summary-info h3 {
  margin-bottom: 0.5rem;
  font-weight: 600;
  color: white;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* line 326, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile-summary .employee-summary-info p {
  margin-bottom: 1rem;
  opacity: 0.9;
}

/* line 330, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile-summary .employee-summary-info p i {
  opacity: 0.8;
}

/* line 335, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile-summary .employee-summary-info .badge {
  background: rgba(255, 255, 255, 0.2) !important;
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-weight: 500;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

/* line 348, app/assets/stylesheets/employee.scss */
.employee-enterprise .stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}

/* line 354, app/assets/stylesheets/employee.scss */
.employee-enterprise .stats-grid .stat-card {
  background: white;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border-left: 4px solid;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

/* line 364, app/assets/stylesheets/employee.scss */
.employee-enterprise .stats-grid .stat-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* line 369, app/assets/stylesheets/employee.scss */
.employee-enterprise .stats-grid .stat-card::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 100px;
  background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1));
  border-radius: 50%;
  transform: translate(30px, -30px);
}

/* line 381, app/assets/stylesheets/employee.scss */
.employee-enterprise .stats-grid .stat-card.active-employees {
  border-left-color: #27ae60;
}

/* line 383, app/assets/stylesheets/employee.scss */
.employee-enterprise .stats-grid .stat-card.active-employees .stat-icon {
  color: #27ae60;
}

/* line 386, app/assets/stylesheets/employee.scss */
.employee-enterprise .stats-grid .stat-card.archived-employees {
  border-left-color: #e74c3c;
}

/* line 388, app/assets/stylesheets/employee.scss */
.employee-enterprise .stats-grid .stat-card.archived-employees .stat-icon {
  color: #e74c3c;
}

/* line 391, app/assets/stylesheets/employee.scss */
.employee-enterprise .stats-grid .stat-card.departments {
  border-left-color: #3498db;
}

/* line 393, app/assets/stylesheets/employee.scss */
.employee-enterprise .stats-grid .stat-card.departments .stat-icon {
  color: #3498db;
}

/* line 396, app/assets/stylesheets/employee.scss */
.employee-enterprise .stats-grid .stat-card.positions {
  border-left-color: #f39c12;
}

/* line 398, app/assets/stylesheets/employee.scss */
.employee-enterprise .stats-grid .stat-card.positions .stat-icon {
  color: #f39c12;
}

/* line 401, app/assets/stylesheets/employee.scss */
.employee-enterprise .stats-grid .stat-card .stat-icon {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

/* line 406, app/assets/stylesheets/employee.scss */
.employee-enterprise .stats-grid .stat-card .stat-number {
  font-size: 2.5rem;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 0.25rem;
}

/* line 413, app/assets/stylesheets/employee.scss */
.employee-enterprise .stats-grid .stat-card .stat-label {
  color: #7f8c8d;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 423, app/assets/stylesheets/employee.scss */
.employee-enterprise .search-section {
  background: white;
  border-radius: 12px;
  padding: 1.5rem;
  margin-bottom: 2rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* line 430, app/assets/stylesheets/employee.scss */
.employee-enterprise .search-section .search-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

/* line 436, app/assets/stylesheets/employee.scss */
.employee-enterprise .search-section .search-header h3 {
  color: #2c3e50;
  margin: 0;
  font-weight: 600;
}

/* line 443, app/assets/stylesheets/employee.scss */
.employee-enterprise .search-section .search-controls {
  display: flex;
  gap: 1rem;
  align-items: center;
  flex-wrap: wrap;
}

/* line 449, app/assets/stylesheets/employee.scss */
.employee-enterprise .search-section .search-controls .search-input {
  flex: 1;
  min-width: 300px;
}

/* line 453, app/assets/stylesheets/employee.scss */
.employee-enterprise .search-section .search-controls .search-input input {
  border: 2px solid #ecf0f1;
  border-radius: 8px;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  transition: all 0.3s ease;
}

/* line 460, app/assets/stylesheets/employee.scss */
.employee-enterprise .search-section .search-controls .search-input input:focus {
  border-color: #3498db;
  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}

/* line 467, app/assets/stylesheets/employee.scss */
.employee-enterprise .search-section .search-controls .btn-enterprise {
  background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
  color: white;
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: 600;
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 480, app/assets/stylesheets/employee.scss */
.employee-enterprise .search-section .search-controls .btn-enterprise:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);
  color: white;
}

/* line 486, app/assets/stylesheets/employee.scss */
.employee-enterprise .search-section .search-controls .btn-enterprise.btn-success {
  background: linear-gradient(135deg, #27ae60 0%, #229954 100%);
}

/* line 489, app/assets/stylesheets/employee.scss */
.employee-enterprise .search-section .search-controls .btn-enterprise.btn-success:hover {
  box-shadow: 0 4px 12px rgba(39, 174, 96, 0.3);
}

/* line 494, app/assets/stylesheets/employee.scss */
.employee-enterprise .search-section .search-controls .btn-enterprise.btn-secondary {
  background: linear-gradient(135deg, #95a5a6 0%, #7f8c8d 100%);
}

/* line 497, app/assets/stylesheets/employee.scss */
.employee-enterprise .search-section .search-controls .btn-enterprise.btn-secondary:hover {
  box-shadow: 0 4px 12px rgba(149, 165, 166, 0.3);
}

/* line 507, app/assets/stylesheets/employee.scss */
.employee-enterprise .enterprise-tabs .nav-tabs {
  border-bottom: 2px solid #ecf0f1;
  margin-bottom: 2rem;
}

/* line 511, app/assets/stylesheets/employee.scss */
.employee-enterprise .enterprise-tabs .nav-tabs .nav-link {
  color: #7f8c8d;
  font-weight: 600;
  padding: 1rem 1.5rem;
  border: none;
  border-bottom: 3px solid transparent;
  transition: all 0.3s ease;
}

/* line 519, app/assets/stylesheets/employee.scss */
.employee-enterprise .enterprise-tabs .nav-tabs .nav-link:hover {
  color: #2c3e50;
  border-bottom-color: #bdc3c7;
}

/* line 524, app/assets/stylesheets/employee.scss */
.employee-enterprise .enterprise-tabs .nav-tabs .nav-link.active {
  color: #2c3e50;
  background: none;
  border-bottom-color: #3498db;
}

/* line 534, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-table {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* line 540, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-table .table {
  margin: 0;
}

/* line 543, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-table .table thead {
  background: linear-gradient(135deg, #34495e 0%, #2c3e50 100%);
}

/* line 546, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-table .table thead th {
  color: white;
  font-weight: 600;
  padding: 1rem;
  border: none;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.5px;
}

/* line 558, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-table .table tbody tr {
  transition: all 0.3s ease;
}

/* line 561, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-table .table tbody tr:hover {
  background-color: #f8f9fa;
  transform: scale(1.01);
}

/* line 566, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-table .table tbody tr td {
  padding: 1rem;
  border-bottom: 1px solid #ecf0f1;
  vertical-align: middle;
}

/* line 575, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-table .action-buttons {
  display: flex;
  gap: 0.5rem;
}

/* line 579, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-table .action-buttons .btn {
  padding: 0.375rem 0.75rem;
  font-size: 0.85rem;
  border-radius: 6px;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* line 586, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-table .action-buttons .btn:hover {
  transform: translateY(-1px);
}

/* line 594, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
}

/* line 601, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile .profile-header {
  background: linear-gradient(135deg, #129CF3 0%, #a3a3a8 100%);
  color: white;
  padding: 2rem;
  text-align: center;
  position: relative;
}

/* line 608, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile .profile-header .profile-avatar {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem;
  font-size: 3rem;
  font-weight: 300;
}

/* line 621, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile .profile-header .profile-name {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

/* line 627, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile .profile-header .profile-position {
  font-size: 1.1rem;
  opacity: 0.9;
  font-weight: 300;
}

/* line 634, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile .profile-info {
  padding: 2rem;
}

/* line 637, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile .profile-info .info-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
}

/* line 643, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile .profile-info .info-grid .info-item .label {
  font-size: 0.85rem;
  color: #7f8c8d;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.25rem;
}

/* line 651, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile .profile-info .info-grid .info-item .value {
  font-size: 1.1rem;
  color: #2c3e50;
  font-weight: 600;
}

/* line 663, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .card {
  border: none;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
  background: white;
  transition: all 0.3s ease;
}

/* line 671, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* line 676, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .card .card-header {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  font-weight: 600;
  padding: 1rem 1.5rem;
  border-radius: 12px 12px 0 0;
  border: none;
}

/* line 684, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .card .card-header i {
  font-size: 1.1rem;
  margin-right: 0.5rem;
}

/* line 690, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .card .card-body {
  padding: 2rem;
}

/* line 693, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .card .card-body .form-row {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
}

/* line 698, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .card .card-body .form-row .form-group {
  flex: 1;
  margin-bottom: 0;
}

@media (max-width: 768px) {
  /* line 693, app/assets/stylesheets/employee.scss */
  .employee-enterprise .employee-form .card .card-body .form-row {
    flex-direction: column;
    gap: 0;
  }
  /* line 707, app/assets/stylesheets/employee.scss */
  .employee-enterprise .employee-form .card .card-body .form-row .form-group {
    margin-bottom: 1rem;
  }
}

/* line 713, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .card .card-body .form-group {
  margin-bottom: 1.5rem;
}

/* line 716, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .card .card-body .form-group label {
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 725, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .card .card-body .form-group .form-control {
  border: 2px solid #e9ecef;
  border-radius: 8px;
  padding: 0.75rem 1rem;
  transition: all 0.3s ease;
  font-size: 1rem;
}

/* line 732, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .card .card-body .form-group .form-control:focus {
  border-color: #667eea;
  box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
  background-color: #fafbfc;
}

/* line 738, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .card .card-body .form-group .form-control::-moz-placeholder {
  color: #adb5bd;
  font-style: italic;
}
.employee-enterprise .employee-form .card .card-body .form-group .form-control::placeholder {
  color: #adb5bd;
  font-style: italic;
}

/* line 745, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .card .card-body .form-group .tom-select .ts-control {
  border: 2px solid #e9ecef;
  border-radius: 8px;
  padding: 0.5rem 1rem;
  background: white;
}

/* line 751, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .card .card-body .form-group .tom-select .ts-control.focus {
  border-color: #667eea;
  box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
}

/* line 757, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .card .card-body .form-group .tom-select .ts-dropdown {
  border: 2px solid #e9ecef;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* line 767, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .step-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
  padding: 2rem;
  border-top: 2px solid #ecf0f1;
  background: #f8f9fa;
  border-radius: 12px;
}

/* line 781, app/assets/stylesheets/employee.scss */
.employee-enterprise .benefits-section .section-card {
  background: white;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 1.5rem;
}

/* line 788, app/assets/stylesheets/employee.scss */
.employee-enterprise .benefits-section .section-card h2 {
  color: #2c3e50;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 797, app/assets/stylesheets/employee.scss */
.employee-enterprise .benefits-section .section-card h2::before {
  content: '';
  width: 4px;
  height: 24px;
  background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
  border-radius: 2px;
}

/* line 806, app/assets/stylesheets/employee.scss */
.employee-enterprise .benefits-section .section-card .list-group-item {
  border: 1px solid #ecf0f1;
  border-radius: 8px;
  margin-bottom: 0.5rem;
  padding: 1rem;
  transition: all 0.3s ease;
}

/* line 813, app/assets/stylesheets/employee.scss */
.employee-enterprise .benefits-section .section-card .list-group-item:hover {
  background-color: #f8f9fa;
  transform: translateX(5px);
}

/* line 818, app/assets/stylesheets/employee.scss */
.employee-enterprise .benefits-section .section-card .list-group-item .badge {
  font-size: 0.8rem;
  padding: 0.5rem 0.75rem;
  border-radius: 20px;
  font-weight: 600;
}

/* line 829, app/assets/stylesheets/employee.scss */
.employee-enterprise .action-section {
  margin-top: 2rem;
  padding: 2rem;
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* line 836, app/assets/stylesheets/employee.scss */
.employee-enterprise .action-section .primary-actions, .employee-enterprise .action-section .secondary-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

/* line 842, app/assets/stylesheets/employee.scss */
.employee-enterprise .action-section .secondary-actions {
  justify-content: flex-end;
}

/* line 849, app/assets/stylesheets/employee.scss */
.employee-info {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 855, app/assets/stylesheets/employee.scss */
.employee-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, #3498db, #2980b9);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.9rem;
}

/* line 868, app/assets/stylesheets/employee.scss */
.employee-name {
  font-weight: 600;
  color: #2c3e50;
}

/* line 873, app/assets/stylesheets/employee.scss */
.employee-nickname {
  font-size: 0.85rem;
}

/* line 877, app/assets/stylesheets/employee.scss */
.pagination-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}

/* line 884, app/assets/stylesheets/employee.scss */
.benefits-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* line 890, app/assets/stylesheets/employee.scss */
.benefit-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  background: #f8f9fa;
  border-radius: 8px;
  border-left: 4px solid #3498db;
}

/* line 900, app/assets/stylesheets/employee.scss */
.benefit-name {
  font-weight: 600;
  color: #2c3e50;
}

/* line 905, app/assets/stylesheets/employee.scss */
.benefit-amount {
  font-weight: 700;
  color: #27ae60;
  font-size: 1.1rem;
}

/* line 911, app/assets/stylesheets/employee.scss */
.leave-type {
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 0.5rem;
}

/* line 917, app/assets/stylesheets/employee.scss */
.leave-credits {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* line 925, app/assets/stylesheets/employee.scss */
.modal .modal-dialog {
  max-width: 600px;
}

/* line 928, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content {
  border: none;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

/* line 933, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content .modal-header {
  background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
  color: white;
  border-radius: 12px 12px 0 0;
  border: none;
}

/* line 939, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content .modal-header .modal-title {
  font-weight: 600;
  font-size: 1.2rem;
}

/* line 944, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content .modal-header .btn-close {
  background: none;
  opacity: 0.8;
}

/* line 948, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content .modal-header .btn-close:hover {
  opacity: 1;
}

/* line 954, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content .modal-body {
  padding: 2rem;
}

/* line 957, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content .modal-body .form-group {
  margin-bottom: 1.5rem;
}

/* line 960, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content .modal-body .form-group label {
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 0.5rem;
  display: block;
}

/* line 967, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content .modal-body .form-group .form-control {
  border: 2px solid #e9ecef;
  border-radius: 8px;
  padding: 0.75rem 1rem;
  transition: all 0.3s ease;
}

/* line 973, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content .modal-body .form-group .form-control:focus {
  border-color: #3498db;
  box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.25);
}

/* line 981, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content .modal-footer {
  border-top: 1px solid #ecf0f1;
  padding: 1.5rem 2rem;
  background: #f8f9fa;
  border-radius: 0 0 12px 12px;
}

/* line 987, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content .modal-footer .btn {
  border-radius: 8px;
  font-weight: 600;
  padding: 0.5rem 1.5rem;
}

/* line 992, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content .modal-footer .btn.btn-primary {
  background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
  border: none;
}

/* line 996, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content .modal-footer .btn.btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);
}

/* line 1002, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content .modal-footer .btn.btn-secondary {
  background: #95a5a6;
  border: none;
}

/* line 1006, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content .modal-footer .btn.btn-secondary:hover {
  background: #7f8c8d;
}

/* line 1017, app/assets/stylesheets/employee.scss */
.badge {
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-weight: 600;
  font-size: 0.85rem;
}

/* line 1023, app/assets/stylesheets/employee.scss */
.badge.bg-success {
  background: linear-gradient(135deg, #27ae60 0%, #229954 100%) !important;
}

/* line 1027, app/assets/stylesheets/employee.scss */
.badge.bg-warning {
  background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%) !important;
}

/* line 1031, app/assets/stylesheets/employee.scss */
.badge.bg-info {
  background: linear-gradient(135deg, #3498db 0%, #2980b9 100%) !important;
}

/* line 1035, app/assets/stylesheets/employee.scss */
.badge.bg-secondary {
  background: linear-gradient(135deg, #95a5a6 0%, #7f8c8d 100%) !important;
}

/* line 1039, app/assets/stylesheets/employee.scss */
.badge.bg-danger {
  background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%) !important;
}

/* line 1043, app/assets/stylesheets/employee.scss */
.badge.bg-primary {
  background: linear-gradient(135deg, #3498db 0%, #2980b9 100%) !important;
}

/* line 1050, app/assets/stylesheets/employee.scss */
.employee-cell i {
  color: #667eea;
  font-size: 1.1rem;
}

/* line 1057, app/assets/stylesheets/employee.scss */
.form-step {
  animation: fadeInUp 0.5s ease;
}

/* line 1061, app/assets/stylesheets/employee.scss */
.links {
  border-top: 1px solid #ecf0f1;
  padding-top: 1rem;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 768px) {
  /* line 1086, app/assets/stylesheets/employee.scss */
  .employee-enterprise .employee-header h1 {
    font-size: 2rem;
  }
  /* line 1090, app/assets/stylesheets/employee.scss */
  .employee-enterprise .stats-grid {
    grid-template-columns: 1fr;
  }
  /* line 1094, app/assets/stylesheets/employee.scss */
  .employee-enterprise .search-controls {
    flex-direction: column;
  }
  /* line 1097, app/assets/stylesheets/employee.scss */
  .employee-enterprise .search-controls .search-input {
    min-width: 100%;
  }
  /* line 1103, app/assets/stylesheets/employee.scss */
  .employee-enterprise .employee-table .table {
    font-size: 0.85rem;
  }
  /* line 1106, app/assets/stylesheets/employee.scss */
  .employee-enterprise .employee-table .table td, .employee-enterprise .employee-table .table th {
    padding: 0.5rem;
  }
  /* line 1112, app/assets/stylesheets/employee.scss */
  .employee-enterprise .action-buttons {
    flex-direction: column;
  }
  /* line 1115, app/assets/stylesheets/employee.scss */
  .employee-enterprise .action-buttons .btn {
    width: 100%;
    margin-bottom: 0.25rem;
  }
  /* line 1122, app/assets/stylesheets/employee.scss */
  .employee-enterprise .employee-profile .profile-header {
    padding: 1.5rem;
  }
  /* line 1125, app/assets/stylesheets/employee.scss */
  .employee-enterprise .employee-profile .profile-header .profile-avatar {
    width: 80px;
    height: 80px;
    font-size: 2rem;
  }
  /* line 1131, app/assets/stylesheets/employee.scss */
  .employee-enterprise .employee-profile .profile-header .profile-name {
    font-size: 1.4rem;
  }
  /* line 1136, app/assets/stylesheets/employee.scss */
  .employee-enterprise .employee-profile .info-grid {
    grid-template-columns: 1fr;
  }
  /* line 1142, app/assets/stylesheets/employee.scss */
  .employee-enterprise .action-section .primary-actions, .employee-enterprise .action-section .secondary-actions {
    justify-content: center;
  }
  /* line 1145, app/assets/stylesheets/employee.scss */
  .employee-enterprise .action-section .primary-actions .btn-enterprise, .employee-enterprise .action-section .secondary-actions .btn-enterprise {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  /* line 1151, app/assets/stylesheets/employee.scss */
  .employee-enterprise .action-section .secondary-actions {
    margin-top: 1rem;
  }
  /* line 1156, app/assets/stylesheets/employee.scss */
  .employee-enterprise .employee-form {
    padding: 1rem;
  }
  /* line 1159, app/assets/stylesheets/employee.scss */
  .employee-enterprise .employee-form .step-navigation {
    padding: 1rem;
    flex-direction: column;
    gap: 1rem;
  }
  /* line 1164, app/assets/stylesheets/employee.scss */
  .employee-enterprise .employee-form .step-navigation .btn-enterprise {
    width: 100%;
  }
  /* line 1170, app/assets/stylesheets/employee.scss */
  .employee-enterprise .leave-credits {
    flex-direction: column;
  }
  /* line 1173, app/assets/stylesheets/employee.scss */
  .employee-enterprise .leave-credits .badge {
    text-align: center;
  }
}

/* line 1184, app/assets/stylesheets/employee.scss */
.edit-header-modern {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  padding: 3rem 0 2rem 0;
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}

/* line 1192, app/assets/stylesheets/employee.scss */
.edit-header-modern::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="1" fill="white" opacity="0.1"/><circle cx="10" cy="90" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(/%23grain)"/></svg>');
  opacity: 0.3;
}

/* line 1203, app/assets/stylesheets/employee.scss */
.edit-header-modern .edit-title-section {
  position: relative;
  z-index: 2;
}

/* line 1207, app/assets/stylesheets/employee.scss */
.edit-header-modern .edit-title-section .breadcrumb-nav {
  margin-bottom: 1rem;
  font-size: 0.9rem;
  opacity: 0.9;
}

/* line 1212, app/assets/stylesheets/employee.scss */
.edit-header-modern .edit-title-section .breadcrumb-nav .breadcrumb-link {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  transition: color 0.3s ease;
}

/* line 1217, app/assets/stylesheets/employee.scss */
.edit-header-modern .edit-title-section .breadcrumb-nav .breadcrumb-link:hover {
  color: white;
  text-decoration: underline;
}

/* line 1223, app/assets/stylesheets/employee.scss */
.edit-header-modern .edit-title-section .breadcrumb-nav .breadcrumb-current {
  color: white;
  font-weight: 600;
}

/* line 1229, app/assets/stylesheets/employee.scss */
.edit-header-modern .edit-title-section .edit-title {
  font-size: 2.8rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  line-height: 1.2;
}

/* line 1237, app/assets/stylesheets/employee.scss */
.edit-header-modern .edit-title-section .edit-subtitle {
  font-size: 1.2rem;
  opacity: 0.9;
  font-weight: 300;
  margin-bottom: 0;
}

/* line 1245, app/assets/stylesheets/employee.scss */
.edit-header-modern .employee-quick-info {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 1252, app/assets/stylesheets/employee.scss */
.edit-header-modern .employee-quick-info .employee-avatar-modern {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: 700;
  color: white;
  border: 3px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

/* line 1269, app/assets/stylesheets/employee.scss */
.edit-header-modern .employee-quick-info .employee-meta h4 {
  font-size: 1.3rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
  color: white;
}

/* line 1276, app/assets/stylesheets/employee.scss */
.edit-header-modern .employee-quick-info .employee-meta p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}

/* line 1282, app/assets/stylesheets/employee.scss */
.edit-header-modern .employee-quick-info .employee-meta .badge {
  font-size: 0.8rem;
  padding: 0.4rem 0.8rem;
  border-radius: 20px;
}

/* line 1292, app/assets/stylesheets/employee.scss */
.edit-form-tabs {
  margin-top: -1rem;
  position: relative;
  z-index: 10;
}

/* line 1297, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-tabs-nav {
  background: white;
  border-radius: 15px 15px 0 0;
  box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.1);
  padding: 1rem 1rem 0 1rem;
}

/* line 1303, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-tabs-nav .nav-pills {
  border: none;
  gap: 0.5rem;
}

/* line 1307, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-tabs-nav .nav-pills .nav-item {
  flex: 1;
}

/* line 1310, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-tabs-nav .nav-pills .nav-item .nav-link {
  border-radius: 10px;
  padding: 1rem 1.5rem;
  font-weight: 600;
  color: #6c757d;
  background: #f8f9fa;
  border: 2px solid transparent;
  transition: all 0.3s ease;
  text-align: center;
  font-size: 0.95rem;
}

/* line 1321, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-tabs-nav .nav-pills .nav-item .nav-link:hover {
  background: #e9ecef;
  color: #495057;
  transform: translateY(-2px);
}

/* line 1327, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-tabs-nav .nav-pills .nav-item .nav-link.active {
  background: linear-gradient(135deg, #129CF3 0%, #0d7bc7 100%);
  color: white;
  border-color: #129CF3;
  box-shadow: 0 4px 15px rgba(18, 156, 243, 0.3);
}

/* line 1334, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-tabs-nav .nav-pills .nav-item .nav-link i {
  font-size: 1.1rem;
}

/* line 1342, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-tab-content {
  background: white;
  border-radius: 0 0 15px 15px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  min-height: 500px;
  padding-bottom: 100px;
}

/* line 1350, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-section {
  padding: 2.5rem;
}

/* line 1353, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-section .section-header {
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #f1f3f4;
}

/* line 1358, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-section .section-header h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 0.5rem;
}

/* line 1364, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-section .section-header h3 i {
  color: #129CF3;
}

/* line 1369, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-section .section-header p {
  font-size: 1rem;
  margin-bottom: 0;
}

/* line 1375, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-section .form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
}

@media (max-width: 768px) {
  /* line 1375, app/assets/stylesheets/employee.scss */
  .edit-form-tabs .form-section .form-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}

/* line 1386, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-section .form-grid-single {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  max-width: 600px;
  margin: 0 auto;
}

/* line 1394, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-section .form-group-modern {
  position: relative;
}

/* line 1397, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-section .form-group-modern label {
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 1406, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-section .form-group-modern .form-control,
.edit-form-tabs .form-section .form-group-modern .form-select {
  border: 2px solid #e9ecef;
  border-radius: 10px;
  padding: 0.875rem 1rem;
  font-size: 1rem;
  transition: all 0.3s ease;
  background: #fafbfc;
}

/* line 1415, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-section .form-group-modern .form-control:focus,
.edit-form-tabs .form-section .form-group-modern .form-select:focus {
  border-color: #129CF3;
  box-shadow: 0 0 0 0.2rem rgba(18, 156, 243, 0.15);
  background: white;
}

/* line 1421, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-section .form-group-modern .form-control::-moz-placeholder, .edit-form-tabs .form-section .form-group-modern .form-select::-moz-placeholder {
  color: #adb5bd;
  font-style: italic;
}
.edit-form-tabs .form-section .form-group-modern .form-control::placeholder,
.edit-form-tabs .form-section .form-group-modern .form-select::placeholder {
  color: #adb5bd;
  font-style: italic;
}

/* line 1427, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-section .form-group-modern .form-control-lg,
.edit-form-tabs .form-section .form-group-modern .form-select-lg {
  padding: 1rem 1.25rem;
  font-size: 1.1rem;
  border-radius: 12px;
}

/* line 1438, app/assets/stylesheets/employee.scss */
.form-actions-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
  border-top: 2px solid #e9ecef;
  padding: 1.5rem 0;
  box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}

/* line 1449, app/assets/stylesheets/employee.scss */
.form-actions-fixed .btn {
  font-weight: 600;
  padding: 0.875rem 2rem;
  border-radius: 10px;
  font-size: 1rem;
  transition: all 0.3s ease;
}

/* line 1456, app/assets/stylesheets/employee.scss */
.form-actions-fixed .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* line 1461, app/assets/stylesheets/employee.scss */
.form-actions-fixed .btn.btn-outline-secondary {
  border-width: 2px;
}

/* line 1465, app/assets/stylesheets/employee.scss */
.form-actions-fixed .btn.btn-success {
  box-shadow: 0 4px 15px rgba(18, 156, 243, 0.3);
}

/* line 1474, app/assets/stylesheets/employee.scss */
.personal-info-card {
  background: linear-gradient(145deg, #ffffff 0%, #f8f9ff 100%);
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(18, 156, 243, 0.1);
  overflow: hidden;
  height: 100%;
  position: relative;
}

/* line 1483, app/assets/stylesheets/employee.scss */
.personal-info-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #129CF3 0%, #667eea 50%, #764ba2 100%);
}

/* line 1493, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-header {
  padding: 2rem 2rem 1rem 2rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  background: transparent;
  border-bottom: 1px solid rgba(18, 156, 243, 0.1);
}

/* line 1501, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-header .header-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: linear-gradient(135deg, #129CF3 0%, #667eea 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.5rem;
  box-shadow: 0 4px 15px rgba(18, 156, 243, 0.3);
}

/* line 1514, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-header .header-content {
  flex: 1;
}

/* line 1517, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-header .header-content .card-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 0.25rem;
}

/* line 1524, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-header .header-content .card-subtitle {
  font-size: 0.9rem;
  color: #6c757d;
  margin-bottom: 0;
  font-weight: 400;
}

/* line 1533, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-body {
  padding: 1.5rem 2rem 2rem 2rem;
}

/* line 1536, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-body .form-section-group {
  margin-bottom: 2rem;
}

/* line 1539, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-body .form-section-group:last-child {
  margin-bottom: 0;
}

/* line 1543, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-body .form-section-group .section-label {
  font-size: 0.95rem;
  font-weight: 600;
  color: #129CF3;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid rgba(18, 156, 243, 0.1);
  display: flex;
  align-items: center;
}

/* line 1553, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-body .form-section-group .section-label i {
  font-size: 1.1rem;
}

/* line 1558, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-body .form-section-group .form-fields-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  /* line 1558, app/assets/stylesheets/employee.scss */
  .personal-info-card .personal-card-body .form-section-group .form-fields-grid {
    grid-template-columns: 1fr;
  }
}

/* line 1567, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-body .form-section-group .form-fields-grid .form-field {
  position: relative;
}

/* line 1570, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-body .form-section-group .form-fields-grid .form-field label {
  font-size: 0.85rem;
  font-weight: 600;
  color: #495057;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 1579, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-body .form-section-group .form-fields-grid .form-field .form-control-modern,
.personal-info-card .personal-card-body .form-section-group .form-fields-grid .form-field .form-select-modern {
  border: 2px solid #e9ecef;
  border-radius: 12px;
  padding: 0.75rem 1rem;
  font-size: 0.95rem;
  background: #fafbfc;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}

/* line 1589, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-body .form-section-group .form-fields-grid .form-field .form-control-modern:focus,
.personal-info-card .personal-card-body .form-section-group .form-fields-grid .form-field .form-select-modern:focus {
  border-color: #129CF3;
  box-shadow: 0 0 0 0.2rem rgba(18, 156, 243, 0.15);
  background: white;
  transform: translateY(-1px);
}

/* line 1596, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-body .form-section-group .form-fields-grid .form-field .form-control-modern:hover,
.personal-info-card .personal-card-body .form-section-group .form-fields-grid .form-field .form-select-modern:hover {
  border-color: #129CF3;
  background: white;
}

/* line 1602, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-body .form-section-group .form-fields-grid .form-field .form-control-modern::-moz-placeholder {
  color: #adb5bd;
  font-style: italic;
}
.personal-info-card .personal-card-body .form-section-group .form-fields-grid .form-field .form-control-modern::placeholder {
  color: #adb5bd;
  font-style: italic;
}

/* line 1608, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-body .form-section-group .form-fields-grid .form-field:focus-within label {
  color: #129CF3;
  transform: scale(0.95);
}

/* line 1618, app/assets/stylesheets/employee.scss */
.personal-info-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
  border-color: rgba(18, 156, 243, 0.2);
}

/* line 1626, app/assets/stylesheets/employee.scss */
.clean-form-card {
  transition: all 0.3s ease;
}

/* line 1629, app/assets/stylesheets/employee.scss */
.clean-form-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
}

/* line 1634, app/assets/stylesheets/employee.scss */
.clean-form-card .card-header {
  padding: 1.5rem;
}

/* line 1637, app/assets/stylesheets/employee.scss */
.clean-form-card .card-header .card-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
}

/* line 1648, app/assets/stylesheets/employee.scss */
.clean-form-card .card-header .card-title {
  font-size: 1.1rem;
  font-weight: 600;
}

/* line 1655, app/assets/stylesheets/employee.scss */
.clean-form-card .form-group-section .section-title {
  font-size: 0.95rem;
  font-weight: 600;
  border-bottom: 2px solid;
  padding-bottom: 0.5rem;
  display: inline-block;
}

/* line 1662, app/assets/stylesheets/employee.scss */
.clean-form-card .form-group-section .section-title i {
  font-size: 1rem;
}

/* line 1670, app/assets/stylesheets/employee.scss */
.bg-gradient-primary {
  background: linear-gradient(135deg, #129CF3 0%, #667eea 100%) !important;
}

/* line 1674, app/assets/stylesheets/employee.scss */
.bg-gradient-success {
  background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
}

/* line 1678, app/assets/stylesheets/employee.scss */
.bg-gradient-warning {
  background: linear-gradient(135deg, #ffc107 0%, #fd7e14 100%) !important;
}

/* line 1682, app/assets/stylesheets/employee.scss */
.bg-gradient-info {
  background: linear-gradient(135deg, #17a2b8 0%, #6f42c1 100%) !important;
}

/* line 1689, app/assets/stylesheets/employee.scss */
.modern-employee-form h6.fw-semibold {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

/* line 1694, app/assets/stylesheets/employee.scss */
.modern-employee-form h6.fw-semibold i {
  margin-right: 0.5rem;
}

/* line 1700, app/assets/stylesheets/employee.scss */
.modern-employee-form .form-control, .modern-employee-form .form-select {
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* line 1707, app/assets/stylesheets/employee.scss */
.modern-employee-form .form-control:focus, .modern-employee-form .form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* line 1715, app/assets/stylesheets/employee.scss */
.modern-employee-form .form-label.fw-semibold {
  font-weight: 600;
  color: #495057;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
}

/* line 1723, app/assets/stylesheets/employee.scss */
.modern-employee-form small.text-muted {
  font-size: 0.75rem;
  color: #6c757d;
  display: block;
  margin-top: 0.25rem;
}

/* line 1731, app/assets/stylesheets/employee.scss */
.modern-employee-form .mb-4 {
  margin-bottom: 1.5rem !important;
}

/* line 1736, app/assets/stylesheets/employee.scss */
.modern-employee-form .row.g-3 {
  --bs-gutter-x: 1rem;
  --bs-gutter-y: 1rem;
}

/* line 1743, app/assets/stylesheets/employee.scss */
.avatar-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 1.1rem;
}

/* line 1755, app/assets/stylesheets/employee.scss */
.info-list .info-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid #f8f9fa;
}

/* line 1762, app/assets/stylesheets/employee.scss */
.info-list .info-item:last-child {
  border-bottom: none;
}

/* line 1766, app/assets/stylesheets/employee.scss */
.info-list .info-item .label {
  font-weight: 500;
  color: #6c757d;
  font-size: 0.875rem;
}

/* line 1772, app/assets/stylesheets/employee.scss */
.info-list .info-item .value {
  font-weight: 600;
  color: #495057;
  font-size: 0.875rem;
  text-align: right;
}

/* line 1783, app/assets/stylesheets/employee.scss */
.registration-steps .step-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1rem;
}

/* line 1788, app/assets/stylesheets/employee.scss */
.registration-steps .step-item:last-child {
  margin-bottom: 0;
}

/* line 1792, app/assets/stylesheets/employee.scss */
.registration-steps .step-item .step-number {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #129CF3;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.875rem;
  margin-right: 0.75rem;
  flex-shrink: 0;
}

/* line 1807, app/assets/stylesheets/employee.scss */
.registration-steps .step-item .step-content {
  flex: 1;
}

/* line 1810, app/assets/stylesheets/employee.scss */
.registration-steps .step-item .step-content strong {
  color: #495057;
  font-size: 0.9rem;
}

/* line 1815, app/assets/stylesheets/employee.scss */
.registration-steps .step-item .step-content small {
  font-size: 0.75rem;
  line-height: 1.3;
}
/* line 2, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-container {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(30, 60, 114, 0.1) 100%);
  min-height: 100vh;
  padding: 2rem 0;
}

/* line 7, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-container .main-content {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 20px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  padding: 2rem;
  margin: 0 auto;
  max-width: 1400px;
}

/* line 19, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--black) 100%);
  color: var(--white);
  padding: 2rem;
  border-radius: 15px 15px 0 0;
  margin-bottom: 2rem;
  position: relative;
  overflow: hidden;
}

/* line 28, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;
  opacity: 0.1;
}

/* line 39, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-header h1, .excuse-slip-header h3 {
  position: relative;
  z-index: 1;
  margin: 0;
  font-weight: 600;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* line 47, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-header p {
  position: relative;
  z-index: 1;
}

/* line 52, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-header .col-auto {
  position: relative;
  z-index: 10;
}

/* line 57, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-header .d-flex.gap-2 {
  position: relative;
  z-index: 10;
}

/* line 62, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-header .btn {
  position: relative;
  z-index: 15 !important;
  border: none;
  padding: 0.7rem 1.5rem;
  border-radius: 25px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* line 76, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-header .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
  z-index: 20 !important;
}

/* line 82, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-header .btn:active {
  transform: translateY(0);
}

/* line 89, app/assets/stylesheets/excuse_slip.scss */
.stats-row {
  margin-bottom: 2rem;
}

/* line 92, app/assets/stylesheets/excuse_slip.scss */
.stats-row .stat-card {
  background: var(--white);
  border-radius: 15px;
  padding: 1.5rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  border: none;
  transition: all 0.3s ease;
  height: 100%;
  position: relative;
  overflow: hidden;
}

/* line 103, app/assets/stylesheets/excuse_slip.scss */
.stats-row .stat-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--dark-blue), var(--primary-blue));
}

/* line 113, app/assets/stylesheets/excuse_slip.scss */
.stats-row .stat-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

/* line 118, app/assets/stylesheets/excuse_slip.scss */
.stats-row .stat-card .stat-icon {
  width: 60px;
  height: 60px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: var(--white);
  margin-bottom: 1rem;
}

/* line 129, app/assets/stylesheets/excuse_slip.scss */
.stats-row .stat-card .stat-icon.pending {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
}

/* line 133, app/assets/stylesheets/excuse_slip.scss */
.stats-row .stat-card .stat-icon.approved {
  background: linear-gradient(135deg, var(--primary-blue), var(--primary-blue));
}

/* line 137, app/assets/stylesheets/excuse_slip.scss */
.stats-row .stat-card .stat-icon.rejected {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
}

/* line 141, app/assets/stylesheets/excuse_slip.scss */
.stats-row .stat-card .stat-icon.cancelled {
  background: linear-gradient(135deg, var(--black), var(--black));
}

/* line 146, app/assets/stylesheets/excuse_slip.scss */
.stats-row .stat-card .stat-value {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--black);
  margin: 0;
}

/* line 153, app/assets/stylesheets/excuse_slip.scss */
.stats-row .stat-card .stat-label {
  color: var(--black);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 0.85rem;
}

/* line 165, app/assets/stylesheets/excuse_slip.scss */
.enterprise-tabs .nav-tabs {
  border-bottom: 3px solid rgba(0, 0, 0, 0.05);
  margin-bottom: 2rem;
}

/* line 169, app/assets/stylesheets/excuse_slip.scss */
.enterprise-tabs .nav-tabs .nav-link {
  border: none;
  background: none;
  color: var(--black);
  font-weight: 600;
  padding: 1rem 2rem;
  border-radius: 10px 10px 0 0;
  transition: all 0.3s ease;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 181, app/assets/stylesheets/excuse_slip.scss */
.enterprise-tabs .nav-tabs .nav-link:hover {
  background: rgba(142, 68, 173, 0.1);
  color: var(--dark-blue);
}

/* line 186, app/assets/stylesheets/excuse_slip.scss */
.enterprise-tabs .nav-tabs .nav-link.active {
  background: linear-gradient(135deg, var(--dark-blue), var(--primary-blue));
  color: var(--white);
  box-shadow: 0 -5px 15px rgba(142, 68, 173, 0.3);
}

/* line 191, app/assets/stylesheets/excuse_slip.scss */
.enterprise-tabs .nav-tabs .nav-link.active::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--dark-blue), var(--primary-blue));
}

/* line 206, app/assets/stylesheets/excuse_slip.scss */
.enterprise-table {
  background: var(--white);
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* line 212, app/assets/stylesheets/excuse_slip.scss */
.enterprise-table .table {
  margin: 0;
}

/* line 215, app/assets/stylesheets/excuse_slip.scss */
.enterprise-table .table thead {
  background: linear-gradient(135deg, var(--dark-blue), var(--primary-blue));
}

/* line 218, app/assets/stylesheets/excuse_slip.scss */
.enterprise-table .table thead th {
  color: var(--white);
  font-weight: 600;
  border: none;
  padding: 1rem;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 230, app/assets/stylesheets/excuse_slip.scss */
.enterprise-table .table tbody tr {
  transition: all 0.3s ease;
}

/* line 233, app/assets/stylesheets/excuse_slip.scss */
.enterprise-table .table tbody tr:hover {
  background: rgba(142, 68, 173, 0.05);
  transform: scale(1.01);
}

/* line 238, app/assets/stylesheets/excuse_slip.scss */
.enterprise-table .table tbody tr td {
  padding: 1rem;
  border-color: rgba(0, 0, 0, 0.05);
  vertical-align: middle;
}

/* line 249, app/assets/stylesheets/excuse_slip.scss */
.status-badge {
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-weight: 600;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 257, app/assets/stylesheets/excuse_slip.scss */
.status-badge.status-pending {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
}

/* line 262, app/assets/stylesheets/excuse_slip.scss */
.status-badge.status-approved {
  background: linear-gradient(135deg, var(--primary-blue), var(--primary-blue));
  color: var(--white);
}

/* line 267, app/assets/stylesheets/excuse_slip.scss */
.status-badge.status-rejected {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
}

/* line 272, app/assets/stylesheets/excuse_slip.scss */
.status-badge.status-cancelled {
  background: linear-gradient(135deg, var(--black), var(--black));
  color: var(--white);
}

/* line 280, app/assets/stylesheets/excuse_slip.scss */
.action-buttons .btn {
  margin: 0.2rem;
  border-radius: 20px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

/* line 288, app/assets/stylesheets/excuse_slip.scss */
.action-buttons .btn:hover {
  transform: translateY(-2px);
}

/* line 295, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-form {
  background: var(--white);
  border-radius: 20px;
  padding: 2rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* line 301, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-form .form-floating {
  margin-bottom: 1.5rem;
}

/* line 304, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-form .form-floating .form-control {
  border: 2px solid rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  font-size: 1rem;
  transition: all 0.3s ease;
}

/* line 310, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-form .form-floating .form-control:focus {
  border-color: var(--dark-blue);
  box-shadow: 0 0 0 0.2rem rgba(142, 68, 173, 0.25);
}

/* line 316, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-form .form-floating label {
  color: var(--black);
  font-weight: 600;
}

/* line 322, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-form .btn {
  border-radius: 25px;
  padding: 0.75rem 2rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

/* line 330, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-form .btn:hover {
  transform: translateY(-2px);
}

/* line 337, app/assets/stylesheets/excuse_slip.scss */
.avatar-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--dark-blue), var(--primary-blue));
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.9rem;
  flex-shrink: 0;
}

/* line 351, app/assets/stylesheets/excuse_slip.scss */
.excuse-card {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  margin: 0.5rem 0;
  transition: all 0.3s ease;
  background: var(--var(--white));
}

/* line 358, app/assets/stylesheets/excuse_slip.scss */
.excuse-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

/* line 364, app/assets/stylesheets/excuse_slip.scss */
.excuse-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.98);
  padding-bottom: 0.75rem;
}

/* line 369, app/assets/stylesheets/excuse_slip.scss */
.excuse-details-row {
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), var(--var(--white)));
}

/* line 374, app/assets/stylesheets/excuse_slip.scss */
.date-info .date-range {
  font-size: 0.95rem;
  line-height: 1.3;
  margin-bottom: 0.25rem;
}

/* line 381, app/assets/stylesheets/excuse_slip.scss */
.excuse-content p {
  font-size: 0.9rem;
  line-height: 1.4;
}

/* line 386, app/assets/stylesheets/excuse_slip.scss */
.excuse-content small {
  font-size: 0.8rem;
  color: var(--black);
}

/* line 392, app/assets/stylesheets/excuse_slip.scss */
.action-buttons .btn {
  min-width: 80px;
}

/* line 397, app/assets/stylesheets/excuse_slip.scss */
.table td {
  vertical-align: top;
  border-top: none;
  padding: 0.75rem;
}

/* line 403, app/assets/stylesheets/excuse_slip.scss */
.table .excuse-card {
  margin: 0;
}

/* line 410, app/assets/stylesheets/excuse_slip.scss */
.table-secondary .excuse-card {
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(0, 0, 0, 0.1);
}

/* line 415, app/assets/stylesheets/excuse_slip.scss */
.table-secondary .avatar-circle.bg-secondary {
  background: linear-gradient(135deg, var(--black), var(--black)) !important;
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* line 441, app/assets/stylesheets/excuse_slip.scss */
.animate-slide-up {
  animation: slideInUp 0.6s ease-out;
}

/* line 445, app/assets/stylesheets/excuse_slip.scss */
.animate-fade-in {
  animation: fadeIn 0.8s ease-out;
}

@media (max-width: 768px) {
  /* line 451, app/assets/stylesheets/excuse_slip.scss */
  .excuse-slip-container {
    padding: 1rem 0;
  }
  /* line 454, app/assets/stylesheets/excuse_slip.scss */
  .excuse-slip-container .main-content {
    padding: 1rem;
    border-radius: 10px;
  }
  /* line 460, app/assets/stylesheets/excuse_slip.scss */
  .excuse-slip-header {
    padding: 1.5rem;
    text-align: center;
  }
  /* line 466, app/assets/stylesheets/excuse_slip.scss */
  .stats-row .stat-card {
    margin-bottom: 1rem;
  }
  /* line 472, app/assets/stylesheets/excuse_slip.scss */
  .enterprise-table .table {
    font-size: 0.85rem;
  }
  /* line 475, app/assets/stylesheets/excuse_slip.scss */
  .enterprise-table .table th, .enterprise-table .table td {
    padding: 0.75rem 0.5rem;
  }
  /* line 483, app/assets/stylesheets/excuse_slip.scss */
  .enterprise-tabs .nav-tabs .nav-link {
    padding: 0.75rem 1rem;
    font-size: 0.85rem;
  }
}
/* line 2, app/assets/stylesheets/file_leave.scss */
.file-leave-container {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(30, 60, 114, 0.1) 100%);
  min-height: 100vh;
  padding: 2rem 0;
}

/* line 7, app/assets/stylesheets/file_leave.scss */
.file-leave-container .main-content {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 20px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  padding: 2rem;
  margin: 0 auto;
  max-width: 1400px;
}

/* line 19, app/assets/stylesheets/file_leave.scss */
.file-leave-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--black) 100%);
  color: var(--white);
  padding: 2rem;
  border-radius: 15px 15px 0 0;
  margin-bottom: 2rem;
  position: relative;
  overflow: hidden;
}

/* line 28, app/assets/stylesheets/file_leave.scss */
.file-leave-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;
  opacity: 0.1;
}

/* line 39, app/assets/stylesheets/file_leave.scss */
.file-leave-header h1, .file-leave-header h3 {
  position: relative;
  z-index: 1;
  margin: 0;
  font-weight: 600;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* line 47, app/assets/stylesheets/file_leave.scss */
.file-leave-header .header-actions {
  position: relative;
  z-index: 1;
  margin-top: 1rem;
}

/* line 52, app/assets/stylesheets/file_leave.scss */
.file-leave-header .header-actions .btn {
  margin-right: 0.5rem;
  border: none;
  padding: 0.7rem 1.5rem;
  border-radius: 25px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

/* line 63, app/assets/stylesheets/file_leave.scss */
.file-leave-header .header-actions .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

/* line 72, app/assets/stylesheets/file_leave.scss */
.stats-row {
  margin-bottom: 2rem;
}

/* line 75, app/assets/stylesheets/file_leave.scss */
.stats-row .stat-card {
  background: var(--white);
  border-radius: 15px;
  padding: 1.5rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  border: none;
  transition: all 0.3s ease;
  height: 100%;
  position: relative;
  overflow: hidden;
}

/* line 86, app/assets/stylesheets/file_leave.scss */
.stats-row .stat-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--primary-blue), var(--dark-blue));
}

/* line 96, app/assets/stylesheets/file_leave.scss */
.stats-row .stat-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

/* line 101, app/assets/stylesheets/file_leave.scss */
.stats-row .stat-card .stat-icon {
  width: 60px;
  height: 60px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: var(--white);
  margin-bottom: 1rem;
}

/* line 112, app/assets/stylesheets/file_leave.scss */
.stats-row .stat-card .stat-icon.pending {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
}

/* line 116, app/assets/stylesheets/file_leave.scss */
.stats-row .stat-card .stat-icon.approved {
  background: linear-gradient(135deg, var(--primary-blue), var(--primary-blue));
}

/* line 120, app/assets/stylesheets/file_leave.scss */
.stats-row .stat-card .stat-icon.rejected {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
}

/* line 124, app/assets/stylesheets/file_leave.scss */
.stats-row .stat-card .stat-icon.cancelled {
  background: linear-gradient(135deg, var(--black), var(--black));
}

/* line 129, app/assets/stylesheets/file_leave.scss */
.stats-row .stat-card .stat-value {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--black);
  margin: 0;
}

/* line 136, app/assets/stylesheets/file_leave.scss */
.stats-row .stat-card .stat-label {
  color: var(--black);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 0.85rem;
}

/* line 148, app/assets/stylesheets/file_leave.scss */
.enterprise-tabs .nav-tabs {
  border-bottom: 3px solid rgba(0, 0, 0, 0.05);
  margin-bottom: 2rem;
}

/* line 152, app/assets/stylesheets/file_leave.scss */
.enterprise-tabs .nav-tabs .nav-link {
  border: none;
  background: none;
  color: var(--black);
  font-weight: 600;
  padding: 1rem 2rem;
  border-radius: 10px 10px 0 0;
  transition: all 0.3s ease;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 164, app/assets/stylesheets/file_leave.scss */
.enterprise-tabs .nav-tabs .nav-link:hover {
  background: rgba(102, 126, 234, 0.1);
  color: var(--primary-blue);
}

/* line 169, app/assets/stylesheets/file_leave.scss */
.enterprise-tabs .nav-tabs .nav-link.active {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
  box-shadow: 0 -5px 15px rgba(102, 126, 234, 0.3);
}

/* line 174, app/assets/stylesheets/file_leave.scss */
.enterprise-tabs .nav-tabs .nav-link.active::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--primary-blue), var(--dark-blue));
}

/* line 189, app/assets/stylesheets/file_leave.scss */
.enterprise-table {
  background: var(--white);
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* line 195, app/assets/stylesheets/file_leave.scss */
.enterprise-table .table {
  margin: 0;
}

/* line 198, app/assets/stylesheets/file_leave.scss */
.enterprise-table .table thead {
  background: linear-gradient(135deg, var(--black), var(--black));
}

/* line 201, app/assets/stylesheets/file_leave.scss */
.enterprise-table .table thead th {
  color: var(--white);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 1.2rem 1rem;
  border: none;
  font-size: 0.85rem;
}

/* line 213, app/assets/stylesheets/file_leave.scss */
.enterprise-table .table tbody tr {
  transition: all 0.3s ease;
}

/* line 216, app/assets/stylesheets/file_leave.scss */
.enterprise-table .table tbody tr:hover {
  background: rgba(102, 126, 234, 0.05);
  transform: scale(1.01);
}

/* line 221, app/assets/stylesheets/file_leave.scss */
.enterprise-table .table tbody tr td {
  padding: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  vertical-align: middle;
}

/* line 230, app/assets/stylesheets/file_leave.scss */
.enterprise-table .status-badge {
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-weight: 600;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 238, app/assets/stylesheets/file_leave.scss */
.enterprise-table .status-badge.status-pending {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
}

/* line 243, app/assets/stylesheets/file_leave.scss */
.enterprise-table .status-badge.status-approved {
  background: linear-gradient(135deg, var(--primary-blue), var(--primary-blue));
  color: var(--white);
}

/* line 248, app/assets/stylesheets/file_leave.scss */
.enterprise-table .status-badge.status-rejected {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
}

/* line 253, app/assets/stylesheets/file_leave.scss */
.enterprise-table .status-badge.status-cancelled {
  background: linear-gradient(135deg, var(--black), var(--black));
  color: var(--white);
}

/* line 260, app/assets/stylesheets/file_leave.scss */
.enterprise-table .action-buttons .btn {
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
  border-radius: 20px;
  padding: 0.4rem 1rem;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

/* line 271, app/assets/stylesheets/file_leave.scss */
.enterprise-table .action-buttons .btn:hover {
  transform: translateY(-1px);
}

/* line 280, app/assets/stylesheets/file_leave.scss */
.file-leave-form .form-card {
  background: var(--white);
  border-radius: 15px;
  padding: 2rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
}

/* line 287, app/assets/stylesheets/file_leave.scss */
.file-leave-form .form-card .card-title {
  color: var(--black);
  font-weight: 700;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 3px solid rgba(0, 0, 0, 0.05);
  position: relative;
}

/* line 295, app/assets/stylesheets/file_leave.scss */
.file-leave-form .form-card .card-title::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 50px;
  height: 3px;
  background: linear-gradient(90deg, var(--primary-blue), var(--dark-blue));
}

/* line 307, app/assets/stylesheets/file_leave.scss */
.file-leave-form .form-control, .file-leave-form .form-select {
  border: 2px solid rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding: 0.75rem 1rem;
  transition: all 0.3s ease;
}

/* line 313, app/assets/stylesheets/file_leave.scss */
.file-leave-form .form-control:focus, .file-leave-form .form-select:focus {
  border-color: var(--primary-blue);
  box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
}

/* line 319, app/assets/stylesheets/file_leave.scss */
.file-leave-form .form-label {
  font-weight: 600;
  color: var(--black);
  margin-bottom: 0.5rem;
}

/* line 325, app/assets/stylesheets/file_leave.scss */
.file-leave-form .btn-success {
  background: linear-gradient(135deg, var(--primary-blue), var(--primary-blue));
  border: none;
  border-radius: 25px;
  padding: 0.75rem 2rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

/* line 335, app/assets/stylesheets/file_leave.scss */
.file-leave-form .btn-success:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(39, 174, 96, 0.3);
}

/* line 343, app/assets/stylesheets/file_leave.scss */
.leave-credits-card {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
  color: var(--white);
  border-radius: 15px;
  padding: 2rem;
  box-shadow: 0 15px 35px rgba(102, 126, 234, 0.3);
}

/* line 350, app/assets/stylesheets/file_leave.scss */
.leave-credits-card .card-title {
  font-weight: 700;
  margin-bottom: 1.5rem;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* line 356, app/assets/stylesheets/file_leave.scss */
.leave-credits-card .list-group-item {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--white);
  border-radius: 10px;
  margin-bottom: 0.5rem;
  padding: 1rem;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  transition: all 0.3s ease;
}

/* line 366, app/assets/stylesheets/file_leave.scss */
.leave-credits-card .list-group-item:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: translateX(5px);
}

/* line 371, app/assets/stylesheets/file_leave.scss */
.leave-credits-card .list-group-item strong {
  font-weight: 700;
}

/* line 375, app/assets/stylesheets/file_leave.scss */
.leave-credits-card .list-group-item .text-success {
  color: var(--primary-blue) !important;
  font-weight: 700;
}

/* line 380, app/assets/stylesheets/file_leave.scss */
.leave-credits-card .list-group-item .text-danger {
  color: var(--primary-blue) !important;
  font-weight: 700;
}

/* line 385, app/assets/stylesheets/file_leave.scss */
.leave-credits-card .list-group-item .text-warning {
  color: var(--primary-blue) !important;
  font-weight: 700;
}

/* line 394, app/assets/stylesheets/file_leave.scss */
.file-leave-show .leave-details-card {
  background: var(--white);
  border-radius: 15px;
  padding: 2rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
}

/* line 401, app/assets/stylesheets/file_leave.scss */
.file-leave-show .leave-details-card h3 {
  color: var(--black);
  font-weight: 700;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 3px solid rgba(0, 0, 0, 0.05);
  position: relative;
}

/* line 409, app/assets/stylesheets/file_leave.scss */
.file-leave-show .leave-details-card h3::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 50px;
  height: 3px;
  background: linear-gradient(90deg, var(--primary-blue), var(--dark-blue));
}

/* line 421, app/assets/stylesheets/file_leave.scss */
.file-leave-show .alert-warning {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
  border: none;
  border-radius: 15px;
  padding: 1.5rem;
}

/* line 428, app/assets/stylesheets/file_leave.scss */
.file-leave-show .alert-warning h5, .file-leave-show .alert-warning h6 {
  color: var(--white);
  font-weight: 700;
}

/* line 433, app/assets/stylesheets/file_leave.scss */
.file-leave-show .alert-warning .table {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 10px;
  overflow: hidden;
}

/* line 438, app/assets/stylesheets/file_leave.scss */
.file-leave-show .alert-warning .table th {
  background: rgba(0, 0, 0, 0.1);
  color: var(--black);
  font-weight: 600;
}

/* line 444, app/assets/stylesheets/file_leave.scss */
.file-leave-show .alert-warning .table .table-success {
  background: rgba(46, 204, 113, 0.2) !important;
}

/* line 448, app/assets/stylesheets/file_leave.scss */
.file-leave-show .alert-warning .table .table-danger {
  background: rgba(231, 76, 60, 0.2) !important;
}

/* line 454, app/assets/stylesheets/file_leave.scss */
.file-leave-show .approver-section {
  background: linear-gradient(135deg, var(--black), var(--black));
  color: var(--white);
  border-radius: 15px;
  padding: 2rem;
  margin-top: 2rem;
}

/* line 461, app/assets/stylesheets/file_leave.scss */
.file-leave-show .approver-section p {
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

/* line 468, app/assets/stylesheets/file_leave.scss */
.file-leave-show .approver-section p strong {
  font-weight: 700;
}

/* line 476, app/assets/stylesheets/file_leave.scss */
.search-form-container {
  background: var(--white);
  border-radius: 15px;
  padding: 1.5rem;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
}

/* line 484, app/assets/stylesheets/file_leave.scss */
.search-form-container .input-group .form-control {
  border: 2px solid rgba(0, 0, 0, 0.05);
  border-radius: 10px 0 0 10px;
}

/* line 488, app/assets/stylesheets/file_leave.scss */
.search-form-container .input-group .form-control:focus {
  border-color: var(--primary-blue);
  box-shadow: none;
}

/* line 494, app/assets/stylesheets/file_leave.scss */
.search-form-container .input-group .btn {
  border-radius: 0 10px 10px 0;
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  border: none;
  font-weight: 600;
}

/* line 500, app/assets/stylesheets/file_leave.scss */
.search-form-container .input-group .btn:hover {
  background: linear-gradient(135deg, var(--dark-blue), var(--primary-blue));
}

@media (max-width: 768px) {
  /* line 509, app/assets/stylesheets/file_leave.scss */
  .file-leave-container {
    padding: 1rem 0;
  }
  /* line 512, app/assets/stylesheets/file_leave.scss */
  .file-leave-container .main-content {
    padding: 1rem;
    border-radius: 10px;
  }
  /* line 518, app/assets/stylesheets/file_leave.scss */
  .file-leave-header {
    padding: 1.5rem;
    text-align: center;
  }
  /* line 524, app/assets/stylesheets/file_leave.scss */
  .stats-row .stat-card {
    margin-bottom: 1rem;
  }
  /* line 530, app/assets/stylesheets/file_leave.scss */
  .enterprise-table .table {
    font-size: 0.85rem;
  }
  /* line 533, app/assets/stylesheets/file_leave.scss */
  .enterprise-table .table th, .enterprise-table .table td {
    padding: 0.75rem 0.5rem;
  }
  /* line 541, app/assets/stylesheets/file_leave.scss */
  .enterprise-tabs .nav-tabs .nav-link {
    padding: 0.75rem 1rem;
    font-size: 0.85rem;
  }
}

/* line 550, app/assets/stylesheets/file_leave.scss */
.avatar-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.9rem;
  flex-shrink: 0;
}

/* line 564, app/assets/stylesheets/file_leave.scss */
.leave-card {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  margin: 0.5rem 0;
  transition: all 0.3s ease;
  background: var(--var(--white));
}

/* line 571, app/assets/stylesheets/file_leave.scss */
.leave-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

/* line 577, app/assets/stylesheets/file_leave.scss */
.leave-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.98);
  padding-bottom: 0.75rem;
}

/* line 582, app/assets/stylesheets/file_leave.scss */
.leave-details-row {
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), var(--var(--white)));
}

/* line 587, app/assets/stylesheets/file_leave.scss */
.date-info .date-range {
  font-size: 0.95rem;
  line-height: 1.3;
  margin-bottom: 0.25rem;
}

/* line 594, app/assets/stylesheets/file_leave.scss */
.leave-content p {
  font-size: 0.9rem;
  line-height: 1.4;
}

/* line 599, app/assets/stylesheets/file_leave.scss */
.leave-content small {
  font-size: 0.8rem;
  color: var(--black);
}

/* line 605, app/assets/stylesheets/file_leave.scss */
.action-buttons .btn {
  min-width: 80px;
}

/* line 610, app/assets/stylesheets/file_leave.scss */
.table td {
  vertical-align: top;
  border-top: none;
  padding: 0.75rem;
}

/* line 616, app/assets/stylesheets/file_leave.scss */
.table .leave-card {
  margin: 0;
}

/* line 623, app/assets/stylesheets/file_leave.scss */
.table-secondary .leave-card {
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(0, 0, 0, 0.1);
}

/* line 628, app/assets/stylesheets/file_leave.scss */
.table-secondary .avatar-circle.bg-secondary {
  background: linear-gradient(135deg, var(--black), var(--black)) !important;
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* line 654, app/assets/stylesheets/file_leave.scss */
.animate-slide-up {
  animation: slideInUp 0.6s ease-out;
}

/* line 658, app/assets/stylesheets/file_leave.scss */
.animate-fade-in {
  animation: fadeIn 0.8s ease-out;
}

/* line 664, app/assets/stylesheets/file_leave.scss */
.for-review-page .users-wrapper {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* line 670, app/assets/stylesheets/file_leave.scss */
.for-review-page .table-card,
.for-review-page .table-content,
.for-review-page .table-section {
  max-width: 100%;
}

/* line 676, app/assets/stylesheets/file_leave.scss */
.for-review-page .table-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

/* line 684, app/assets/stylesheets/file_leave.scss */
.for-review-page .table-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
}

/* line 690, app/assets/stylesheets/file_leave.scss */
.for-review-page .table-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* line 696, app/assets/stylesheets/file_leave.scss */
.for-review-page .for-review-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* line 702, app/assets/stylesheets/file_leave.scss */
.for-review-page .for-review-table {
  width: 100%;
  min-width: 1100px;
  table-layout: auto;
  margin-bottom: 0;
}

/* line 708, app/assets/stylesheets/file_leave.scss */
.for-review-page .for-review-table th,
.for-review-page .for-review-table td {
  vertical-align: middle;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
}

/* line 716, app/assets/stylesheets/file_leave.scss */
.for-review-page .for-review-table .col-employee {
  min-width: 160px;
  width: 170px;
}

/* line 721, app/assets/stylesheets/file_leave.scss */
.for-review-page .for-review-table .col-type-dates {
  min-width: 200px;
  width: 220px;
}

/* line 726, app/assets/stylesheets/file_leave.scss */
.for-review-page .for-review-table .col-reason {
  min-width: 200px;
  width: 230px;
}

/* line 731, app/assets/stylesheets/file_leave.scss */
.for-review-page .for-review-table .col-status {
  min-width: 260px;
  width: 260px;
}

/* line 736, app/assets/stylesheets/file_leave.scss */
.for-review-page .for-review-table .col-actions {
  min-width: 130px;
  white-space: nowrap;
}

/* line 741, app/assets/stylesheets/file_leave.scss */
.for-review-page .for-review-table .status-badge {
  display: inline-block;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
  line-height: 1.35;
  text-align: left;
  padding: 0.45rem 0.65rem;
}

/* line 752, app/assets/stylesheets/file_leave.scss */
.for-review-page .for-review-table .remaining-credit-amount {
  font-weight: 700 !important;
  font-style: normal !important;
  color: #129CF3 !important;
}

/* line 758, app/assets/stylesheets/file_leave.scss */
.for-review-page .for-review-table .remaining-credit-unit {
  font-weight: 400 !important;
  color: #129CF3 !important;
}

/* line 764, app/assets/stylesheets/file_leave.scss */
.for-review-page .pagination-section {
  flex-wrap: wrap;
  gap: 1rem;
}

/* Laptop */
@media (max-width: 1199.98px) {
  /* line 773, app/assets/stylesheets/file_leave.scss */
  .for-review-page .users-wrapper {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  /* line 778, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table {
    min-width: 1000px;
  }
  /* line 781, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table .col-status {
    min-width: 240px;
    width: 240px;
  }
}

/* Tablet + Phone: card stack (no crushed columns) */
@media (max-width: 991.98px) {
  /* line 792, app/assets/stylesheets/file_leave.scss */
  .for-review-page .users-header .header-content {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  /* line 798, app/assets/stylesheets/file_leave.scss */
  .for-review-page .header-actions {
    width: 100%;
  }
  /* line 801, app/assets/stylesheets/file_leave.scss */
  .for-review-page .header-actions .btn-enterprise-secondary {
    width: 100%;
    justify-content: center;
  }
  /* line 807, app/assets/stylesheets/file_leave.scss */
  .for-review-page .table-header {
    flex-direction: column;
    align-items: stretch;
  }
  /* line 812, app/assets/stylesheets/file_leave.scss */
  .for-review-page .table-actions {
    width: 100%;
  }
  /* line 815, app/assets/stylesheets/file_leave.scss */
  .for-review-page .table-actions .btn-enterprise-primary,
.for-review-page .table-actions .btn-enterprise-secondary,
.for-review-page .table-actions input[type="submit"] {
    flex: 1 1 auto;
    min-width: 140px;
  }
  /* line 823, app/assets/stylesheets/file_leave.scss */
  .for-review-page .table-stats {
    width: 100%;
    justify-content: space-between;
  }
  /* line 828, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table-wrap {
    overflow-x: visible;
  }
  /* line 832, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table {
    min-width: 0 !important;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 0.85rem;
  }
  /* line 838, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table thead {
    display: none;
  }
  /* line 842, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table tbody {
    display: block;
    width: 100%;
  }
  /* line 847, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table tbody tr {
    display: block;
    width: 100%;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
    padding: 0.75rem 1rem;
    margin: 0;
  }
  /* line 858, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table tbody td {
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 0.5rem 0.75rem;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    border: none !important;
    padding: 0.55rem 0 !important;
    text-align: left !important;
    white-space: normal;
  }
  /* line 871, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table tbody td::before {
    content: attr(data-label);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #718096;
    padding-top: 0.15rem;
  }
  /* line 881, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table tbody td.text-center:first-child {
    grid-template-columns: 110px auto;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
    padding-bottom: 0.75rem !important;
    margin-bottom: 0.25rem;
  }
  /* line 889, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table tbody td.col-actions {
    white-space: normal;
    border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
    margin-top: 0.25rem;
    padding-top: 0.85rem !important;
  }
  /* line 895, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table tbody td.col-actions .d-flex {
    width: 100%;
    flex-direction: row !important;
    flex-wrap: wrap;
    justify-content: flex-start !important;
  }
  /* line 902, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table tbody td.col-actions .btn-enterprise-primary,
.for-review-page .for-review-table tbody td.col-actions .btn-enterprise-secondary {
    flex: 1 1 120px;
  }
  /* line 908, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table .col-employee,
.for-review-page .for-review-table .col-type-dates,
.for-review-page .for-review-table .col-reason,
.for-review-page .for-review-table .col-status,
.for-review-page .for-review-table .col-actions {
    width: auto !important;
    min-width: 0 !important;
  }
  /* line 917, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table .status-badge {
    max-width: 100%;
  }
  /* line 922, app/assets/stylesheets/file_leave.scss */
  .for-review-page .pagination-section {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
  }
  /* line 928, app/assets/stylesheets/file_leave.scss */
  .for-review-page .pagination-controls {
    overflow-x: auto;
    max-width: 100%;
  }
}

/* Phone refinements */
@media (max-width: 575.98px) {
  /* line 938, app/assets/stylesheets/file_leave.scss */
  .for-review-page .title-text h1 {
    font-size: 1.5rem;
  }
  /* line 942, app/assets/stylesheets/file_leave.scss */
  .for-review-page .table-stats .stat-item {
    flex: 1 1 45%;
    min-width: 0;
  }
  /* line 947, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table tbody td {
    grid-template-columns: 1fr;
    gap: 0.25rem;
  }
  /* line 952, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table tbody td.text-center:first-child {
    grid-template-columns: auto 1fr;
  }
}
/* ============================================
   MODERN FOOTER DESIGN - MATCHING NAVBAR
   ============================================ */
/* line 5, app/assets/stylesheets/footer.scss */
.modern-footer {
  background: linear-gradient(135deg, #129CF3 0%, #129CF3 50%, #1e3c72 100%);
  color: #ffffff;
  padding: 25px 0 10px;
  font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
  border-top: 2px solid rgba(255, 255, 255, 0.1);
}

/* line 15, app/assets/stylesheets/footer.scss */
.modern-footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 15% 85%, rgba(255, 255, 255, 0.08) 0%, transparent 50%), radial-gradient(circle at 85% 15%, rgba(255, 255, 255, 0.06) 0%, transparent 50%);
  pointer-events: none;
}

/* line 29, app/assets/stylesheets/footer.scss */
.footer-heading {
  color: #ffffff;
  font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: center;
}

/* line 44, app/assets/stylesheets/footer.scss */
.footer-heading::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -8px;
  width: 40px;
  height: 3px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.8), transparent);
  border-radius: 2px;
}

/* line 56, app/assets/stylesheets/footer.scss */
.footer-heading i {
  font-size: 1.3rem;
  color: rgba(255, 255, 255, 0.9);
}

/* line 62, app/assets/stylesheets/footer.scss */
.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}

/* line 68, app/assets/stylesheets/footer.scss */
.footer-links li {
  margin-bottom: 0px;
}

/* line 71, app/assets/stylesheets/footer.scss */
.footer-links li:last-child {
  margin-bottom: 0;
}

/* line 76, app/assets/stylesheets/footer.scss */
.footer-links .footer-link {
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: 0.80rem;
  font-weight: 500;
  transition: all 0.3s ease;
  display: inline-block;
  position: relative;
}

/* line 86, app/assets/stylesheets/footer.scss */
.footer-links .footer-link::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.9);
  transition: width 0.3s ease;
}

/* line 97, app/assets/stylesheets/footer.scss */
.footer-links .footer-link:hover {
  color: #ffffff;
  transform: translateX(5px);
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.3);
}

/* line 102, app/assets/stylesheets/footer.scss */
.footer-links .footer-link:hover::after {
  width: 100%;
}

/* line 109, app/assets/stylesheets/footer.scss */
.footer-description {
  color: rgba(255, 255, 255, 0.8);
  font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 0px;
}

/* line 118, app/assets/stylesheets/footer.scss */
.footer-logo-section {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 0px;
}

/* line 124, app/assets/stylesheets/footer.scss */
.footer-logo-section .powered-by {
  color: rgba(255, 255, 255, 0.8);
  font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.3px;
}

/* line 132, app/assets/stylesheets/footer.scss */
.footer-logo-section .footer-company-logo {
  height: 80px;
  width: auto;
  filter: brightness(1);
  transition: all 0.3s ease;
}

/* line 138, app/assets/stylesheets/footer.scss */
.footer-logo-section .footer-company-logo:hover {
  filter: brightness(1.2) drop-shadow(0 0 8px rgba(255, 255, 255, 0.3));
  transform: scale(1.05);
}

/* line 146, app/assets/stylesheets/footer.scss */
.easy-links-section {
  background: rgba(255, 255, 255, 0.05);
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 152, app/assets/stylesheets/footer.scss */
.easy-links-section .easy-links-title {
  color: rgba(255, 255, 255, 0.9);
  font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0;
}

/* line 159, app/assets/stylesheets/footer.scss */
.easy-links-section .easy-links-title i {
  color: rgba(255, 255, 255, 0.8);
}

/* line 165, app/assets/stylesheets/footer.scss */
.footer-bottom {
  color: rgba(255, 255, 255, 0.8);
  font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: 0.7rem;
  font-weight: 400;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 5px;
  margin-top: 5px;
}

/* line 174, app/assets/stylesheets/footer.scss */
.footer-bottom .heartbeat {
  color: #ff6b6b;
  animation: heartbeat 2s ease-in-out infinite;
}

@keyframes heartbeat {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}

/* Company Info Section Specific Styles */
/* line 191, app/assets/stylesheets/footer.scss */
.footer-section.company-info .footer-heading {
  font-size: 1.5rem;
  font-weight: 800;
  margin-bottom: 20px;
  letter-spacing: 0.8px;
  justify-content: flex-start;
  text-align: left;
}

/* line 199, app/assets/stylesheets/footer.scss */
.footer-section.company-info .footer-heading::after {
  left: 0;
  transform: none;
}

/* line 204, app/assets/stylesheets/footer.scss */
.footer-section.company-info .footer-heading i {
  font-size: 1.8rem;
  color: rgba(255, 255, 255, 0.9);
}

/* Override Bootstrap mb-4 for company info section */
/* line 212, app/assets/stylesheets/footer.scss */
.modern-footer .col-lg-3.col-md-12.mb-4:first-child {
  margin-bottom: 0 !important;
}

/* Special Elements Styling */
/* line 217, app/assets/stylesheets/footer.scss */
.star {
  color: #ffd700;
  font-size: 1.1rem;
  margin-left: 8px;
  animation: twinkle 2s ease-in-out infinite alternate;
}

/* line 224, app/assets/stylesheets/footer.scss */
.ready-text {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.85rem;
  font-style: italic;
  margin-left: 5px;
}

/* line 231, app/assets/stylesheets/footer.scss */
.permission-text {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.85rem;
  font-style: italic;
}

/* line 237, app/assets/stylesheets/footer.scss */
.feature-item {
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 8px;
}

/* line 243, app/assets/stylesheets/footer.scss */
.feature-item:last-child {
  margin-bottom: 0;
}

/* line 248, app/assets/stylesheets/footer.scss */
.layout-info {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}

/* line 254, app/assets/stylesheets/footer.scss */
.layout-info li {
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.9rem;
  margin-bottom: 0;
}

/* line 260, app/assets/stylesheets/footer.scss */
.layout-info strong {
  color: #ffffff;
}

/* line 265, app/assets/stylesheets/footer.scss */
.code-example {
  background: rgba(0, 0, 0, 0.3);
  padding: 15px;
  border-radius: 8px;
  margin: 10px 0;
  border-left: 4px solid rgba(255, 255, 255, 0.5);
}

/* line 272, app/assets/stylesheets/footer.scss */
.code-example code {
  color: #a8e6cf;
  font-family: 'Courier New', monospace;
  font-size: 0.85rem;
  line-height: 1.6;
}

/* line 280, app/assets/stylesheets/footer.scss */
.footer-tagline {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.9rem;
  font-style: italic;
  margin-top: 10px;
}

@keyframes twinkle {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1.1);
  }
}

/* line 298, app/assets/stylesheets/footer.scss */
.footer-left {
  flex: 0 0 auto;
  max-width: 400px;
}

/* line 303, app/assets/stylesheets/footer.scss */
.footer-right {
  flex: 1;
  justify-content: flex-end;
}

/* line 307, app/assets/stylesheets/footer.scss */
.footer-right .footer-section {
  min-width: 150px;
}

/* Responsive Design */
@media (max-width: 768px) {
  /* line 314, app/assets/stylesheets/footer.scss */
  .modern-footer {
    padding: 40px 0 15px;
  }
  /* line 317, app/assets/stylesheets/footer.scss */
  .modern-footer .d-flex {
    flex-direction: column !important;
    gap: 2rem;
  }
  /* line 323, app/assets/stylesheets/footer.scss */
  .footer-left {
    max-width: none;
    text-align: center;
  }
  /* line 328, app/assets/stylesheets/footer.scss */
  .footer-right {
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.5rem !important;
  }
  /* line 334, app/assets/stylesheets/footer.scss */
  .footer-heading {
    font-size: 1rem;
    justify-content: center;
    text-align: center;
  }
  /* line 340, app/assets/stylesheets/footer.scss */
  .footer-links {
    text-align: center;
  }
  /* line 344, app/assets/stylesheets/footer.scss */
  .footer-description {
    text-align: center;
  }
  /* line 348, app/assets/stylesheets/footer.scss */
  .footer-logo-section {
    justify-content: center;
  }
  /* line 352, app/assets/stylesheets/footer.scss */
  .layout-info {
    flex-direction: column;
    gap: 10px;
  }
  /* line 357, app/assets/stylesheets/footer.scss */
  .code-example {
    font-size: 0.8rem;
  }
}
@charset "UTF-8";
/* ============================================
   HOME PAGE STYLES (/)
   ============================================ */
/* Corporate color scheme: #1e3c72 (primary) and #129CF3 (secondary) */
/* Main Dashboard Container */
/* line 8, app/assets/stylesheets/home.scss */
.enterprise-dashboard {
  min-height: 100vh;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  background: linear-gradient(135deg, #f8fafb 0%, #e8f2ff 100%);
  position: relative;
  padding: 32px 0;
  font-family: 'Source Sans Pro', sans-serif;
  box-sizing: border-box;
}

/* line 19, app/assets/stylesheets/home.scss */
.enterprise-dashboard::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 50%, rgba(18, 156, 243, 0.08) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(30, 60, 114, 0.05) 0%, transparent 50%), radial-gradient(circle at 40% 80%, rgba(18, 156, 243, 0.06) 0%, transparent 50%);
  pointer-events: none;
}

/* line 33, app/assets/stylesheets/home.scss */
.enterprise-dashboard .dashboard-wrapper {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0 auto;
  padding: 0 16px;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
}

/* Corporate Hero Section */
/* line 46, app/assets/stylesheets/home.scss */
.dashboard-hero {
  text-align: center;
  margin-bottom: 48px;
  padding: 48px 16px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  background: linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0.95) 100%);
  border-radius: 24px;
  box-shadow: 0 8px 32px rgba(30, 60, 114, 0.12), 0 2px 8px rgba(18, 156, 243, 0.08);
  border: 1px solid rgba(18, 156, 243, 0.15);
  position: relative;
  overflow: hidden;
  /* Elegant border accent */
}

/* line 64, app/assets/stylesheets/home.scss */
.dashboard-hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, #1e3c72 0%, #129CF3 50%, #1e3c72 100%);
  box-shadow: 0 2px 8px rgba(18, 156, 243, 0.3);
}

/* line 75, app/assets/stylesheets/home.scss */
.dashboard-hero .logo-container {
  margin-bottom: 32px;
  position: relative;
  width: 100%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

/* line 83, app/assets/stylesheets/home.scss */
.dashboard-hero .logo-container img {
  max-width: 100%;
  width: auto;
  height: auto;
  filter: drop-shadow(0 8px 16px rgba(30, 60, 114, 0.15));
  transition: transform 0.3s ease;
}

/* line 90, app/assets/stylesheets/home.scss */
.dashboard-hero .logo-container img:hover {
  transform: scale(1.05);
}

/* line 96, app/assets/stylesheets/home.scss */
.dashboard-hero .welcome-message {
  color: #1e3c72;
  font-size: 35.2px;
  font-weight: 700;
  margin: 0;
  font-family: 'Raleway', sans-serif;
  letter-spacing: -0.02em;
  line-height: 1.2;
  overflow-wrap: anywhere;
  word-break: break-word;
  /* Remove emoji for cleaner corporate look */
}

/* line 108, app/assets/stylesheets/home.scss */
.dashboard-hero .welcome-message::before {
  display: none;
}

/* Corporate Dashboard Grid
   minmax(0, …) is required so Chrome/Edge shrink tracks instead of overflowing
   (Firefox/Safari are more lenient with the default min-width: auto). */
/* line 117, app/assets/stylesheets/home.scss */
.dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 400px);
  gap: 32px;
  align-items: start;
  width: 100%;
  min-width: 0;
}

/* Left and Right Columns */
/* line 127, app/assets/stylesheets/home.scss */
.left-column,
.right-column {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: stretch;
  min-width: 0;
  max-width: 100%;
}

/* Match Quick Actions and Employee Status heights */
/* line 138, app/assets/stylesheets/home.scss */
.quick-actions-section,
.employees-leave-section {
  flex: 0 0 auto;
}

/* line 143, app/assets/stylesheets/home.scss */
.quick-actions-section .enterprise-card,
.employees-leave-section .employees-card {
  min-height: -moz-fit-content;
  min-height: fit-content;
}

/* Corporate Cards */
/* line 149, app/assets/stylesheets/home.scss */
.enterprise-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-shadow: 0 4px 20px rgba(30, 60, 114, 0.08), 0 1px 4px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(30, 60, 114, 0.1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  /* Elegant top border */
  /* Child combinator keeps these styles off nested Bootstrap .card-header */
}

/* line 165, app/assets/stylesheets/home.scss */
.enterprise-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e3c72 0%, #129CF3 50%, #1e3c72 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* line 177, app/assets/stylesheets/home.scss */
.enterprise-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 40px rgba(30, 60, 114, 0.12), 0 4px 16px rgba(0, 0, 0, 0.08);
}

/* line 183, app/assets/stylesheets/home.scss */
.enterprise-card:hover::before {
  opacity: 1;
}

/* line 189, app/assets/stylesheets/home.scss */
.enterprise-card > .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  padding: 16px 20px;
  background: linear-gradient(135deg, #f8fafb 0%, #f1f5f9 100%);
  border-bottom: 1px solid rgba(30, 60, 114, 0.08);
  margin: 0;
  min-width: 0;
}

/* line 201, app/assets/stylesheets/home.scss */
.enterprise-card > .card-header .card-icon {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #1e3c72, #129CF3);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 17.6px;
  margin-right: 16px;
  box-shadow: 0 4px 12px rgba(30, 60, 114, 0.25);
  position: relative;
}

/* line 216, app/assets/stylesheets/home.scss */
.enterprise-card > .card-header .card-icon::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), transparent);
  border-radius: 10px;
  pointer-events: none;
}

/* line 229, app/assets/stylesheets/home.scss */
.enterprise-card > .card-header .card-title {
  flex: 1 1 0;
  min-width: 0;
}

/* line 233, app/assets/stylesheets/home.scss */
.enterprise-card > .card-header .card-title h5 {
  margin: 0 0 4px 0;
  color: #1e3c72;
  font-size: 19.2px;
  font-weight: 700;
  font-family: 'Raleway', sans-serif;
  letter-spacing: -0.01em;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* line 244, app/assets/stylesheets/home.scss */
.enterprise-card > .card-header .card-title p {
  margin: 0;
  color: #64748b;
  font-size: 14px;
  font-weight: 500;
}

/* line 252, app/assets/stylesheets/home.scss */
.enterprise-card > .card-header .card-actions {
  flex: 0 0 auto;
}

/* line 255, app/assets/stylesheets/home.scss */
.enterprise-card > .card-header .card-actions .btn {
  background: linear-gradient(135deg, #129CF3, #1e3c72);
  border: none;
  color: white;
  padding: 9.6px 19.2px;
  border-radius: 12px;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(18, 156, 243, 0.25);
}

/* line 266, app/assets/stylesheets/home.scss */
.enterprise-card > .card-header .card-actions .btn:hover {
  background: linear-gradient(135deg, #1e3c72, #129CF3);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(18, 156, 243, 0.35);
}

/* line 272, app/assets/stylesheets/home.scss */
.enterprise-card > .card-header .card-actions .btn i {
  margin-right: 8px;
}

/* line 279, app/assets/stylesheets/home.scss */
.enterprise-card > .card-content {
  padding: 20px;
  min-width: 0;
  max-width: 100%;
}

/* Announcements Section */
/* line 287, app/assets/stylesheets/home.scss */
.announcements-section {
  min-width: 0;
  max-width: 100%;
  /* Bootstrap carousel controls are position:absolute by default; keep them in-flow */
}

/* line 291, app/assets/stylesheets/home.scss */
.announcements-section .enterprise-card {
  min-height: 400px;
  max-height: 500px;
  display: flex;
  flex-direction: column;
}

/* line 297, app/assets/stylesheets/home.scss */
.announcements-section .enterprise-card > .card-header .card-icon {
  background: linear-gradient(135deg, #129CF3, #1e3c72);
  box-shadow: 0 4px 12px rgba(18, 156, 243, 0.3);
}

/* line 302, app/assets/stylesheets/home.scss */
.announcements-section .enterprise-card > .card-content {
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 0;
  min-width: 0;
}

/* line 311, app/assets/stylesheets/home.scss */
.announcements-section #announcementCarousel,
.announcements-section .carousel,
.announcements-section .carousel-inner,
.announcements-section .carousel-item,
.announcements-section .carousel-item > .card {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

/* line 321, app/assets/stylesheets/home.scss */
.announcements-section .carousel-item > .card {
  overflow: hidden;
}

/* line 324, app/assets/stylesheets/home.scss */
.announcements-section .carousel-item > .card .card-header {
  min-width: 0;
  gap: 8px;
}

/* line 328, app/assets/stylesheets/home.scss */
.announcements-section .carousel-item > .card .card-header h5 {
  min-width: 0;
  flex: 1 1 auto;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* line 336, app/assets/stylesheets/home.scss */
.announcements-section .carousel-item > .card .card-body {
  max-width: 100%;
}

/* line 340, app/assets/stylesheets/home.scss */
.announcements-section .carousel-item > .card .card-body p,
.announcements-section .carousel-item > .card .comments,
.announcements-section .carousel-item > .card .comments p {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* line 348, app/assets/stylesheets/home.scss */
.announcements-section .carousel-item > .card img,
.announcements-section .carousel-item > .card .announcement-photo {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

/* line 357, app/assets/stylesheets/home.scss */
.announcements-section .carousel-item > .card action-text-attachment,
.announcements-section .carousel-item > .card .trix-content,
.announcements-section .carousel-item > .card .trix-content .attachment,
.announcements-section .carousel-item > .card .trix-content .attachment--preview,
.announcements-section .carousel-item > .card .announcement-rich-text figure {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* line 367, app/assets/stylesheets/home.scss */
.announcements-section .carousel-item > .card .trix-content img,
.announcements-section .carousel-item > .card .announcement-rich-text img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

/* line 377, app/assets/stylesheets/home.scss */
.announcements-section .announcement-carousel-toolbar,
.announcements-section .carousel-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  position: relative;
}

/* line 388, app/assets/stylesheets/home.scss */
.announcements-section .carousel-control-prev,
.announcements-section .carousel-control-next,
.announcements-section .custom-carousel-control {
  position: static;
  width: auto;
  height: 32px;
  opacity: 1;
  background: none;
  transform: none;
  flex: 0 0 auto;
}

/* line 400, app/assets/stylesheets/home.scss */
.announcements-section .carousel-indicators {
  position: static;
  margin: 0;
  width: auto;
}

/* line 406, app/assets/stylesheets/home.scss */
.announcements-section .announcement-image-wrap {
  width: 100%;
  max-width: 100%;
  margin: 0.75rem auto 0;
}

/* line 411, app/assets/stylesheets/home.scss */
.announcements-section .announcement-image-wrap img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 8px;
}

/* line 421, app/assets/stylesheets/home.scss */
.announcements-section .comments .d-flex {
  min-width: 0;
  flex-wrap: wrap;
  gap: 8px;
}

/* line 426, app/assets/stylesheets/home.scss */
.announcements-section .comments .d-flex p {
  min-width: 0;
  flex: 1 1 auto;
}

/* Quick Actions Section */
/* line 434, app/assets/stylesheets/home.scss */
.quick-actions-section {
  min-width: 0;
  max-width: 100%;
}

/* line 438, app/assets/stylesheets/home.scss */
.quick-actions-section .enterprise-card {
  min-height: 250px;
  display: flex;
  flex-direction: column;
}

/* line 444, app/assets/stylesheets/home.scss */
.quick-actions-section .actions-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  flex: 1;
  min-width: 0;
}

/* Calendar Section */
/* line 454, app/assets/stylesheets/home.scss */
.calendar-section {
  min-width: 0;
  max-width: 100%;
}

/* line 458, app/assets/stylesheets/home.scss */
.calendar-section .calendar-card {
  min-height: 400px;
  max-height: 500px;
  display: flex;
  flex-direction: column;
}

/* line 464, app/assets/stylesheets/home.scss */
.calendar-section .calendar-card > .card-header .card-icon {
  background: linear-gradient(135deg, #1e3c72, #129CF3);
  box-shadow: 0 4px 12px rgba(30, 60, 114, 0.3);
}

/* line 469, app/assets/stylesheets/home.scss */
.calendar-section .calendar-card > .card-content {
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 0;
  min-width: 0;
}

/* line 478, app/assets/stylesheets/home.scss */
.calendar-section #calendar,
.calendar-section .fc,
.calendar-section .fc-view-harness,
.calendar-section .fc-scrollgrid {
  width: 100% !important;
  max-width: 100%;
  min-width: 0;
}

/* Employees Leave Section */
/* line 489, app/assets/stylesheets/home.scss */
.employees-leave-section {
  min-width: 0;
  max-width: 100%;
}

/* line 493, app/assets/stylesheets/home.scss */
.employees-leave-section .employees-card {
  min-height: 250px;
  display: flex;
  flex-direction: column;
}

/* line 498, app/assets/stylesheets/home.scss */
.employees-leave-section .employees-card > .card-header .card-icon {
  background: linear-gradient(135deg, #129CF3, #1e3c72);
  box-shadow: 0 4px 12px rgba(18, 156, 243, 0.3);
}

/* line 503, app/assets/stylesheets/home.scss */
.employees-leave-section .employees-card > .card-content {
  flex: 1;
  min-width: 0;
}

/* Actions Card */
/* line 512, app/assets/stylesheets/home.scss */
.actions-card .card-header .card-icon {
  background: linear-gradient(135deg, #1e3c72, #129CF3);
  box-shadow: 0 4px 12px rgba(30, 60, 114, 0.3);
}

/* Corporate Action Buttons */
/* line 519, app/assets/stylesheets/home.scss */
.actions-flex {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 524, app/assets/stylesheets/home.scss */
.actions-flex .action-button {
  background: #ffffff;
  border: 1px solid rgba(30, 60, 114, 0.15);
  color: #1e3c72;
  padding: 12px 16px;
  border-radius: 16px;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(30, 60, 114, 0.04);
}

/* line 540, app/assets/stylesheets/home.scss */
.actions-flex .action-button::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(18, 156, 243, 0.05), transparent);
  transition: left 0.4s ease;
}

/* line 551, app/assets/stylesheets/home.scss */
.actions-flex .action-button:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(30, 60, 114, 0.15);
  border-color: #129CF3;
  color: #1e3c72;
  text-decoration: none;
}

/* line 558, app/assets/stylesheets/home.scss */
.actions-flex .action-button:hover::before {
  left: 100%;
}

/* line 562, app/assets/stylesheets/home.scss */
.actions-flex .action-button:hover .action-icon {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(18, 156, 243, 0.35);
}

/* line 568, app/assets/stylesheets/home.scss */
.actions-flex .action-button .action-content {
  display: flex;
  align-items: center;
  flex: 1;
}

/* line 573, app/assets/stylesheets/home.scss */
.actions-flex .action-button .action-content .action-icon {
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, #1e3c72, #129CF3);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 14.4px;
  margin-right: 12px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(30, 60, 114, 0.25);
}

/* line 588, app/assets/stylesheets/home.scss */
.actions-flex .action-button .action-content .action-text {
  font-size: 14.4px;
  font-weight: 600;
  font-family: 'Raleway', sans-serif;
}

/* line 595, app/assets/stylesheets/home.scss */
.actions-flex .action-button .badge {
  background: linear-gradient(135deg, #dc3545, #c82333);
  color: white;
  font-size: 12px;
  padding: 5.6px 11.2px;
  border-radius: 20px;
  font-weight: 700;
  box-shadow: 0 2px 8px rgba(220, 53, 69, 0.25);
}

/* line 604, app/assets/stylesheets/home.scss */
.actions-flex .action-button .badge.bg-success {
  background: linear-gradient(135deg, #129CF3, #1e3c72);
  box-shadow: 0 2px 8px rgba(18, 156, 243, 0.25);
}

/* Employees on Leave Section */
/* line 613, app/assets/stylesheets/home.scss */
.employees-on-leave {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 2px solid rgba(18, 156, 243, 0.15);
}

/* line 618, app/assets/stylesheets/home.scss */
.employees-on-leave .section-title {
  color: #1e3c72;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  font-family: 'Raleway', sans-serif;
}

/* line 627, app/assets/stylesheets/home.scss */
.employees-on-leave .section-title::before {
  content: "🏖️";
  margin-right: 0.5rem;
  font-size: 17.6px;
}

/* line 634, app/assets/stylesheets/home.scss */
.employees-on-leave .employee-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 639, app/assets/stylesheets/home.scss */
.employees-on-leave .employee-list li {
  background: linear-gradient(135deg, rgba(18, 156, 243, 0.08), rgba(30, 60, 114, 0.05));
  color: #1e3c72;
  padding: 12px 16px;
  border-radius: 8px;
  margin-bottom: 8px;
  font-weight: 500;
  display: flex;
  align-items: center;
  border-left: 3px solid #129CF3;
  transition: all 0.2s ease;
}

/* line 651, app/assets/stylesheets/home.scss */
.employees-on-leave .employee-list li:hover {
  background: linear-gradient(135deg, rgba(18, 156, 243, 0.12), rgba(30, 60, 114, 0.08));
  transform: translateX(4px);
}

/* line 656, app/assets/stylesheets/home.scss */
.employees-on-leave .employee-list li::before {
  content: "👤";
  margin-right: 8px;
  opacity: 0.7;
}

/* line 664, app/assets/stylesheets/home.scss */
.employees-on-leave .no-leaves-message {
  text-align: center;
  color: #64748b;
  font-style: italic;
  padding: 24px;
  background: linear-gradient(135deg, rgba(18, 156, 243, 0.05), rgba(30, 60, 114, 0.03));
  border-radius: 10px;
  border: 1px dashed rgba(18, 156, 243, 0.3);
}

/* line 673, app/assets/stylesheets/home.scss */
.employees-on-leave .no-leaves-message::before {
  content: "✅";
  display: block;
  font-size: 32px;
  margin-bottom: 8px;
}

/* Stats Cards */
/* line 683, app/assets/stylesheets/home.scss */
.stats-overview {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

/* line 689, app/assets/stylesheets/home.scss */
.stats-overview .stat-card {
  background: linear-gradient(135deg, #ffffff, #f8f9fa);
  border-radius: 12px;
  padding: 16px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.8);
  transition: transform 0.3s ease;
}

/* line 698, app/assets/stylesheets/home.scss */
.stats-overview .stat-card:hover {
  transform: translateY(-3px);
}

/* line 702, app/assets/stylesheets/home.scss */
.stats-overview .stat-card .stat-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 12px auto;
  font-size: 17.6px;
}

/* line 712, app/assets/stylesheets/home.scss */
.stats-overview .stat-card .stat-icon.pending {
  background: linear-gradient(135deg, #f39c12, #e67e22);
  color: white;
}

/* line 717, app/assets/stylesheets/home.scss */
.stats-overview .stat-card .stat-icon.approved {
  background: linear-gradient(135deg, #129CF3, #1e3c72);
  color: white;
}

/* line 722, app/assets/stylesheets/home.scss */
.stats-overview .stat-card .stat-icon.total {
  background: linear-gradient(135deg, #1e3c72, #129CF3);
  color: white;
}

/* line 728, app/assets/stylesheets/home.scss */
.stats-overview .stat-card .stat-number {
  font-size: 24px;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 4px;
}

/* line 735, app/assets/stylesheets/home.scss */
.stats-overview .stat-card .stat-label {
  color: #6c757d;
  font-size: 11.2px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Corporate Responsive Design */
@media (max-width: 1199.98px) {
  /* line 747, app/assets/stylesheets/home.scss */
  .dashboard-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
  /* line 752, app/assets/stylesheets/home.scss */
  .right-column {
    order: 1;
  }
  /* line 756, app/assets/stylesheets/home.scss */
  .left-column {
    order: 2;
  }
}

@media (max-width: 991.98px) {
  /* line 763, app/assets/stylesheets/home.scss */
  .enterprise-dashboard .dashboard-wrapper {
    padding: 0 16px;
  }
  /* line 768, app/assets/stylesheets/home.scss */
  .dashboard-hero {
    margin-bottom: 32px;
    padding: 32px 16px;
  }
  /* line 772, app/assets/stylesheets/home.scss */
  .dashboard-hero .welcome-message {
    font-size: 28.8px;
  }
  /* line 776, app/assets/stylesheets/home.scss */
  .dashboard-hero .logo-container {
    max-width: 240px;
  }
  /* line 782, app/assets/stylesheets/home.scss */
  .enterprise-card .card-header {
    padding: 20px 24px;
  }
  /* line 785, app/assets/stylesheets/home.scss */
  .enterprise-card .card-header .card-icon {
    width: 42px;
    height: 42px;
    font-size: 16px;
  }
  /* line 791, app/assets/stylesheets/home.scss */
  .enterprise-card .card-header .card-title h5 {
    font-size: 17.6px;
  }
  /* line 796, app/assets/stylesheets/home.scss */
  .enterprise-card .card-content {
    padding: 24px;
  }
  /* line 801, app/assets/stylesheets/home.scss */
  .dashboard-grid {
    gap: 20px;
  }
}

@media (max-width: 767.98px) {
  /* line 808, app/assets/stylesheets/home.scss */
  .enterprise-dashboard .dashboard-wrapper {
    padding: 0 12px;
  }
  /* line 813, app/assets/stylesheets/home.scss */
  .dashboard-hero {
    margin-bottom: 32px;
    padding: 24px 12px;
  }
  /* line 817, app/assets/stylesheets/home.scss */
  .dashboard-hero .logo-container {
    max-width: 220px;
  }
  /* line 821, app/assets/stylesheets/home.scss */
  .dashboard-hero .welcome-message {
    font-size: 24px;
  }
  /* line 826, app/assets/stylesheets/home.scss */
  .dashboard-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-height: none;
    width: 100%;
    min-width: 0;
    padding-bottom: 32px;
  }
  /* Mobile order: Announcements → Calendar → Quick Actions → Employees on Leave */
  /* line 837, app/assets/stylesheets/home.scss */
  .left-column {
    width: 100%;
    order: 1;
  }
  /* line 842, app/assets/stylesheets/home.scss */
  .right-column {
    width: 100%;
    order: 2;
  }
  /* line 847, app/assets/stylesheets/home.scss */
  .announcements-section {
    order: 1;
  }
  /* line 851, app/assets/stylesheets/home.scss */
  .calendar-section {
    order: 2;
  }
  /* line 855, app/assets/stylesheets/home.scss */
  .quick-actions-section {
    order: 3;
  }
  /* line 859, app/assets/stylesheets/home.scss */
  .employees-leave-section {
    order: 4;
  }
  /* line 863, app/assets/stylesheets/home.scss */
  .actions-flex {
    flex-direction: column;
  }
  /* line 868, app/assets/stylesheets/home.scss */
  .enterprise-card .card-header {
    padding: 16px 20px;
  }
  /* line 871, app/assets/stylesheets/home.scss */
  .enterprise-card .card-header .card-icon {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
  /* line 877, app/assets/stylesheets/home.scss */
  .enterprise-card .card-header .card-title h5 {
    font-size: 16px;
  }
  /* line 882, app/assets/stylesheets/home.scss */
  .enterprise-card .card-content {
    padding: 20px;
  }
  /* line 887, app/assets/stylesheets/home.scss */
  .actions-flex .action-button {
    padding: 10px 14px;
  }
  /* line 890, app/assets/stylesheets/home.scss */
  .actions-flex .action-button .action-content .action-icon {
    width: 32px;
    height: 32px;
    font-size: 12.8px;
  }
  /* line 896, app/assets/stylesheets/home.scss */
  .actions-flex .action-button .action-content .action-text {
    font-size: 13.6px;
  }
  /* line 901, app/assets/stylesheets/home.scss */
  .announcements-section .enterprise-card {
    min-height: 350px;
    max-height: 450px;
  }
  /* line 906, app/assets/stylesheets/home.scss */
  .calendar-section .calendar-card {
    min-height: 350px;
    max-height: 450px;
  }
  /* line 911, app/assets/stylesheets/home.scss */
  .quick-actions-section .enterprise-card {
    min-height: 150px;
  }
  /* line 915, app/assets/stylesheets/home.scss */
  .employees-leave-section .employees-card {
    min-height: 150px;
    margin-bottom: 32px;
  }
  /* Ensure last element has extra bottom margin on mobile */
  /* line 921, app/assets/stylesheets/home.scss */
  .right-column .employees-leave-section:last-child,
.employees-leave-section:last-of-type {
    margin-bottom: 48px;
  }
  /* line 926, app/assets/stylesheets/home.scss */
  .stats-overview {
    grid-template-columns: 1fr;
  }
  /* line 931, app/assets/stylesheets/home.scss */
  .actions-flex .action-button {
    padding: 12px;
  }
  /* line 935, app/assets/stylesheets/home.scss */
  .actions-flex .action-button .action-content .action-icon {
    width: 30px;
    height: 30px;
    font-size: 12.8px;
  }
  /* line 941, app/assets/stylesheets/home.scss */
  .actions-flex .action-button .action-content .action-text {
    font-size: 13.6px;
  }
}

/* Animation Enhancements */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 961, app/assets/stylesheets/home.scss */
.enterprise-card {
  animation: fadeInUp 0.6s ease forwards;
}

/* line 964, app/assets/stylesheets/home.scss */
.enterprise-card:nth-child(1) {
  animation-delay: 0.1s;
}

/* line 965, app/assets/stylesheets/home.scss */
.enterprise-card:nth-child(2) {
  animation-delay: 0.2s;
}

/* line 966, app/assets/stylesheets/home.scss */
.enterprise-card:nth-child(3) {
  animation-delay: 0.3s;
}

/* Loading States */
/* line 970, app/assets/stylesheets/home.scss */
.loading-placeholder {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
  border-radius: 8px;
  height: 20px;
}

/* line 977, app/assets/stylesheets/home.scss */
.loading-placeholder.title {
  height: 30px;
  width: 60%;
  margin-bottom: 16px;
}

/* line 983, app/assets/stylesheets/home.scss */
.loading-placeholder.text {
  height: 16px;
  width: 80%;
  margin-bottom: 8px;
}

@keyframes loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@charset "UTF-8";
/* Accrual Preview — same enterprise layout as Leave Credits, with readable table text */
/* line 3, app/assets/stylesheets/leave_credits.scss */
.accrual-preview-card .card-header h6 {
  color: #2c3e50;
}

/* line 7, app/assets/stylesheets/leave_credits.scss */
.accrual-preview-card .accrual-preview-table {
  color: #2c3e50;
}

/* line 10, app/assets/stylesheets/leave_credits.scss */
.accrual-preview-card .accrual-preview-table thead th {
  background-color: #f8f9fa;
  color: #2c3e50;
  font-weight: 600;
  font-size: 0.85rem;
  white-space: nowrap;
  border-bottom: 2px solid #dee2e6;
  padding: 0.75rem 0.85rem;
}

/* line 20, app/assets/stylesheets/leave_credits.scss */
.accrual-preview-card .accrual-preview-table tbody td {
  color: #2c3e50;
  vertical-align: middle;
  padding: 0.7rem 0.85rem;
  font-size: 0.9rem;
}

/* line 27, app/assets/stylesheets/leave_credits.scss */
.accrual-preview-card .accrual-preview-table .badge {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.35em 0.65em;
}

/* ===================================
   LEAVE CREDITS MODULE - ENTERPRISE DESIGN
   Following Company Leaves Pattern
   =================================== */
/* Header Section - Same pattern as company leaves */
/* line 51, app/assets/stylesheets/leave_credits.scss */
.leave-credits-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--primary-blue) 100%);
  color: var(--white);
  padding: 2rem 0;
  margin-bottom: 2rem;
  border-radius: 0 0 1rem 1rem;
  position: relative;
  overflow: hidden;
}

/* line 60, app/assets/stylesheets/leave_credits.scss */
.leave-credits-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" fill="rgba(255,255,255,0.1)"><polygon points="1000,100 1000,0 0,100"/></svg>');
  background-size: cover;
}

/* line 71, app/assets/stylesheets/leave_credits.scss */
.leave-credits-header .header-content {
  position: relative;
  z-index: 2;
}

/* line 76, app/assets/stylesheets/leave_credits.scss */
.leave-credits-header h1 {
  font-size: 2.5rem;
  font-weight: 700;
  margin: 0;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* line 83, app/assets/stylesheets/leave_credits.scss */
.leave-credits-header .header-subtitle {
  font-size: 1.1rem;
  opacity: 0.9;
  margin: 0.5rem 0 0 0;
}

/* Search & Controls Section - Same pattern as company leaves */
/* line 92, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .card {
  border-radius: 12px;
  overflow: hidden;
}

/* line 96, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .card .search-header {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
  border: none;
  padding: 1.25rem 1.5rem;
}

/* line 101, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .card .search-header h5 {
  margin: 0;
  font-size: 1.1rem;
  letter-spacing: 0.5px;
}

/* line 107, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .card .search-header small {
  opacity: 0.85;
}

/* line 111, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .card .search-header .btn-light {
  border: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

/* line 116, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .card .search-header .btn-light:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* line 123, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .card .card-body {
  background: rgba(255, 255, 255, 0.98);
}

/* line 130, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .search-form .search-input-container .input-group {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* line 135, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .search-form .search-input-container .input-group .search-icon {
  background: rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-right: none;
  color: var(--black);
}

/* line 142, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .search-form .search-input-container .input-group .search-input {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-left: none;
  border-right: none;
  padding: 0.75rem 1rem;
  font-size: 1rem;
}

/* line 149, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .search-form .search-input-container .input-group .search-input:focus {
  border-color: var(--primary-blue);
  box-shadow: none;
}

/* line 153, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .search-form .search-input-container .input-group .search-input:focus ~ .filter-icon {
  border-color: var(--primary-blue);
  background: rgba(18, 156, 243, 0.1);
  color: var(--primary-blue);
}

/* line 160, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .search-form .search-input-container .input-group .search-input:focus + .search-icon {
  border-color: var(--primary-blue);
  background: rgba(18, 156, 243, 0.1);
  color: var(--primary-blue);
}

/* line 167, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .search-form .search-input-container .input-group .filter-icon {
  background: rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-left: none;
  color: var(--black);
  cursor: pointer;
  transition: all 0.3s ease;
}

/* line 175, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .search-form .search-input-container .input-group .filter-icon:hover {
  background: rgba(0, 0, 0, 0.1);
  color: var(--primary-blue);
}

/* line 183, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .search-form .search-btn {
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  transition: all 0.3s ease;
}

/* line 188, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .search-form .search-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(13, 110, 253, 0.3);
}

/* line 194, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .search-form .reset-btn {
  padding: 0.75rem 1rem;
  transition: all 0.3s ease;
}

/* line 198, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .search-form .reset-btn:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(0, 0, 0, 0.3);
}

/* Employee Groups Container - Employee-centered design */
/* line 209, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .section-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--primary-blue) 100%);
  color: var(--white);
  padding: 1.5rem;
  border-radius: 12px;
  margin-bottom: 2rem;
}

/* line 216, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .section-header h4 {
  margin: 0;
  font-weight: 600;
  font-size: 1.3rem;
}

/* line 221, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .section-header h4 i {
  margin-right: 0.5rem;
  opacity: 0.9;
}

/* line 227, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .section-header p {
  margin-top: 0.5rem;
  margin-bottom: 0;
  opacity: 0.9;
  font-size: 1rem;
}

/* line 235, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card {
  background: var(--white);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border: none;
  transition: all 0.3s ease;
}

/* line 243, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* line 248, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .employee-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--primary-blue) 100%);
  color: var(--white);
  border: none;
  padding: 1.25rem 1.5rem;
}

/* line 255, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .employee-header .employee-info h5 {
  margin: 0;
  font-weight: 600;
  font-size: 1.2rem;
}

/* line 260, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .employee-header .employee-info h5 i {
  opacity: 0.9;
  font-size: 1.1rem;
}

/* line 266, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .employee-header .employee-info small {
  opacity: 0.9;
  font-size: 0.9rem;
}

/* line 273, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .employee-header .employee-summary .badge {
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.5rem 1rem;
}

/* line 278, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .employee-header .employee-summary .badge i {
  opacity: 0.8;
}

/* line 285, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .card-body {
  padding: 0;
}

/* line 289, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .table {
  margin: 0;
}

/* line 293, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .table thead th {
  background-color: rgba(255, 255, 255, 0.98);
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  font-weight: 600;
  padding: 0.875rem 1rem;
  vertical-align: middle;
  color: var(--black);
  font-size: 0.9rem;
}

/* line 302, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .table thead th i {
  margin-right: 0.5rem;
  color: var(--primary-blue);
  opacity: 0.8;
}

/* line 311, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .table tbody .employee-credit-row {
  transition: all 0.2s ease;
  border-bottom: 1px solid rgba(255, 255, 255, 0.95);
}

/* line 315, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .table tbody .employee-credit-row:hover {
  background-color: rgba(255, 255, 255, 0.98);
}

/* line 319, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .table tbody .employee-credit-row:last-child {
  border-bottom: none;
}

/* line 323, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .table tbody .employee-credit-row td {
  padding: 1rem;
  vertical-align: middle;
  border-left: none;
  border-right: none;
}

/* line 333, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .leave-type-info {
  font-weight: 500;
}

/* line 336, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .leave-type-info i {
  opacity: 0.8;
}

/* line 340, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .leave-type-info strong {
  color: var(--black);
}

/* line 345, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .credit-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 500;
}

/* line 353, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .credit-badge i {
  opacity: 0.8;
}

/* line 357, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .credit-badge.earned {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
}

/* line 362, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .credit-badge.accumulated {
  background: linear-gradient(135deg, #17a2b8, #138496);
  color: var(--white);
}

/* line 367, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .credit-badge.total {
  background: linear-gradient(135deg, #6f42c1, #5a2d91);
  color: var(--white);
  font-weight: 600;
}

/* line 374, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .action-buttons {
  display: flex;
  gap: 0.375rem;
}

/* line 378, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .action-buttons .btn {
  border-radius: 6px;
  font-size: 0.8rem;
  padding: 0.375rem 0.5rem;
  border-width: 1px;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* line 386, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .action-buttons .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* line 392, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .action-buttons .btn.btn-outline-secondary:hover {
  background-color: var(--black);
  border-color: var(--black);
  color: var(--white);
}

/* line 400, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .action-buttons .btn.btn-outline-primary:hover {
  background-color: var(--primary-blue);
  border-color: var(--primary-blue);
  color: var(--white);
}

/* line 408, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .action-buttons .btn.btn-outline-danger:hover {
  background-color: var(--primary-blue);
  border-color: var(--primary-blue);
  color: var(--white);
}

/* Form Styling - Same pattern as company leaves */
/* line 421, app/assets/stylesheets/leave_credits.scss */
.leave-credit-form-container .card {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  border: none;
}

/* line 427, app/assets/stylesheets/leave_credits.scss */
.leave-credit-form-container .card .card-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--primary-blue) 100%);
  color: var(--white);
  padding: 1.5rem;
}

/* line 432, app/assets/stylesheets/leave_credits.scss */
.leave-credit-form-container .card .card-header h4 {
  margin: 0;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 441, app/assets/stylesheets/leave_credits.scss */
.leave-credit-form-container .card .card-body {
  padding: 2rem;
  background: #fafbfc;
}

/* line 448, app/assets/stylesheets/leave_credits.scss */
.leave-credit-form-container .form-inputs .form-group {
  margin-bottom: 1.5rem;
}

/* line 451, app/assets/stylesheets/leave_credits.scss */
.leave-credit-form-container .form-inputs .form-group label {
  font-weight: 600;
  color: var(--black);
  margin-bottom: 0.5rem;
}

/* line 457, app/assets/stylesheets/leave_credits.scss */
.leave-credit-form-container .form-inputs .form-group .form-control, .leave-credit-form-container .form-inputs .form-group .tom-select {
  border-radius: 8px;
  border: 2px solid rgba(0, 0, 0, 0.08);
  padding: 0.75rem 1rem;
  transition: all 0.3s ease;
}

/* line 463, app/assets/stylesheets/leave_credits.scss */
.leave-credit-form-container .form-inputs .form-group .form-control:focus, .leave-credit-form-container .form-inputs .form-group .tom-select:focus {
  border-color: var(--primary-blue);
  box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.1);
}

/* line 471, app/assets/stylesheets/leave_credits.scss */
.leave-credit-form-container .form-actions {
  padding-top: 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

/* line 475, app/assets/stylesheets/leave_credits.scss */
.leave-credit-form-container .form-actions .btn {
  padding: 0.75rem 2rem;
  font-weight: 600;
  border-radius: 8px;
  transition: all 0.3s ease;
}

/* line 481, app/assets/stylesheets/leave_credits.scss */
.leave-credit-form-container .form-actions .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* line 486, app/assets/stylesheets/leave_credits.scss */
.leave-credit-form-container .form-actions .btn.btn-success {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue) 100%);
  border: none;
}

/* line 491, app/assets/stylesheets/leave_credits.scss */
.leave-credit-form-container .form-actions .btn.btn-secondary {
  background: linear-gradient(135deg, var(--black), var(--black));
  border: none;
}

/* Show Page Styling - Same pattern as company leaves */
/* line 501, app/assets/stylesheets/leave_credits.scss */
.leave-credit-show-container .credit-details-card {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  border: none;
}

/* line 507, app/assets/stylesheets/leave_credits.scss */
.leave-credit-show-container .credit-details-card .card-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--primary-blue) 100%);
  color: var(--white);
  padding: 1.5rem;
}

/* line 512, app/assets/stylesheets/leave_credits.scss */
.leave-credit-show-container .credit-details-card .card-header .credit-title {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 522, app/assets/stylesheets/leave_credits.scss */
.leave-credit-show-container .credit-details-card .card-body {
  padding: 2rem;
  background: #fafbfc;
}

/* line 527, app/assets/stylesheets/leave_credits.scss */
.leave-credit-show-container .credit-details-card .card-body .credit-info .info-row {
  display: flex;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

/* line 533, app/assets/stylesheets/leave_credits.scss */
.leave-credit-show-container .credit-details-card .card-body .credit-info .info-row:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* line 539, app/assets/stylesheets/leave_credits.scss */
.leave-credit-show-container .credit-details-card .card-body .credit-info .info-row .info-label {
  font-weight: 600;
  color: var(--black);
  min-width: 150px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 548, app/assets/stylesheets/leave_credits.scss */
.leave-credit-show-container .credit-details-card .card-body .credit-info .info-row .info-value {
  flex: 1;
  color: var(--black);
  line-height: 1.6;
}

/* line 558, app/assets/stylesheets/leave_credits.scss */
.leave-credit-show-container .action-buttons {
  margin-top: 1.5rem;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

/* line 564, app/assets/stylesheets/leave_credits.scss */
.leave-credit-show-container .action-buttons .btn {
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  border-radius: 8px;
  transition: all 0.3s ease;
}

/* line 570, app/assets/stylesheets/leave_credits.scss */
.leave-credit-show-container .action-buttons .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* line 575, app/assets/stylesheets/leave_credits.scss */
.leave-credit-show-container .action-buttons .btn.btn-primary {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
  border: none;
}

/* line 580, app/assets/stylesheets/leave_credits.scss */
.leave-credit-show-container .action-buttons .btn.btn-secondary {
  background: linear-gradient(135deg, var(--black), var(--black));
  border: none;
}

/* line 585, app/assets/stylesheets/leave_credits.scss */
.leave-credit-show-container .action-buttons .btn.btn-danger {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
  border: none;
}

/* Empty State - Same pattern as company leaves */
/* line 594, app/assets/stylesheets/leave_credits.scss */
.empty-state {
  text-align: center;
  padding: 3rem 2rem;
  color: var(--black);
}

/* line 599, app/assets/stylesheets/leave_credits.scss */
.empty-state i {
  font-size: 4rem;
  margin-bottom: 1rem;
  opacity: 0.5;
}

/* line 605, app/assets/stylesheets/leave_credits.scss */
.empty-state h4 {
  margin-bottom: 1rem;
}

/* line 609, app/assets/stylesheets/leave_credits.scss */
.empty-state p {
  margin-bottom: 2rem;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

/* line 616, app/assets/stylesheets/leave_credits.scss */
.empty-state .btn {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue) 100%);
  border: none;
  padding: 0.75rem 2rem;
  font-weight: 600;
}

/* Responsive Design */
@media (max-width: 768px) {
  /* line 626, app/assets/stylesheets/leave_credits.scss */
  .leave-credits-header h1 {
    font-size: 2rem;
  }
  /* line 633, app/assets/stylesheets/leave_credits.scss */
  .leave-credits-employee-groups .employee-group-card .employee-header .row {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }
  /* line 640, app/assets/stylesheets/leave_credits.scss */
  .leave-credits-employee-groups .employee-group-card .employee-header .employee-summary .badge {
    font-size: 0.8rem;
    padding: 0.4rem 0.8rem;
  }
  /* line 647, app/assets/stylesheets/leave_credits.scss */
  .leave-credits-employee-groups .employee-group-card .table {
    font-size: 0.85rem;
  }
  /* line 650, app/assets/stylesheets/leave_credits.scss */
  .leave-credits-employee-groups .employee-group-card .table thead th {
    padding: 0.5rem 0.75rem;
    font-size: 0.8rem;
  }
  /* line 655, app/assets/stylesheets/leave_credits.scss */
  .leave-credits-employee-groups .employee-group-card .table tbody td {
    padding: 0.75rem 0.5rem;
  }
  /* line 659, app/assets/stylesheets/leave_credits.scss */
  .leave-credits-employee-groups .employee-group-card .table .action-buttons {
    flex-direction: column;
    gap: 0.25rem;
  }
  /* line 663, app/assets/stylesheets/leave_credits.scss */
  .leave-credits-employee-groups .employee-group-card .table .action-buttons .btn {
    width: 100%;
    font-size: 0.75rem;
    padding: 0.4rem;
  }
  /* line 670, app/assets/stylesheets/leave_credits.scss */
  .leave-credits-employee-groups .employee-group-card .table .credit-badge {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
  }
  /* line 680, app/assets/stylesheets/leave_credits.scss */
  .leave-credit-show-container .credit-info .info-row {
    flex-direction: column;
    gap: 0.5rem;
  }
  /* line 684, app/assets/stylesheets/leave_credits.scss */
  .leave-credit-show-container .credit-info .info-row .info-label {
    min-width: auto;
  }
  /* line 691, app/assets/stylesheets/leave_credits.scss */
  .action-buttons {
    flex-direction: column;
  }
  /* line 694, app/assets/stylesheets/leave_credits.scss */
  .action-buttons .btn {
    width: 100%;
  }
}
/* line 1, app/assets/stylesheets/leaves_calendar.css.scss */
#Leaves_calendar .calendar {
  border-collapse: collapse;
  width: 100%;
}

/* line 5, app/assets/stylesheets/leaves_calendar.css.scss */
#Leaves_calendar .calendar td, #Leaves_calendar .calendar th {
  font-family: "Lucida Grande", arial, helvetica, sans-serif;
  font-size: 10px;
  padding: 6px;
  border: 1px solid #999;
}

/* line 12, app/assets/stylesheets/leaves_calendar.css.scss */
#Leaves_calendar .calendar th {
  background: #DDD;
  color: #666;
  text-align: center;
  width: 14.2857142857143%;
}

/* line 19, app/assets/stylesheets/leaves_calendar.css.scss */
#Leaves_calendar .calendar td {
  background: #FFF;
  color: #777;
  height: 80px;
  vertical-align: top;
  font-size: 16px;
}

/* line 27, app/assets/stylesheets/leaves_calendar.css.scss */
#Leaves_calendar .calendar .notmonth, #Leaves_calendar .calendar .notmonth a {
  color: #CCC;
}

/* line 28, app/assets/stylesheets/leaves_calendar.css.scss */
#Leaves_calendar .calendar .today {
  background-color: #D7F2FF;
}

/* line 31, app/assets/stylesheets/leaves_calendar.css.scss */
#Leaves_calendar #month {
  margin: 0;
  padding-bottom: 10px;
  text-align: center;
  font-size: 22px;
}

/* line 36, app/assets/stylesheets/leaves_calendar.css.scss */
#Leaves_calendar #month a {
  text-decoration: none;
  padding: 0 10px;
  color: #999;
}

/* line 43, app/assets/stylesheets/leaves_calendar.css.scss */
#Leaves_calendar ul {
  font-size: 11px;
  padding-left: 20px;
}

/* line 47, app/assets/stylesheets/leaves_calendar.css.scss */
.legend {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 10px;
}

/* line 54, app/assets/stylesheets/leaves_calendar.css.scss */
.legend-item {
  display: flex;
  align-items: center;
  font-size: 14px;
}

/* line 60, app/assets/stylesheets/leaves_calendar.css.scss */
.legend-color {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  border-radius: 3px;
}
/* ============================================
   MODERN CARD-BASED LOGIN DESIGN - HRIS SYSTEM
   ============================================ */
/* line 5, app/assets/stylesheets/login_page.scss */
.modern-login-wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Animated Background */
/* line 19, app/assets/stylesheets/login_page.scss */
.animated-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}

/* line 28, app/assets/stylesheets/login_page.scss */
.animated-bg .bg-circle {
  position: absolute;
  border-radius: 50%;
  background: linear-gradient(135deg, #129CF3, #1e3c72);
  opacity: 0.1;
  animation: floatCircle 20s ease-in-out infinite;
}

/* line 35, app/assets/stylesheets/login_page.scss */
.animated-bg .bg-circle.circle-1 {
  width: 300px;
  height: 300px;
  top: -150px;
  left: -150px;
  animation-delay: 0s;
}

/* line 43, app/assets/stylesheets/login_page.scss */
.animated-bg .bg-circle.circle-2 {
  width: 200px;
  height: 200px;
  top: 60%;
  right: -100px;
  animation-delay: -7s;
}

/* line 51, app/assets/stylesheets/login_page.scss */
.animated-bg .bg-circle.circle-3 {
  width: 150px;
  height: 150px;
  bottom: -75px;
  left: 20%;
  animation-delay: -14s;
}

/* line 60, app/assets/stylesheets/login_page.scss */
.animated-bg .bg-wave {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(90deg, transparent, rgba(18, 156, 243, 0.05), transparent);
  transform: skewY(-1deg);
  animation: wave 15s ease-in-out infinite;
}

@keyframes floatCircle {
  0%, 100% {
    transform: translateY(0px) scale(1);
    opacity: 0.1;
  }
  50% {
    transform: translateY(-30px) scale(1.1);
    opacity: 0.15;
  }
}

@keyframes wave {
  0%, 100% {
    transform: skewY(-1deg) translateX(0px);
  }
  50% {
    transform: skewY(-1deg) translateX(20px);
  }
}

/* Main Login Card */
/* line 89, app/assets/stylesheets/login_page.scss */
.login-main-card {
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 24px;
  padding: 0;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.1), 0 10px 30px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.3);
  width: 100%;
  max-width: 440px;
  position: relative;
  z-index: 1;
  animation: slideInUp 0.8s ease-out;
  overflow: hidden;
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(60px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Card Header Section */
/* line 118, app/assets/stylesheets/login_page.scss */
.card-header-section {
  background: linear-gradient(135deg, #129CF3 0%, #1e3c72 100%);
  padding: 25px 35px 20px;
  text-align: center;
  color: white;
  position: relative;
}

/* line 125, app/assets/stylesheets/login_page.scss */
.card-header-section::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background: linear-gradient(135deg, #129CF3 0%, #1e3c72 100%);
  clip-path: polygon(0 0, 100% 0, 100% 60%, 0 100%);
}

/* line 136, app/assets/stylesheets/login_page.scss */
.card-header-section .logo-container {
  margin-bottom: 15px;
}

/* line 139, app/assets/stylesheets/login_page.scss */
.card-header-section .logo-container .main-logo {
  width: 80px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 12px;
  padding: 8px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  animation: logoGlow 3s ease-in-out infinite;
  display: block;
  margin: 0 auto;
}

/* line 153, app/assets/stylesheets/login_page.scss */
.card-header-section .system-title {
  font-size: 1.8rem;
  font-weight: 800;
  margin-bottom: 5px;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

/* line 160, app/assets/stylesheets/login_page.scss */
.card-header-section .system-subtitle {
  font-size: 0.9rem;
  opacity: 0.9;
  font-weight: 400;
  margin-bottom: 15px;
}

/* line 167, app/assets/stylesheets/login_page.scss */
.card-header-section .header-divider {
  width: 60px;
  height: 3px;
  background: rgba(255, 255, 255, 0.3);
  margin: 0 auto;
  border-radius: 2px;
}

@keyframes logoGlow {
  0%, 100% {
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.4);
    transform: scale(1.02);
  }
}

/* Form Section */
/* line 188, app/assets/stylesheets/login_page.scss */
.form-section {
  padding: 25px 35px;
}

/* line 191, app/assets/stylesheets/login_page.scss */
.form-section .welcome-message {
  text-align: center;
  margin-bottom: 25px;
}

/* line 195, app/assets/stylesheets/login_page.scss */
.form-section .welcome-message .welcome-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #2d3748;
  margin-bottom: 5px;
  background: linear-gradient(135deg, #129CF3, #1e3c72);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* line 206, app/assets/stylesheets/login_page.scss */
.form-section .welcome-message .welcome-text {
  font-size: 0.9rem;
  color: #718096;
  font-weight: 400;
}

/* line 214, app/assets/stylesheets/login_page.scss */
.form-section .modern-login-form .form-field {
  margin-bottom: 30px;
}

/* line 217, app/assets/stylesheets/login_page.scss */
.form-section .modern-login-form .form-field .field-container {
  position: relative;
  display: flex;
  align-items: center;
}

/* line 222, app/assets/stylesheets/login_page.scss */
.form-section .modern-login-form .form-field .field-container .field-icon {
  position: absolute;
  left: 18px;
  color: #a0aec0;
  font-size: 1.1rem;
  transition: all 0.3s ease;
  z-index: 2;
}

/* line 231, app/assets/stylesheets/login_page.scss */
.form-section .modern-login-form .form-field .field-container .field-input {
  width: 100%;
  padding: 18px 20px 18px 50px;
  border: none;
  border-bottom: 2px solid #e2e8f0;
  background: transparent;
  font-size: 1rem;
  font-weight: 500;
  color: #2d3748;
  transition: all 0.3s ease;
  border-radius: 0;
  outline: none;
}

/* line 244, app/assets/stylesheets/login_page.scss */
.form-section .modern-login-form .form-field .field-container .field-input:focus {
  border-bottom-color: #129CF3;
  background: rgba(18, 156, 243, 0.02);
}

/* line 248, app/assets/stylesheets/login_page.scss */
.form-section .modern-login-form .form-field .field-container .field-input:focus + .field-line {
  width: 100%;
  background: linear-gradient(90deg, #129CF3, #1e3c72);
}

/* line 254, app/assets/stylesheets/login_page.scss */
.form-section .modern-login-form .form-field .field-container .field-input:not(:-moz-placeholder-shown) ~ .field-icon {
  color: #129CF3;
  transform: scale(1.1);
}
.form-section .modern-login-form .form-field .field-container .field-input:focus ~ .field-icon, .form-section .modern-login-form .form-field .field-container .field-input:not(:placeholder-shown) ~ .field-icon {
  color: #129CF3;
  transform: scale(1.1);
}

/* line 260, app/assets/stylesheets/login_page.scss */
.form-section .modern-login-form .form-field .field-container .field-input::-moz-placeholder {
  color: #a0aec0;
  font-weight: 400;
}
.form-section .modern-login-form .form-field .field-container .field-input::placeholder {
  color: #a0aec0;
  font-weight: 400;
}

/* line 266, app/assets/stylesheets/login_page.scss */
.form-section .modern-login-form .form-field .field-container .field-line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, #129CF3, #1e3c72);
  transition: width 0.3s ease;
}

/* line 278, app/assets/stylesheets/login_page.scss */
.form-section .modern-login-form .form-actions {
  margin-top: 40px;
}

/* line 281, app/assets/stylesheets/login_page.scss */
.form-section .modern-login-form .form-actions .modern-login-btn {
  width: 100%;
  padding: 16px 30px;
  background: linear-gradient(135deg, #129CF3 0%, #1e3c72 100%);
  border: none;
  border-radius: 12px;
  font-size: 1.1rem;
  font-weight: 600;
  color: white;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 6px 20px rgba(18, 156, 243, 0.3);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  position: relative;
  overflow: hidden;
}

/* line 298, app/assets/stylesheets/login_page.scss */
.form-section .modern-login-form .form-actions .modern-login-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.6s;
}

/* line 309, app/assets/stylesheets/login_page.scss */
.form-section .modern-login-form .form-actions .modern-login-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(18, 156, 243, 0.4);
}

/* line 313, app/assets/stylesheets/login_page.scss */
.form-section .modern-login-form .form-actions .modern-login-btn:hover::before {
  left: 100%;
}

/* line 318, app/assets/stylesheets/login_page.scss */
.form-section .modern-login-form .form-actions .modern-login-btn:active {
  transform: translateY(0);
}

/* line 325, app/assets/stylesheets/login_page.scss */
.form-section .additional-links {
  text-align: center;
  margin-top: 30px;
  padding-top: 25px;
  border-top: 1px solid rgba(226, 232, 240, 0.6);
}

/* line 331, app/assets/stylesheets/login_page.scss */
.form-section .additional-links a {
  color: #129CF3;
  text-decoration: none;
  font-size: 0.95rem;
  font-weight: 500;
  transition: all 0.3s ease;
  position: relative;
}

/* line 339, app/assets/stylesheets/login_page.scss */
.form-section .additional-links a::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, #129CF3, #1e3c72);
  transition: width 0.3s ease;
}

/* line 350, app/assets/stylesheets/login_page.scss */
.form-section .additional-links a:hover {
  color: #1e3c72;
}

/* line 353, app/assets/stylesheets/login_page.scss */
.form-section .additional-links a:hover::after {
  width: 100%;
}

/* line 360, app/assets/stylesheets/login_page.scss */
.form-section .login-flash {
  border-radius: 10px;
  padding: 12px 14px;
  margin-bottom: 20px;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.4;
}

/* line 369, app/assets/stylesheets/login_page.scss */
.form-section .login-flash-notice {
  background: rgba(18, 156, 243, 0.1);
  color: #1e3c72;
  border: 1px solid rgba(18, 156, 243, 0.25);
}

/* line 375, app/assets/stylesheets/login_page.scss */
.form-section .login-flash-alert {
  background: rgba(220, 53, 69, 0.08);
  color: #b02a37;
  border: 1px solid rgba(220, 53, 69, 0.2);
}

/* line 381, app/assets/stylesheets/login_page.scss */
.form-section .login-help-text {
  color: #718096;
  font-size: 0.85rem;
  text-align: center;
  margin: -10px 0 0;
}

/* line 388, app/assets/stylesheets/login_page.scss */
.form-section .login-disclaimer {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 22px;
  padding: 12px 14px;
  border-radius: 10px;
  background: rgba(245, 158, 11, 0.12);
  border: 1px solid rgba(180, 83, 9, 0.28);
  color: #92400e;
  font-size: 0.88rem;
  line-height: 1.45;
  text-align: left;
}

/* line 402, app/assets/stylesheets/login_page.scss */
.form-section .login-disclaimer i {
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 1.05rem;
}

/* line 408, app/assets/stylesheets/login_page.scss */
.form-section .login-disclaimer p {
  margin: 0;
}

/* Login Footer */
/* line 415, app/assets/stylesheets/login_page.scss */
.login-footer {
  margin-top: 30px;
  text-align: center;
  z-index: 1;
  position: relative;
}

/* line 421, app/assets/stylesheets/login_page.scss */
.login-footer p {
  color: #718096;
  font-size: 0.8rem;
  font-weight: 400;
  margin: 0;
  opacity: 0.7;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

/* line 432, app/assets/stylesheets/login_page.scss */
.login-footer p .footer-logo-inline {
  width: 48px;
  height: 48px;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0.8;
  vertical-align: middle;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive Design */
@media (max-width: 768px) {
  /* line 455, app/assets/stylesheets/login_page.scss */
  .modern-login-wrapper {
    padding: 15px;
  }
  /* line 459, app/assets/stylesheets/login_page.scss */
  .login-main-card {
    max-width: 100%;
    margin: 10px;
  }
  /* line 463, app/assets/stylesheets/login_page.scss */
  .login-main-card .card-header-section {
    padding: 30px 30px 25px;
  }
  /* line 466, app/assets/stylesheets/login_page.scss */
  .login-main-card .card-header-section .main-logo {
    width: 70px;
    height: 70px;
  }
  /* line 471, app/assets/stylesheets/login_page.scss */
  .login-main-card .card-header-section .system-title {
    font-size: 1.7rem;
  }
  /* line 475, app/assets/stylesheets/login_page.scss */
  .login-main-card .card-header-section .system-subtitle {
    font-size: 0.9rem;
  }
  /* line 480, app/assets/stylesheets/login_page.scss */
  .login-main-card .form-section {
    padding: 30px 25px;
  }
  /* line 483, app/assets/stylesheets/login_page.scss */
  .login-main-card .form-section .welcome-message {
    margin-bottom: 25px;
  }
  /* line 486, app/assets/stylesheets/login_page.scss */
  .login-main-card .form-section .welcome-message .welcome-title {
    font-size: 1.5rem;
  }
  /* line 490, app/assets/stylesheets/login_page.scss */
  .login-main-card .form-section .welcome-message .welcome-text {
    font-size: 0.9rem;
  }
  /* line 496, app/assets/stylesheets/login_page.scss */
  .login-main-card .form-section .modern-login-form .form-field {
    margin-bottom: 25px;
  }
  /* line 499, app/assets/stylesheets/login_page.scss */
  .login-main-card .form-section .modern-login-form .form-field .field-container .field-input {
    padding: 16px 18px 16px 45px;
    font-size: 0.95rem;
  }
  /* line 505, app/assets/stylesheets/login_page.scss */
  .login-main-card .form-section .modern-login-form .form-actions .modern-login-btn {
    padding: 14px 25px;
    font-size: 1rem;
  }
  /* line 515, app/assets/stylesheets/login_page.scss */
  .animated-bg .bg-circle.circle-1 {
    width: 200px;
    height: 200px;
  }
  /* line 516, app/assets/stylesheets/login_page.scss */
  .animated-bg .bg-circle.circle-2 {
    width: 150px;
    height: 150px;
  }
  /* line 517, app/assets/stylesheets/login_page.scss */
  .animated-bg .bg-circle.circle-3 {
    width: 100px;
    height: 100px;
  }
  /* line 522, app/assets/stylesheets/login_page.scss */
  .login-footer p {
    font-size: 0.75rem;
  }
  /* line 525, app/assets/stylesheets/login_page.scss */
  .login-footer p .footer-logo-inline {
    width: 38px;
    height: 38px;
  }
}

@media (max-width: 480px) {
  /* line 535, app/assets/stylesheets/login_page.scss */
  .login-main-card .card-header-section {
    padding: 25px 20px;
  }
  /* line 538, app/assets/stylesheets/login_page.scss */
  .login-main-card .card-header-section .system-title {
    font-size: 1.5rem;
  }
  /* line 543, app/assets/stylesheets/login_page.scss */
  .login-main-card .form-section {
    padding: 25px 20px;
  }
  /* line 546, app/assets/stylesheets/login_page.scss */
  .login-main-card .form-section .modern-login-form .form-field .field-container .field-input {
    padding: 14px 16px 14px 40px;
    font-size: 0.9rem;
  }
  /* line 554, app/assets/stylesheets/login_page.scss */
  .login-footer p {
    font-size: 0.7rem;
    flex-wrap: wrap;
  }
  /* line 558, app/assets/stylesheets/login_page.scss */
  .login-footer p .footer-logo-inline {
    width: 32px;
    height: 32px;
  }
}
/* line 3, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page {
  background: rgba(255, 255, 255, 0.98);
  min-height: 100vh;
}

/* line 8, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memo-recipient-header {
  background: linear-gradient(135deg, #6c5ce7 0%, #a29bfe 100%);
  color: var(--white);
  padding: 2rem;
  border-radius: 0 0 1rem 1rem;
  margin-bottom: 2rem;
  box-shadow: 0 4px 20px rgba(108, 92, 231, 0.3);
}

/* line 16, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memo-recipient-header h1 {
  margin: 0;
  font-weight: 600;
  font-size: 2.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 24, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memo-recipient-header h1 i {
  font-size: 2rem;
  opacity: 0.9;
}

/* line 30, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memo-recipient-header .header-subtitle {
  margin-top: 0.5rem;
  opacity: 0.9;
  font-size: 1.1rem;
}

/* line 38, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .stats-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}

/* line 44, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .stats-container .stat-card {
  background: var(--white);
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  border-left: 4px solid #6c5ce7;
}

/* line 52, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .stats-container .stat-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* line 57, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .stats-container .stat-card .stat-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  color: var(--white);
}

/* line 68, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .stats-container .stat-card .stat-icon.total {
  background: linear-gradient(135deg, #6c5ce7 0%, #a29bfe 100%);
}

/* line 72, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .stats-container .stat-card .stat-icon.received {
  background: linear-gradient(135deg, #00b894 0%, #00cec9 100%);
}

/* line 76, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .stats-container .stat-card .stat-icon.pending {
  background: linear-gradient(135deg, #fdcb6e 0%, #e17055 100%);
}

/* line 80, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .stats-container .stat-card .stat-icon.unread {
  background: linear-gradient(135deg, #e17055 0%, #d63031 100%);
}

/* line 85, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .stats-container .stat-card .stat-value {
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  color: #2d3436;
}

/* line 92, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .stats-container .stat-card .stat-label {
  margin: 0.5rem 0 0 0;
  color: #636e72;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 0.9rem;
  letter-spacing: 0.5px;
}

/* line 105, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card {
  background: var(--white);
  border-radius: 1rem;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

/* line 114, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* line 119, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-header {
  display: flex;
  justify-content: between;
  align-items: flex-start;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

/* line 127, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-header .memo-subject {
  flex: 1;
}

/* line 130, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-header .memo-subject h3 {
  margin: 0;
  color: #2d3436;
  font-weight: 600;
  font-size: 1.2rem;
}

/* line 137, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-header .memo-subject .memo-number {
  color: #6c5ce7;
  font-weight: 500;
  font-size: 0.9rem;
  margin-top: 0.25rem;
}

/* line 146, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-header .memo-status .status-badge {
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 154, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-header .memo-status .status-badge.received {
  background: #00b894;
  color: var(--white);
}

/* line 159, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-header .memo-status .status-badge.pending {
  background: #fdcb6e;
  color: #2d3436;
}

/* line 164, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-header .memo-status .status-badge.unread {
  background: #e17055;
  color: var(--white);
}

/* line 172, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-details {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}

/* line 178, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-details .detail-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 183, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-details .detail-item .detail-label {
  font-weight: 600;
  color: #636e72;
  min-width: 100px;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 192, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-details .detail-item .detail-value {
  color: #2d3436;
  font-weight: 500;
}

/* line 199, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-actions {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
  padding-top: 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

/* line 206, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-actions .btn {
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
  border: none;
  cursor: pointer;
}

/* line 215, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-actions .btn.btn-primary {
  background: linear-gradient(135deg, #6c5ce7 0%, #a29bfe 100%);
  color: var(--white);
}

/* line 219, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-actions .btn.btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 15px rgba(108, 92, 231, 0.4);
}

/* line 225, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-actions .btn.btn-secondary {
  background: rgba(255, 255, 255, 0.98);
  color: #636e72;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

/* line 230, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-actions .btn.btn-secondary:hover {
  background: rgba(0, 0, 0, 0.08);
  color: var(--black);
}

/* line 241, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .empty-state {
  text-align: center;
  padding: 3rem;
  background: var(--white);
  border-radius: 1rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* line 248, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .empty-state .empty-icon {
  font-size: 4rem;
  color: #b2bec3;
  margin-bottom: 1rem;
}

/* line 254, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .empty-state h3 {
  color: #636e72;
  margin-bottom: 0.5rem;
}

/* line 259, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .empty-state p {
  color: #b2bec3;
  margin-bottom: 1.5rem;
}

@media (max-width: 768px) {
  /* line 267, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-page .memo-recipient-header {
    padding: 1.5rem;
  }
  /* line 270, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-page .memo-recipient-header h1 {
    font-size: 2rem;
  }
  /* line 275, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-page .stats-container {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
  }
  /* line 279, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-page .stats-container .stat-card {
    padding: 1rem;
  }
  /* line 282, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-page .stats-container .stat-card .stat-value {
    font-size: 1.5rem;
  }
  /* line 289, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-page .memos-container .memo-card {
    padding: 1rem;
  }
  /* line 292, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-page .memos-container .memo-card .memo-header {
    flex-direction: column;
    gap: 1rem;
  }
  /* line 296, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-page .memos-container .memo-card .memo-header .memo-status {
    align-self: flex-start;
  }
  /* line 301, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-page .memos-container .memo-card .memo-details {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
  /* line 306, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-page .memos-container .memo-card .memo-details .detail-item .detail-label {
    min-width: 80px;
  }
  /* line 312, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-page .memos-container .memo-card .memo-actions {
    flex-direction: column;
  }
  /* line 315, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-page .memos-container .memo-card .memo-actions .btn {
    width: 100%;
    text-align: center;
  }
}

/* line 325, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memo-card {
  animation: fadeInUp 0.5s ease forwards;
  opacity: 0;
  transform: translateY(20px);
}

/* line 331, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memo-card:nth-child(1) {
  animation-delay: 0.1s;
}

/* line 331, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memo-card:nth-child(2) {
  animation-delay: 0.2s;
}

/* line 331, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memo-card:nth-child(3) {
  animation-delay: 0.3s;
}

/* line 331, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memo-card:nth-child(4) {
  animation-delay: 0.4s;
}

/* line 331, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memo-card:nth-child(5) {
  animation-delay: 0.5s;
}

/* line 331, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memo-card:nth-child(6) {
  animation-delay: 0.6s;
}

/* line 331, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memo-card:nth-child(7) {
  animation-delay: 0.7s;
}

/* line 331, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memo-card:nth-child(8) {
  animation-delay: 0.8s;
}

/* line 331, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memo-card:nth-child(9) {
  animation-delay: 0.9s;
}

/* line 331, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memo-card:nth-child(10) {
  animation-delay: 1s;
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 346, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page {
  background: rgba(255, 255, 255, 0.98);
  min-height: 100vh;
}

/* line 351, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-header {
  background: linear-gradient(135deg, #6c5ce7 0%, #a29bfe 100%);
  color: var(--white);
  padding: 2rem 0;
  margin-bottom: 2rem;
  box-shadow: 0 4px 20px rgba(108, 92, 231, 0.3);
}

/* line 358, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-header .header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 364, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-header .header-content .header-left h1 {
  margin: 0;
  font-weight: 600;
  font-size: 2.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 372, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-header .header-content .header-left h1 i {
  font-size: 2rem;
  opacity: 0.9;
}

/* line 378, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-header .header-content .header-left .header-subtitle {
  margin-top: 0.5rem;
  opacity: 0.9;
  font-size: 1.1rem;
}

/* line 386, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-header .header-content .header-actions .btn {
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-weight: 500;
  transition: all 0.2s ease;
  border: 2px solid rgba(255, 255, 255, 0.3);
}

/* line 393, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-header .header-content .header-actions .btn:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-2px);
}

/* line 405, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card {
  background: var(--white);
  border-radius: 1rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  animation: fadeInUp 0.5s ease forwards;
}

/* line 413, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-detail-header-section {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(0, 0, 0, 0.08) 100%);
  padding: 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

/* line 421, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-detail-header-section .memo-title-section {
  flex: 1;
}

/* line 424, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-detail-header-section .memo-title-section .memo-title {
  margin: 0 0 1rem 0;
  color: #2d3436;
  font-weight: 600;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
}

/* line 432, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-detail-header-section .memo-title-section .memo-title i {
  color: #6c5ce7;
}

/* line 437, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-detail-header-section .memo-title-section .memo-meta {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}

/* line 442, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-detail-header-section .memo-title-section .memo-meta span {
  display: flex;
  align-items: center;
  color: #636e72;
  font-size: 0.9rem;
  font-weight: 500;
}

/* line 449, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-detail-header-section .memo-title-section .memo-meta span i {
  color: #6c5ce7;
  margin-right: 0.5rem;
}

/* line 458, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-detail-header-section .memo-status-section .status-badge {
  padding: 0.75rem 1.5rem;
  border-radius: 2rem;
  font-size: 0.9rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 466, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-detail-header-section .memo-status-section .status-badge.received {
  background: #00b894;
  color: var(--white);
}

/* line 471, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-detail-header-section .memo-status-section .status-badge.pending {
  background: #fdcb6e;
  color: #2d3436;
}

/* line 480, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-content-section {
  padding: 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

/* line 484, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-content-section .content-header {
  margin-bottom: 1.5rem;
}

/* line 487, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-content-section .content-header h3 {
  margin: 0;
  color: #2d3436;
  font-weight: 600;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
}

/* line 495, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-content-section .content-header h3 i {
  color: #6c5ce7;
}

/* line 501, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-content-section .content-body {
  background: rgba(255, 255, 255, 0.98);
  padding: 1.5rem;
  border-radius: 0.5rem;
  border-left: 4px solid #6c5ce7;
  color: #2d3436;
  line-height: 1.6;
  font-size: 1rem;
}

/* line 513, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-details-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  padding: 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

/* line 520, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-details-grid .detail-card {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.5rem;
  background: rgba(255, 255, 255, 0.98);
  border-radius: 0.5rem;
  transition: transform 0.2s ease;
}

/* line 529, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-details-grid .detail-card:hover {
  transform: translateY(-2px);
}

/* line 533, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-details-grid .detail-card .detail-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: linear-gradient(135deg, #6c5ce7 0%, #a29bfe 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  font-size: 1.2rem;
  flex-shrink: 0;
}

/* line 546, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-details-grid .detail-card .detail-content {
  flex: 1;
}

/* line 549, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-details-grid .detail-card .detail-content h4 {
  margin: 0 0 0.5rem 0;
  color: #636e72;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
}

/* line 558, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-details-grid .detail-card .detail-content p {
  margin: 0;
  color: #2d3436;
  font-weight: 500;
  font-size: 1rem;
}

/* line 569, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-actions-section {
  padding: 2rem;
}

/* line 572, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-actions-section .action-card {
  background: rgba(255, 255, 255, 0.98);
  border-radius: 0.5rem;
  padding: 2rem;
  border-left: 4px solid #6c5ce7;
}

/* line 578, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-actions-section .action-card.confirmed {
  border-left-color: #00b894;
  background: linear-gradient(135deg, #f0fff4 0%, #e6fffa 100%);
}

/* line 583, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-actions-section .action-card .action-header {
  margin-bottom: 1.5rem;
}

/* line 586, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-actions-section .action-card .action-header h3 {
  margin: 0 0 0.5rem 0;
  color: #2d3436;
  font-weight: 600;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
}

/* line 594, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-actions-section .action-card .action-header h3 i {
  color: #6c5ce7;
}

/* line 599, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-actions-section .action-card .action-header p {
  margin: 0;
  color: #636e72;
  font-size: 1rem;
}

/* line 607, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-actions-section .action-card .action-buttons .btn {
  padding: 1rem 2rem;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 1rem;
  transition: all 0.2s ease;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 619, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-actions-section .action-card .action-buttons .btn.btn-success {
  background: linear-gradient(135deg, #00b894 0%, #00cec9 100%);
  color: var(--white);
}

/* line 623, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-actions-section .action-card .action-buttons .btn.btn-success:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(0, 184, 148, 0.4);
}

@media (max-width: 768px) {
  /* line 637, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-detail-page .memo-detail-header {
    padding: 1.5rem 0;
  }
  /* line 640, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-detail-page .memo-detail-header .header-content {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }
  /* line 646, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-detail-page .memo-detail-header .header-content .header-left h1 {
    font-size: 2rem;
  }
  /* line 655, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-detail-header-section {
    flex-direction: column;
    gap: 1rem;
  }
  /* line 659, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-detail-header-section .memo-meta {
    gap: 1rem;
  }
  /* line 664, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-details-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
    padding: 1rem;
  }
  /* line 669, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-details-grid .detail-card {
    padding: 1rem;
  }
  /* line 674, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-actions-section {
    padding: 1rem;
  }
  /* line 677, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-actions-section .action-card {
    padding: 1.5rem;
  }
}
/* ===== ENTERPRISE MEMOS PAGE STYLES ===== */
/* Matching the file_leaves design pattern exactly */
/* line 4, app/assets/stylesheets/memos.scss */
.enterprise-users-page {
  min-height: 100vh;
  position: relative;
  padding: 2rem 0;
}

/* line 12, app/assets/stylesheets/memos.scss */
.enterprise-users-page .table td .btn {
  pointer-events: auto !important;
  position: relative;
  z-index: 10;
}

/* line 20, app/assets/stylesheets/memos.scss */
.enterprise-users-page::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 50%, rgba(120, 119, 198, 0.3) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.1) 0%, transparent 50%), radial-gradient(circle at 40% 80%, rgba(120, 119, 198, 0.2) 0%, transparent 50%);
  pointer-events: none;
}

/* line 35, app/assets/stylesheets/memos.scss */
.users-wrapper {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 1rem;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

/* ===== HEADER SECTION ===== */
/* line 47, app/assets/stylesheets/memos.scss */
.users-header {
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), 0 4px 16px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  overflow: hidden;
  position: relative;
}

/* line 59, app/assets/stylesheets/memos.scss */
.users-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);
}

/* line 70, app/assets/stylesheets/memos.scss */
.header-content {
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}

/* line 78, app/assets/stylesheets/memos.scss */
.header-title {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

/* line 84, app/assets/stylesheets/memos.scss */
.title-icon {
  width: 70px;
  height: 70px;
  border-radius: 20px;
  background: linear-gradient(135deg, #129CF3 0%, #a3a3a8 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: white;
  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
  position: relative;
}

/* line 97, app/assets/stylesheets/memos.scss */
.title-icon::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, transparent 100%);
  border-radius: 20px;
}

/* line 110, app/assets/stylesheets/memos.scss */
.title-text h1 {
  font-size: 2rem;
  font-weight: 700;
  color: #2d3748;
  margin: 0 0 0.5rem 0;
  line-height: 1.2;
}

/* line 118, app/assets/stylesheets/memos.scss */
.title-text p {
  font-size: 1rem;
  color: #718096;
  margin: 0;
  line-height: 1.5;
}

/* line 126, app/assets/stylesheets/memos.scss */
.header-actions {
  display: flex;
  gap: 1rem;
  align-items: center;
}

/* ===== SEARCH SECTION ===== */
/* line 134, app/assets/stylesheets/memos.scss */
.search-section .search-card {
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

/* line 143, app/assets/stylesheets/memos.scss */
.search-section .search-header {
  padding: 1.5rem 2rem 1rem 2rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/* line 150, app/assets/stylesheets/memos.scss */
.search-section .search-header .search-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: linear-gradient(135deg, #129CF3 0%, #a3a3a8 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.2rem;
}

/* line 162, app/assets/stylesheets/memos.scss */
.search-section .search-header h6 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #2d3748;
  margin: 0;
}

/* line 170, app/assets/stylesheets/memos.scss */
.search-section .search-content {
  padding: 1rem 2rem 2rem 2rem;
}

/* line 174, app/assets/stylesheets/memos.scss */
.search-section .search-input-group {
  display: flex;
  gap: 1rem;
  align-items: center;
}

/* line 180, app/assets/stylesheets/memos.scss */
.search-section .input-wrapper {
  flex: 1;
  position: relative;
}

/* line 184, app/assets/stylesheets/memos.scss */
.search-section .input-wrapper .input-icon {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: #a0aec0;
  font-size: 1rem;
}

/* line 193, app/assets/stylesheets/memos.scss */
.search-section .input-wrapper .search-input {
  width: 100%;
  padding: 1rem 1rem 1rem 3rem;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  font-size: 1rem;
  background: white;
  transition: all 0.3s ease;
}

/* line 202, app/assets/stylesheets/memos.scss */
.search-section .input-wrapper .search-input:focus {
  outline: none;
  border-color: #129CF3;
  box-shadow: 0 0 0 3px rgba(18, 156, 243, 0.1);
}

/* line 208, app/assets/stylesheets/memos.scss */
.search-section .input-wrapper .search-input::-moz-placeholder {
  color: #a0aec0;
}
.search-section .input-wrapper .search-input::placeholder {
  color: #a0aec0;
}

/* line 214, app/assets/stylesheets/memos.scss */
.search-section .search-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 2rem;
  background: linear-gradient(135deg, #129CF3 0%, #a3a3a8 100%);
  color: white;
  border: none;
  border-radius: 12px;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(18, 156, 243, 0.3);
}

/* line 229, app/assets/stylesheets/memos.scss */
.search-section .search-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(18, 156, 243, 0.4);
}

/* ===== TABLE SECTION ===== */
/* line 238, app/assets/stylesheets/memos.scss */
.table-section .table-card {
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

/* line 247, app/assets/stylesheets/memos.scss */
.table-section .table-header {
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  background: rgba(248, 249, 250, 0.5);
}

/* line 256, app/assets/stylesheets/memos.scss */
.table-section .table-title {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 261, app/assets/stylesheets/memos.scss */
.table-section .table-title .table-icon {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  background: linear-gradient(135deg, #129CF3 0%, #a3a3a8 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.25rem;
}

/* line 274, app/assets/stylesheets/memos.scss */
.table-section .table-title .table-info h6 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #2d3748;
  margin: 0 0 0.25rem 0;
}

/* line 281, app/assets/stylesheets/memos.scss */
.table-section .table-title .table-info p {
  font-size: 0.875rem;
  color: #718096;
  margin: 0;
}

/* line 289, app/assets/stylesheets/memos.scss */
.table-section .table-stats {
  display: flex;
  gap: 2rem;
}

/* line 293, app/assets/stylesheets/memos.scss */
.table-section .table-stats .stat-item {
  text-align: center;
}

/* line 296, app/assets/stylesheets/memos.scss */
.table-section .table-stats .stat-item .stat-value {
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  color: #129CF3;
  line-height: 1;
}

/* line 304, app/assets/stylesheets/memos.scss */
.table-section .table-stats .stat-item .stat-label {
  display: block;
  font-size: 0.75rem;
  color: #718096;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 0.25rem;
}

/* Ensure modals are always above blurred background and clickable */
/* line 318, app/assets/stylesheets/memos.scss */
.modal {
  z-index: 2000 !important;
}

/* line 322, app/assets/stylesheets/memos.scss */
.modal-backdrop {
  z-index: 1500 !important;
}

/* ===== NAVIGATION TABS ===== */
/* line 327, app/assets/stylesheets/memos.scss */
.nav-tabs-container {
  padding: 1rem 2rem;
  background: rgba(248, 249, 250, 0.5);
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

/* line 333, app/assets/stylesheets/memos.scss */
.enterprise-tabs {
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

/* line 337, app/assets/stylesheets/memos.scss */
.enterprise-tabs .nav-link {
  color: #6c757d;
  font-weight: 600;
  padding: 1rem 1.5rem;
  border: none;
  border-bottom: 3px solid transparent;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 349, app/assets/stylesheets/memos.scss */
.enterprise-tabs .nav-link:hover {
  color: #129CF3;
  border-bottom-color: rgba(18, 156, 243, 0.3);
}

/* line 354, app/assets/stylesheets/memos.scss */
.enterprise-tabs .nav-link.active {
  color: #129CF3;
  background: none;
  border-bottom-color: #129CF3;
}

/* ===== TABLE CONTENT ===== */
/* line 361, app/assets/stylesheets/memos.scss */
.table-content {
  padding: 0;
}

/* line 366, app/assets/stylesheets/memos.scss */
.tab-content .tab-pane {
  padding: 0;
}

/* line 371, app/assets/stylesheets/memos.scss */
.table-responsive {
  overflow-x: auto;
}

/* line 375, app/assets/stylesheets/memos.scss */
.table {
  margin: 0;
  font-size: 0.875rem;
}

/* line 379, app/assets/stylesheets/memos.scss */
.table thead {
  background: #f9fafb;
}

/* line 382, app/assets/stylesheets/memos.scss */
.table thead th {
  padding: 1rem 1.5rem;
  text-align: left;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.75rem;
  border-bottom: 2px solid #e5e7eb;
  border-top: none;
}

/* line 396, app/assets/stylesheets/memos.scss */
.table tbody tr {
  transition: all 0.2s ease;
  border-bottom: 1px solid #f3f4f6;
}

/* line 400, app/assets/stylesheets/memos.scss */
.table tbody tr:hover {
  background: rgba(18, 156, 243, 0.05);
}

/* line 404, app/assets/stylesheets/memos.scss */
.table tbody tr td {
  padding: 1rem 1.5rem;
  vertical-align: middle;
  border: none;
}

/* ===== BUTTON STYLES ===== */
/* line 414, app/assets/stylesheets/memos.scss */
.btn-enterprise-primary {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 2rem;
  background: linear-gradient(135deg, #129CF3 0%, #a3a3a8 100%);
  color: white;
  text-decoration: none;
  border-radius: 15px;
  border: none;
  font-weight: 600;
  font-size: 1rem;
  box-shadow: 0 8px 25px rgba(18, 156, 243, 0.3);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 430, app/assets/stylesheets/memos.scss */
.btn-enterprise-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 35px rgba(18, 156, 243, 0.4);
  color: white;
  text-decoration: none;
}

/* line 437, app/assets/stylesheets/memos.scss */
.btn-outline-primary {
  border: 1px solid #129CF3;
  color: #129CF3;
  background: transparent;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* line 447, app/assets/stylesheets/memos.scss */
.btn-outline-primary:hover {
  background: #129CF3;
  color: white;
  border-color: #129CF3;
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 1024px) {
  /* line 456, app/assets/stylesheets/memos.scss */
  .users-wrapper {
    padding: 0 0.5rem;
  }
  /* line 460, app/assets/stylesheets/memos.scss */
  .header-content {
    flex-direction: column;
    gap: 1.5rem;
    text-align: center;
  }
  /* line 466, app/assets/stylesheets/memos.scss */
  .table-stats {
    flex-wrap: wrap;
    gap: 1rem;
  }
}

@media (max-width: 768px) {
  /* line 473, app/assets/stylesheets/memos.scss */
  .enterprise-users-page {
    padding: 1rem 0;
  }
  /* line 477, app/assets/stylesheets/memos.scss */
  .users-wrapper {
    gap: 1.5rem;
  }
  /* line 481, app/assets/stylesheets/memos.scss */
  .header-content {
    padding: 1.5rem;
  }
  /* line 485, app/assets/stylesheets/memos.scss */
  .title-text h1 {
    font-size: 1.5rem;
  }
  /* line 489, app/assets/stylesheets/memos.scss */
  .search-input-group {
    flex-direction: column;
    gap: 1rem;
  }
  /* line 494, app/assets/stylesheets/memos.scss */
  .search-btn {
    width: 100%;
    justify-content: center;
  }
  /* line 499, app/assets/stylesheets/memos.scss */
  .table-header {
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
  }
  /* line 505, app/assets/stylesheets/memos.scss */
  .table-stats {
    width: 100%;
    justify-content: space-around;
  }
  /* line 510, app/assets/stylesheets/memos.scss */
  .enterprise-tabs .nav-link {
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
  }
  /* line 516, app/assets/stylesheets/memos.scss */
  .table thead th,
.table tbody td {
    padding: 0.75rem 1rem;
    font-size: 0.8rem;
  }
}

@media (max-width: 480px) {
  /* line 525, app/assets/stylesheets/memos.scss */
  .users-wrapper {
    padding: 0 0.25rem;
  }
  /* line 529, app/assets/stylesheets/memos.scss */
  .header-content {
    padding: 1rem;
  }
  /* line 533, app/assets/stylesheets/memos.scss */
  .search-content {
    padding: 1rem;
  }
  /* line 537, app/assets/stylesheets/memos.scss */
  .table-header {
    padding: 1rem;
  }
  /* line 541, app/assets/stylesheets/memos.scss */
  .nav-tabs-container {
    padding: 0.5rem 1rem;
  }
  /* line 545, app/assets/stylesheets/memos.scss */
  .enterprise-tabs .nav-link {
    padding: 0.5rem 0.75rem;
    font-size: 0.8rem;
  }
}
/* line 2, app/assets/stylesheets/official_business.scss */
.official-business-container {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(30, 60, 114, 0.1) 100%);
  min-height: 100vh;
  padding: 2rem 0;
}

/* line 7, app/assets/stylesheets/official_business.scss */
.official-business-container .main-content {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 20px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  padding: 2rem;
  margin: 0 auto;
  max-width: 1400px;
}

/* line 19, app/assets/stylesheets/official_business.scss */
.official-business-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--black) 100%);
  color: var(--white);
  padding: 2rem;
  border-radius: 15px 15px 0 0;
  margin-bottom: 2rem;
  position: relative;
  overflow: hidden;
}

/* line 28, app/assets/stylesheets/official_business.scss */
.official-business-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;
  opacity: 0.1;
}

/* line 39, app/assets/stylesheets/official_business.scss */
.official-business-header h1, .official-business-header h3 {
  position: relative;
  z-index: 1;
  margin: 0;
  font-weight: 600;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* line 47, app/assets/stylesheets/official_business.scss */
.official-business-header .header-actions {
  position: relative;
  z-index: 1;
  margin-top: 1rem;
}

/* line 52, app/assets/stylesheets/official_business.scss */
.official-business-header .header-actions .btn {
  margin-right: 0.5rem;
  border: none;
  padding: 0.7rem 1.5rem;
  border-radius: 25px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

/* line 63, app/assets/stylesheets/official_business.scss */
.official-business-header .header-actions .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

/* line 72, app/assets/stylesheets/official_business.scss */
.stats-row {
  margin-bottom: 2rem;
}

/* line 75, app/assets/stylesheets/official_business.scss */
.stats-row .stat-card {
  background: var(--white);
  border-radius: 15px;
  padding: 1.5rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  border: none;
  transition: all 0.3s ease;
  height: 100%;
  position: relative;
  overflow: hidden;
}

/* line 86, app/assets/stylesheets/official_business.scss */
.stats-row .stat-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--primary-blue), var(--dark-blue));
}

/* line 96, app/assets/stylesheets/official_business.scss */
.stats-row .stat-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

/* line 101, app/assets/stylesheets/official_business.scss */
.stats-row .stat-card .stat-icon {
  width: 60px;
  height: 60px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: var(--white);
  margin-bottom: 1rem;
}

/* line 112, app/assets/stylesheets/official_business.scss */
.stats-row .stat-card .stat-icon.pending {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
}

/* line 116, app/assets/stylesheets/official_business.scss */
.stats-row .stat-card .stat-icon.approved {
  background: linear-gradient(135deg, var(--primary-blue), var(--primary-blue));
}

/* line 120, app/assets/stylesheets/official_business.scss */
.stats-row .stat-card .stat-icon.rejected {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
}

/* line 124, app/assets/stylesheets/official_business.scss */
.stats-row .stat-card .stat-icon.cancelled {
  background: linear-gradient(135deg, var(--black), var(--black));
}

/* line 129, app/assets/stylesheets/official_business.scss */
.stats-row .stat-card .stat-value {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--black);
  margin: 0;
}

/* line 136, app/assets/stylesheets/official_business.scss */
.stats-row .stat-card .stat-label {
  color: var(--black);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 0.85rem;
}

/* line 148, app/assets/stylesheets/official_business.scss */
.enterprise-tabs .nav-tabs {
  border-bottom: 3px solid rgba(0, 0, 0, 0.05);
  margin-bottom: 2rem;
}

/* line 152, app/assets/stylesheets/official_business.scss */
.enterprise-tabs .nav-tabs .nav-link {
  border: none;
  background: none;
  color: var(--black);
  font-weight: 600;
  padding: 1rem 2rem;
  border-radius: 10px 10px 0 0;
  transition: all 0.3s ease;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 164, app/assets/stylesheets/official_business.scss */
.enterprise-tabs .nav-tabs .nav-link:hover {
  background: rgba(102, 126, 234, 0.1);
  color: var(--primary-blue);
}

/* line 169, app/assets/stylesheets/official_business.scss */
.enterprise-tabs .nav-tabs .nav-link.active {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
  box-shadow: 0 -5px 15px rgba(102, 126, 234, 0.3);
}

/* line 174, app/assets/stylesheets/official_business.scss */
.enterprise-tabs .nav-tabs .nav-link.active::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--primary-blue), var(--dark-blue));
}

/* line 189, app/assets/stylesheets/official_business.scss */
.enterprise-table {
  background: var(--white);
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* line 195, app/assets/stylesheets/official_business.scss */
.enterprise-table .table {
  margin: 0;
}

/* line 198, app/assets/stylesheets/official_business.scss */
.enterprise-table .table thead {
  background: linear-gradient(135deg, var(--black), var(--black));
}

/* line 201, app/assets/stylesheets/official_business.scss */
.enterprise-table .table thead th {
  color: var(--white);
  font-weight: 600;
  border: none;
  padding: 1rem;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 213, app/assets/stylesheets/official_business.scss */
.enterprise-table .table tbody tr {
  transition: all 0.3s ease;
}

/* line 216, app/assets/stylesheets/official_business.scss */
.enterprise-table .table tbody tr:hover {
  background: rgba(102, 126, 234, 0.05);
  transform: scale(1.01);
}

/* line 221, app/assets/stylesheets/official_business.scss */
.enterprise-table .table tbody tr td {
  padding: 1rem;
  border-color: rgba(0, 0, 0, 0.05);
  vertical-align: middle;
}

/* line 232, app/assets/stylesheets/official_business.scss */
.status-badge {
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-weight: 600;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 240, app/assets/stylesheets/official_business.scss */
.status-badge.status-pending {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
}

/* line 245, app/assets/stylesheets/official_business.scss */
.status-badge.status-approved {
  background: linear-gradient(135deg, var(--primary-blue), var(--primary-blue));
  color: var(--white);
}

/* line 250, app/assets/stylesheets/official_business.scss */
.status-badge.status-rejected {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
}

/* line 255, app/assets/stylesheets/official_business.scss */
.status-badge.status-cancelled {
  background: linear-gradient(135deg, var(--black), var(--black));
  color: var(--white);
}

/* line 263, app/assets/stylesheets/official_business.scss */
.action-buttons .btn {
  margin: 0.2rem;
  border-radius: 20px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

/* line 271, app/assets/stylesheets/official_business.scss */
.action-buttons .btn:hover {
  transform: translateY(-2px);
}

/* line 278, app/assets/stylesheets/official_business.scss */
.official-business-form {
  background: var(--white);
  border-radius: 20px;
  padding: 2rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* line 284, app/assets/stylesheets/official_business.scss */
.official-business-form .form-floating {
  margin-bottom: 1.5rem;
}

/* line 287, app/assets/stylesheets/official_business.scss */
.official-business-form .form-floating .form-control {
  border: 2px solid rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  font-size: 1rem;
  transition: all 0.3s ease;
}

/* line 293, app/assets/stylesheets/official_business.scss */
.official-business-form .form-floating .form-control:focus {
  border-color: var(--primary-blue);
  box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
}

/* line 299, app/assets/stylesheets/official_business.scss */
.official-business-form .form-floating label {
  color: var(--black);
  font-weight: 600;
}

/* line 305, app/assets/stylesheets/official_business.scss */
.official-business-form .btn {
  border-radius: 25px;
  padding: 0.75rem 2rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

/* line 313, app/assets/stylesheets/official_business.scss */
.official-business-form .btn:hover {
  transform: translateY(-2px);
}

/* line 320, app/assets/stylesheets/official_business.scss */
.avatar-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.9rem;
  flex-shrink: 0;
}

/* line 334, app/assets/stylesheets/official_business.scss */
.business-card {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  margin: 0.5rem 0;
  transition: all 0.3s ease;
  background: var(--var(--white));
}

/* line 341, app/assets/stylesheets/official_business.scss */
.business-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

/* line 347, app/assets/stylesheets/official_business.scss */
.business-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.98);
  padding-bottom: 0.75rem;
}

/* line 352, app/assets/stylesheets/official_business.scss */
.business-details-row {
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), var(--var(--white)));
}

/* line 357, app/assets/stylesheets/official_business.scss */
.date-info .date-range {
  font-size: 0.95rem;
  line-height: 1.3;
  margin-bottom: 0.25rem;
}

/* line 364, app/assets/stylesheets/official_business.scss */
.business-content p {
  font-size: 0.9rem;
  line-height: 1.4;
}

/* line 369, app/assets/stylesheets/official_business.scss */
.business-content small {
  font-size: 0.8rem;
  color: var(--black);
}

/* line 375, app/assets/stylesheets/official_business.scss */
.action-buttons .btn {
  min-width: 80px;
}

/* line 380, app/assets/stylesheets/official_business.scss */
.table td {
  vertical-align: top;
  border-top: none;
  padding: 0.75rem;
}

/* line 386, app/assets/stylesheets/official_business.scss */
.table .business-card {
  margin: 0;
}

/* line 393, app/assets/stylesheets/official_business.scss */
.table-secondary .business-card {
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(0, 0, 0, 0.1);
}

/* line 398, app/assets/stylesheets/official_business.scss */
.table-secondary .avatar-circle.bg-secondary {
  background: linear-gradient(135deg, var(--black), var(--black)) !important;
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* line 424, app/assets/stylesheets/official_business.scss */
.animate-slide-up {
  animation: slideInUp 0.6s ease-out;
}

/* line 428, app/assets/stylesheets/official_business.scss */
.animate-fade-in {
  animation: fadeIn 0.8s ease-out;
}

@media (max-width: 768px) {
  /* line 434, app/assets/stylesheets/official_business.scss */
  .official-business-container {
    padding: 1rem 0;
  }
  /* line 437, app/assets/stylesheets/official_business.scss */
  .official-business-container .main-content {
    padding: 1rem;
    border-radius: 10px;
  }
  /* line 443, app/assets/stylesheets/official_business.scss */
  .official-business-header {
    padding: 1.5rem;
    text-align: center;
  }
  /* line 449, app/assets/stylesheets/official_business.scss */
  .stats-row .stat-card {
    margin-bottom: 1rem;
  }
  /* line 455, app/assets/stylesheets/official_business.scss */
  .enterprise-table .table {
    font-size: 0.85rem;
  }
  /* line 458, app/assets/stylesheets/official_business.scss */
  .enterprise-table .table th, .enterprise-table .table td {
    padding: 0.75rem 0.5rem;
  }
  /* line 466, app/assets/stylesheets/official_business.scss */
  .enterprise-tabs .nav-tabs .nav-link {
    padding: 0.75rem 1rem;
    font-size: 0.85rem;
  }
}
/* line 2, app/assets/stylesheets/overtime_request.scss */
.overtime-request-container {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(30, 60, 114, 0.1) 100%);
  min-height: 100vh;
  padding: 2rem 0;
}

/* line 7, app/assets/stylesheets/overtime_request.scss */
.overtime-request-container .main-content {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 20px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  padding: 2rem;
  margin: 0 auto;
  max-width: 1400px;
}

/* line 19, app/assets/stylesheets/overtime_request.scss */
.overtime-request-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--black) 100%);
  color: var(--white);
  padding: 2rem;
  border-radius: 15px 15px 0 0;
  margin-bottom: 2rem;
  position: relative;
  overflow: hidden;
}

/* line 28, app/assets/stylesheets/overtime_request.scss */
.overtime-request-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;
  opacity: 0.1;
}

/* line 39, app/assets/stylesheets/overtime_request.scss */
.overtime-request-header h1, .overtime-request-header h3 {
  position: relative;
  z-index: 1;
  margin: 0;
  font-weight: 600;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* line 47, app/assets/stylesheets/overtime_request.scss */
.overtime-request-header p {
  position: relative;
  z-index: 1;
}

/* line 52, app/assets/stylesheets/overtime_request.scss */
.overtime-request-header .col-auto {
  position: relative;
  z-index: 10;
}

/* line 57, app/assets/stylesheets/overtime_request.scss */
.overtime-request-header .d-flex.gap-2 {
  position: relative;
  z-index: 10;
}

/* line 62, app/assets/stylesheets/overtime_request.scss */
.overtime-request-header .btn {
  position: relative;
  z-index: 15 !important;
  border: none;
  padding: 0.7rem 1.5rem;
  border-radius: 25px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* line 76, app/assets/stylesheets/overtime_request.scss */
.overtime-request-header .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
  z-index: 20 !important;
}

/* line 82, app/assets/stylesheets/overtime_request.scss */
.overtime-request-header .btn:active {
  transform: translateY(0);
}

/* line 89, app/assets/stylesheets/overtime_request.scss */
.stats-row {
  margin-bottom: 2rem;
}

/* line 92, app/assets/stylesheets/overtime_request.scss */
.stats-row .stat-card {
  background: var(--white);
  border-radius: 15px;
  padding: 1.5rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  border: none;
  transition: all 0.3s ease;
  height: 100%;
  position: relative;
  overflow: hidden;
}

/* line 103, app/assets/stylesheets/overtime_request.scss */
.stats-row .stat-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--dark-blue), var(--primary-blue));
}

/* line 113, app/assets/stylesheets/overtime_request.scss */
.stats-row .stat-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

/* line 118, app/assets/stylesheets/overtime_request.scss */
.stats-row .stat-card .stat-icon {
  width: 60px;
  height: 60px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: var(--white);
  margin-bottom: 1rem;
}

/* line 129, app/assets/stylesheets/overtime_request.scss */
.stats-row .stat-card .stat-icon.pending {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
}

/* line 133, app/assets/stylesheets/overtime_request.scss */
.stats-row .stat-card .stat-icon.approved {
  background: linear-gradient(135deg, var(--primary-blue), var(--primary-blue));
}

/* line 137, app/assets/stylesheets/overtime_request.scss */
.stats-row .stat-card .stat-icon.rejected {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
}

/* line 141, app/assets/stylesheets/overtime_request.scss */
.stats-row .stat-card .stat-icon.cancelled {
  background: linear-gradient(135deg, var(--black), var(--black));
}

/* line 146, app/assets/stylesheets/overtime_request.scss */
.stats-row .stat-card .stat-value {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--black);
  margin: 0;
}

/* line 153, app/assets/stylesheets/overtime_request.scss */
.stats-row .stat-card .stat-label {
  color: var(--black);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 0.85rem;
}

/* line 165, app/assets/stylesheets/overtime_request.scss */
.enterprise-tabs .nav-tabs {
  border-bottom: 3px solid rgba(0, 0, 0, 0.05);
  margin-bottom: 2rem;
}

/* line 169, app/assets/stylesheets/overtime_request.scss */
.enterprise-tabs .nav-tabs .nav-link {
  border: none;
  background: none;
  color: var(--black);
  font-weight: 600;
  padding: 1rem 2rem;
  border-radius: 10px 10px 0 0;
  transition: all 0.3s ease;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 181, app/assets/stylesheets/overtime_request.scss */
.enterprise-tabs .nav-tabs .nav-link:hover {
  background: rgba(230, 126, 34, 0.1);
  color: var(--dark-blue);
}

/* line 186, app/assets/stylesheets/overtime_request.scss */
.enterprise-tabs .nav-tabs .nav-link.active {
  background: linear-gradient(135deg, var(--dark-blue), var(--primary-blue));
  color: var(--white);
  box-shadow: 0 -5px 15px rgba(230, 126, 34, 0.3);
}

/* line 191, app/assets/stylesheets/overtime_request.scss */
.enterprise-tabs .nav-tabs .nav-link.active::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--dark-blue), var(--primary-blue));
}

/* line 206, app/assets/stylesheets/overtime_request.scss */
.enterprise-table {
  background: var(--white);
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* line 212, app/assets/stylesheets/overtime_request.scss */
.enterprise-table .table {
  margin: 0;
}

/* line 215, app/assets/stylesheets/overtime_request.scss */
.enterprise-table .table thead {
  background: linear-gradient(135deg, var(--dark-blue), var(--primary-blue));
}

/* line 218, app/assets/stylesheets/overtime_request.scss */
.enterprise-table .table thead th {
  color: var(--white);
  font-weight: 600;
  border: none;
  padding: 1rem;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 230, app/assets/stylesheets/overtime_request.scss */
.enterprise-table .table tbody tr {
  transition: all 0.3s ease;
}

/* line 233, app/assets/stylesheets/overtime_request.scss */
.enterprise-table .table tbody tr:hover {
  background: rgba(230, 126, 34, 0.05);
  transform: scale(1.01);
}

/* line 238, app/assets/stylesheets/overtime_request.scss */
.enterprise-table .table tbody tr td {
  padding: 1rem;
  border-color: rgba(0, 0, 0, 0.05);
  vertical-align: middle;
}

/* line 249, app/assets/stylesheets/overtime_request.scss */
.status-badge {
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-weight: 600;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 257, app/assets/stylesheets/overtime_request.scss */
.status-badge.status-pending {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
}

/* line 262, app/assets/stylesheets/overtime_request.scss */
.status-badge.status-approved {
  background: linear-gradient(135deg, var(--primary-blue), var(--primary-blue));
  color: var(--white);
}

/* line 267, app/assets/stylesheets/overtime_request.scss */
.status-badge.status-rejected {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
}

/* line 272, app/assets/stylesheets/overtime_request.scss */
.status-badge.status-cancelled {
  background: linear-gradient(135deg, var(--black), var(--black));
  color: var(--white);
}

/* line 280, app/assets/stylesheets/overtime_request.scss */
.action-buttons .btn {
  margin: 0.2rem;
  border-radius: 20px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

/* line 288, app/assets/stylesheets/overtime_request.scss */
.action-buttons .btn:hover {
  transform: translateY(-2px);
}

/* line 295, app/assets/stylesheets/overtime_request.scss */
.overtime-request-form {
  background: var(--white);
  border-radius: 20px;
  padding: 2rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* line 301, app/assets/stylesheets/overtime_request.scss */
.overtime-request-form .form-floating {
  margin-bottom: 1.5rem;
}

/* line 304, app/assets/stylesheets/overtime_request.scss */
.overtime-request-form .form-floating .form-control {
  border: 2px solid rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  font-size: 1rem;
  transition: all 0.3s ease;
}

/* line 310, app/assets/stylesheets/overtime_request.scss */
.overtime-request-form .form-floating .form-control:focus {
  border-color: var(--dark-blue);
  box-shadow: 0 0 0 0.2rem rgba(230, 126, 34, 0.25);
}

/* line 316, app/assets/stylesheets/overtime_request.scss */
.overtime-request-form .form-floating label {
  color: var(--black);
  font-weight: 600;
}

/* line 322, app/assets/stylesheets/overtime_request.scss */
.overtime-request-form .btn {
  border-radius: 25px;
  padding: 0.75rem 2rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

/* line 330, app/assets/stylesheets/overtime_request.scss */
.overtime-request-form .btn:hover {
  transform: translateY(-2px);
}

/* line 337, app/assets/stylesheets/overtime_request.scss */
.avatar-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--dark-blue), var(--primary-blue));
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.9rem;
  flex-shrink: 0;
}

/* line 351, app/assets/stylesheets/overtime_request.scss */
.overtime-card {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  margin: 0.5rem 0;
  transition: all 0.3s ease;
  background: var(--var(--white));
}

/* line 358, app/assets/stylesheets/overtime_request.scss */
.overtime-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

/* line 364, app/assets/stylesheets/overtime_request.scss */
.overtime-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.98);
  padding-bottom: 0.75rem;
}

/* line 369, app/assets/stylesheets/overtime_request.scss */
.overtime-details-row {
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), var(--var(--white)));
}

/* line 374, app/assets/stylesheets/overtime_request.scss */
.date-info .date-range {
  font-size: 0.95rem;
  line-height: 1.3;
  margin-bottom: 0.25rem;
}

/* line 381, app/assets/stylesheets/overtime_request.scss */
.overtime-content p {
  font-size: 0.9rem;
  line-height: 1.4;
}

/* line 386, app/assets/stylesheets/overtime_request.scss */
.overtime-content small {
  font-size: 0.8rem;
  color: var(--black);
}

/* line 392, app/assets/stylesheets/overtime_request.scss */
.action-buttons .btn {
  min-width: 80px;
}

/* line 397, app/assets/stylesheets/overtime_request.scss */
.table td {
  vertical-align: top;
  border-top: none;
  padding: 0.75rem;
}

/* line 403, app/assets/stylesheets/overtime_request.scss */
.table .overtime-card {
  margin: 0;
}

/* line 410, app/assets/stylesheets/overtime_request.scss */
.table-secondary .overtime-card {
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(0, 0, 0, 0.1);
}

/* line 415, app/assets/stylesheets/overtime_request.scss */
.table-secondary .avatar-circle.bg-secondary {
  background: linear-gradient(135deg, var(--black), var(--black)) !important;
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* line 441, app/assets/stylesheets/overtime_request.scss */
.animate-slide-up {
  animation: slideInUp 0.6s ease-out;
}

/* line 445, app/assets/stylesheets/overtime_request.scss */
.animate-fade-in {
  animation: fadeIn 0.8s ease-out;
}

@media (max-width: 768px) {
  /* line 451, app/assets/stylesheets/overtime_request.scss */
  .overtime-request-container {
    padding: 1rem 0;
  }
  /* line 454, app/assets/stylesheets/overtime_request.scss */
  .overtime-request-container .main-content {
    padding: 1rem;
    border-radius: 10px;
  }
  /* line 460, app/assets/stylesheets/overtime_request.scss */
  .overtime-request-header {
    padding: 1.5rem;
    text-align: center;
  }
  /* line 466, app/assets/stylesheets/overtime_request.scss */
  .stats-row .stat-card {
    margin-bottom: 1rem;
  }
  /* line 472, app/assets/stylesheets/overtime_request.scss */
  .enterprise-table .table {
    font-size: 0.85rem;
  }
  /* line 475, app/assets/stylesheets/overtime_request.scss */
  .enterprise-table .table th, .enterprise-table .table td {
    padding: 0.75rem 0.5rem;
  }
  /* line 483, app/assets/stylesheets/overtime_request.scss */
  .enterprise-tabs .nav-tabs .nav-link {
    padding: 0.75rem 1rem;
    font-size: 0.85rem;
  }
}
/* line 3, app/assets/stylesheets/payroll_payslip.scss */
.payroll-payslip-enterprise .payslip-toolbar {
  padding-top: 0.5rem;
}

/* line 8, app/assets/stylesheets/payroll_payslip.scss */
.payroll-payslip-enterprise .payslip-table tr.payslip-total-row td {
  border-top: 2px solid #e9ecef;
  background: #f8f9fa;
}

/* line 13, app/assets/stylesheets/payroll_payslip.scss */
.payroll-payslip-enterprise .payslip-table .payslip-detail-cell {
  cursor: pointer;
}

/* line 19, app/assets/stylesheets/payroll_payslip.scss */
.payroll-payslip-enterprise .payslip-breakdown-modal .modal-content {
  border: 0;
  box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.18);
}

/* line 25, app/assets/stylesheets/payroll_payslip.scss */
.payroll-payslip-enterprise .payslip-summary-card {
  border: 2px solid rgba(18, 156, 243, 0.25) !important;
}

/* line 28, app/assets/stylesheets/payroll_payslip.scss */
.payroll-payslip-enterprise .payslip-summary-card .payslip-summary-net td {
  border-top: 2px solid #129cf3;
}

@media print {
  /* line 35, app/assets/stylesheets/payroll_payslip.scss */
  .payroll-payslip-enterprise .payslip-toolbar,
.payroll-payslip-enterprise .payslip-breakdown-modal,
.enterprise-navbar-container,
footer,
.navbar {
    display: none !important;
  }
}
@charset "UTF-8";
/* Payroll periods — scoped on top of enterprise-users-page (user.scss) */
/* line 4, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .period-row-icon,
.enterprise-users-page.payroll-period-show .period-row-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, #129cf3 0%, #a3a3a8 100%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(18, 156, 243, 0.25);
}

/* line 18, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .period-name-cell,
.enterprise-users-page.payroll-period-show .period-name-cell {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 24, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .period-name-primary,
.enterprise-users-page.payroll-period-show .period-name-primary {
  font-weight: 600;
  color: #2d3748;
  font-size: 1rem;
  margin: 0;
}

/* line 31, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .period-name-sub,
.enterprise-users-page.payroll-period-show .period-name-sub {
  font-size: 0.85rem;
  color: #718096;
  margin: 0.15rem 0 0;
}

/* line 37, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-status-badge,
.enterprise-users-page.payroll-period-show .payroll-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.4rem 0.9rem;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 600;
  white-space: nowrap;
}

/* line 48, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-status-badge--draft,
.enterprise-users-page.payroll-period-show .payroll-status-badge--draft {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  color: #92400e;
  border: 1px solid rgba(146, 64, 14, 0.15);
}

/* line 54, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-status-badge--calculated,
.enterprise-users-page.payroll-period-show .payroll-status-badge--calculated {
  background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%);
  color: #075985;
  border: 1px solid rgba(7, 89, 133, 0.15);
}

/* line 60, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-status-badge--reviewed,
.enterprise-users-page.payroll-period-show .payroll-status-badge--reviewed {
  background: linear-gradient(135deg, #ede9fe 0%, #ddd6fe 100%);
  color: #5b21b6;
  border: 1px solid rgba(91, 33, 182, 0.15);
}

/* line 66, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-status-badge--approved,
.enterprise-users-page.payroll-period-show .payroll-status-badge--approved {
  background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
  color: #065f46;
  border: 1px solid rgba(6, 95, 70, 0.15);
}

/* line 72, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-status-badge--paid,
.enterprise-users-page.payroll-period-show .payroll-status-badge--paid {
  background: linear-gradient(135deg, #dbeafe 0%, #93c5fd 100%);
  color: #1e3a8a;
  border: 1px solid rgba(30, 58, 138, 0.15);
}

/* line 78, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-status-badge--locked,
.enterprise-users-page.payroll-period-show .payroll-status-badge--locked {
  background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
  color: #991b1b;
  border: 1px solid rgba(153, 27, 27, 0.15);
}

/* line 84, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-metric,
.enterprise-users-page.payroll-period-show .payroll-metric {
  font-weight: 600;
  color: #2d3748;
  font-variant-numeric: tabular-nums;
}

/* line 90, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-metric--net,
.enterprise-users-page.payroll-period-show .payroll-metric--net {
  color: #129cf3;
}

/* line 95, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-periods-table col.col-employees,
.enterprise-users-page.payroll-period-show .payroll-periods-table col.col-employees {
  width: 4.25rem;
}

/* line 99, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-periods-table col.col-actions,
.enterprise-users-page.payroll-period-show .payroll-periods-table col.col-actions {
  width: 9.5rem;
}

/* line 104, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-period-employees-cell,
.enterprise-users-page.payroll-period-show .payroll-period-employees-cell {
  width: 4.25rem;
  min-width: 4.25rem;
  max-width: 5rem;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  text-align: center;
  vertical-align: middle;
}

/* line 114, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-employee-count,
.enterprise-users-page.payroll-period-show .payroll-employee-count {
  display: inline-block;
  min-width: 1.75rem;
  padding: 0.2rem 0.45rem;
  border-radius: 8px;
  background: rgba(18, 156, 243, 0.12);
  color: #129cf3;
  font-weight: 600;
  font-size: 0.85rem;
  line-height: 1.2;
}

/* line 126, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-period-actions-cell,
.enterprise-users-page.payroll-period-show .payroll-period-actions-cell {
  white-space: nowrap;
  width: 9.5rem;
  min-width: 9.5rem;
  padding: 1rem 0.5rem !important;
  vertical-align: middle;
}

/* line 134, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-period-actions,
.enterprise-users-page.payroll-period-show .payroll-period-actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.4rem;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}

/* line 144, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-period-actions > .btn-icon-action,
.payroll-periods-page-wrapper .payroll-period-actions > a,
.payroll-periods-page-wrapper .payroll-period-actions form,
.enterprise-users-page.payroll-period-show .payroll-period-actions > .btn-icon-action,
.enterprise-users-page.payroll-period-show .payroll-period-actions > a,
.enterprise-users-page.payroll-period-show .payroll-period-actions form {
  flex: 0 0 auto;
  margin: 0;
}

/* line 151, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-period-actions form,
.enterprise-users-page.payroll-period-show .payroll-period-actions form {
  display: contents;
}

/* line 155, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .btn-icon-action,
.enterprise-users-page.payroll-period-show .btn-icon-action {
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  min-height: 2rem;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
}

/* line 167, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .btn-icon-action i,
.enterprise-users-page.payroll-period-show .btn-icon-action i {
  font-size: 0.95rem;
  line-height: 1;
}

/* line 173, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .table-empty-state,
.enterprise-users-page.payroll-period-show .table-empty-state {
  text-align: center;
  padding: 3rem 2rem;
  color: #718096;
}

/* line 178, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .table-empty-state .empty-icon,
.enterprise-users-page.payroll-period-show .table-empty-state .empty-icon {
  font-size: 3rem;
  color: #cbd5e0;
  margin-bottom: 1rem;
}

/* line 184, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .table-empty-state h5,
.enterprise-users-page.payroll-period-show .table-empty-state h5 {
  color: #2d3748;
  font-weight: 600;
}

/* line 190, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .pagination-wrapper,
.enterprise-users-page.payroll-period-show .pagination-wrapper {
  padding: 1.25rem 2rem;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: center;
}

/* Show page header layout */
/* line 200, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-show-header-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.25rem;
}

/* line 207, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-show-header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  width: 100%;
}

/* line 215, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-show-title-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 0.35rem;
}

/* line 223, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-show-date-range {
  font-size: 0.9rem;
  color: #718096;
  font-weight: 500;
}

/* line 229, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-show-header-toolbar {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

/* line 239, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-show-header-actions {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.65rem;
}

/* line 247, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-rank-group-header {
  background: linear-gradient(135deg, rgba(18, 156, 243, 0.08) 0%, rgba(163, 163, 168, 0.08) 100%);
}

/* line 250, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-rank-group-header td {
  padding: 0.65rem 1rem;
  border-top: 1px solid rgba(18, 156, 243, 0.15);
  border-bottom: 1px solid rgba(18, 156, 243, 0.1);
}

/* line 257, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-rank-group-label {
  font-weight: 700;
  color: #2d3748;
  font-size: 0.9rem;
}

/* line 263, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-rank-group-count {
  margin-left: 0.5rem;
  font-size: 0.8rem;
  color: #718096;
  font-weight: 500;
}

/* line 270, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-records-filters {
  padding: 0.85rem 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/* line 275, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-records-filter-form {
  margin: 0;
}

/* line 279, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-records-filter-row {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 1.25rem;
  width: 100%;
}

/* line 287, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-records-filter-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

/* line 295, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-records-filter-label {
  display: inline-block;
  margin: 0 !important;
  font-size: 0.8rem;
  font-weight: 600;
  color: #4a5568;
  white-space: nowrap;
}

/* line 304, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-records-filter-select.form-select {
  display: inline-block;
  width: 11rem !important;
  min-width: 11rem;
  max-width: 14rem;
  margin: 0;
  border-radius: 10px;
  border-color: #e2e8f0;
}

/* line 313, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-records-filter-select.form-select:focus {
  border-color: #129cf3;
  box-shadow: 0 0 0 3px rgba(18, 156, 243, 0.15);
}

/* line 319, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-records-filter-clear {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #718096;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
}

/* line 330, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-records-filter-clear:hover {
  color: #129cf3;
}

@media (max-width: 768px) {
  /* line 336, app/assets/stylesheets/payroll_periods.scss */
  .enterprise-users-page.payroll-period-show .payroll-show-header-top {
    flex-direction: column;
    align-items: flex-start;
  }
  /* line 341, app/assets/stylesheets/payroll_periods.scss */
  .enterprise-users-page.payroll-period-show .payroll-show-header-toolbar,
.enterprise-users-page.payroll-period-show .payroll-show-header-actions {
    justify-content: flex-start;
  }
}

/* line 350, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-period-form .form-control {
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  padding: 0.65rem 0.85rem;
}

/* line 355, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-period-form .form-control:focus {
  border-color: #129cf3;
  box-shadow: 0 0 0 3px rgba(18, 156, 243, 0.15);
}

/* line 361, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-period-form label {
  font-weight: 600;
  color: #2d3748;
}

/* Flat selectors — override Bootstrap .form-select { width: 100% } on show page */
/* line 369, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .payroll-records-filter-row {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  gap: 1.25rem !important;
}

/* line 376, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .payroll-records-filter-item {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

/* line 383, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .payroll-records-filter-label {
  display: inline-block !important;
  margin: 0 !important;
  white-space: nowrap;
}

/* line 389, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .payroll-records-filter-select.form-select {
  display: inline-block !important;
  width: 11rem !important;
  min-width: 11rem;
  max-width: 14rem;
  margin: 0 !important;
}

/* Toolbar action buttons — flat selectors override default link styling */
/* line 398, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .payroll-toolbar-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  min-height: 2.25rem;
  padding: 0.45rem 1rem !important;
  border-radius: 10px !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  line-height: 1.2;
  text-decoration: none !important;
  white-space: nowrap;
  transition: all 0.2s ease;
}

/* line 413, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .payroll-toolbar-btn i {
  font-size: 0.95rem;
  line-height: 1;
}

/* line 419, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .btn-enterprise-secondary.payroll-toolbar-btn {
  background: #fff !important;
  color: #4a5568 !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

/* line 425, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .btn-enterprise-secondary.payroll-toolbar-btn:hover, .payroll-period-show .btn-enterprise-secondary.payroll-toolbar-btn:focus {
  color: #129cf3 !important;
  border-color: #129cf3 !important;
  background: rgba(18, 156, 243, 0.06) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(18, 156, 243, 0.15);
}

/* line 435, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .btn-payroll-lock.payroll-toolbar-btn {
  background: #fff !important;
  color: #b91c1c !important;
  border: 1px solid #fca5a5 !important;
  box-shadow: 0 1px 3px rgba(185, 28, 28, 0.08);
}

/* line 441, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .btn-payroll-lock.payroll-toolbar-btn:hover, .payroll-period-show .btn-payroll-lock.payroll-toolbar-btn:focus {
  color: #991b1b !important;
  background: #fef2f2 !important;
  border-color: #f87171 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(185, 28, 28, 0.12);
}

/* line 451, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .btn-enterprise-primary.payroll-toolbar-btn--primary {
  background: linear-gradient(135deg, #129cf3 0%, #6eb8e8 100%) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(18, 156, 243, 0.3);
}

/* line 457, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .btn-enterprise-primary.payroll-toolbar-btn--primary:hover, .payroll-period-show .btn-enterprise-primary.payroll-toolbar-btn--primary:focus {
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(18, 156, 243, 0.4);
}

/* line 465, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .payroll-records-search-section {
  padding: 0 1.5rem 1.25rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/* line 469, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .payroll-records-search-section .search-card {
  margin-bottom: 0;
}

/* line 473, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .payroll-records-search-section .search-input-group {
  align-items: stretch;
}

/* line 477, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .payroll-records-search-section .payroll-records-filter-row {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* line 486, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .payroll-records-search-section .payroll-records-filter-item {
  display: inline-flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  flex-shrink: 0;
}

/* line 493, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .payroll-records-search-section .payroll-records-filter-select.form-select {
  width: 11rem !important;
  min-width: 11rem;
  max-width: 14rem;
  flex: 0 0 auto;
}

/* line 502, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-preview .payroll-preview-total-row td {
  border-top: 1px solid rgba(18, 156, 243, 0.25);
  padding-top: 0.65rem;
}

@media print {
  /* line 510, app/assets/stylesheets/payroll_periods.scss */
  .payroll-period-preview .payroll-period-toolbar,
.payroll-period-preview .d-print-none,
.payroll-period-preview .payroll-records-search-section {
    display: none !important;
  }
  /* line 516, app/assets/stylesheets/payroll_periods.scss */
  .payroll-period-preview .table-card {
    box-shadow: none !important;
    border: 1px solid #ddd;
  }
}
@charset "UTF-8";
/* ============================================
   APP-WIDE RESPONSIVE BASELINE
   Desktop · Laptop · Tablet · Phone
   ============================================ */
/* line 6, app/assets/stylesheets/responsive.scss */
html {
  max-width: 100%;
  overflow-x: clip;
}

/* line 11, app/assets/stylesheets/responsive.scss */
body {
  max-width: 100%;
  overflow-x: clip;
}

/* Main content shell (layouts/application.html.erb)
   Do not set z-index here — it creates a stacking context that traps
   Bootstrap modals below body-level .modal-backdrop (unclickable buttons). */
/* line 19, app/assets/stylesheets/responsive.scss */
.app-main {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  position: relative;
}

/* line 26, app/assets/stylesheets/responsive.scss */
.app-main *,
.app-main *::before,
.app-main *::after {
  box-sizing: border-box;
}

/* Media should never blow out the viewport */
/* line 33, app/assets/stylesheets/responsive.scss */
.app-main img,
.app-main video,
.app-main canvas,
.app-main svg,
.app-main iframe {
  max-width: 100%;
  height: auto;
}

/* line 42, app/assets/stylesheets/responsive.scss */
.app-main pre,
.app-main code {
  max-width: 100%;
  overflow-x: auto;
}

/* Any parent that directly contains a Bootstrap table scrolls instead of crushing columns */
/* line 49, app/assets/stylesheets/responsive.scss */
.app-main .table-responsive,
.app-main .table-content,
.app-main .for-review-table-wrap,
.app-main *:has(> table.table),
.app-main *:has(> .table) {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* line 59, app/assets/stylesheets/responsive.scss */
.app-main table.table {
  margin-bottom: 0;
}

/* Common enterprise / page headers */
/* line 64, app/assets/stylesheets/responsive.scss */
.app-main .users-header .header-content,
.app-main .table-header,
.app-main .search-input-group,
.app-main .pagination-section {
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
}

/* line 72, app/assets/stylesheets/responsive.scss */
.app-main .table-actions,
.app-main .header-actions,
.app-main .action-buttons,
.app-main .d-flex.gap-2 {
  flex-wrap: wrap;
}

/* Forms: full-width controls on small screens */
/* line 80, app/assets/stylesheets/responsive.scss */
.app-main .form-control,
.app-main .form-select,
.app-main .ts-wrapper,
.app-main .input-group {
  max-width: 100%;
}

/* Modals stay within viewport */
/* line 88, app/assets/stylesheets/responsive.scss */
.modal-dialog {
  margin-left: auto;
  margin-right: auto;
  max-width: calc(100vw - 1.5rem);
}

/* line 94, app/assets/stylesheets/responsive.scss */
.modal-body {
  overflow-x: auto;
}

/* Notification dropdown: compact panel, inset from the viewport */
/* line 99, app/assets/stylesheets/responsive.scss */
.enterprise-notification-dropdown {
  width: 22rem !important;
  max-width: calc(100vw - 4rem) !important;
}

@media (max-width: 575.98px) {
  /* line 105, app/assets/stylesheets/responsive.scss */
  .enterprise-notification-dropdown {
    position: fixed !important;
    width: calc(100vw - 2rem) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 2rem) !important;
    right: 1rem !important;
    left: auto !important;
    top: 4.25rem !important;
  }
}

/* Nested page containers: avoid double-squeezing on phones */
/* line 117, app/assets/stylesheets/responsive.scss */
.app-main > .container,
.app-main > .container-fluid,
.app-main .employee-enterprise > .container,
.app-main .enterprise-users-page .users-wrapper {
  max-width: 100%;
}

/* ---------- Laptop ---------- */
@media (max-width: 1199.98px) {
  /* line 126, app/assets/stylesheets/responsive.scss */
  .app-main {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  /* line 131, app/assets/stylesheets/responsive.scss */
  .enterprise-users-page .users-wrapper {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

/* ---------- Tablet ---------- */
@media (max-width: 991.98px) {
  /* line 139, app/assets/stylesheets/responsive.scss */
  .app-main {
    margin-top: 1.25rem !important;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  /* line 145, app/assets/stylesheets/responsive.scss */
  .app-main .users-header .header-content,
.app-main .table-header {
    flex-direction: column;
    align-items: stretch !important;
    text-align: left;
  }
  /* line 152, app/assets/stylesheets/responsive.scss */
  .app-main .header-actions,
.app-main .table-actions {
    width: 100%;
  }
  /* line 157, app/assets/stylesheets/responsive.scss */
  .app-main .header-actions .btn,
.app-main .header-actions a.btn-enterprise-secondary,
.app-main .header-actions a.btn-enterprise-primary,
.app-main .table-actions .btn,
.app-main .table-actions input[type="submit"] {
    width: 100%;
    justify-content: center;
  }
  /* line 166, app/assets/stylesheets/responsive.scss */
  .app-main .table-stats {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0.75rem 1rem;
  }
  /* line 173, app/assets/stylesheets/responsive.scss */
  .app-main .pagination-section {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
  }
  /* line 179, app/assets/stylesheets/responsive.scss */
  .navbar .dropdown-menu {
    min-width: 0;
    max-width: 100%;
  }
}

/* ---------- Phone ---------- */
@media (max-width: 767.98px) {
  /* line 187, app/assets/stylesheets/responsive.scss */
  .app-main {
    margin-top: 1rem !important;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  /* line 193, app/assets/stylesheets/responsive.scss */
  .app-main h1 {
    font-size: 1.5rem;
  }
  /* line 197, app/assets/stylesheets/responsive.scss */
  .app-main h2 {
    font-size: 1.35rem;
  }
  /* line 201, app/assets/stylesheets/responsive.scss */
  .app-main .btn-group {
    flex-wrap: wrap;
  }
  /* line 205, app/assets/stylesheets/responsive.scss */
  .app-main .nav-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  /* line 212, app/assets/stylesheets/responsive.scss */
  .app-main .nav-tabs .nav-link {
    white-space: nowrap;
  }
  /* Stack typical form columns that use Bootstrap grid */
  /* line 217, app/assets/stylesheets/responsive.scss */
  .app-main form .row > [class*="col-md-"],
.app-main form .row > [class*="col-lg-"],
.app-main form .row > [class*="col-xl-"] {
    flex: 0 0 100%;
    max-width: 100%;
  }
  /* line 224, app/assets/stylesheets/responsive.scss */
  .enterprise-notification-dropdown {
    position: fixed !important;
    top: 4.25rem !important;
    right: 1rem !important;
    left: auto !important;
    width: calc(100vw - 2rem) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 2rem) !important;
    margin: 0 !important;
  }
  /* line 235, app/assets/stylesheets/responsive.scss */
  .enterprise-footer {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

/* ---------- Small phone ---------- */
@media (max-width: 575.98px) {
  /* line 243, app/assets/stylesheets/responsive.scss */
  .app-main {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
  }
  /* line 248, app/assets/stylesheets/responsive.scss */
  .app-main .card-body,
.app-main .table-header,
.app-main .search-header,
.app-main .search-content,
.app-main .pagination-section {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  /* line 257, app/assets/stylesheets/responsive.scss */
  .app-main .btn-sm {
    padding: 0.35rem 0.65rem;
  }
}
/* line 2, app/assets/stylesheets/schedule.scss */
.schedules-page .btn-enterprise-primary {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 2rem;
  background: linear-gradient(135deg, #129cf3 0%, #a3a3a8 100%);
  color: #fff;
  text-decoration: none;
  border-radius: 15px;
  border: none;
  font-weight: 600;
  font-size: 1rem;
  box-shadow: 0 8px 25px rgba(18, 156, 243, 0.3);
  white-space: nowrap;
}

/* line 17, app/assets/stylesheets/schedule.scss */
.schedules-page .btn-enterprise-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 35px rgba(18, 156, 243, 0.4);
  color: #fff;
  text-decoration: none;
}

/* line 25, app/assets/stylesheets/schedule.scss */
.schedules-page .table thead th {
  color: #2d3748;
  background: #f8fafc;
}

/* line 30, app/assets/stylesheets/schedule.scss */
.schedules-page .shift-badge {
  font-weight: 600;
  font-size: 0.75rem;
  padding: 0.35rem 0.7rem;
  border-radius: 999px;
  color: #1e293b !important;
  background: #f1f5f9 !important;
}

/* line 38, app/assets/stylesheets/schedule.scss */
.schedules-page .shift-badge.morning {
  background: #fef3c7 !important;
  color: #92400e !important;
}

/* line 43, app/assets/stylesheets/schedule.scss */
.schedules-page .shift-badge.afternoon {
  background: #dbeafe !important;
  color: #1e3a8a !important;
}

/* line 48, app/assets/stylesheets/schedule.scss */
.schedules-page .shift-badge.night {
  background: #e0e7ff !important;
  color: #312e81 !important;
}

/* line 53, app/assets/stylesheets/schedule.scss */
.schedules-page .shift-badge.unknown {
  background: #f1f5f9 !important;
  color: #334155 !important;
}

/* line 59, app/assets/stylesheets/schedule.scss */
.schedules-page .time-cell,
.schedules-page .duration-text {
  font-weight: 600;
  color: #2d3748;
}

/* line 65, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-stat-type {
  font-size: 1rem;
}

/* line 69, app/assets/stylesheets/schedule.scss */
.schedules-page .table-empty-state {
  text-align: center;
  padding: 3rem 2rem;
  color: #718096;
}

/* line 74, app/assets/stylesheets/schedule.scss */
.schedules-page .table-empty-state .empty-icon {
  font-size: 3rem;
  color: #cbd5e0;
  margin-bottom: 1rem;
}

/* line 80, app/assets/stylesheets/schedule.scss */
.schedules-page .table-empty-state h5 {
  color: #2d3748;
  font-weight: 600;
}

/* line 85, app/assets/stylesheets/schedule.scss */
.schedules-page .table-empty-state .btn-enterprise-primary {
  justify-content: center;
}

/* line 90, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-details-content,
.schedules-page .schedule-form-content {
  padding: 1.5rem 2rem 2rem;
}

/* line 95, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem 1.5rem;
}

/* line 102, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-detail-item .detail-label {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #718096;
  margin-bottom: 0.35rem;
}

/* line 111, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-detail-item .detail-value {
  font-weight: 600;
  color: #2d3748;
}

/* line 117, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

/* line 126, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-actions-right {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

/* line 131, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-actions-right form {
  margin: 0;
}

/* line 136, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-field-label,
.schedules-page .schedule-form label {
  display: block;
  margin-bottom: 0.45rem;
  color: #2d3748;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* line 147, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-text-input,
.schedules-page .schedule-form input[type="text"] {
  width: 100%;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  padding: 0.85rem 1rem;
  color: #2d3748;
  font-weight: 600;
  background: #fff;
}

/* line 157, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-text-input:focus,
.schedules-page .schedule-form input[type="text"]:focus {
  outline: none;
  border-color: #129cf3;
  box-shadow: 0 0 0 3px rgba(18, 156, 243, 0.15);
}

/* line 164, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-form .d-flex {
  gap: 0.5rem;
}

/* line 168, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-time-select,
.schedules-page .schedule-form select {
  flex: 1 1 0;
  min-width: 0;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  padding: 0.75rem 0.85rem;
  color: #2d3748;
  font-weight: 600;
  background: #fff;
}

/* line 179, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-time-select:focus,
.schedules-page .schedule-form select:focus {
  outline: none;
  border-color: #129cf3;
  box-shadow: 0 0 0 3px rgba(18, 156, 243, 0.15);
}

/* line 186, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-help {
  display: block;
  margin-top: 0.4rem;
  color: #718096;
}

/* line 192, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-time-card {
  margin-top: 1.75rem;
  background: #fff;
  border: 1px solid rgba(148, 163, 184, 0.25);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
}

/* line 201, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-time-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  background: rgba(248, 249, 250, 0.5);
}

/* line 209, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-time-header h6 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #2d3748;
  margin: 0 0 0.25rem;
}

/* line 216, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-time-header p {
  font-size: 0.875rem;
  color: #718096;
  margin: 0;
}

/* line 223, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-time-icon {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  background: linear-gradient(135deg, #129cf3 0%, #a3a3a8 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.25rem;
  flex-shrink: 0;
}

/* line 236, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-time-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  padding: 1.5rem;
}

/* line 243, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-form-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1.75rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

/* line 253, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-submit-btn {
  background: linear-gradient(135deg, #129cf3 0%, #a3a3a8 100%);
  border: none;
  font-weight: 600;
  padding: 0.5rem 1.25rem;
  color: #fff;
}

/* line 260, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-submit-btn:hover {
  background: linear-gradient(135deg, #0d8ad9 0%, #8f8f94 100%);
  color: #fff;
}

@media (max-width: 768px) {
  /* line 267, app/assets/stylesheets/schedule.scss */
  .schedules-page .schedule-detail-grid,
.schedules-page .schedule-time-grid {
    grid-template-columns: 1fr;
  }
  /* line 272, app/assets/stylesheets/schedule.scss */
  .schedules-page .header-content,
.schedules-page .table-header {
    flex-direction: column;
    align-items: flex-start;
  }
  /* line 278, app/assets/stylesheets/schedule.scss */
  .schedules-page .table-stats {
    width: 100%;
    justify-content: space-between;
  }
}
/* line 2, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(30, 60, 114, 0.1) 100%);
  min-height: 100vh;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* line 8, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--black) 100%);
  color: var(--white);
  padding: 2rem 0;
  margin-bottom: 2rem;
  position: relative;
  overflow: hidden;
}

/* line 16, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-header::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
  animation: float 6s ease-in-out infinite;
}

/* line 27, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-header .header-content {
  position: relative;
  z-index: 2;
}

/* line 32, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-header h1 {
  font-size: 2.5rem;
  font-weight: 300;
  margin-bottom: 0.5rem;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* line 39, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-header .subtitle {
  font-size: 1.1rem;
  opacity: 0.9;
  font-weight: 300;
}

/* line 47, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}

/* line 53, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .stats-grid .stat-card {
  background: var(--white);
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border-left: 4px solid;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

/* line 63, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .stats-grid .stat-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* line 68, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .stats-grid .stat-card::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 100px;
  background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1));
  border-radius: 50%;
  transform: translate(30px, -30px);
}

/* line 80, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .stats-grid .stat-card.pending {
  border-left-color: var(--primary-blue);
}

/* line 82, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .stats-grid .stat-card.pending .stat-icon {
  color: var(--primary-blue);
}

/* line 85, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .stats-grid .stat-card.approved {
  border-left-color: var(--primary-blue);
}

/* line 87, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .stats-grid .stat-card.approved .stat-icon {
  color: var(--primary-blue);
}

/* line 90, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .stats-grid .stat-card.rejected {
  border-left-color: var(--primary-blue);
}

/* line 92, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .stats-grid .stat-card.rejected .stat-icon {
  color: var(--primary-blue);
}

/* line 95, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .stats-grid .stat-card.total {
  border-left-color: var(--primary-blue);
}

/* line 97, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .stats-grid .stat-card.total .stat-icon {
  color: var(--primary-blue);
}

/* line 100, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .stats-grid .stat-card .stat-icon {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

/* line 105, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .stats-grid .stat-card .stat-number {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--black);
  margin-bottom: 0.25rem;
}

/* line 112, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .stats-grid .stat-card .stat-label {
  color: var(--black);
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 122, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table {
  background: var(--white);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
}

/* line 129, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .table {
  margin: 0;
}

/* line 132, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .table thead {
  background: linear-gradient(135deg, var(--black) 0%, var(--black) 100%);
}

/* line 135, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .table thead th {
  color: var(--white);
  font-weight: 600;
  padding: 1rem;
  border: none;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.5px;
}

/* line 147, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .table tbody tr {
  transition: all 0.3s ease;
}

/* line 150, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .table tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.98);
  transform: scale(1.005);
}

/* line 155, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .table tbody tr td {
  padding: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  vertical-align: middle;
}

/* line 164, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .status-badge {
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-weight: 600;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

/* line 175, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .status-badge.pending {
  background: rgba(255, 193, 7, 0.15);
  color: #856404;
  border: 1px solid rgba(255, 193, 7, 0.3);
}

/* line 181, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .status-badge.approved {
  background: rgba(40, 167, 69, 0.15);
  color: #155724;
  border: 1px solid rgba(40, 167, 69, 0.3);
}

/* line 187, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .status-badge.rejected {
  background: rgba(220, 53, 69, 0.15);
  color: #721c24;
  border: 1px solid rgba(220, 53, 69, 0.3);
}

/* line 194, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .old-value-badge, .temporary-update-enterprise .temp-update-table .new-value-badge {
  background: rgba(108, 117, 125, 0.1);
  color: #495057;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
  font-size: 0.85rem;
  font-weight: 500;
  border: 1px solid rgba(108, 117, 125, 0.2);
}

/* line 204, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .new-value-badge {
  background: rgba(13, 202, 240, 0.1);
  color: #0c5460;
  border-color: rgba(13, 202, 240, 0.2);
}

/* line 210, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .update-type-badge {
  background: rgba(102, 126, 234, 0.1);
  color: #4c63d2;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
  font-size: 0.85rem;
  font-weight: 500;
  border: 1px solid rgba(102, 126, 234, 0.2);
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

/* line 223, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .reason-text, .temporary-update-enterprise .temp-update-table .remarks-text {
  font-size: 0.85rem;
  color: #6c757d;
  font-style: italic;
}

/* line 230, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .date-info .fw-semibold {
  font-size: 0.9rem;
  color: #495057;
}

/* line 235, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .date-info .text-muted {
  font-size: 0.75rem;
}

/* line 240, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .employee-avatar {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(13, 202, 240, 0.1);
  border-radius: 50%;
}

/* line 249, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .employee-avatar i {
  font-size: 1.5rem;
  color: #0dcaf0;
}

/* line 255, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .action-buttons {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
}

/* line 260, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .action-buttons .btn {
  padding: 0.375rem 0.75rem;
  font-size: 0.8rem;
  border-radius: 6px;
  font-weight: 500;
  transition: all 0.3s ease;
  border: none;
  min-width: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* line 272, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .action-buttons .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* line 277, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .action-buttons .btn.btn-success {
  background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
  color: white;
}

/* line 281, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .action-buttons .btn.btn-success:hover {
  background: linear-gradient(135deg, #218838 0%, #1ea085 100%);
}

/* line 286, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .action-buttons .btn.btn-danger {
  background: linear-gradient(135deg, #dc3545 0%, #e74c3c 100%);
  color: white;
}

/* line 290, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .action-buttons .btn.btn-danger:hover {
  background: linear-gradient(135deg, #c82333 0%, #d63031 100%);
}

/* line 295, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .action-buttons .btn.btn-info {
  background: linear-gradient(135deg, #17a2b8 0%, #0dcaf0 100%);
  color: white;
}

/* line 299, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .action-buttons .btn.btn-info:hover {
  background: linear-gradient(135deg, #138496 0%, #0bb5d6 100%);
}

/* line 304, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .action-buttons .btn.btn-secondary {
  background: linear-gradient(135deg, #6c757d 0%, #adb5bd 100%);
  color: white;
}

/* line 308, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .action-buttons .btn.btn-secondary:hover {
  background: linear-gradient(135deg, #5a6268 0%, #9ca3af 100%);
}

/* line 317, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .empty-state {
  background: var(--white);
  border-radius: 12px;
  padding: 3rem 2rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* line 323, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .empty-state .empty-state-icon {
  opacity: 0.5;
}

/* line 327, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .empty-state h4 {
  font-weight: 600;
  color: #6c757d;
}

/* line 332, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .empty-state p {
  font-size: 1.1rem;
  line-height: 1.6;
}

/* line 339, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-form {
  background: var(--white);
  border-radius: 12px;
  padding: 2rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
}

/* line 347, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-form .form-section .card {
  border: none;
  border-radius: 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 1.5rem;
}

/* line 353, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-form .form-section .card .card-header {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
  color: var(--white);
  font-weight: 600;
  padding: 1rem 1.5rem;
  border-radius: 12px 12px 0 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 363, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-form .form-section .card .card-body {
  padding: 1.5rem;
}

/* line 369, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-form .form-control {
  border: 2px solid rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  padding: 0.75rem;
  transition: all 0.3s ease;
}

/* line 375, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-form .form-control:focus {
  border-color: var(--primary-blue);
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

/* line 380, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-form .form-control[readonly] {
  background-color: rgba(255, 255, 255, 0.98);
  border-color: rgba(0, 0, 0, 0.1);
}

/* line 386, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-form .form-group {
  margin-bottom: 1.5rem;
}

/* line 389, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-form .form-group label {
  font-weight: 600;
  color: var(--black);
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 400, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-form .tom-select .ts-control {
  border: 2px solid rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  padding: 0.5rem;
}

/* line 405, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-form .tom-select .ts-control.focus {
  border-color: var(--primary-blue);
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

/* line 414, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-detail {
  background: var(--white);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
}

/* line 421, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-detail .detail-header {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
  color: var(--white);
  padding: 2rem;
  text-align: center;
  position: relative;
}

/* line 428, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-detail .detail-header .detail-title {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

/* line 434, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-detail .detail-header .detail-subtitle {
  font-size: 1.1rem;
  opacity: 0.9;
  font-weight: 300;
}

/* line 441, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-detail .detail-content {
  padding: 2rem;
}

/* line 444, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-detail .detail-content .info-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
}

/* line 450, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-detail .detail-content .info-grid .info-section .section-title {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--black);
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid rgba(0, 0, 0, 0.05);
}

/* line 459, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-detail .detail-content .info-grid .info-section .info-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.98);
}

/* line 466, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-detail .detail-content .info-grid .info-section .info-item .label {
  font-weight: 600;
  color: var(--black);
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 474, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-detail .detail-content .info-grid .info-section .info-item .value {
  font-weight: 500;
  color: var(--black);
  text-align: right;
}

/* line 486, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .btn-enterprise {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
  color: var(--white);
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: 600;
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 499, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .btn-enterprise:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);
  color: var(--white);
}

/* line 505, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .btn-enterprise.btn-success {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
}

/* line 508, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .btn-enterprise.btn-success:hover {
  box-shadow: 0 4px 12px rgba(39, 174, 96, 0.3);
}

/* line 513, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .btn-enterprise.btn-secondary {
  background: linear-gradient(135deg, var(--black) 0%, var(--black) 100%);
}

/* line 516, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .btn-enterprise.btn-secondary:hover {
  box-shadow: 0 4px 12px rgba(149, 165, 166, 0.3);
}

/* line 521, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .btn-enterprise.btn-danger {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
}

/* line 524, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .btn-enterprise.btn-danger:hover {
  box-shadow: 0 4px 12px rgba(231, 76, 60, 0.3);
}

/* line 529, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .btn-enterprise.btn-primary {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
}

/* line 532, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .btn-enterprise.btn-primary:hover {
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@media (max-width: 768px) {
  /* line 548, app/assets/stylesheets/temporary_update.scss */
  .temporary-update-enterprise .temp-update-header h1 {
    font-size: 2rem;
  }
  /* line 552, app/assets/stylesheets/temporary_update.scss */
  .temporary-update-enterprise .stats-grid {
    grid-template-columns: 1fr;
  }
  /* line 557, app/assets/stylesheets/temporary_update.scss */
  .temporary-update-enterprise .temp-update-table .table {
    font-size: 0.85rem;
  }
  /* line 560, app/assets/stylesheets/temporary_update.scss */
  .temporary-update-enterprise .temp-update-table .table td, .temporary-update-enterprise .temp-update-table .table th {
    padding: 0.5rem;
  }
  /* line 566, app/assets/stylesheets/temporary_update.scss */
  .temporary-update-enterprise .action-buttons {
    flex-direction: column;
  }
  /* line 569, app/assets/stylesheets/temporary_update.scss */
  .temporary-update-enterprise .action-buttons .btn {
    width: 100%;
    margin-bottom: 0.25rem;
  }
  /* line 576, app/assets/stylesheets/temporary_update.scss */
  .temporary-update-enterprise .temp-update-detail .detail-header {
    padding: 1.5rem;
  }
  /* line 579, app/assets/stylesheets/temporary_update.scss */
  .temporary-update-enterprise .temp-update-detail .detail-header .detail-title {
    font-size: 1.4rem;
  }
  /* line 584, app/assets/stylesheets/temporary_update.scss */
  .temporary-update-enterprise .temp-update-detail .info-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  /* line 590, app/assets/stylesheets/temporary_update.scss */
  .temporary-update-enterprise .temp-update-form {
    padding: 1rem;
  }
}
/* ===== ENTERPRISE USERS PAGE STYLES ===== */
/* line 2, app/assets/stylesheets/user.scss */
.enterprise-users-page {
  min-height: 100vh;
  position: relative;
  padding: 2rem 0;
}

/* line 11, app/assets/stylesheets/user.scss */
.enterprise-users-page .table td .btn {
  pointer-events: auto !important;
  position: relative;
  z-index: 10;
}

/* line 19, app/assets/stylesheets/user.scss */
.enterprise-users-page::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 50%, rgba(120, 119, 198, 0.3) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.1) 0%, transparent 50%), radial-gradient(circle at 40% 80%, rgba(120, 119, 198, 0.2) 0%, transparent 50%);
  pointer-events: none;
}

/* line 34, app/assets/stylesheets/user.scss */
.users-wrapper {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  padding: 0 1rem;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  box-sizing: border-box;
}

/* ===== HEADER SECTION ===== */
/* line 48, app/assets/stylesheets/user.scss */
.users-header {
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), 0 4px 16px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  overflow: hidden;
  position: relative;
}

/* line 60, app/assets/stylesheets/user.scss */
.users-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);
}

/* line 71, app/assets/stylesheets/user.scss */
.header-content {
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}

/* line 79, app/assets/stylesheets/user.scss */
.header-title {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

/* line 85, app/assets/stylesheets/user.scss */
.title-icon {
  width: 70px;
  height: 70px;
  border-radius: 20px;
  background: linear-gradient(135deg, #129CF3 0%, #a3a3a8 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: white;
  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
  position: relative;
}

/* line 98, app/assets/stylesheets/user.scss */
.title-icon::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
  border-radius: inherit;
}

/* line 109, app/assets/stylesheets/user.scss */
.title-icon i {
  position: relative;
  z-index: 1;
}

/* line 116, app/assets/stylesheets/user.scss */
.title-text h1 {
  margin: 0;
  font-size: 2rem;
  font-weight: 700;
  color: #2d3748;
  letter-spacing: -0.025em;
}

/* line 124, app/assets/stylesheets/user.scss */
.title-text p {
  margin: 0.5rem 0 0 0;
  font-size: 1rem;
  color: #718096;
  font-weight: 500;
}

/* line 132, app/assets/stylesheets/user.scss */
.header-actions {
  display: flex;
  gap: 1rem;
}

/* line 137, app/assets/stylesheets/user.scss */
.btn-enterprise-primary {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 2rem;
  background: linear-gradient(135deg, #4facfe 0%, #b6e2f0 100%);
  color: white;
  text-decoration: none;
  border-radius: 15px;
  border: none;
  font-weight: 600;
  font-size: 1rem;
  box-shadow: 0 8px 25px rgba(79, 172, 254, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

/* line 156, app/assets/stylesheets/user.scss */
.btn-enterprise-primary::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.5s;
}

/* line 167, app/assets/stylesheets/user.scss */
.btn-enterprise-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 35px rgba(79, 172, 254, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  text-decoration: none;
  color: white;
}

/* line 175, app/assets/stylesheets/user.scss */
.btn-enterprise-primary:hover::before {
  left: 100%;
}

/* line 180, app/assets/stylesheets/user.scss */
.btn-enterprise-primary i {
  font-size: 1.1rem;
}

/* ===== SEARCH SECTION ===== */
/* line 186, app/assets/stylesheets/user.scss */
.search-section {
  display: flex;
  justify-content: center;
}

/* line 191, app/assets/stylesheets/user.scss */
.search-card {
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), 0 4px 16px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  overflow: hidden;
  width: 100%;
}

/* line 204, app/assets/stylesheets/user.scss */
.search-header {
  padding: 2rem 2rem 1rem 2rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/* line 212, app/assets/stylesheets/user.scss */
.search-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: linear-gradient(135deg, #129CF3 0%, #a3a3a8 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.2rem;
  box-shadow: 0 4px 15px rgba(72, 113, 235, 0.3);
}

/* line 225, app/assets/stylesheets/user.scss */
.search-header h6 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: #2d3748;
}

/* line 232, app/assets/stylesheets/user.scss */
.search-content {
  padding: 1rem 2rem 2rem 2rem;
}

/* line 236, app/assets/stylesheets/user.scss */
.search-form {
  width: 100%;
}

/* line 240, app/assets/stylesheets/user.scss */
.search-input-group {
  display: flex;
  gap: 1rem;
  align-items: stretch;
}

/* line 246, app/assets/stylesheets/user.scss */
.input-wrapper {
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
}

/* line 253, app/assets/stylesheets/user.scss */
.input-icon {
  position: absolute;
  left: 1rem;
  color: #718096;
  font-size: 1rem;
  z-index: 2;
}

/* line 261, app/assets/stylesheets/user.scss */
.search-input {
  width: 100%;
  padding: 1rem 1rem 1rem 3rem;
  border: 2px solid rgba(17, 66, 215, 0.2);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.8);
  font-size: 1rem;
  color: #2d3748;
  transition: all 0.3s ease;
}

/* line 271, app/assets/stylesheets/user.scss */
.search-input:focus {
  outline: none;
  border-color: rgba(28, 14, 227, 0.5);
  background: white;
  box-shadow: 0 0 0 3px rgba(67, 233, 123, 0.1);
}

/* line 278, app/assets/stylesheets/user.scss */
.search-input::-moz-placeholder {
  color: #a0aec0;
}
.search-input::placeholder {
  color: #a0aec0;
}

/* line 283, app/assets/stylesheets/user.scss */
.year-filter-form {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

/* line 290, app/assets/stylesheets/user.scss */
.year-filter-label {
  margin: 0;
  font-size: 0.85rem;
  font-weight: 600;
  color: #4a5568;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

/* line 301, app/assets/stylesheets/user.scss */
.year-filter-select {
  min-width: 6.75rem;
  border: 2px solid rgba(17, 66, 215, 0.2);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.8);
  font-weight: 600;
  color: #2d3748;
  padding-top: 0.85rem;
  padding-bottom: 0.85rem;
}

/* line 312, app/assets/stylesheets/user.scss */
.search-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, #4facfe 0%, #b6e2f0 100%);
  color: white;
  border: none;
  border-radius: 12px;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(80, 148, 212, 0.3);
  transition: all 0.3s ease;
}

/* line 327, app/assets/stylesheets/user.scss */
.search-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(98, 177, 230, 0.4);
}

/* ===== TABLE SECTION ===== */
/* line 334, app/assets/stylesheets/user.scss */
.table-section {
  flex: 1;
}

/* line 338, app/assets/stylesheets/user.scss */
.table-card {
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), 0 4px 16px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  overflow: hidden;
}

/* line 350, app/assets/stylesheets/user.scss */
.table-header {
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
}

/* line 359, app/assets/stylesheets/user.scss */
.table-title {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 365, app/assets/stylesheets/user.scss */
.table-icon {
  width: 50px;
  height: 50px;
  border-radius: 15px;
  background: linear-gradient(135deg, #129CF3 0%, #a3a3a8 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.5rem;
  box-shadow: 0 4px 15px rgba(250, 112, 154, 0.3);
}

/* line 379, app/assets/stylesheets/user.scss */
.table-info h6 {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 700;
  color: #2d3748;
}

/* line 386, app/assets/stylesheets/user.scss */
.table-info p {
  margin: 0.25rem 0 0 0;
  font-size: 0.9rem;
  color: #718096;
  font-weight: 500;
}

/* line 394, app/assets/stylesheets/user.scss */
.table-stats {
  display: flex;
  gap: 2rem;
}

/* line 399, app/assets/stylesheets/user.scss */
.stat-item {
  text-align: center;
}

/* line 402, app/assets/stylesheets/user.scss */
.stat-item .stat-value {
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  color: #2d3748;
  margin-bottom: 0.25rem;
}

/* line 410, app/assets/stylesheets/user.scss */
.stat-item .stat-label {
  font-size: 0.75rem;
  color: #718096;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* line 419, app/assets/stylesheets/user.scss */
.table-content {
  overflow-x: auto;
}

/* line 423, app/assets/stylesheets/user.scss */
.table-responsive {
  width: 100%;
  overflow-x: auto;
}

/* ===== ENTERPRISE TABLE ===== */
/* line 429, app/assets/stylesheets/user.scss */
.enterprise-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
}

/* line 434, app/assets/stylesheets/user.scss */
.enterprise-table thead {
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
}

/* line 437, app/assets/stylesheets/user.scss */
.enterprise-table thead tr {
  border-bottom: 2px solid rgba(102, 126, 234, 0.2);
}

/* line 441, app/assets/stylesheets/user.scss */
.enterprise-table thead th {
  padding: 1.5rem 1rem;
  text-align: left;
  font-weight: 700;
  color: #2d3748;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
}

/* line 449, app/assets/stylesheets/user.scss */
.enterprise-table thead th:not(:last-child)::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 60%;
  background: rgba(0, 0, 0, 0.1);
}

/* line 463, app/assets/stylesheets/user.scss */
.enterprise-table tbody tr {
  transition: all 0.3s ease;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/* line 467, app/assets/stylesheets/user.scss */
.enterprise-table tbody tr:hover {
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%);
  transform: translateX(5px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* line 473, app/assets/stylesheets/user.scss */
.enterprise-table tbody tr:last-child {
  border-bottom: none;
}

/* line 478, app/assets/stylesheets/user.scss */
.enterprise-table tbody td {
  padding: 1.5rem 1rem;
  vertical-align: middle;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/* line 486, app/assets/stylesheets/user.scss */
.th-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 491, app/assets/stylesheets/user.scss */
.th-content i {
  font-size: 1rem;
  color: #667eea;
}

/* line 496, app/assets/stylesheets/user.scss */
.th-content span {
  font-size: 0.9rem;
  letter-spacing: 0.025em;
}

/* ===== TABLE CELL STYLES ===== */
/* line 503, app/assets/stylesheets/user.scss */
.cell-content {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 510, app/assets/stylesheets/user.scss */
.email-cell .email-avatar {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 700;
  font-size: 1rem;
  box-shadow: 0 4px 10px rgba(79, 172, 254, 0.3);
}

/* line 524, app/assets/stylesheets/user.scss */
.email-cell .email-info {
  display: flex;
  flex-direction: column;
}

/* line 528, app/assets/stylesheets/user.scss */
.email-cell .email-info .email-address {
  font-weight: 600;
  color: #2d3748;
  font-size: 0.95rem;
}

/* line 534, app/assets/stylesheets/user.scss */
.email-cell .email-info .email-domain {
  font-size: 0.8rem;
  color: #718096;
  margin-top: 0.1rem;
}

/* line 543, app/assets/stylesheets/user.scss */
.username-cell i {
  color: #667eea;
  font-size: 1.1rem;
}

/* line 548, app/assets/stylesheets/user.scss */
.username-cell span {
  font-weight: 600;
  color: #2d3748;
}

/* line 555, app/assets/stylesheets/user.scss */
.role-cell .role-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: 600;
  color: white;
}

/* line 565, app/assets/stylesheets/user.scss */
.role-cell .role-badge.system-role {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

/* line 570, app/assets/stylesheets/user.scss */
.role-cell .role-badge.company-role {
  background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
  color: #2d3748;
  box-shadow: 0 2px 8px rgba(168, 237, 234, 0.3);
}

/* line 576, app/assets/stylesheets/user.scss */
.role-cell .role-badge i {
  font-size: 0.9rem;
}

/* line 583, app/assets/stylesheets/user.scss */
.actions-cell .action-buttons {
  display: flex;
  gap: 0.5rem;
}

/* line 588, app/assets/stylesheets/user.scss */
.actions-cell .action-btn {
  width: 35px;
  height: 35px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: white;
  font-size: 0.9rem;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}

/* line 602, app/assets/stylesheets/user.scss */
.actions-cell .action-btn.view-btn {
  background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
  box-shadow: 0 2px 8px rgba(67, 233, 123, 0.3);
}

/* line 606, app/assets/stylesheets/user.scss */
.actions-cell .action-btn.view-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(67, 233, 123, 0.4);
  color: white;
  text-decoration: none;
}

/* line 614, app/assets/stylesheets/user.scss */
.actions-cell .action-btn.edit-btn {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  box-shadow: 0 2px 8px rgba(79, 172, 254, 0.3);
}

/* line 618, app/assets/stylesheets/user.scss */
.actions-cell .action-btn.edit-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(79, 172, 254, 0.4);
  color: white;
  text-decoration: none;
}

/* line 626, app/assets/stylesheets/user.scss */
.actions-cell .action-btn.delete-btn {
  background: linear-gradient(135deg, #ff6b6b 0%, #ee5a52 100%);
  box-shadow: 0 2px 8px rgba(255, 107, 107, 0.3);
}

/* line 630, app/assets/stylesheets/user.scss */
.actions-cell .action-btn.delete-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 107, 107, 0.4);
  color: white;
  text-decoration: none;
}

/* ===== PAGINATION SECTION ===== */
/* line 641, app/assets/stylesheets/user.scss */
.pagination-section {
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
}

/* line 650, app/assets/stylesheets/user.scss */
.pagination-info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #718096;
  font-size: 0.9rem;
}

/* line 657, app/assets/stylesheets/user.scss */
.pagination-info i {
  color: #667eea;
  font-size: 1rem;
}

/* line 664, app/assets/stylesheets/user.scss */
.pagination-controls .pagination {
  margin: 0;
}

/* line 668, app/assets/stylesheets/user.scss */
.pagination-controls .pagination .page-item .page-link {
  border: 1px solid rgba(102, 126, 234, 0.2);
  color: #667eea;
  background: rgba(255, 255, 255, 0.8);
  margin: 0 2px;
  border-radius: 8px;
  padding: 0.5rem 1rem;
  transition: all 0.3s ease;
}

/* line 677, app/assets/stylesheets/user.scss */
.pagination-controls .pagination .page-item .page-link:hover {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border-color: transparent;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

/* line 686, app/assets/stylesheets/user.scss */
.pagination-controls .pagination .page-item.active .page-link {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-color: transparent;
  color: white;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

/* ===== ANIMATIONS ===== */
@keyframes slideInUp {
  from {
    transform: translateY(30px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fadeInScale {
  from {
    transform: scale(0.95);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

/* line 719, app/assets/stylesheets/user.scss */
.table-row {
  animation: slideInUp 0.6s ease-out;
  opacity: 0;
  animation-fill-mode: forwards;
}

/* line 725, app/assets/stylesheets/user.scss */
.users-header,
.search-card,
.table-card {
  animation: fadeInScale 0.6s ease-out;
}

/* line 731, app/assets/stylesheets/user.scss */
.users-header {
  animation-delay: 0.1s;
}

/* line 732, app/assets/stylesheets/user.scss */
.search-card {
  animation-delay: 0.2s;
}

/* line 733, app/assets/stylesheets/user.scss */
.table-card {
  animation-delay: 0.3s;
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 1200px) {
  /* line 737, app/assets/stylesheets/user.scss */
  .users-wrapper {
    padding: 0 0.5rem;
  }
  /* line 741, app/assets/stylesheets/user.scss */
  .header-content {
    padding: 1.5rem;
  }
  /* line 745, app/assets/stylesheets/user.scss */
  .table-header {
    padding: 1.5rem;
  }
}

@media (max-width: 992px) {
  /* line 751, app/assets/stylesheets/user.scss */
  .header-content {
    flex-direction: column;
    text-align: center;
    gap: 1.5rem;
  }
  /* line 757, app/assets/stylesheets/user.scss */
  .table-stats {
    gap: 1rem;
  }
  /* line 761, app/assets/stylesheets/user.scss */
  .pagination-section {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }
}

@media (max-width: 768px) {
  /* line 769, app/assets/stylesheets/user.scss */
  .enterprise-users-page {
    padding: 1rem 0;
  }
  /* line 773, app/assets/stylesheets/user.scss */
  .users-wrapper {
    gap: 1.5rem;
  }
  /* line 777, app/assets/stylesheets/user.scss */
  .title-icon {
    width: 60px;
    height: 60px;
    font-size: 1.8rem;
  }
  /* line 783, app/assets/stylesheets/user.scss */
  .title-text h1 {
    font-size: 1.75rem;
  }
  /* line 787, app/assets/stylesheets/user.scss */
  .search-header,
.search-content {
    padding: 1rem 1.5rem;
  }
  /* line 792, app/assets/stylesheets/user.scss */
  .search-input-group {
    flex-direction: column;
    gap: 1rem;
  }
  /* line 797, app/assets/stylesheets/user.scss */
  .table-header {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }
  /* line 803, app/assets/stylesheets/user.scss */
  .enterprise-table {
    font-size: 0.85rem;
  }
  /* line 806, app/assets/stylesheets/user.scss */
  .enterprise-table thead th,
.enterprise-table tbody td {
    padding: 1rem 0.5rem;
  }
  /* line 812, app/assets/stylesheets/user.scss */
  .email-cell {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  /* line 818, app/assets/stylesheets/user.scss */
  .action-buttons {
    flex-direction: column;
  }
}

@media (max-width: 576px) {
  /* line 824, app/assets/stylesheets/user.scss */
  .header-content {
    padding: 1rem;
  }
  /* line 828, app/assets/stylesheets/user.scss */
  .title-icon {
    width: 50px;
    height: 50px;
    font-size: 1.5rem;
  }
  /* line 834, app/assets/stylesheets/user.scss */
  .title-text h1 {
    font-size: 1.5rem;
  }
  /* line 838, app/assets/stylesheets/user.scss */
  .btn-enterprise-primary {
    padding: 0.75rem 1.5rem;
    font-size: 0.9rem;
  }
  /* line 843, app/assets/stylesheets/user.scss */
  .search-card {
    margin: 0 0.5rem;
  }
  /* line 847, app/assets/stylesheets/user.scss */
  .table-card {
    margin: 0 0.5rem;
  }
  /* line 851, app/assets/stylesheets/user.scss */
  .enterprise-table {
    font-size: 0.8rem;
  }
  /* line 855, app/assets/stylesheets/user.scss */
  .cell-content {
    gap: 0.5rem;
  }
  /* line 859, app/assets/stylesheets/user.scss */
  .email-avatar {
    width: 35px !important;
    height: 35px !important;
    font-size: 0.9rem !important;
  }
  /* line 865, app/assets/stylesheets/user.scss */
  .action-btn {
    width: 30px !important;
    height: 30px !important;
    font-size: 0.8rem !important;
  }
}

/* ===== ENTERPRISE USER SHOW PAGE STYLES ===== */
/* line 873, app/assets/stylesheets/user.scss */
.enterprise-user-show {
  min-height: 100vh;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  position: relative;
  padding: 2rem 0;
}

/* line 879, app/assets/stylesheets/user.scss */
.enterprise-user-show::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 50%, rgba(120, 119, 198, 0.3) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.1) 0%, transparent 50%), radial-gradient(circle at 40% 80%, rgba(120, 119, 198, 0.2) 0%, transparent 50%);
  pointer-events: none;
}

/* line 894, app/assets/stylesheets/user.scss */
.user-show-wrapper {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 1rem;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

/* line 905, app/assets/stylesheets/user.scss */
.show-header {
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), 0 4px 16px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  overflow: hidden;
}

/* line 916, app/assets/stylesheets/user.scss */
.show-header .header-content {
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}

/* line 924, app/assets/stylesheets/user.scss */
.show-header .header-title {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

/* line 930, app/assets/stylesheets/user.scss */
.show-header .title-icon {
  width: 60px;
  height: 60px;
  border-radius: 18px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  color: white;
  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
}

/* line 944, app/assets/stylesheets/user.scss */
.show-header .title-text h1 {
  margin: 0;
  font-size: 1.8rem;
  font-weight: 700;
  color: #2d3748;
}

/* line 951, app/assets/stylesheets/user.scss */
.show-header .title-text p {
  margin: 0.5rem 0 0 0;
  font-size: 1rem;
  color: #718096;
  font-weight: 500;
}

/* line 959, app/assets/stylesheets/user.scss */
.show-header .header-actions {
  display: flex;
  gap: 1rem;
}

/* line 965, app/assets/stylesheets/user.scss */
.btn-enterprise-edit,
.btn-enterprise-back {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.95rem;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}

/* line 979, app/assets/stylesheets/user.scss */
.btn-enterprise-edit i,
.btn-enterprise-back i {
  font-size: 1rem;
}

/* line 984, app/assets/stylesheets/user.scss */
.btn-enterprise-edit {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  color: white;
  box-shadow: 0 4px 15px rgba(79, 172, 254, 0.3);
}

/* line 989, app/assets/stylesheets/user.scss */
.btn-enterprise-edit:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(79, 172, 254, 0.4);
  text-decoration: none;
  color: white;
}

/* line 997, app/assets/stylesheets/user.scss */
.btn-enterprise-back {
  background: rgba(255, 255, 255, 0.9);
  color: #667eea;
  border: 2px solid rgba(102, 126, 234, 0.2);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* line 1003, app/assets/stylesheets/user.scss */
.btn-enterprise-back:hover {
  transform: translateY(-2px);
  background: rgba(102, 126, 234, 0.1);
  border-color: rgba(102, 126, 234, 0.3);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  text-decoration: none;
  color: #667eea;
}

/* line 1013, app/assets/stylesheets/user.scss */
.user-details-section {
  flex: 1;
}

/* line 1017, app/assets/stylesheets/user.scss */
.user-card {
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), 0 4px 16px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  overflow: hidden;
}

/* line 1029, app/assets/stylesheets/user.scss */
.user-card-header {
  padding: 2rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/* line 1037, app/assets/stylesheets/user.scss */
.user-card-header .user-avatar {
  width: 80px;
  height: 80px;
  border-radius: 20px;
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 700;
  font-size: 2rem;
  box-shadow: 0 8px 25px rgba(79, 172, 254, 0.3);
}

/* line 1051, app/assets/stylesheets/user.scss */
.user-card-header .user-basic-info {
  flex: 1;
}

/* line 1054, app/assets/stylesheets/user.scss */
.user-card-header .user-basic-info h3 {
  margin: 0 0 0.5rem 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: #2d3748;
}

/* line 1061, app/assets/stylesheets/user.scss */
.user-card-header .user-basic-info .user-email {
  margin: 0 0 1rem 0;
  font-size: 1rem;
  color: #718096;
  font-weight: 500;
}

/* line 1068, app/assets/stylesheets/user.scss */
.user-card-header .user-basic-info .user-badges {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

/* line 1076, app/assets/stylesheets/user.scss */
.user-card-content {
  padding: 2rem;
}

/* line 1080, app/assets/stylesheets/user.scss */
.details-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
}

/* line 1086, app/assets/stylesheets/user.scss */
.detail-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%);
  border: 1px solid rgba(102, 126, 234, 0.1);
  border-radius: 15px;
  transition: all 0.3s ease;
}

/* line 1096, app/assets/stylesheets/user.scss */
.detail-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.15);
  border-color: rgba(102, 126, 234, 0.2);
}

/* line 1103, app/assets/stylesheets/user.scss */
.detail-icon {
  width: 45px;
  height: 45px;
  border-radius: 12px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.2rem;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
  flex-shrink: 0;
}

/* line 1117, app/assets/stylesheets/user.scss */
.detail-info {
  flex: 1;
}

/* line 1120, app/assets/stylesheets/user.scss */
.detail-info label {
  display: block;
  font-size: 0.85rem;
  color: #718096;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.25rem;
}

/* line 1130, app/assets/stylesheets/user.scss */
.detail-info span {
  font-size: 1rem;
  color: #2d3748;
  font-weight: 600;
}

/* line 1135, app/assets/stylesheets/user.scss */
.detail-info span.role-text {
  color: #667eea;
  font-weight: 700;
}

/* ===== ENTERPRISE USER FORM STYLES ===== */
/* line 1143, app/assets/stylesheets/user.scss */
.enterprise-user-form {
  min-height: 100vh;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  position: relative;
  padding: 2rem 0;
}

/* line 1149, app/assets/stylesheets/user.scss */
.enterprise-user-form::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 50%, rgba(120, 119, 198, 0.3) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.1) 0%, transparent 50%), radial-gradient(circle at 40% 80%, rgba(120, 119, 198, 0.2) 0%, transparent 50%);
  pointer-events: none;
}

/* line 1164, app/assets/stylesheets/user.scss */
.form-wrapper {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 1rem;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

/* line 1175, app/assets/stylesheets/user.scss */
.form-header {
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), 0 4px 16px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  overflow: hidden;
  padding: 2rem;
}

/* line 1188, app/assets/stylesheets/user.scss */
.form-title {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

/* line 1194, app/assets/stylesheets/user.scss */
.form-icon {
  width: 60px;
  height: 60px;
  border-radius: 18px;
  background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  color: white;
  box-shadow: 0 8px 25px rgba(67, 233, 123, 0.3);
}

/* line 1208, app/assets/stylesheets/user.scss */
.form-title-text h2 {
  margin: 0;
  font-size: 1.8rem;
  font-weight: 700;
  color: #2d3748;
}

/* line 1215, app/assets/stylesheets/user.scss */
.form-title-text p {
  margin: 0.5rem 0 0 0;
  font-size: 1rem;
  color: #718096;
  font-weight: 500;
}

/* line 1223, app/assets/stylesheets/user.scss */
.form-content {
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), 0 4px 16px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  overflow: hidden;
}

/* line 1235, app/assets/stylesheets/user.scss */
.form-sections {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

/* line 1242, app/assets/stylesheets/user.scss */
.form-section {
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 15px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.5);
}

/* line 1249, app/assets/stylesheets/user.scss */
.section-header {
  padding: 1.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/* line 1258, app/assets/stylesheets/user.scss */
.section-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.2rem;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

/* line 1272, app/assets/stylesheets/user.scss */
.section-title h4 {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 700;
  color: #2d3748;
}

/* line 1279, app/assets/stylesheets/user.scss */
.section-title p {
  margin: 0.25rem 0 0 0;
  font-size: 0.9rem;
  color: #718096;
  font-weight: 500;
}

/* line 1287, app/assets/stylesheets/user.scss */
.section-content {
  padding: 2rem 1.5rem;
}

/* line 1291, app/assets/stylesheets/user.scss */
.form-group-enterprise {
  margin-bottom: 1.5rem;
}

/* line 1294, app/assets/stylesheets/user.scss */
.form-group-enterprise:last-child {
  margin-bottom: 0;
}

/* line 1299, app/assets/stylesheets/user.scss */
.input-wrapper {
  position: relative;
  display: flex;
  align-items: stretch;
}

/* line 1304, app/assets/stylesheets/user.scss */
.input-wrapper .input-icon {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: #718096;
  font-size: 1rem;
  z-index: 2;
  pointer-events: none;
}

/* line 1316, app/assets/stylesheets/user.scss */
.form-input-container {
  width: 100%;
}

/* line 1319, app/assets/stylesheets/user.scss */
.form-input-container .form-label-enterprise {
  display: block;
  font-size: 0.9rem;
  color: #2d3748;
  font-weight: 600;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

/* line 1329, app/assets/stylesheets/user.scss */
.form-input-container .form-input-enterprise,
.form-input-container .form-select-enterprise {
  width: 100%;
  padding: 1rem 1rem 1rem 3rem;
  border: 2px solid rgba(102, 126, 234, 0.2);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.9);
  font-size: 1rem;
  color: #2d3748;
  transition: all 0.3s ease;
}

/* line 1340, app/assets/stylesheets/user.scss */
.form-input-container .form-input-enterprise:focus,
.form-input-container .form-select-enterprise:focus {
  outline: none;
  border-color: rgba(102, 126, 234, 0.5);
  background: white;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

/* line 1347, app/assets/stylesheets/user.scss */
.form-input-container .form-input-enterprise::-moz-placeholder, .form-input-container .form-select-enterprise::-moz-placeholder {
  color: #a0aec0;
}
.form-input-container .form-input-enterprise::placeholder,
.form-input-container .form-select-enterprise::placeholder {
  color: #a0aec0;
}

/* line 1352, app/assets/stylesheets/user.scss */
.form-input-container .form-select-enterprise {
  cursor: pointer;
}

/* line 1355, app/assets/stylesheets/user.scss */
.form-input-container .form-select-enterprise option {
  padding: 0.5rem;
}

/* line 1361, app/assets/stylesheets/user.scss */
.form-actions-section {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
}

/* line 1366, app/assets/stylesheets/user.scss */
.form-actions-content {
  padding: 2rem;
}

/* line 1370, app/assets/stylesheets/user.scss */
.action-buttons {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
}

/* line 1376, app/assets/stylesheets/user.scss */
.btn-enterprise-secondary,
.btn-enterprise-submit {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 2rem;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}

/* line 1390, app/assets/stylesheets/user.scss */
.btn-enterprise-secondary i,
.btn-enterprise-submit i {
  font-size: 1rem;
}

/* Smaller variant for table action buttons */
/* line 1396, app/assets/stylesheets/user.scss */
.btn-enterprise-primary.btn-sm {
  padding: 0.35rem 0.85rem;
  font-size: 0.75rem;
  border-radius: 8px;
  gap: 0.35rem;
  display: inline-flex;
  justify-content: center;
}

/* line 1405, app/assets/stylesheets/user.scss */
.btn-enterprise-secondary.btn-sm {
  padding: 0.35rem 0.85rem;
  font-size: 0.75rem;
  border-radius: 8px;
  gap: 0.35rem;
  display: inline-flex;
  justify-content: center;
}

/* line 1414, app/assets/stylesheets/user.scss */
.btn-enterprise-secondary {
  background: rgba(255, 255, 255, 0.9);
  color: #718096;
  border: 2px solid rgba(113, 128, 150, 0.2);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* line 1420, app/assets/stylesheets/user.scss */
.btn-enterprise-secondary:hover {
  transform: translateY(-2px);
  background: rgba(113, 128, 150, 0.1);
  border-color: rgba(113, 128, 150, 0.3);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  text-decoration: none;
  color: #718096;
}

/* line 1430, app/assets/stylesheets/user.scss */
.btn-enterprise-submit {
  background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
  color: white;
  box-shadow: 0 8px 25px rgba(67, 233, 123, 0.3);
}

/* line 1435, app/assets/stylesheets/user.scss */
.btn-enterprise-submit:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 35px rgba(67, 233, 123, 0.4);
  text-decoration: none;
  color: white;
}

/* ===== RESPONSIVE DESIGN FOR SHOW & FORM ===== */
@media (max-width: 992px) {
  /* line 1445, app/assets/stylesheets/user.scss */
  .user-show-wrapper,
.form-wrapper {
    padding: 0 0.5rem;
  }
  /* line 1450, app/assets/stylesheets/user.scss */
  .header-content {
    flex-direction: column;
    text-align: center;
    gap: 1.5rem;
  }
  /* line 1456, app/assets/stylesheets/user.scss */
  .user-card-header {
    flex-direction: column;
    text-align: center;
    gap: 1.5rem;
  }
  /* line 1462, app/assets/stylesheets/user.scss */
  .details-grid {
    grid-template-columns: 1fr;
  }
  /* line 1466, app/assets/stylesheets/user.scss */
  .action-buttons {
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  /* line 1472, app/assets/stylesheets/user.scss */
  .enterprise-user-show,
.enterprise-user-form {
    padding: 1rem 0;
  }
  /* line 1477, app/assets/stylesheets/user.scss */
  .user-show-wrapper,
.form-wrapper {
    gap: 1.5rem;
  }
  /* line 1482, app/assets/stylesheets/user.scss */
  .show-header .header-content,
.form-header {
    padding: 1.5rem;
  }
  /* line 1487, app/assets/stylesheets/user.scss */
  .user-card-header,
.user-card-content,
.form-sections,
.section-content,
.form-actions-content {
    padding: 1.5rem;
  }
  /* line 1495, app/assets/stylesheets/user.scss */
  .title-icon,
.form-icon {
    width: 50px;
    height: 50px;
    font-size: 1.5rem;
  }
  /* line 1502, app/assets/stylesheets/user.scss */
  .title-text h1,
.form-title-text h2 {
    font-size: 1.5rem;
  }
  /* line 1507, app/assets/stylesheets/user.scss */
  .user-avatar {
    width: 60px !important;
    height: 60px !important;
    font-size: 1.5rem !important;
  }
  /* line 1513, app/assets/stylesheets/user.scss */
  .detail-item {
    padding: 1rem;
  }
  /* line 1517, app/assets/stylesheets/user.scss */
  .detail-icon {
    width: 35px;
    height: 35px;
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  /* line 1525, app/assets/stylesheets/user.scss */
  .header-actions {
    flex-direction: column;
    width: 100%;
  }
  /* line 1530, app/assets/stylesheets/user.scss */
  .btn-enterprise-edit,
.btn-enterprise-back,
.btn-enterprise-secondary,
.btn-enterprise-submit {
    justify-content: center;
    width: 100%;
  }
  /* line 1538, app/assets/stylesheets/user.scss */
  .user-badges {
    justify-content: center;
  }
  /* line 1542, app/assets/stylesheets/user.scss */
  .detail-item {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }
  /* line 1548, app/assets/stylesheets/user.scss */
  .form-input-enterprise,
.form-select-enterprise {
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
  }
  /* line 1553, app/assets/stylesheets/user.scss */
  .input-wrapper .input-icon {
    left: 0.75rem;
  }
}

/* line 1562, app/assets/stylesheets/user.scss */
.user-avatar-large .avatar-circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: linear-gradient(135deg, #129CF3 0%, #667eea 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 700;
  color: white;
  margin: 0 auto;
  box-shadow: 0 4px 15px rgba(18, 156, 243, 0.3);
}

/* line 1579, app/assets/stylesheets/user.scss */
.info-list .info-item-row {
  display: flex;
  align-items: center;
  padding: 1rem 0;
  border-bottom: 1px solid #f1f3f4;
}

/* line 1585, app/assets/stylesheets/user.scss */
.info-list .info-item-row:last-child {
  border-bottom: none;
}

/* line 1589, app/assets/stylesheets/user.scss */
.info-list .info-item-row .info-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #f8f9fa;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  color: #129CF3;
  font-size: 1.1rem;
}

/* line 1602, app/assets/stylesheets/user.scss */
.info-list .info-item-row .info-content {
  flex: 1;
}

/* line 1605, app/assets/stylesheets/user.scss */
.info-list .info-item-row .info-content label {
  display: block;
  font-size: 0.85rem;
  font-weight: 600;
  color: #6c757d;
  margin-bottom: 0.25rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 1615, app/assets/stylesheets/user.scss */
.info-list .info-item-row .info-content span {
  font-size: 1rem;
  color: #2c3e50;
  font-weight: 500;
}

/* line 1625, app/assets/stylesheets/user.scss */
.roles-section .role-item {
  margin-bottom: 1.5rem;
}

/* line 1628, app/assets/stylesheets/user.scss */
.roles-section .role-item:last-child {
  margin-bottom: 0;
}

/* line 1632, app/assets/stylesheets/user.scss */
.roles-section .role-item .role-header {
  display: flex;
  align-items: center;
}

/* line 1636, app/assets/stylesheets/user.scss */
.roles-section .role-item .role-header .role-icon {
  width: 45px;
  height: 45px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  font-size: 1.2rem;
  color: white;
}

/* line 1647, app/assets/stylesheets/user.scss */
.roles-section .role-item .role-header .role-icon.system-role {
  background: linear-gradient(135deg, #129CF3 0%, #0d7bc7 100%);
}

/* line 1651, app/assets/stylesheets/user.scss */
.roles-section .role-item .role-header .role-icon.company-role {
  background: linear-gradient(135deg, #6c757d 0%, #495057 100%);
}

/* line 1656, app/assets/stylesheets/user.scss */
.roles-section .role-item .role-header .role-info {
  flex: 1;
}

/* line 1659, app/assets/stylesheets/user.scss */
.roles-section .role-item .role-header .role-info h6 {
  margin-bottom: 0.5rem;
  font-weight: 600;
  color: #2c3e50;
}

/* line 1665, app/assets/stylesheets/user.scss */
.roles-section .role-item .role-header .role-info .badge {
  font-size: 0.8rem;
  padding: 0.4rem 0.8rem;
}

/* line 1675, app/assets/stylesheets/user.scss */
.employee-link-section .employee-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  background: #f8f9fa;
  border-radius: 12px;
  border: 1px solid #e9ecef;
}

/* line 1684, app/assets/stylesheets/user.scss */
.employee-link-section .employee-card .employee-info {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 1689, app/assets/stylesheets/user.scss */
.employee-link-section .employee-card .employee-info .employee-avatar-small {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, #129CF3 0%, #667eea 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  font-weight: 600;
  color: white;
}

/* line 1703, app/assets/stylesheets/user.scss */
.employee-link-section .employee-card .employee-info .employee-details h6 {
  margin-bottom: 0.25rem;
  font-weight: 600;
  color: #2c3e50;
}

/* line 1709, app/assets/stylesheets/user.scss */
.employee-link-section .employee-card .employee-info .employee-details p {
  font-size: 0.85rem;
}

/* line 1717, app/assets/stylesheets/user.scss */
.action-buttons {
  display: flex;
  gap: 0.5rem;
}
/* line 2, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-day-badge {
  font-weight: 600;
  font-size: 0.75rem;
  padding: 0.35rem 0.7rem;
  border-radius: 999px;
  margin: 0 0.2rem 0.2rem 0;
  color: #334155 !important;
  background-color: #e8eef5 !important;
}

/* line 12, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-day-badge.wfh-day-on {
  background-color: #d7eefc !important;
  color: #0b6eab !important;
}

/* line 17, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-day-badge.wfh-day-off {
  background-color: #f1f5f9 !important;
  color: #64748b !important;
}

/* line 22, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-employee-no {
  font-size: 0.85rem;
  margin-top: 0.15rem;
}

/* line 27, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .table-empty-state {
  text-align: center;
  padding: 3rem 2rem;
  color: #718096;
}

/* line 32, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .table-empty-state .empty-icon {
  font-size: 3rem;
  color: #cbd5e0;
  margin-bottom: 1rem;
}

/* line 38, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .table-empty-state h5 {
  color: #2d3748;
  font-weight: 600;
}

/* line 44, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .btn-enterprise-primary {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 2rem;
  background: linear-gradient(135deg, #129cf3 0%, #a3a3a8 100%);
  color: #fff;
  text-decoration: none;
  border-radius: 15px;
  border: none;
  font-weight: 600;
  font-size: 1rem;
  box-shadow: 0 8px 25px rgba(18, 156, 243, 0.3);
  white-space: nowrap;
}

/* line 59, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .btn-enterprise-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 35px rgba(18, 156, 243, 0.4);
  color: #fff;
  text-decoration: none;
}

/* line 67, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-form-content,
.wfh-page .wfh-details-content {
  padding: 1.5rem 2rem 2rem;
}

/* line 72, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-field-label {
  display: block;
  font-weight: 600;
  color: #2d3748;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* line 82, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-modern-select {
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  padding: 0.9rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  color: #2d3748;
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
}

/* line 91, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-modern-select:focus {
  outline: none;
  border-color: #129cf3;
  box-shadow: 0 0 0 3px rgba(18, 156, 243, 0.1);
  background: #fff;
}

/* line 99, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-days-card {
  margin-top: 1.75rem;
  background: #fff;
  border: 1px solid rgba(148, 163, 184, 0.25);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
}

/* line 108, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-days-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  background: rgba(248, 249, 250, 0.5);
}

/* line 116, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-days-header h6 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #2d3748;
  margin: 0 0 0.25rem;
}

/* line 123, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-days-header p {
  font-size: 0.875rem;
  color: #718096;
  margin: 0;
}

/* line 130, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-days-icon {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  background: linear-gradient(135deg, #129cf3 0%, #a3a3a8 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.25rem;
  flex-shrink: 0;
}

/* line 143, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-day-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.75rem;
  padding: 1.5rem;
}

/* line 150, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-day-option {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.25rem;
  margin: 0;
  padding: 0.85rem 0.5rem;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
  font-weight: 600;
  color: #475569;
}

/* line 165, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-day-option input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}

/* line 170, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-day-option:has(input[type="checkbox"]:checked) {
  border-color: #129cf3;
  background: rgba(18, 156, 243, 0.1);
  color: #0b6eab;
}

/* line 177, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-form-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1.75rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

/* line 187, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

/* line 196, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-actions-right {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

/* line 201, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-actions-right form {
  margin: 0;
}

/* line 206, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-submit-btn {
  background: linear-gradient(135deg, #129cf3 0%, #a3a3a8 100%);
  border: none;
  font-weight: 600;
  padding: 0.5rem 1.25rem;
  color: #fff;
}

/* line 213, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-submit-btn:hover {
  background: linear-gradient(135deg, #0d8ad9 0%, #8f8f94 100%);
  color: #fff;
}

/* line 219, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem 1.5rem;
}

/* line 225, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-detail-full {
  grid-column: 1 / -1;
}

@media (max-width: 768px) {
  /* line 230, app/assets/stylesheets/work_from_home_schedules.scss */
  .wfh-page .wfh-detail-grid,
.wfh-page .wfh-day-grid {
    grid-template-columns: 1fr;
  }
  /* line 235, app/assets/stylesheets/work_from_home_schedules.scss */
  .wfh-page .header-content {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* line 242, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-detail-item .detail-label {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #718096;
  margin-bottom: 0.35rem;
}

/* line 251, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-detail-item .detail-value {
  font-weight: 600;
  color: #2d3748;
}
@charset "UTF-8";
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */
/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
/* line 1, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_root.scss */
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
}

/* line 16, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  /* line 28, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
  :root {
    scroll-behavior: smooth;
  }
}

/* line 49, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* line 69, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

/* line 77, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
hr:not([size]) {
  height: 1px;
}

/* line 88, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

/* line 98, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
  /* line 98, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
  h1, .h1 {
    font-size: 2.5rem;
  }
}

/* line 103, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {
  /* line 103, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
  h2, .h2 {
    font-size: 2rem;
  }
}

/* line 108, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {
  /* line 108, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
  h3, .h3 {
    font-size: 1.75rem;
  }
}

/* line 113, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
  /* line 113, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
  h4, .h4 {
    font-size: 1.5rem;
  }
}

/* line 118, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
h5, .h5 {
  font-size: 1.25rem;
}

/* line 123, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
h6, .h6 {
  font-size: 1rem;
}

/* line 134, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
p {
  margin-top: 0;
  margin-bottom: 1rem;
}

/* line 147, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
abbr[title],
abbr[data-bs-original-title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

/* line 157, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

/* line 166, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
ol,
ul {
  padding-left: 2rem;
}

/* line 171, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

/* line 178, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

/* line 185, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
dt {
  font-weight: 700;
}

/* line 191, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

/* line 199, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
blockquote {
  margin: 0 0 1rem;
}

/* line 208, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
b,
strong {
  font-weight: bolder;
}

/* line 218, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
small, .small {
  font-size: 0.875em;
}

/* line 225, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
mark, .mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

/* line 236, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

/* line 244, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
sub {
  bottom: -.25em;
}

/* line 245, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
sup {
  top: -.5em;
}

/* line 250, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
a {
  color: #0d6efd;
  text-decoration: underline;
}

/* line 254, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
a:hover {
  color: #0a58ca;
}

/* line 266, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

/* line 276, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
  direction: ltr /* rtl:ignore */;
  unicode-bidi: bidi-override;
}

/* line 290, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}

/* line 299, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

/* line 306, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
code {
  font-size: 0.875em;
  color: #d63384;
  word-wrap: break-word;
}

/* line 312, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
a > code {
  color: inherit;
}

/* line 317, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
kbd {
  padding: 0.2rem 0.4rem;
  font-size: 0.875em;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}

/* line 324, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: 700;
}

/* line 336, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
figure {
  margin: 0 0 1rem;
}

/* line 343, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
img,
svg {
  vertical-align: middle;
}

/* line 353, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
table {
  caption-side: bottom;
  border-collapse: collapse;
}

/* line 358, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #6c757d;
  text-align: left;
}

/* line 369, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

/* line 375, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

/* line 391, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
label {
  display: inline-block;
}

/* line 398, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
button {
  border-radius: 0;
}

/* line 408, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
button:focus:not(:focus-visible) {
  outline: 0;
}

/* line 414, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/* line 426, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
button,
select {
  text-transform: none;
}

/* line 433, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
[role="button"] {
  cursor: pointer;
}

/* line 437, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
select {
  word-wrap: normal;
}

/* line 443, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
select:disabled {
  opacity: 1;
}

/* line 451, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
[list]::-webkit-calendar-picker-indicator {
  display: none;
}

/* line 460, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/* line 467, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

/* line 475, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/* line 482, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
textarea {
  resize: vertical;
}

/* line 493, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

/* line 505, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}

@media (min-width: 1200px) {
  /* line 505, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
  legend {
    font-size: 1.5rem;
  }
}

/* line 514, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
legend + * {
  clear: left;
}

/* line 522, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

/* line 532, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
::-webkit-inner-spin-button {
  height: auto;
}

/* line 542, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
/* line 563, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* line 569, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
::-webkit-color-swatch-wrapper {
  padding: 0;
}

/* line 576, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
::file-selector-button {
  font: inherit;
}

/* line 583, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

/* line 590, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
output {
  display: inline-block;
}

/* line 596, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
iframe {
  border: 0;
}

/* line 604, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
summary {
  display: list-item;
  cursor: pointer;
}

/* line 614, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
progress {
  vertical-align: baseline;
}

/* line 623, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_reboot.scss */
[hidden] {
  display: none !important;
}

/* line 29, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_type.scss */
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

/* line 36, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_type.scss */
.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  /* line 36, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_type.scss */
  .display-1 {
    font-size: 5rem;
  }
}

/* line 36, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_type.scss */
.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  /* line 36, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_type.scss */
  .display-2 {
    font-size: 4.5rem;
  }
}

/* line 36, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_type.scss */
.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  /* line 36, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_type.scss */
  .display-3 {
    font-size: 4rem;
  }
}

/* line 36, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_type.scss */
.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  /* line 36, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_type.scss */
  .display-4 {
    font-size: 3.5rem;
  }
}

/* line 36, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_type.scss */
.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  /* line 36, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_type.scss */
  .display-5 {
    font-size: 3rem;
  }
}

/* line 36, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_type.scss */
.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  /* line 36, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_type.scss */
  .display-6 {
    font-size: 2.5rem;
  }
}

/* line 58, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_type.scss */
.list-unstyled {
  padding-left: 0;
  list-style: none;
}

/* line 63, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_type.scss */
.list-inline {
  padding-left: 0;
  list-style: none;
}

/* line 66, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_type.scss */
.list-inline-item {
  display: inline-block;
}

/* line 69, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_type.scss */
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

/* line 80, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_type.scss */
.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

/* line 86, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_type.scss */
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

/* line 90, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_type.scss */
.blockquote > :last-child {
  margin-bottom: 0;
}

/* line 95, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_type.scss */
.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}

/* line 101, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_type.scss */
.blockquote-footer::before {
  content: "\2014\00A0";
}

/* line 8, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_images.scss */
.img-fluid {
  max-width: 100%;
  height: auto;
}

/* line 14, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_images.scss */
.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

/* line 29, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_images.scss */
.figure {
  display: inline-block;
}

/* line 34, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_images.scss */
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

/* line 39, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_images.scss */
.figure-caption {
  font-size: 0.875em;
  color: #6c757d;
}

/* line 7, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_containers.scss */
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  /* line 20, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_containers.scss */
  .container-sm, .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  /* line 20, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_containers.scss */
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  /* line 20, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_containers.scss */
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  /* line 20, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_containers.scss */
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  /* line 20, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_containers.scss */
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}

/* line 6, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_grid.scss */
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}

/* line 9, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_grid.scss */
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}

/* line 74, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.col {
  flex: 1 0 0%;
}

/* line 78, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

/* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

/* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

/* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

/* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

/* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

/* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

/* line 90, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.col-auto {
  flex: 0 0 auto;
  width: auto;
}

/* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

/* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

/* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

/* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

/* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

/* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

/* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

/* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

/* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

/* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

/* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

/* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

/* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.offset-1 {
  margin-left: 8.33333333%;
}

/* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.offset-2 {
  margin-left: 16.66666667%;
}

/* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.offset-3 {
  margin-left: 25%;
}

/* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.offset-4 {
  margin-left: 33.33333333%;
}

/* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.offset-5 {
  margin-left: 41.66666667%;
}

/* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.offset-6 {
  margin-left: 50%;
}

/* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.offset-7 {
  margin-left: 58.33333333%;
}

/* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.offset-8 {
  margin-left: 66.66666667%;
}

/* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.offset-9 {
  margin-left: 75%;
}

/* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.offset-10 {
  margin-left: 83.33333333%;
}

/* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.offset-11 {
  margin-left: 91.66666667%;
}

/* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

/* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

/* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

/* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

/* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

/* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

/* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

/* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

/* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

/* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

/* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

/* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  /* line 74, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-sm {
    flex: 1 0 0%;
  }
  /* line 78, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  /* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  /* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  /* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  /* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  /* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  /* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  /* line 90, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-sm-0 {
    margin-left: 0;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-sm-3 {
    margin-left: 25%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-sm-6 {
    margin-left: 50%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-sm-9 {
    margin-left: 75%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  /* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-sm-0,
.gx-sm-0 {
    --bs-gutter-x: 0;
  }
  /* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-sm-0,
.gy-sm-0 {
    --bs-gutter-y: 0;
  }
  /* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-sm-1,
.gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  /* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-sm-1,
.gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  /* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-sm-2,
.gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  /* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-sm-2,
.gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  /* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-sm-3,
.gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  /* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-sm-3,
.gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  /* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-sm-4,
.gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  /* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-sm-4,
.gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  /* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-sm-5,
.gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  /* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-sm-5,
.gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 768px) {
  /* line 74, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-md {
    flex: 1 0 0%;
  }
  /* line 78, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  /* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  /* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  /* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  /* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  /* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  /* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  /* line 90, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-md-0 {
    margin-left: 0;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-md-3 {
    margin-left: 25%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-md-6 {
    margin-left: 50%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-md-9 {
    margin-left: 75%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  /* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-md-0,
.gx-md-0 {
    --bs-gutter-x: 0;
  }
  /* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-md-0,
.gy-md-0 {
    --bs-gutter-y: 0;
  }
  /* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-md-1,
.gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  /* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-md-1,
.gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  /* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-md-2,
.gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  /* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-md-2,
.gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  /* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-md-3,
.gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  /* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-md-3,
.gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  /* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-md-4,
.gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  /* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-md-4,
.gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  /* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-md-5,
.gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  /* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-md-5,
.gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 992px) {
  /* line 74, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-lg {
    flex: 1 0 0%;
  }
  /* line 78, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  /* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  /* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  /* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  /* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  /* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  /* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  /* line 90, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-lg-0 {
    margin-left: 0;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-lg-3 {
    margin-left: 25%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-lg-6 {
    margin-left: 50%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-lg-9 {
    margin-left: 75%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  /* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-lg-0,
.gx-lg-0 {
    --bs-gutter-x: 0;
  }
  /* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-lg-0,
.gy-lg-0 {
    --bs-gutter-y: 0;
  }
  /* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-lg-1,
.gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  /* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-lg-1,
.gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  /* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-lg-2,
.gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  /* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-lg-2,
.gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  /* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-lg-3,
.gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  /* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-lg-3,
.gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  /* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-lg-4,
.gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  /* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-lg-4,
.gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  /* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-lg-5,
.gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  /* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-lg-5,
.gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1200px) {
  /* line 74, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xl {
    flex: 1 0 0%;
  }
  /* line 78, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  /* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  /* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  /* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  /* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  /* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  /* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  /* line 90, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xl-0 {
    margin-left: 0;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xl-3 {
    margin-left: 25%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xl-6 {
    margin-left: 50%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xl-9 {
    margin-left: 75%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  /* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xl-0,
.gx-xl-0 {
    --bs-gutter-x: 0;
  }
  /* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xl-0,
.gy-xl-0 {
    --bs-gutter-y: 0;
  }
  /* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xl-1,
.gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  /* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xl-1,
.gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  /* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xl-2,
.gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  /* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xl-2,
.gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  /* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xl-3,
.gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  /* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xl-3,
.gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  /* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xl-4,
.gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  /* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xl-4,
.gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  /* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xl-5,
.gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  /* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xl-5,
.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1400px) {
  /* line 74, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xxl {
    flex: 1 0 0%;
  }
  /* line 78, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  /* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  /* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  /* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  /* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  /* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  /* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  /* line 90, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  /* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xxl-0 {
    margin-left: 0;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xxl-3 {
    margin-left: 25%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xxl-6 {
    margin-left: 50%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xxl-9 {
    margin-left: 75%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  /* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  /* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xxl-0,
.gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  /* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xxl-0,
.gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  /* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xxl-1,
.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  /* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xxl-1,
.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  /* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xxl-2,
.gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  /* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xxl-2,
.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  /* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xxl-3,
.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  /* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xxl-3,
.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  /* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xxl-4,
.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  /* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xxl-4,
.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  /* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xxl-5,
.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  /* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}

/* line 5, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tables.scss */
.table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: #212529;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #212529;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  vertical-align: top;
  border-color: #dee2e6;
}

/* line 26, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tables.scss */
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

/* line 33, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tables.scss */
.table > tbody {
  vertical-align: inherit;
}

/* line 37, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tables.scss */
.table > thead {
  vertical-align: bottom;
}

/* line 42, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tables.scss */
.table > :not(:first-child) {
  border-top: 2px solid currentColor;
}

/* line 52, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tables.scss */
.caption-top {
  caption-side: top;
}

/* line 63, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tables.scss */
.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

/* line 79, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tables.scss */
.table-bordered > :not(caption) > * {
  border-width: 1px 0;
}

/* line 83, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tables.scss */
.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}

/* line 91, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tables.scss */
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}

/* line 95, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tables.scss */
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

/* line 105, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tables.scss */
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

/* line 115, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tables.scss */
.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color);
}

/* line 125, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tables.scss */
.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}

/* line 3, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_table-variants.scss */
.table-primary {
  --bs-table-bg: #cfe2ff;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #bacbe6;
}

/* line 3, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_table-variants.scss */
.table-secondary {
  --bs-table-bg: #e2e3e5;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #cbccce;
}

/* line 3, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_table-variants.scss */
.table-success {
  --bs-table-bg: #d1e7dd;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #bcd0c7;
}

/* line 3, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_table-variants.scss */
.table-info {
  --bs-table-bg: #cff4fc;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #badce3;
}

/* line 3, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_table-variants.scss */
.table-warning {
  --bs-table-bg: #fff3cd;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #e6dbb9;
}

/* line 3, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_table-variants.scss */
.table-danger {
  --bs-table-bg: #f8d7da;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #dfc2c4;
}

/* line 3, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_table-variants.scss */
.table-light {
  --bs-table-bg: #f8f9fa;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #dfe0e1;
}

/* line 3, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_table-variants.scss */
.table-dark {
  --bs-table-bg: #212529;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: #fff;
  border-color: #373b3e;
}

/* line 150, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tables.scss */
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
  /* line 150, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tables.scss */
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 767.98px) {
  /* line 150, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tables.scss */
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 991.98px) {
  /* line 150, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tables.scss */
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 1199.98px) {
  /* line 150, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tables.scss */
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 1399.98px) {
  /* line 150, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tables.scss */
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* line 5, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_labels.scss */
.form-label {
  margin-bottom: 0.5rem;
}

/* line 15, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_labels.scss */
.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

/* line 26, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_labels.scss */
.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
}

/* line 32, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_labels.scss */
.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
}

/* line 5, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-text.scss */
.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #6c757d;
}

/* line 5, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  /* line 5, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-control.scss */
  .form-control {
    transition: none;
  }
}

/* line 25, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control[type="file"] {
  overflow: hidden;
}

/* line 28, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control[type="file"]:not(:disabled):not([readonly]) {
  cursor: pointer;
}

/* line 34, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* line 50, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}

/* line 56, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

/* line 67, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

/* line 76, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  /* line 76, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-control.scss */
  .form-control::file-selector-button {
    transition: none;
  }
}

/* line 91, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3;
}

/* line 95, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  /* line 95, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-control.scss */
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
}

/* line 110, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3;
}

/* line 120, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

/* line 131, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

/* line 145, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

/* line 151, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}

/* line 157, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}

/* line 164, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

/* line 170, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}

/* line 176, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}

/* line 187, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-control.scss */
textarea.form-control {
  min-height: calc(1.5em + 0.75rem + 2px);
}

/* line 191, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-control.scss */
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
}

/* line 195, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-control.scss */
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
}

/* line 201, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control-color {
  width: 3rem;
  height: auto;
  padding: 0.375rem;
}

/* line 206, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}

/* line 210, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control-color::-moz-color-swatch {
  height: 1.5em;
  border-radius: 0.25rem;
}

/* line 215, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control-color::-webkit-color-swatch {
  height: 1.5em;
  border-radius: 0.25rem;
}

/* line 6, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-select.scss */
.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  /* line 6, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-select.scss */
  .form-select {
    transition: none;
  }
}

/* line 28, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-select.scss */
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* line 39, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-select.scss */
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}

/* line 45, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-select.scss */
.form-select:disabled {
  background-color: #e9ecef;
}

/* line 52, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-select.scss */
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #212529;
}

/* line 58, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-select.scss */
.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

/* line 66, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-select.scss */
.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

/* line 5, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}

/* line 11, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

/* line 17, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-print-color-adjust: exact;
          color-adjust: exact;
}

/* line 31, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-check-input[type="checkbox"] {
  border-radius: 0.25em;
}

/* line 35, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-check-input[type="radio"] {
  border-radius: 50%;
}

/* line 40, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-check-input:active {
  filter: brightness(90%);
}

/* line 44, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* line 50, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

/* line 54, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-check-input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

/* line 62, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-check-input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

/* line 71, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-check-input[type="checkbox"]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

/* line 82, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}

/* line 92, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  opacity: 0.5;
}

/* line 107, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-switch {
  padding-left: 2.5em;
}

/* line 110, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  /* line 110, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-check.scss */
  .form-switch .form-check-input {
    transition: none;
  }
}

/* line 118, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}

/* line 122, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

/* line 134, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

/* line 139, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-check.scss */
.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

/* line 146, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-check.scss */
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

/* line 7, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-range.scss */
.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* line 14, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-range.scss */
.form-range:focus {
  outline: 0;
}

/* line 19, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-range.scss */
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* line 20, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-range.scss */
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* line 23, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-range.scss */
.form-range::-moz-focus-outer {
  border: 0;
}

/* line 27, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-range.scss */
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
          appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  /* line 27, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-range.scss */
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}

/* line 38, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-range.scss */
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}

/* line 43, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-range.scss */
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

/* line 54, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-range.scss */
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
       appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  /* line 54, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-range.scss */
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-range.scss */
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}

/* line 69, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-range.scss */
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

/* line 80, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-range.scss */
.form-range:disabled {
  pointer-events: none;
}

/* line 83, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-range.scss */
.form-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}

/* line 87, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_form-range.scss */
.form-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

/* line 1, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_floating-labels.scss */
.form-floating {
  position: relative;
}

/* line 4, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_floating-labels.scss */
.form-floating > .form-control,
.form-floating > .form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25;
}

/* line 10, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_floating-labels.scss */
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1rem 0.75rem;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  /* line 10, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_floating-labels.scss */
  .form-floating > label {
    transition: none;
  }
}

/* line 23, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_floating-labels.scss */
.form-floating > .form-control {
  padding: 1rem 0.75rem;
}

/* line 26, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_floating-labels.scss */
.form-floating > .form-control::-moz-placeholder {
  color: transparent;
}
.form-floating > .form-control::placeholder {
  color: transparent;
}

/* line 30, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_floating-labels.scss */
.form-floating > .form-control:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

/* line 36, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_floating-labels.scss */
.form-floating > .form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

/* line 42, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_floating-labels.scss */
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

/* line 50, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_floating-labels.scss */
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

/* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_floating-labels.scss */
.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

/* line 5, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_input-group.scss */
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 12, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_input-group.scss */
.input-group > .form-control,
.input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 21, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_input-group.scss */
.input-group > .form-control:focus,
.input-group > .form-select:focus {
  z-index: 3;
}

/* line 29, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_input-group.scss */
.input-group .btn {
  position: relative;
  z-index: 2;
}

/* line 33, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_input-group.scss */
.input-group .btn:focus {
  z-index: 3;
}

/* line 45, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_input-group.scss */
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

/* line 66, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_input-group.scss */
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

/* line 75, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_input-group.scss */
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

/* line 84, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_input-group.scss */
.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}

/* line 99, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_input-group.scss */
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 106, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_input-group.scss */
.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 117, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/forms/_input-group.scss */
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 25, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #198754;
}

/* line 34, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(25, 135, 84, 0.9);
  border-radius: 0.25rem;
}

/* line 50, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

/* line 7, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #198754;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

/* line 67, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

/* line 7, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

/* line 7, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-select:valid, .form-select.is-valid {
  border-color: #198754;
}

/* line 89, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select[size="1"]:valid:not([multiple]), .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid[size="1"]:not([multiple]) {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

/* line 98, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

/* line 7, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: #198754;
}

/* line 109, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: #198754;
}

/* line 113, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

/* line 117, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #198754;
}

/* line 123, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: .5em;
}

/* line 7, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, .was-validated .input-group .form-select:valid,
.input-group .form-select.is-valid {
  z-index: 1;
}

/* line 136, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus, .was-validated .input-group .form-select:valid:focus,
.input-group .form-select.is-valid:focus {
  z-index: 3;
}

/* line 25, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}

/* line 34, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}

/* line 50, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

/* line 7, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

/* line 67, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

/* line 7, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

/* line 7, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: #dc3545;
}

/* line 89, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select[size="1"]:invalid:not([multiple]), .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid[size="1"]:not([multiple]) {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

/* line 98, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

/* line 7, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: #dc3545;
}

/* line 109, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: #dc3545;
}

/* line 113, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

/* line 117, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

/* line 123, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: .5em;
}

/* line 7, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, .was-validated .input-group .form-select:invalid,
.input-group .form-select.is-invalid {
  z-index: 2;
}

/* line 136, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus, .was-validated .input-group .form-select:invalid:focus,
.input-group .form-select.is-invalid:focus {
  z-index: 3;
}

/* line 5, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_buttons.scss */
.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  /* line 5, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_buttons.scss */
  .btn {
    transition: none;
  }
}

/* line 22, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_buttons.scss */
.btn:hover {
  color: #212529;
}

/* line 27, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_buttons.scss */
.btn-check:focus + .btn, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* line 44, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_buttons.scss */
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  pointer-events: none;
  opacity: 0.65;
}

/* line 60, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_buttons.scss */
.btn-primary {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

/* line 26, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-primary:hover {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
}

/* line 32, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}

/* line 45, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0a58ca;
  border-color: #0a53be;
}

/* line 56, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}

/* line 66, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-primary:disabled, .btn-primary.disabled {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

/* line 60, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_buttons.scss */
.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

/* line 26, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-secondary:hover {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64;
}

/* line 32, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:focus + .btn-secondary, .btn-secondary:focus {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64;
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}

/* line 45, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #565e64;
  border-color: #51585e;
}

/* line 56, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}

/* line 66, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-secondary:disabled, .btn-secondary.disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

/* line 60, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_buttons.scss */
.btn-success {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}

/* line 26, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-success:hover {
  color: #fff;
  background-color: #157347;
  border-color: #146c43;
}

/* line 32, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:focus + .btn-success, .btn-success:focus {
  color: #fff;
  background-color: #157347;
  border-color: #146c43;
  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}

/* line 45, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #146c43;
  border-color: #13653f;
}

/* line 56, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}

/* line 66, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-success:disabled, .btn-success.disabled {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}

/* line 60, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_buttons.scss */
.btn-info {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}

/* line 26, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-info:hover {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2;
}

/* line 32, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:focus + .btn-info, .btn-info:focus {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2;
  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}

/* line 45, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
  color: #000;
  background-color: #3dd5f3;
  border-color: #25cff2;
}

/* line 56, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}

/* line 66, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-info:disabled, .btn-info.disabled {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}

/* line 60, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_buttons.scss */
.btn-warning {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}

/* line 26, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-warning:hover {
  color: #000;
  background-color: #ffca2c;
  border-color: #ffc720;
}

/* line 32, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:focus + .btn-warning, .btn-warning:focus {
  color: #000;
  background-color: #ffca2c;
  border-color: #ffc720;
  box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}

/* line 45, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
  color: #000;
  background-color: #ffcd39;
  border-color: #ffc720;
}

/* line 56, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}

/* line 66, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-warning:disabled, .btn-warning.disabled {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}

/* line 60, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_buttons.scss */
.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

/* line 26, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-danger:hover {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
}

/* line 32, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:focus + .btn-danger, .btn-danger:focus {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}

/* line 45, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #b02a37;
  border-color: #a52834;
}

/* line 56, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}

/* line 66, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-danger:disabled, .btn-danger.disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

/* line 60, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_buttons.scss */
.btn-light {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

/* line 26, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-light:hover {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
}

/* line 32, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:focus + .btn-light, .btn-light:focus {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
  box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}

/* line 45, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
}

/* line 56, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}

/* line 66, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-light:disabled, .btn-light.disabled {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

/* line 60, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_buttons.scss */
.btn-dark {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}

/* line 26, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-dark:hover {
  color: #fff;
  background-color: #1c1f23;
  border-color: #1a1e21;
}

/* line 32, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:focus + .btn-dark, .btn-dark:focus {
  color: #fff;
  background-color: #1c1f23;
  border-color: #1a1e21;
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}

/* line 45, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1a1e21;
  border-color: #191c1f;
}

/* line 56, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}

/* line 66, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-dark:disabled, .btn-dark.disabled {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}

/* line 66, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_buttons.scss */
.btn-outline-primary {
  color: #0d6efd;
  border-color: #0d6efd;
}

/* line 88, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-outline-primary:hover {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

/* line 94, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}

/* line 99, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

/* line 108, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}

/* line 118, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
  color: #0d6efd;
  background-color: transparent;
}

/* line 66, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_buttons.scss */
.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}

/* line 88, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

/* line 94, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}

/* line 99, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

/* line 108, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}

/* line 118, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
  color: #6c757d;
  background-color: transparent;
}

/* line 66, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_buttons.scss */
.btn-outline-success {
  color: #198754;
  border-color: #198754;
}

/* line 88, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-outline-success:hover {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}

/* line 94, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}

/* line 99, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}

/* line 108, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}

/* line 118, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-outline-success:disabled, .btn-outline-success.disabled {
  color: #198754;
  background-color: transparent;
}

/* line 66, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_buttons.scss */
.btn-outline-info {
  color: #0dcaf0;
  border-color: #0dcaf0;
}

/* line 88, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-outline-info:hover {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}

/* line 94, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}

/* line 99, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}

/* line 108, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}

/* line 118, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-outline-info:disabled, .btn-outline-info.disabled {
  color: #0dcaf0;
  background-color: transparent;
}

/* line 66, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_buttons.scss */
.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}

/* line 88, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-outline-warning:hover {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}

/* line 94, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}

/* line 99, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}

/* line 108, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}

/* line 118, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-outline-warning:disabled, .btn-outline-warning.disabled {
  color: #ffc107;
  background-color: transparent;
}

/* line 66, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_buttons.scss */
.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}

/* line 88, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

/* line 94, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}

/* line 99, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

/* line 108, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}

/* line 118, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-outline-danger:disabled, .btn-outline-danger.disabled {
  color: #dc3545;
  background-color: transparent;
}

/* line 66, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_buttons.scss */
.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}

/* line 88, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-outline-light:hover {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

/* line 94, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}

/* line 99, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

/* line 108, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}

/* line 118, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-outline-light:disabled, .btn-outline-light.disabled {
  color: #f8f9fa;
  background-color: transparent;
}

/* line 66, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_buttons.scss */
.btn-outline-dark {
  color: #212529;
  border-color: #212529;
}

/* line 88, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-outline-dark:hover {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}

/* line 94, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
  box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
}

/* line 99, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}

/* line 108, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
}

/* line 118, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_buttons.scss */
.btn-outline-dark:disabled, .btn-outline-dark.disabled {
  color: #212529;
  background-color: transparent;
}

/* line 78, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_buttons.scss */
.btn-link {
  font-weight: 400;
  color: #0d6efd;
  text-decoration: underline;
}

/* line 83, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_buttons.scss */
.btn-link:hover {
  color: #0a58ca;
}

/* line 92, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_buttons.scss */
.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
}

/* line 105, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_buttons.scss */
.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

/* line 109, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_buttons.scss */
.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

/* line 1, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_transitions.scss */
.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  /* line 1, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_transitions.scss */
  .fade {
    transition: none;
  }
}

/* line 4, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_transitions.scss */
.fade:not(.show) {
  opacity: 0;
}

/* line 11, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_transitions.scss */
.collapse:not(.show) {
  display: none;
}

/* line 16, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_transitions.scss */
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  /* line 16, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_transitions.scss */
  .collapsing {
    transition: none;
  }
}

/* line 21, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_transitions.scss */
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  /* line 21, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_transitions.scss */
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

/* line 2, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
.dropup,
.dropend,
.dropdown,
.dropstart {
  position: relative;
}

/* line 9, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-toggle {
  white-space: nowrap;
}

/* line 31, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_caret.scss */
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

/* line 59, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_caret.scss */
.dropdown-toggle:empty::after {
  margin-left: 0;
}

/* line 17, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

/* line 34, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: 0.125rem;
}

/* line 49, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-menu-start {
  --bs-position: start;
}

/* line 52, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

/* line 58, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-menu-end {
  --bs-position: end;
}

/* line 61, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  /* line 49, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  /* line 52, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  /* line 58, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  /* line 61, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}

@media (min-width: 768px) {
  /* line 49, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  /* line 52, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  /* line 58, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  /* line 61, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}

@media (min-width: 992px) {
  /* line 49, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  /* line 52, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  /* line 58, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  /* line 61, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1200px) {
  /* line 49, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  /* line 52, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  /* line 58, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  /* line 61, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1400px) {
  /* line 49, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  /* line 52, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  /* line 58, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  /* line 61, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}

/* line 73, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

/* line 31, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_caret.scss */
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

/* line 59, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_caret.scss */
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

/* line 86, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

/* line 31, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_caret.scss */
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

/* line 59, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_caret.scss */
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}

/* line 96, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

/* line 103, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

/* line 31, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_caret.scss */
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

/* line 46, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_caret.scss */
.dropstart .dropdown-toggle::after {
  display: none;
}

/* line 50, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_caret.scss */
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

/* line 59, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_caret.scss */
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}

/* line 113, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

/* line 121, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

/* line 131, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

/* line 156, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-item:hover, .dropdown-item:focus {
  color: #1e2125;
  background-color: #e9ecef;
}

/* line 163, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #0d6efd;
}

/* line 170, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

/* line 180, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-menu.show {
  display: block;
}

/* line 185, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-header {
  display: block;
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

/* line 195, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-item-text {
  display: block;
  padding: 0.25rem 1rem;
  color: #212529;
}

/* line 202, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-menu-dark {
  color: #dee2e6;
  background-color: #343a40;
  border-color: rgba(0, 0, 0, 0.15);
}

/* line 208, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-menu-dark .dropdown-item {
  color: #dee2e6;
}

/* line 211, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

/* line 217, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
  color: #fff;
  background-color: #0d6efd;
}

/* line 223, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
  color: #adb5bd;
}

/* line 229, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-menu-dark .dropdown-divider {
  border-color: rgba(0, 0, 0, 0.15);
}

/* line 233, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-menu-dark .dropdown-item-text {
  color: #dee2e6;
}

/* line 237, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-menu-dark .dropdown-header {
  color: #adb5bd;
}

/* line 2, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

/* line 8, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 15, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

/* line 26, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_button-group.scss */
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

/* line 31, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_button-group.scss */
.btn-toolbar .input-group {
  width: auto;
}

/* line 38, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}

/* line 44, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 53, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group > .btn:nth-child(n + 3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 72, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_button-group.scss */
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

/* line 76, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_button-group.scss */
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}

/* line 82, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_button-group.scss */
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

/* line 87, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_button-group.scss */
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

/* line 92, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_button-group.scss */
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

/* line 114, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

/* line 119, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}

/* line 124, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}

/* line 130, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 135, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 6, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_nav.scss */
.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

/* line 14, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_nav.scss */
.nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: #0d6efd;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  /* line 14, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_nav.scss */
  .nav-link {
    transition: none;
  }
}

/* line 23, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_nav.scss */
.nav-link:hover, .nav-link:focus {
  color: #0a58ca;
}

/* line 30, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_nav.scss */
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

/* line 41, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_nav.scss */
.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

/* line 44, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_nav.scss */
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: none;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

/* line 50, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_nav.scss */
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
  isolation: isolate;
}

/* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_nav.scss */
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_nav.scss */
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

/* line 71, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_nav.scss */
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 85, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_nav.scss */
.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: 0.25rem;
}

/* line 91, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_nav.scss */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #0d6efd;
}

/* line 104, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_nav.scss */
.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

/* line 112, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_nav.scss */
.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

/* line 122, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_nav.scss */
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}

/* line 133, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_nav.scss */
.tab-content > .tab-pane {
  display: none;
}

/* line 136, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_nav.scss */
.tab-content > .active {
  display: block;
}

/* line 17, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

/* line 32, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}

/* line 56, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-brand {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  text-decoration: none;
  white-space: nowrap;
}

/* line 75, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

/* line 82, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

/* line 87, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-nav .dropdown-menu {
  position: static;
}

/* line 97, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

/* line 111, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

/* line 120, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  /* line 120, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-toggler {
    transition: none;
  }
}

/* line 129, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-toggler:hover {
  text-decoration: none;
}

/* line 133, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 0.25rem;
}

/* line 142, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

/* line 152, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  /* line 166, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  /* line 171, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  /* line 174, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  /* line 178, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  /* line 184, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  /* line 188, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  /* line 193, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  /* line 197, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-sm .offcanvas-header {
    display: none;
  }
  /* line 201, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-sm .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  /* line 213, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-sm .offcanvas-top,
.navbar-expand-sm .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  /* line 220, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

@media (min-width: 768px) {
  /* line 166, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  /* line 171, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  /* line 174, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  /* line 178, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  /* line 184, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  /* line 188, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  /* line 193, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  /* line 197, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-md .offcanvas-header {
    display: none;
  }
  /* line 201, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-md .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  /* line 213, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-md .offcanvas-top,
.navbar-expand-md .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  /* line 220, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

@media (min-width: 992px) {
  /* line 166, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  /* line 171, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  /* line 174, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  /* line 178, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  /* line 184, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  /* line 188, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  /* line 193, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  /* line 197, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-lg .offcanvas-header {
    display: none;
  }
  /* line 201, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-lg .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  /* line 213, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-lg .offcanvas-top,
.navbar-expand-lg .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  /* line 220, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

@media (min-width: 1200px) {
  /* line 166, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  /* line 171, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  /* line 174, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  /* line 178, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  /* line 184, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  /* line 188, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  /* line 193, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  /* line 197, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xl .offcanvas-header {
    display: none;
  }
  /* line 201, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xl .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  /* line 213, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xl .offcanvas-top,
.navbar-expand-xl .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  /* line 220, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

@media (min-width: 1400px) {
  /* line 166, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  /* line 171, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  /* line 174, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  /* line 178, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  /* line 184, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  /* line 188, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  /* line 193, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  /* line 197, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xxl .offcanvas-header {
    display: none;
  }
  /* line 201, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xxl .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  /* line 213, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xxl .offcanvas-top,
.navbar-expand-xxl .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  /* line 220, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

/* line 166, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}

/* line 171, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-expand .navbar-nav {
  flex-direction: row;
}

/* line 174, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

/* line 178, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

/* line 184, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}

/* line 188, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}

/* line 193, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-expand .navbar-toggler {
  display: none;
}

/* line 197, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-expand .offcanvas-header {
  display: none;
}

/* line 201, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-expand .offcanvas {
  position: inherit;
  bottom: 0;
  z-index: 1000;
  flex-grow: 1;
  visibility: visible !important;
  background-color: transparent;
  border-right: 0;
  border-left: 0;
  transition: none;
  transform: none;
}

/* line 213, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-expand .offcanvas-top,
.navbar-expand .offcanvas-bottom {
  height: auto;
  border-top: 0;
  border-bottom: 0;
}

/* line 220, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-expand .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

/* line 238, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

/* line 241, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}

/* line 248, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.55);
}

/* line 251, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}

/* line 256, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

/* line 261, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}

/* line 267, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.55);
  border-color: rgba(0, 0, 0, 0.1);
}

/* line 272, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* line 276, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.55);
}

/* line 279, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-light .navbar-text a,
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

/* line 289, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-dark .navbar-brand {
  color: #fff;
}

/* line 292, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}

/* line 299, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.55);
}

/* line 302, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

/* line 307, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

/* line 312, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}

/* line 318, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.55);
  border-color: rgba(255, 255, 255, 0.1);
}

/* line 323, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* line 327, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.55);
}

/* line 329, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
  color: #fff;
}

/* line 5, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

/* line 18, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
.card > hr {
  margin-right: 0;
  margin-left: 0;
}

/* line 23, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}

/* line 27, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

/* line 32, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

/* line 40, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

/* line 46, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
.card-body {
  flex: 1 1 auto;
  padding: 1rem 1rem;
}

/* line 54, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
.card-title {
  margin-bottom: 0.5rem;
}

/* line 58, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
.card-subtitle {
  margin-top: -0.25rem;
  margin-bottom: 0;
}

/* line 63, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
.card-text:last-child {
  margin-bottom: 0;
}

/* line 72, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
.card-link + .card-link {
  margin-left: 1rem;
}

/* line 81, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
.card-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

/* line 88, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

/* line 93, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
.card-footer {
  padding: 0.5rem 1rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

/* line 99, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

/* line 109, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
.card-header-tabs {
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
  margin-left: -0.5rem;
  border-bottom: 0;
}

/* line 123, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
.card-header-pills {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}

/* line 129, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  border-radius: calc(0.25rem - 1px);
}

/* line 139, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

/* line 145, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

/* line 150, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

/* line 163, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
.card-group > .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  /* line 160, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  /* line 172, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  /* line 177, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  /* line 184, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  /* line 187, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
  .card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  /* line 192, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
  .card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  /* line 199, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  /* line 202, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
  .card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  /* line 207, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_card.scss */
  .card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

/* line 5, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  /* line 5, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_accordion.scss */
  .accordion-button {
    transition: none;
  }
}

/* line 20, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-button:not(.collapsed) {
  color: #0c63e4;
  background-color: #e7f1ff;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}

/* line 25, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}

/* line 32, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  /* line 32, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_accordion.scss */
  .accordion-button::after {
    transition: none;
  }
}

/* line 44, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-button:hover {
  z-index: 2;
}

/* line 48, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-button:focus {
  z-index: 3;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* line 56, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-header {
  margin-bottom: 0;
}

/* line 60, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-item {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-item:first-of-type {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

/* line 67, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

/* line 72, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-item:not(:first-of-type) {
  border-top: 0;
}

/* line 77, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-item:last-of-type {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

/* line 81, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

/* line 86, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

/* line 92, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-body {
  padding: 1rem 1.25rem;
}

/* line 102, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-flush .accordion-collapse {
  border-width: 0;
}

/* line 106, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

/* line 111, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-flush .accordion-item:first-child {
  border-top: 0;
}

/* line 112, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}

/* line 114, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-flush .accordion-item .accordion-button {
  border-radius: 0;
}

/* line 1, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_breadcrumb.scss */
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
  margin-bottom: 1rem;
  list-style: none;
}

/* line 14, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_breadcrumb.scss */
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}

/* line 17, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_breadcrumb.scss */
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #6c757d;
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}

/* line 25, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_breadcrumb.scss */
.breadcrumb-item.active {
  color: #6c757d;
}

/* line 1, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_pagination.scss */
.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
}

/* line 6, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_pagination.scss */
.page-link {
  position: relative;
  display: block;
  color: #0d6efd;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #dee2e6;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  /* line 6, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_pagination.scss */
  .page-link {
    transition: none;
  }
}

/* line 15, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_pagination.scss */
.page-link:hover {
  z-index: 2;
  color: #0a58ca;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

/* line 23, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_pagination.scss */
.page-link:focus {
  z-index: 3;
  color: #0a58ca;
  background-color: #e9ecef;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* line 33, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_pagination.scss */
.page-item:not(:first-child) .page-link {
  margin-left: -1px;
}

/* line 37, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_pagination.scss */
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

/* line 44, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_pagination.scss */
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
  border-color: #dee2e6;
}

/* line 5, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_pagination.scss */
.page-link {
  padding: 0.375rem 0.75rem;
}

/* line 13, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_pagination.scss */
.page-item:first-child .page-link {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

/* line 19, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_pagination.scss */
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

/* line 5, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_pagination.scss */
.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
}

/* line 13, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_pagination.scss */
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

/* line 19, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_pagination.scss */
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

/* line 5, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_pagination.scss */
.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

/* line 13, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_pagination.scss */
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

/* line 19, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_pagination.scss */
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

/* line 6, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_badge.scss */
.badge {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

/* line 20, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_badge.scss */
.badge:empty {
  display: none;
}

/* line 26, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_badge.scss */
.btn .badge {
  position: relative;
  top: -1px;
}

/* line 5, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_alert.scss */
.alert {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

/* line 14, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_alert.scss */
.alert-heading {
  color: inherit;
}

/* line 20, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_alert.scss */
.alert-link {
  font-weight: 700;
}

/* line 29, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_alert.scss */
.alert-dismissible {
  padding-right: 3rem;
}

/* line 33, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_alert.scss */
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

/* line 53, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_alert.scss */
.alert-primary {
  color: #084298;
  background-color: #cfe2ff;
  border-color: #b6d4fe;
}

/* line 7, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_alert.scss */
.alert-primary .alert-link {
  color: #06357a;
}

/* line 53, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_alert.scss */
.alert-secondary {
  color: #41464b;
  background-color: #e2e3e5;
  border-color: #d3d6d8;
}

/* line 7, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_alert.scss */
.alert-secondary .alert-link {
  color: #34383c;
}

/* line 53, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_alert.scss */
.alert-success {
  color: #0f5132;
  background-color: #d1e7dd;
  border-color: #badbcc;
}

/* line 7, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_alert.scss */
.alert-success .alert-link {
  color: #0c4128;
}

/* line 53, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_alert.scss */
.alert-info {
  color: #055160;
  background-color: #cff4fc;
  border-color: #b6effb;
}

/* line 7, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_alert.scss */
.alert-info .alert-link {
  color: #04414d;
}

/* line 53, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_alert.scss */
.alert-warning {
  color: #664d03;
  background-color: #fff3cd;
  border-color: #ffecb5;
}

/* line 7, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_alert.scss */
.alert-warning .alert-link {
  color: #523e02;
}

/* line 53, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_alert.scss */
.alert-danger {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
}

/* line 7, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_alert.scss */
.alert-danger .alert-link {
  color: #6a1a21;
}

/* line 53, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_alert.scss */
.alert-light {
  color: #636464;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

/* line 7, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_alert.scss */
.alert-light .alert-link {
  color: #4f5050;
}

/* line 53, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_alert.scss */
.alert-dark {
  color: #141619;
  background-color: #d3d3d4;
  border-color: #bcbebf;
}

/* line 7, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_alert.scss */
.alert-dark .alert-link {
  color: #101214;
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}

/* line 11, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_progress.scss */
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

/* line 21, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_progress.scss */
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #0d6efd;
  transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  /* line 21, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_progress.scss */
  .progress-bar {
    transition: none;
  }
}

/* line 33, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_progress.scss */
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

/* line 39, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_progress.scss */
.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}

@media (prefers-reduced-motion: reduce) {
  /* line 39, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_progress.scss */
  .progress-bar-animated {
    animation: none;
  }
}

/* line 5, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}

/* line 15, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}

/* line 19, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-numbered > li::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

/* line 32, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}

/* line 38, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}

/* line 46, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

/* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item {
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
  color: #212529;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

/* line 66, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

/* line 70, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

/* line 74, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}

/* line 82, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

/* line 89, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item + .list-group-item {
  border-top-width: 0;
}

/* line 92, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

/* line 108, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-horizontal {
  flex-direction: row;
}

/* line 112, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}

/* line 117, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}

/* line 122, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}

/* line 126, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}

/* line 130, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}

@media (min-width: 576px) {
  /* line 108, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  /* line 112, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  /* line 117, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  /* line 122, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  /* line 126, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  /* line 130, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 768px) {
  /* line 108, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-md {
    flex-direction: row;
  }
  /* line 112, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  /* line 117, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  /* line 122, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  /* line 126, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  /* line 130, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 992px) {
  /* line 108, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  /* line 112, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  /* line 117, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  /* line 122, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  /* line 126, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  /* line 130, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 1200px) {
  /* line 108, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  /* line 112, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  /* line 117, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  /* line 122, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  /* line 126, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  /* line 130, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 1400px) {
  /* line 108, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  /* line 112, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-xxl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  /* line 117, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-xxl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  /* line 122, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  /* line 126, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  /* line 130, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

/* line 146, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-flush {
  border-radius: 0;
}

/* line 149, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}

/* line 152, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

/* line 5, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-primary {
  color: #084298;
  background-color: #cfe2ff;
}

/* line 10, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #084298;
  background-color: #bacbe6;
}

/* line 16, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #084298;
  border-color: #084298;
}

/* line 5, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-secondary {
  color: #41464b;
  background-color: #e2e3e5;
}

/* line 10, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #41464b;
  background-color: #cbccce;
}

/* line 16, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #41464b;
  border-color: #41464b;
}

/* line 5, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-success {
  color: #0f5132;
  background-color: #d1e7dd;
}

/* line 10, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #0f5132;
  background-color: #bcd0c7;
}

/* line 16, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #0f5132;
  border-color: #0f5132;
}

/* line 5, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-info {
  color: #055160;
  background-color: #cff4fc;
}

/* line 10, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #055160;
  background-color: #badce3;
}

/* line 16, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #055160;
  border-color: #055160;
}

/* line 5, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-warning {
  color: #664d03;
  background-color: #fff3cd;
}

/* line 10, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #664d03;
  background-color: #e6dbb9;
}

/* line 16, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #664d03;
  border-color: #664d03;
}

/* line 5, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-danger {
  color: #842029;
  background-color: #f8d7da;
}

/* line 10, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #842029;
  background-color: #dfc2c4;
}

/* line 16, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #842029;
  border-color: #842029;
}

/* line 5, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-light {
  color: #636464;
  background-color: #fefefe;
}

/* line 10, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #636464;
  background-color: #e5e5e5;
}

/* line 16, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #636464;
  border-color: #636464;
}

/* line 5, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-dark {
  color: #141619;
  background-color: #d3d3d4;
}

/* line 10, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #141619;
  background-color: #bebebf;
}

/* line 16, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #141619;
  border-color: #141619;
}

/* line 6, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_close.scss */
.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.25rem;
  opacity: 0.5;
}

/* line 18, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_close.scss */
.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}

/* line 24, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_close.scss */
.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  opacity: 1;
}

/* line 30, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_close.scss */
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0.25;
}

/* line 38, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_close.scss */
.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%);
}

/* line 1, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_toasts.scss */
.toast {
  width: 350px;
  max-width: 100%;
  font-size: 0.875rem;
  pointer-events: auto;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

/* line 13, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_toasts.scss */
.toast.showing {
  opacity: 0;
}

/* line 17, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_toasts.scss */
.toast:not(.show) {
  display: none;
}

/* line 22, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_toasts.scss */
.toast-container {
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}

/* line 27, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_toasts.scss */
.toast-container > :not(:last-child) {
  margin-bottom: 0.75rem;
}

/* line 32, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_toasts.scss */
.toast-header {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

/* line 42, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_toasts.scss */
.toast-header .btn-close {
  margin-right: -0.375rem;
  margin-left: 0.75rem;
}

/* line 48, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_toasts.scss */
.toast-body {
  padding: 0.75rem;
  word-wrap: break-word;
}

/* line 8, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

/* line 27, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

/* line 35, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  /* line 35, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal.fade .modal-dialog {
    transition: none;
  }
}

/* line 39, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
.modal.show .modal-dialog {
  transform: none;
}

/* line 44, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

/* line 49, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
.modal-dialog-scrollable {
  height: calc(100% - 1rem);
}

/* line 52, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}

/* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

/* line 62, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

/* line 69, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

/* line 87, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

/* line 12, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_backdrop.scss */
.modal-backdrop.fade {
  opacity: 0;
}

/* line 13, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_backdrop.scss */
.modal-backdrop.show {
  opacity: 0.5;
}

/* line 93, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

/* line 102, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
.modal-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
}

/* line 109, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

/* line 116, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

/* line 125, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}

/* line 138, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
.modal-footer > * {
  margin: 0.25rem;
}

@media (min-width: 576px) {
  /* line 146, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  /* line 151, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem);
  }
  /* line 155, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  /* line 163, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  /* line 167, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-lg,
.modal-xl {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  /* line 174, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-xl {
    max-width: 1140px;
  }
}

/* line 183, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}

/* line 189, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}

/* line 195, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
.modal-fullscreen .modal-header {
  border-radius: 0;
}

/* line 199, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
.modal-fullscreen .modal-body {
  overflow-y: auto;
}

/* line 203, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
.modal-fullscreen .modal-footer {
  border-radius: 0;
}

@media (max-width: 575.98px) {
  /* line 183, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  /* line 189, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  /* line 195, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }
  /* line 199, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
  /* line 203, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
}

@media (max-width: 767.98px) {
  /* line 183, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  /* line 189, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  /* line 195, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }
  /* line 199, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
  /* line 203, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
}

@media (max-width: 991.98px) {
  /* line 183, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  /* line 189, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  /* line 195, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }
  /* line 199, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
  /* line 203, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
}

@media (max-width: 1199.98px) {
  /* line 183, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  /* line 189, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  /* line 195, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }
  /* line 199, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
  /* line 203, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
}

@media (max-width: 1399.98px) {
  /* line 183, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  /* line 189, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  /* line 195, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }
  /* line 199, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
  /* line 203, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
}

/* line 2, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip {
  position: absolute;
  z-index: 1080;
  display: block;
  margin: 0;
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

/* line 15, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip.show {
  opacity: 0.9;
}

/* line 17, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

/* line 23, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

/* line 32, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^="top"] {
  padding: 0.4rem 0;
}

/* line 35, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
  bottom: 0;
}

/* line 38, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
  top: -1px;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

/* line 46, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^="right"] {
  padding: 0 0.4rem;
}

/* line 49, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

/* line 54, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
  right: -1px;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

/* line 62, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^="bottom"] {
  padding: 0.4rem 0;
}

/* line 65, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
  top: 0;
}

/* line 68, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

/* line 76, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^="left"] {
  padding: 0 0.4rem;
}

/* line 79, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

/* line 84, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
  left: -1px;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

/* line 108, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

/* line 1, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_popover.scss */
.popover {
  position: absolute;
  top: 0;
  left: 0 /* rtl:ignore */;
  z-index: 1070;
  display: block;
  max-width: 276px;
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}

/* line 20, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_popover.scss */
.popover .popover-arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
}

/* line 26, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_popover.scss */
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

/* line 38, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow {
  bottom: calc(-0.5rem - 1px);
}

/* line 41, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}

/* line 47, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

/* line 56, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}

/* line 61, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}

/* line 67, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

/* line 76, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow {
  top: calc(-0.5rem - 1px);
}

/* line 79, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

/* line 85, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}

/* line 93, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f0f0f0;
}

/* line 106, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}

/* line 111, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}

/* line 117, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

/* line 141, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_popover.scss */
.popover-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f0f0f0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

/* line 150, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_popover.scss */
.popover-header:empty {
  display: none;
}

/* line 155, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_popover.scss */
.popover-body {
  padding: 1rem 1rem;
  color: #212529;
}

/* line 14, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_carousel.scss */
.carousel {
  position: relative;
}

/* line 18, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_carousel.scss */
.carousel.pointer-event {
  touch-action: pan-y;
}

/* line 22, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* line 3, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

/* line 29, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  /* line 29, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_carousel.scss */
  .carousel-item {
    transition: none;
  }
}

/* line 39, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

/* rtl:begin:ignore */
/* line 46, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

/* line 51, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}

/* rtl:end:ignore */
/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}

/* line 70, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}

/* line 77, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
  /* line 77, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_carousel.scss */
  .carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    transition: none;
  }
}

/* line 90, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  /* line 90, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_carousel.scss */
  .carousel-control-prev,
.carousel-control-next {
    transition: none;
  }
}

/* line 110, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

/* line 118, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control-prev {
  left: 0;
}

/* line 122, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control-next {
  right: 0;
}

/* line 128, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
/* line 146, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

/* line 149, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* line 158, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
}

/* line 173, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  /* line 173, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_carousel.scss */
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}

/* line 193, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-indicators .active {
  opacity: 1;
}

/* line 203, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

/* line 217, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}

/* line 222, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}

/* line 226, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-dark .carousel-caption {
  color: #000;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}

/* line 11, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_spinners.scss */
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: 0.75s linear infinite spinner-border;
}

/* line 23, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_spinners.scss */
.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}

/* line 45, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_spinners.scss */
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: 0.75s linear infinite spinner-grow;
}

/* line 57, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_spinners.scss */
.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_spinners.scss */
  .spinner-border,
.spinner-grow {
    animation-duration: 1.5s;
  }
}

/* line 1, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_offcanvas.scss */
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: 1045;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  visibility: hidden;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.3s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  /* line 1, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas {
    transition: none;
  }
}

/* line 17, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_offcanvas.scss */
.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

/* line 12, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_backdrop.scss */
.offcanvas-backdrop.fade {
  opacity: 0;
}

/* line 13, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_backdrop.scss */
.offcanvas-backdrop.show {
  opacity: 0.5;
}

/* line 21, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_offcanvas.scss */
.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
}

/* line 27, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_offcanvas.scss */
.offcanvas-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin-top: -0.5rem;
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
}

/* line 35, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_offcanvas.scss */
.offcanvas-title {
  margin-bottom: 0;
  line-height: 1.5;
}

/* line 40, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_offcanvas.scss */
.offcanvas-body {
  flex-grow: 1;
  padding: 1rem 1rem;
  overflow-y: auto;
}

/* line 46, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_offcanvas.scss */
.offcanvas-start {
  top: 0;
  left: 0;
  width: 400px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(-100%);
}

/* line 54, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_offcanvas.scss */
.offcanvas-end {
  top: 0;
  right: 0;
  width: 400px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(100%);
}

/* line 62, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_offcanvas.scss */
.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateY(-100%);
}

/* line 72, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_offcanvas.scss */
.offcanvas-bottom {
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateY(100%);
}

/* line 81, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_offcanvas.scss */
.offcanvas.show {
  transform: none;
}

/* line 1, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_placeholders.scss */
.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentColor;
  opacity: 0.5;
}

/* line 9, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_placeholders.scss */
.placeholder.btn::before {
  display: inline-block;
  content: "";
}

/* line 16, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_placeholders.scss */
.placeholder-xs {
  min-height: .6em;
}

/* line 20, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_placeholders.scss */
.placeholder-sm {
  min-height: .8em;
}

/* line 24, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_placeholders.scss */
.placeholder-lg {
  min-height: 1.2em;
}

/* line 30, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_placeholders.scss */
.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}

/* line 41, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/_placeholders.scss */
.placeholder-wave {
  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
          mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  -webkit-mask-size: 200% 100%;
          mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
            mask-position: -200% 0%;
  }
}

/* line 3, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

/* line 2, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-primary {
  color: #0d6efd;
}

/* line 6, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-primary:hover, .link-primary:focus {
  color: #0a58ca;
}

/* line 2, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-secondary {
  color: #6c757d;
}

/* line 6, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-secondary:hover, .link-secondary:focus {
  color: #565e64;
}

/* line 2, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-success {
  color: #198754;
}

/* line 6, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-success:hover, .link-success:focus {
  color: #146c43;
}

/* line 2, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-info {
  color: #0dcaf0;
}

/* line 6, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-info:hover, .link-info:focus {
  color: #3dd5f3;
}

/* line 2, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-warning {
  color: #ffc107;
}

/* line 6, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-warning:hover, .link-warning:focus {
  color: #ffcd39;
}

/* line 2, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-danger {
  color: #dc3545;
}

/* line 6, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-danger:hover, .link-danger:focus {
  color: #b02a37;
}

/* line 2, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-light {
  color: #f8f9fa;
}

/* line 6, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-light:hover, .link-light:focus {
  color: #f9fafb;
}

/* line 2, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-dark {
  color: #212529;
}

/* line 6, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-dark:hover, .link-dark:focus {
  color: #1a1e21;
}

/* line 3, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_ratio.scss */
.ratio {
  position: relative;
  width: 100%;
}

/* line 7, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_ratio.scss */
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}

/* line 13, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_ratio.scss */
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 23, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_ratio.scss */
.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

/* line 23, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_ratio.scss */
.ratio-4x3 {
  --bs-aspect-ratio: calc(3 / 4 * 100%);
}

/* line 23, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_ratio.scss */
.ratio-16x9 {
  --bs-aspect-ratio: calc(9 / 16 * 100%);
}

/* line 23, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_ratio.scss */
.ratio-21x9 {
  --bs-aspect-ratio: calc(9 / 21 * 100%);
}

/* line 3, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_position.scss */
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

/* line 11, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_position.scss */
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

/* line 24, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_position.scss */
.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  /* line 24, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_position.scss */
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

@media (min-width: 768px) {
  /* line 24, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_position.scss */
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

@media (min-width: 992px) {
  /* line 24, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_position.scss */
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

@media (min-width: 1200px) {
  /* line 24, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_position.scss */
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

@media (min-width: 1400px) {
  /* line 24, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_position.scss */
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

/* line 2, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_stacks.scss */
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

/* line 9, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_stacks.scss */
.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

/* line 5, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_visually-hidden.scss */
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* line 6, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_stretched-link.scss */
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

/* line 5, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_text-truncation.scss */
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 1, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/helpers/_vr.scss */
.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentColor;
  opacity: 0.25;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-baseline {
  vertical-align: baseline !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-top {
  vertical-align: top !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-middle {
  vertical-align: middle !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-bottom {
  vertical-align: bottom !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-text-bottom {
  vertical-align: text-bottom !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-text-top {
  vertical-align: text-top !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.float-start {
  float: left !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.float-end {
  float: right !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.float-none {
  float: none !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.opacity-0 {
  opacity: 0 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.opacity-25 {
  opacity: 0.25 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.opacity-50 {
  opacity: 0.5 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.opacity-75 {
  opacity: 0.75 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.opacity-100 {
  opacity: 1 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.overflow-auto {
  overflow: auto !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.overflow-hidden {
  overflow: hidden !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.overflow-visible {
  overflow: visible !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.overflow-scroll {
  overflow: scroll !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.d-inline {
  display: inline !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.d-inline-block {
  display: inline-block !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.d-block {
  display: block !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.d-grid {
  display: grid !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.d-table {
  display: table !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.d-table-row {
  display: table-row !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.d-table-cell {
  display: table-cell !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.d-flex {
  display: flex !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.d-inline-flex {
  display: inline-flex !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.d-none {
  display: none !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.shadow-none {
  box-shadow: none !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.position-static {
  position: static !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.position-relative {
  position: relative !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.position-absolute {
  position: absolute !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.position-fixed {
  position: fixed !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.position-sticky {
  position: sticky !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.top-0 {
  top: 0 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.top-50 {
  top: 50% !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.top-100 {
  top: 100% !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bottom-0 {
  bottom: 0 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bottom-50 {
  bottom: 50% !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bottom-100 {
  bottom: 100% !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.start-0 {
  left: 0 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.start-50 {
  left: 50% !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.start-100 {
  left: 100% !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.end-0 {
  right: 0 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.end-50 {
  right: 50% !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.end-100 {
  right: 100% !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.translate-middle {
  transform: translate(-50%, -50%) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.translate-middle-x {
  transform: translateX(-50%) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.translate-middle-y {
  transform: translateY(-50%) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border {
  border: 1px solid #dee2e6 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-0 {
  border: 0 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-top {
  border-top: 1px solid #dee2e6 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-top-0 {
  border-top: 0 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-end {
  border-right: 1px solid #dee2e6 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-end-0 {
  border-right: 0 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-bottom-0 {
  border-bottom: 0 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-start {
  border-left: 1px solid #dee2e6 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-start-0 {
  border-left: 0 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-primary {
  border-color: #0d6efd !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-secondary {
  border-color: #6c757d !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-success {
  border-color: #198754 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-info {
  border-color: #0dcaf0 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-warning {
  border-color: #ffc107 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-danger {
  border-color: #dc3545 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-light {
  border-color: #f8f9fa !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-dark {
  border-color: #212529 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-white {
  border-color: #fff !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-1 {
  border-width: 1px !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-2 {
  border-width: 2px !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-3 {
  border-width: 3px !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-4 {
  border-width: 4px !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-5 {
  border-width: 5px !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.w-25 {
  width: 25% !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.w-50 {
  width: 50% !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.w-75 {
  width: 75% !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.w-100 {
  width: 100% !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.w-auto {
  width: auto !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mw-100 {
  max-width: 100% !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.vw-100 {
  width: 100vw !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.min-vw-100 {
  min-width: 100vw !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.h-25 {
  height: 25% !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.h-50 {
  height: 50% !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.h-75 {
  height: 75% !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.h-100 {
  height: 100% !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.h-auto {
  height: auto !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mh-100 {
  max-height: 100% !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.vh-100 {
  height: 100vh !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.min-vh-100 {
  min-height: 100vh !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.flex-fill {
  flex: 1 1 auto !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.flex-row {
  flex-direction: row !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.flex-column {
  flex-direction: column !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.flex-row-reverse {
  flex-direction: row-reverse !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.flex-column-reverse {
  flex-direction: column-reverse !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.flex-grow-0 {
  flex-grow: 0 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.flex-grow-1 {
  flex-grow: 1 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.flex-shrink-0 {
  flex-shrink: 0 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.flex-shrink-1 {
  flex-shrink: 1 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.flex-wrap {
  flex-wrap: wrap !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.flex-nowrap {
  flex-wrap: nowrap !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.gap-0 {
  gap: 0 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.gap-1 {
  gap: 0.25rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.gap-2 {
  gap: 0.5rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.gap-3 {
  gap: 1rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.gap-4 {
  gap: 1.5rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.gap-5 {
  gap: 3rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.justify-content-start {
  justify-content: flex-start !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.justify-content-end {
  justify-content: flex-end !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.justify-content-center {
  justify-content: center !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.justify-content-between {
  justify-content: space-between !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.justify-content-around {
  justify-content: space-around !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.justify-content-evenly {
  justify-content: space-evenly !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-items-start {
  align-items: flex-start !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-items-end {
  align-items: flex-end !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-items-center {
  align-items: center !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-items-baseline {
  align-items: baseline !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-items-stretch {
  align-items: stretch !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-content-start {
  align-content: flex-start !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-content-end {
  align-content: flex-end !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-content-center {
  align-content: center !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-content-between {
  align-content: space-between !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-content-around {
  align-content: space-around !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-content-stretch {
  align-content: stretch !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-self-auto {
  align-self: auto !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-self-start {
  align-self: flex-start !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-self-end {
  align-self: flex-end !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-self-center {
  align-self: center !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-self-baseline {
  align-self: baseline !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-self-stretch {
  align-self: stretch !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.order-first {
  order: -1 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.order-0 {
  order: 0 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.order-1 {
  order: 1 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.order-2 {
  order: 2 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.order-3 {
  order: 3 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.order-4 {
  order: 4 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.order-5 {
  order: 5 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.order-last {
  order: 6 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.m-0 {
  margin: 0 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.m-1 {
  margin: 0.25rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.m-2 {
  margin: 0.5rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.m-3 {
  margin: 1rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.m-4 {
  margin: 1.5rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.m-5 {
  margin: 3rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.m-auto {
  margin: auto !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mt-0 {
  margin-top: 0 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mt-1 {
  margin-top: 0.25rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mt-2 {
  margin-top: 0.5rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mt-3 {
  margin-top: 1rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mt-4 {
  margin-top: 1.5rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mt-5 {
  margin-top: 3rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mt-auto {
  margin-top: auto !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.me-0 {
  margin-right: 0 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.me-1 {
  margin-right: 0.25rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.me-2 {
  margin-right: 0.5rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.me-3 {
  margin-right: 1rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.me-4 {
  margin-right: 1.5rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.me-5 {
  margin-right: 3rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.me-auto {
  margin-right: auto !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mb-0 {
  margin-bottom: 0 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mb-1 {
  margin-bottom: 0.25rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mb-2 {
  margin-bottom: 0.5rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mb-3 {
  margin-bottom: 1rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mb-4 {
  margin-bottom: 1.5rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mb-5 {
  margin-bottom: 3rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mb-auto {
  margin-bottom: auto !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.ms-0 {
  margin-left: 0 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.ms-1 {
  margin-left: 0.25rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.ms-2 {
  margin-left: 0.5rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.ms-3 {
  margin-left: 1rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.ms-4 {
  margin-left: 1.5rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.ms-5 {
  margin-left: 3rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.ms-auto {
  margin-left: auto !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.p-0 {
  padding: 0 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.p-1 {
  padding: 0.25rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.p-2 {
  padding: 0.5rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.p-3 {
  padding: 1rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.p-4 {
  padding: 1.5rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.p-5 {
  padding: 3rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pt-0 {
  padding-top: 0 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pt-1 {
  padding-top: 0.25rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pt-2 {
  padding-top: 0.5rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pt-3 {
  padding-top: 1rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pt-4 {
  padding-top: 1.5rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pt-5 {
  padding-top: 3rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pe-0 {
  padding-right: 0 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pe-1 {
  padding-right: 0.25rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pe-2 {
  padding-right: 0.5rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pe-3 {
  padding-right: 1rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pe-4 {
  padding-right: 1.5rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pe-5 {
  padding-right: 3rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pb-0 {
  padding-bottom: 0 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pb-1 {
  padding-bottom: 0.25rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pb-2 {
  padding-bottom: 0.5rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pb-3 {
  padding-bottom: 1rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pb-4 {
  padding-bottom: 1.5rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pb-5 {
  padding-bottom: 3rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.ps-0 {
  padding-left: 0 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.ps-1 {
  padding-left: 0.25rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.ps-2 {
  padding-left: 0.5rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.ps-3 {
  padding-left: 1rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.ps-4 {
  padding-left: 1.5rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.ps-5 {
  padding-left: 3rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.fs-5 {
  font-size: 1.25rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.fs-6 {
  font-size: 1rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.fst-italic {
  font-style: italic !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.fst-normal {
  font-style: normal !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.fw-light {
  font-weight: 300 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.fw-lighter {
  font-weight: lighter !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.fw-normal {
  font-weight: 400 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.fw-bold {
  font-weight: 700 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.fw-bolder {
  font-weight: bolder !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.lh-1 {
  line-height: 1 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.lh-sm {
  line-height: 1.25 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.lh-base {
  line-height: 1.5 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.lh-lg {
  line-height: 2 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-start {
  text-align: left !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-end {
  text-align: right !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-center {
  text-align: center !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-decoration-none {
  text-decoration: none !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-decoration-underline {
  text-decoration: underline !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-decoration-line-through {
  text-decoration: line-through !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-lowercase {
  text-transform: lowercase !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-uppercase {
  text-transform: uppercase !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-capitalize {
  text-transform: capitalize !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-wrap {
  white-space: normal !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-muted {
  --bs-text-opacity: 1;
  color: #6c757d !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

/* line 54, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

/* line 54, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

/* line 54, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

/* line 54, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-opacity-100 {
  --bs-text-opacity: 1;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

/* line 54, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

/* line 54, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

/* line 54, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

/* line 54, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

/* line 54, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.user-select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.user-select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.user-select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pe-none {
  pointer-events: none !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pe-auto {
  pointer-events: auto !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded {
  border-radius: 0.25rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-0 {
  border-radius: 0 !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-1 {
  border-radius: 0.2rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-2 {
  border-radius: 0.25rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-3 {
  border-radius: 0.3rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-circle {
  border-radius: 50% !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-pill {
  border-radius: 50rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-end {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-start {
  border-bottom-left-radius: 0.25rem !important;
  border-top-left-radius: 0.25rem !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.visible {
  visibility: visible !important;
}

/* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.invisible {
  visibility: hidden !important;
}

@media (min-width: 576px) {
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .float-sm-start {
    float: left !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .float-sm-end {
    float: right !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .float-sm-none {
    float: none !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-sm-inline {
    display: inline !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-sm-inline-block {
    display: inline-block !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-sm-block {
    display: block !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-sm-grid {
    display: grid !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-sm-table {
    display: table !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-sm-table-row {
    display: table-row !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-sm-table-cell {
    display: table-cell !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-sm-flex {
    display: flex !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-sm-none {
    display: none !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-sm-row {
    flex-direction: row !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-sm-column {
    flex-direction: column !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-sm-0 {
    gap: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-sm-3 {
    gap: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-sm-5 {
    gap: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-sm-center {
    justify-content: center !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-sm-center {
    align-items: center !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-sm-center {
    align-content: center !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-sm-between {
    align-content: space-between !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-sm-around {
    align-content: space-around !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-sm-auto {
    align-self: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-sm-center {
    align-self: center !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-sm-first {
    order: -1 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-sm-0 {
    order: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-sm-1 {
    order: 1 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-sm-2 {
    order: 2 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-sm-3 {
    order: 3 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-sm-4 {
    order: 4 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-sm-5 {
    order: 5 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-sm-last {
    order: 6 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-sm-0 {
    margin: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-sm-3 {
    margin: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-sm-5 {
    margin: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-sm-auto {
    margin: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-sm-auto {
    margin-top: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-sm-0 {
    margin-right: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-sm-auto {
    margin-right: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-sm-auto {
    margin-left: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-sm-0 {
    padding: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-sm-3 {
    padding: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-sm-5 {
    padding: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .text-sm-start {
    text-align: left !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .text-sm-end {
    text-align: right !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .float-md-start {
    float: left !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .float-md-end {
    float: right !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .float-md-none {
    float: none !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-md-inline {
    display: inline !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-md-inline-block {
    display: inline-block !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-md-block {
    display: block !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-md-grid {
    display: grid !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-md-table {
    display: table !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-md-table-row {
    display: table-row !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-md-table-cell {
    display: table-cell !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-md-flex {
    display: flex !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-md-none {
    display: none !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-md-row {
    flex-direction: row !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-md-column {
    flex-direction: column !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-md-0 {
    gap: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-md-3 {
    gap: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-md-5 {
    gap: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-md-center {
    justify-content: center !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-md-start {
    align-items: flex-start !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-md-end {
    align-items: flex-end !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-md-center {
    align-items: center !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-md-start {
    align-content: flex-start !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-md-end {
    align-content: flex-end !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-md-center {
    align-content: center !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-md-between {
    align-content: space-between !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-md-around {
    align-content: space-around !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-md-auto {
    align-self: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-md-start {
    align-self: flex-start !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-md-end {
    align-self: flex-end !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-md-center {
    align-self: center !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-md-first {
    order: -1 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-md-0 {
    order: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-md-1 {
    order: 1 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-md-2 {
    order: 2 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-md-3 {
    order: 3 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-md-4 {
    order: 4 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-md-5 {
    order: 5 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-md-last {
    order: 6 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-md-0 {
    margin: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-md-1 {
    margin: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-md-2 {
    margin: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-md-3 {
    margin: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-md-4 {
    margin: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-md-5 {
    margin: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-md-auto {
    margin: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-md-0 {
    margin-top: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-md-auto {
    margin-top: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-md-0 {
    margin-right: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-md-3 {
    margin-right: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-md-5 {
    margin-right: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-md-auto {
    margin-right: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-md-0 {
    margin-left: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-md-auto {
    margin-left: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-md-0 {
    padding: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-md-1 {
    padding: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-md-2 {
    padding: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-md-3 {
    padding: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-md-4 {
    padding: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-md-5 {
    padding: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-md-0 {
    padding-top: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-md-0 {
    padding-right: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-md-0 {
    padding-left: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .text-md-start {
    text-align: left !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .text-md-end {
    text-align: right !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .float-lg-start {
    float: left !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .float-lg-end {
    float: right !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .float-lg-none {
    float: none !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-lg-inline {
    display: inline !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-lg-inline-block {
    display: inline-block !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-lg-block {
    display: block !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-lg-grid {
    display: grid !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-lg-table {
    display: table !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-lg-table-row {
    display: table-row !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-lg-table-cell {
    display: table-cell !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-lg-flex {
    display: flex !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-lg-none {
    display: none !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-lg-row {
    flex-direction: row !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-lg-column {
    flex-direction: column !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-lg-0 {
    gap: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-lg-3 {
    gap: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-lg-5 {
    gap: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-lg-center {
    justify-content: center !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-lg-center {
    align-items: center !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-lg-center {
    align-content: center !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-lg-between {
    align-content: space-between !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-lg-around {
    align-content: space-around !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-lg-auto {
    align-self: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-lg-center {
    align-self: center !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-lg-first {
    order: -1 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-lg-0 {
    order: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-lg-1 {
    order: 1 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-lg-2 {
    order: 2 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-lg-3 {
    order: 3 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-lg-4 {
    order: 4 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-lg-5 {
    order: 5 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-lg-last {
    order: 6 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-lg-0 {
    margin: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-lg-3 {
    margin: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-lg-5 {
    margin: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-lg-auto {
    margin: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-lg-auto {
    margin-top: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-lg-0 {
    margin-right: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-lg-auto {
    margin-right: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-lg-auto {
    margin-left: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-lg-0 {
    padding: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-lg-3 {
    padding: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-lg-5 {
    padding: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .text-lg-start {
    text-align: left !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .text-lg-end {
    text-align: right !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .float-xl-start {
    float: left !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .float-xl-end {
    float: right !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .float-xl-none {
    float: none !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xl-inline {
    display: inline !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xl-inline-block {
    display: inline-block !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xl-block {
    display: block !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xl-grid {
    display: grid !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xl-table {
    display: table !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xl-table-row {
    display: table-row !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xl-table-cell {
    display: table-cell !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xl-flex {
    display: flex !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xl-none {
    display: none !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xl-row {
    flex-direction: row !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xl-column {
    flex-direction: column !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-xl-0 {
    gap: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-xl-3 {
    gap: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-xl-5 {
    gap: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-xl-center {
    justify-content: center !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-xl-center {
    align-items: center !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-xl-center {
    align-content: center !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-xl-between {
    align-content: space-between !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-xl-around {
    align-content: space-around !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-xl-auto {
    align-self: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-xl-center {
    align-self: center !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xl-first {
    order: -1 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xl-0 {
    order: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xl-1 {
    order: 1 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xl-2 {
    order: 2 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xl-3 {
    order: 3 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xl-4 {
    order: 4 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xl-5 {
    order: 5 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xl-last {
    order: 6 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-xl-0 {
    margin: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-xl-3 {
    margin: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-xl-5 {
    margin: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-xl-auto {
    margin: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-xl-auto {
    margin-top: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-xl-0 {
    margin-right: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-xl-auto {
    margin-right: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-xl-auto {
    margin-left: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-xl-0 {
    padding: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-xl-3 {
    padding: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-xl-5 {
    padding: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .text-xl-start {
    text-align: left !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .text-xl-end {
    text-align: right !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .text-xl-center {
    text-align: center !important;
  }
}

@media (min-width: 1400px) {
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .float-xxl-start {
    float: left !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .float-xxl-end {
    float: right !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .float-xxl-none {
    float: none !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xxl-inline {
    display: inline !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xxl-block {
    display: block !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xxl-grid {
    display: grid !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xxl-table {
    display: table !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xxl-table-row {
    display: table-row !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xxl-flex {
    display: flex !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xxl-none {
    display: none !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xxl-row {
    flex-direction: row !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xxl-column {
    flex-direction: column !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-xxl-0 {
    gap: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-xxl-center {
    align-items: center !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-xxl-center {
    align-content: center !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-xxl-center {
    align-self: center !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xxl-first {
    order: -1 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xxl-0 {
    order: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xxl-1 {
    order: 1 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xxl-2 {
    order: 2 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xxl-3 {
    order: 3 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xxl-4 {
    order: 4 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xxl-5 {
    order: 5 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xxl-last {
    order: 6 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-xxl-0 {
    margin: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-xxl-3 {
    margin: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-xxl-5 {
    margin: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-xxl-auto {
    margin: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-xxl-auto {
    margin-right: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-xxl-0 {
    padding: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-xxl-3 {
    padding: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-xxl-5 {
    padding: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .text-xxl-start {
    text-align: left !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .text-xxl-end {
    text-align: right !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .text-xxl-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .fs-1 {
    font-size: 2.5rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .fs-2 {
    font-size: 2rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .fs-3 {
    font-size: 1.75rem !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .fs-4 {
    font-size: 1.5rem !important;
  }
}

@media print {
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-print-inline {
    display: inline !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-print-inline-block {
    display: inline-block !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-print-block {
    display: block !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-print-grid {
    display: grid !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-print-table {
    display: table !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-print-table-row {
    display: table-row !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-print-table-cell {
    display: table-cell !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-print-flex {
    display: flex !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  /* line 64, ../../shared/bundle/ruby/3.2.0/gems/bootstrap-5.1.3/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-print-none {
    display: none !important;
  }
}

/* ===== ENTERPRISE MEMOS PAGE STYLES ===== */
/* Matching the file_leaves design pattern exactly */
/* line 4, app/assets/stylesheets/memos.scss */
.enterprise-users-page {
  min-height: 100vh;
  position: relative;
  padding: 2rem 0;
}

/* line 12, app/assets/stylesheets/memos.scss */
.enterprise-users-page .table td .btn {
  pointer-events: auto !important;
  position: relative;
  z-index: 10;
}

/* line 20, app/assets/stylesheets/memos.scss */
.enterprise-users-page::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 50%, rgba(120, 119, 198, 0.3) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.1) 0%, transparent 50%), radial-gradient(circle at 40% 80%, rgba(120, 119, 198, 0.2) 0%, transparent 50%);
  pointer-events: none;
}

/* line 35, app/assets/stylesheets/memos.scss */
.users-wrapper {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 1rem;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

/* ===== HEADER SECTION ===== */
/* line 47, app/assets/stylesheets/memos.scss */
.users-header {
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), 0 4px 16px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  overflow: hidden;
  position: relative;
}

/* line 59, app/assets/stylesheets/memos.scss */
.users-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);
}

/* line 70, app/assets/stylesheets/memos.scss */
.header-content {
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}

/* line 78, app/assets/stylesheets/memos.scss */
.header-title {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

/* line 84, app/assets/stylesheets/memos.scss */
.title-icon {
  width: 70px;
  height: 70px;
  border-radius: 20px;
  background: linear-gradient(135deg, #129CF3 0%, #a3a3a8 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: white;
  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
  position: relative;
}

/* line 97, app/assets/stylesheets/memos.scss */
.title-icon::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, transparent 100%);
  border-radius: 20px;
}

/* line 110, app/assets/stylesheets/memos.scss */
.title-text h1, .title-text .h1 {
  font-size: 2rem;
  font-weight: 700;
  color: #2d3748;
  margin: 0 0 0.5rem 0;
  line-height: 1.2;
}

/* line 118, app/assets/stylesheets/memos.scss */
.title-text p {
  font-size: 1rem;
  color: #718096;
  margin: 0;
  line-height: 1.5;
}

/* line 126, app/assets/stylesheets/memos.scss */
.header-actions {
  display: flex;
  gap: 1rem;
  align-items: center;
}

/* ===== SEARCH SECTION ===== */
/* line 134, app/assets/stylesheets/memos.scss */
.search-section .search-card {
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

/* line 143, app/assets/stylesheets/memos.scss */
.search-section .search-header {
  padding: 1.5rem 2rem 1rem 2rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/* line 150, app/assets/stylesheets/memos.scss */
.search-section .search-header .search-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: linear-gradient(135deg, #129CF3 0%, #a3a3a8 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.2rem;
}

/* line 162, app/assets/stylesheets/memos.scss */
.search-section .search-header h6, .search-section .search-header .h6 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #2d3748;
  margin: 0;
}

/* line 170, app/assets/stylesheets/memos.scss */
.search-section .search-content {
  padding: 1rem 2rem 2rem 2rem;
}

/* line 174, app/assets/stylesheets/memos.scss */
.search-section .search-input-group {
  display: flex;
  gap: 1rem;
  align-items: center;
}

/* line 180, app/assets/stylesheets/memos.scss */
.search-section .input-wrapper {
  flex: 1;
  position: relative;
}

/* line 184, app/assets/stylesheets/memos.scss */
.search-section .input-wrapper .input-icon {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: #a0aec0;
  font-size: 1rem;
}

/* line 193, app/assets/stylesheets/memos.scss */
.search-section .input-wrapper .search-input {
  width: 100%;
  padding: 1rem 1rem 1rem 3rem;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  font-size: 1rem;
  background: white;
  transition: all 0.3s ease;
}

/* line 202, app/assets/stylesheets/memos.scss */
.search-section .input-wrapper .search-input:focus {
  outline: none;
  border-color: #129CF3;
  box-shadow: 0 0 0 3px rgba(18, 156, 243, 0.1);
}

/* line 208, app/assets/stylesheets/memos.scss */
.search-section .input-wrapper .search-input::-moz-placeholder {
  color: #a0aec0;
}
.search-section .input-wrapper .search-input::placeholder {
  color: #a0aec0;
}

/* line 214, app/assets/stylesheets/memos.scss */
.search-section .search-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 2rem;
  background: linear-gradient(135deg, #129CF3 0%, #a3a3a8 100%);
  color: white;
  border: none;
  border-radius: 12px;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(18, 156, 243, 0.3);
}

/* line 229, app/assets/stylesheets/memos.scss */
.search-section .search-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(18, 156, 243, 0.4);
}

/* ===== TABLE SECTION ===== */
/* line 238, app/assets/stylesheets/memos.scss */
.table-section .table-card {
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

/* line 247, app/assets/stylesheets/memos.scss */
.table-section .table-header {
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  background: rgba(248, 249, 250, 0.5);
}

/* line 256, app/assets/stylesheets/memos.scss */
.table-section .table-title {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 261, app/assets/stylesheets/memos.scss */
.table-section .table-title .table-icon {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  background: linear-gradient(135deg, #129CF3 0%, #a3a3a8 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.25rem;
}

/* line 274, app/assets/stylesheets/memos.scss */
.table-section .table-title .table-info h6, .table-section .table-title .table-info .h6 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #2d3748;
  margin: 0 0 0.25rem 0;
}

/* line 281, app/assets/stylesheets/memos.scss */
.table-section .table-title .table-info p {
  font-size: 0.875rem;
  color: #718096;
  margin: 0;
}

/* line 289, app/assets/stylesheets/memos.scss */
.table-section .table-stats {
  display: flex;
  gap: 2rem;
}

/* line 293, app/assets/stylesheets/memos.scss */
.table-section .table-stats .stat-item {
  text-align: center;
}

/* line 296, app/assets/stylesheets/memos.scss */
.table-section .table-stats .stat-item .stat-value {
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  color: #129CF3;
  line-height: 1;
}

/* line 304, app/assets/stylesheets/memos.scss */
.table-section .table-stats .stat-item .stat-label {
  display: block;
  font-size: 0.75rem;
  color: #718096;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 0.25rem;
}

/* Ensure modals are always above blurred background and clickable */
/* line 318, app/assets/stylesheets/memos.scss */
.modal {
  z-index: 2000 !important;
}

/* line 322, app/assets/stylesheets/memos.scss */
.modal-backdrop {
  z-index: 1500 !important;
}

/* ===== NAVIGATION TABS ===== */
/* line 327, app/assets/stylesheets/memos.scss */
.nav-tabs-container {
  padding: 1rem 2rem;
  background: rgba(248, 249, 250, 0.5);
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

/* line 333, app/assets/stylesheets/memos.scss */
.enterprise-tabs {
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

/* line 337, app/assets/stylesheets/memos.scss */
.enterprise-tabs .nav-link {
  color: #6c757d;
  font-weight: 600;
  padding: 1rem 1.5rem;
  border: none;
  border-bottom: 3px solid transparent;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 349, app/assets/stylesheets/memos.scss */
.enterprise-tabs .nav-link:hover {
  color: #129CF3;
  border-bottom-color: rgba(18, 156, 243, 0.3);
}

/* line 354, app/assets/stylesheets/memos.scss */
.enterprise-tabs .nav-link.active {
  color: #129CF3;
  background: none;
  border-bottom-color: #129CF3;
}

/* ===== TABLE CONTENT ===== */
/* line 361, app/assets/stylesheets/memos.scss */
.table-content {
  padding: 0;
}

/* line 366, app/assets/stylesheets/memos.scss */
.tab-content .tab-pane {
  padding: 0;
}

/* line 371, app/assets/stylesheets/memos.scss */
.table-responsive {
  overflow-x: auto;
}

/* line 375, app/assets/stylesheets/memos.scss */
.table {
  margin: 0;
  font-size: 0.875rem;
}

/* line 379, app/assets/stylesheets/memos.scss */
.table thead {
  background: #f9fafb;
}

/* line 382, app/assets/stylesheets/memos.scss */
.table thead th {
  padding: 1rem 1.5rem;
  text-align: left;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.75rem;
  border-bottom: 2px solid #e5e7eb;
  border-top: none;
}

/* line 396, app/assets/stylesheets/memos.scss */
.table tbody tr {
  transition: all 0.2s ease;
  border-bottom: 1px solid #f3f4f6;
}

/* line 400, app/assets/stylesheets/memos.scss */
.table tbody tr:hover {
  background: rgba(18, 156, 243, 0.05);
}

/* line 404, app/assets/stylesheets/memos.scss */
.table tbody tr td {
  padding: 1rem 1.5rem;
  vertical-align: middle;
  border: none;
}

/* ===== BUTTON STYLES ===== */
/* line 414, app/assets/stylesheets/memos.scss */
.btn-enterprise-primary {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 2rem;
  background: linear-gradient(135deg, #129CF3 0%, #a3a3a8 100%);
  color: white;
  text-decoration: none;
  border-radius: 15px;
  border: none;
  font-weight: 600;
  font-size: 1rem;
  box-shadow: 0 8px 25px rgba(18, 156, 243, 0.3);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 430, app/assets/stylesheets/memos.scss */
.btn-enterprise-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 35px rgba(18, 156, 243, 0.4);
  color: white;
  text-decoration: none;
}

/* line 437, app/assets/stylesheets/memos.scss */
.btn-outline-primary {
  border: 1px solid #129CF3;
  color: #129CF3;
  background: transparent;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* line 447, app/assets/stylesheets/memos.scss */
.btn-outline-primary:hover {
  background: #129CF3;
  color: white;
  border-color: #129CF3;
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 1024px) {
  /* line 456, app/assets/stylesheets/memos.scss */
  .users-wrapper {
    padding: 0 0.5rem;
  }
  /* line 460, app/assets/stylesheets/memos.scss */
  .header-content {
    flex-direction: column;
    gap: 1.5rem;
    text-align: center;
  }
  /* line 466, app/assets/stylesheets/memos.scss */
  .table-stats {
    flex-wrap: wrap;
    gap: 1rem;
  }
}

@media (max-width: 768px) {
  /* line 473, app/assets/stylesheets/memos.scss */
  .enterprise-users-page {
    padding: 1rem 0;
  }
  /* line 477, app/assets/stylesheets/memos.scss */
  .users-wrapper {
    gap: 1.5rem;
  }
  /* line 481, app/assets/stylesheets/memos.scss */
  .header-content {
    padding: 1.5rem;
  }
  /* line 485, app/assets/stylesheets/memos.scss */
  .title-text h1, .title-text .h1 {
    font-size: 1.5rem;
  }
  /* line 489, app/assets/stylesheets/memos.scss */
  .search-input-group {
    flex-direction: column;
    gap: 1rem;
  }
  /* line 494, app/assets/stylesheets/memos.scss */
  .search-btn {
    width: 100%;
    justify-content: center;
  }
  /* line 499, app/assets/stylesheets/memos.scss */
  .table-header {
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
  }
  /* line 505, app/assets/stylesheets/memos.scss */
  .table-stats {
    width: 100%;
    justify-content: space-around;
  }
  /* line 510, app/assets/stylesheets/memos.scss */
  .enterprise-tabs .nav-link {
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
  }
  /* line 516, app/assets/stylesheets/memos.scss */
  .table thead th,
.table tbody td {
    padding: 0.75rem 1rem;
    font-size: 0.8rem;
  }
}

@media (max-width: 480px) {
  /* line 525, app/assets/stylesheets/memos.scss */
  .users-wrapper {
    padding: 0 0.25rem;
  }
  /* line 529, app/assets/stylesheets/memos.scss */
  .header-content {
    padding: 1rem;
  }
  /* line 533, app/assets/stylesheets/memos.scss */
  .search-content {
    padding: 1rem;
  }
  /* line 537, app/assets/stylesheets/memos.scss */
  .table-header {
    padding: 1rem;
  }
  /* line 541, app/assets/stylesheets/memos.scss */
  .nav-tabs-container {
    padding: 0.5rem 1rem;
  }
  /* line 545, app/assets/stylesheets/memos.scss */
  .enterprise-tabs .nav-link {
    padding: 0.5rem 0.75rem;
    font-size: 0.8rem;
  }
}

/* ============================================
   HOME PAGE STYLES (/)
   ============================================ */
/* Corporate color scheme: #1e3c72 (primary) and #129CF3 (secondary) */
/* Main Dashboard Container */
/* line 8, app/assets/stylesheets/home.scss */
.enterprise-dashboard {
  min-height: 100vh;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  background: linear-gradient(135deg, #f8fafb 0%, #e8f2ff 100%);
  position: relative;
  padding: 32px 0;
  font-family: 'Source Sans Pro', sans-serif;
  box-sizing: border-box;
}

/* line 19, app/assets/stylesheets/home.scss */
.enterprise-dashboard::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 50%, rgba(18, 156, 243, 0.08) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(30, 60, 114, 0.05) 0%, transparent 50%), radial-gradient(circle at 40% 80%, rgba(18, 156, 243, 0.06) 0%, transparent 50%);
  pointer-events: none;
}

/* line 33, app/assets/stylesheets/home.scss */
.enterprise-dashboard .dashboard-wrapper {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0 auto;
  padding: 0 16px;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
}

/* Corporate Hero Section */
/* line 46, app/assets/stylesheets/home.scss */
.dashboard-hero {
  text-align: center;
  margin-bottom: 48px;
  padding: 48px 16px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  background: linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0.95) 100%);
  border-radius: 24px;
  box-shadow: 0 8px 32px rgba(30, 60, 114, 0.12), 0 2px 8px rgba(18, 156, 243, 0.08);
  border: 1px solid rgba(18, 156, 243, 0.15);
  position: relative;
  overflow: hidden;
  /* Elegant border accent */
}

/* line 64, app/assets/stylesheets/home.scss */
.dashboard-hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, #1e3c72 0%, #129CF3 50%, #1e3c72 100%);
  box-shadow: 0 2px 8px rgba(18, 156, 243, 0.3);
}

/* line 75, app/assets/stylesheets/home.scss */
.dashboard-hero .logo-container {
  margin-bottom: 32px;
  position: relative;
  width: 100%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

/* line 83, app/assets/stylesheets/home.scss */
.dashboard-hero .logo-container img {
  max-width: 100%;
  width: auto;
  height: auto;
  filter: drop-shadow(0 8px 16px rgba(30, 60, 114, 0.15));
  transition: transform 0.3s ease;
}

/* line 90, app/assets/stylesheets/home.scss */
.dashboard-hero .logo-container img:hover {
  transform: scale(1.05);
}

/* line 96, app/assets/stylesheets/home.scss */
.dashboard-hero .welcome-message {
  color: #1e3c72;
  font-size: 35.2px;
  font-weight: 700;
  margin: 0;
  font-family: 'Raleway', sans-serif;
  letter-spacing: -0.02em;
  line-height: 1.2;
  overflow-wrap: anywhere;
  word-break: break-word;
  /* Remove emoji for cleaner corporate look */
}

/* line 108, app/assets/stylesheets/home.scss */
.dashboard-hero .welcome-message::before {
  display: none;
}

/* Corporate Dashboard Grid
   minmax(0, …) is required so Chrome/Edge shrink tracks instead of overflowing
   (Firefox/Safari are more lenient with the default min-width: auto). */
/* line 117, app/assets/stylesheets/home.scss */
.dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 400px);
  gap: 32px;
  align-items: start;
  width: 100%;
  min-width: 0;
}

/* Left and Right Columns */
/* line 127, app/assets/stylesheets/home.scss */
.left-column,
.right-column {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: stretch;
  min-width: 0;
  max-width: 100%;
}

/* Match Quick Actions and Employee Status heights */
/* line 138, app/assets/stylesheets/home.scss */
.quick-actions-section,
.employees-leave-section {
  flex: 0 0 auto;
}

/* line 143, app/assets/stylesheets/home.scss */
.quick-actions-section .enterprise-card,
.employees-leave-section .employees-card {
  min-height: -moz-fit-content;
  min-height: fit-content;
}

/* Corporate Cards */
/* line 149, app/assets/stylesheets/home.scss */
.enterprise-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-shadow: 0 4px 20px rgba(30, 60, 114, 0.08), 0 1px 4px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(30, 60, 114, 0.1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  /* Elegant top border */
  /* Child combinator keeps these styles off nested Bootstrap .card-header */
}

/* line 165, app/assets/stylesheets/home.scss */
.enterprise-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e3c72 0%, #129CF3 50%, #1e3c72 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* line 177, app/assets/stylesheets/home.scss */
.enterprise-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 40px rgba(30, 60, 114, 0.12), 0 4px 16px rgba(0, 0, 0, 0.08);
}

/* line 183, app/assets/stylesheets/home.scss */
.enterprise-card:hover::before {
  opacity: 1;
}

/* line 189, app/assets/stylesheets/home.scss */
.enterprise-card > .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  padding: 16px 20px;
  background: linear-gradient(135deg, #f8fafb 0%, #f1f5f9 100%);
  border-bottom: 1px solid rgba(30, 60, 114, 0.08);
  margin: 0;
  min-width: 0;
}

/* line 201, app/assets/stylesheets/home.scss */
.enterprise-card > .card-header .card-icon {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #1e3c72, #129CF3);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 17.6px;
  margin-right: 16px;
  box-shadow: 0 4px 12px rgba(30, 60, 114, 0.25);
  position: relative;
}

/* line 216, app/assets/stylesheets/home.scss */
.enterprise-card > .card-header .card-icon::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), transparent);
  border-radius: 10px;
  pointer-events: none;
}

/* line 229, app/assets/stylesheets/home.scss */
.enterprise-card > .card-header .card-title {
  flex: 1 1 0;
  min-width: 0;
}

/* line 233, app/assets/stylesheets/home.scss */
.enterprise-card > .card-header .card-title h5, .enterprise-card > .card-header .card-title .h5 {
  margin: 0 0 4px 0;
  color: #1e3c72;
  font-size: 19.2px;
  font-weight: 700;
  font-family: 'Raleway', sans-serif;
  letter-spacing: -0.01em;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* line 244, app/assets/stylesheets/home.scss */
.enterprise-card > .card-header .card-title p {
  margin: 0;
  color: #64748b;
  font-size: 14px;
  font-weight: 500;
}

/* line 252, app/assets/stylesheets/home.scss */
.enterprise-card > .card-header .card-actions {
  flex: 0 0 auto;
}

/* line 255, app/assets/stylesheets/home.scss */
.enterprise-card > .card-header .card-actions .btn {
  background: linear-gradient(135deg, #129CF3, #1e3c72);
  border: none;
  color: white;
  padding: 9.6px 19.2px;
  border-radius: 12px;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(18, 156, 243, 0.25);
}

/* line 266, app/assets/stylesheets/home.scss */
.enterprise-card > .card-header .card-actions .btn:hover {
  background: linear-gradient(135deg, #1e3c72, #129CF3);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(18, 156, 243, 0.35);
}

/* line 272, app/assets/stylesheets/home.scss */
.enterprise-card > .card-header .card-actions .btn i {
  margin-right: 8px;
}

/* line 279, app/assets/stylesheets/home.scss */
.enterprise-card > .card-content {
  padding: 20px;
  min-width: 0;
  max-width: 100%;
}

/* Announcements Section */
/* line 287, app/assets/stylesheets/home.scss */
.announcements-section {
  min-width: 0;
  max-width: 100%;
  /* Bootstrap carousel controls are position:absolute by default; keep them in-flow */
}

/* line 291, app/assets/stylesheets/home.scss */
.announcements-section .enterprise-card {
  min-height: 400px;
  max-height: 500px;
  display: flex;
  flex-direction: column;
}

/* line 297, app/assets/stylesheets/home.scss */
.announcements-section .enterprise-card > .card-header .card-icon {
  background: linear-gradient(135deg, #129CF3, #1e3c72);
  box-shadow: 0 4px 12px rgba(18, 156, 243, 0.3);
}

/* line 302, app/assets/stylesheets/home.scss */
.announcements-section .enterprise-card > .card-content {
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 0;
  min-width: 0;
}

/* line 311, app/assets/stylesheets/home.scss */
.announcements-section #announcementCarousel,
.announcements-section .carousel,
.announcements-section .carousel-inner,
.announcements-section .carousel-item,
.announcements-section .carousel-item > .card {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

/* line 321, app/assets/stylesheets/home.scss */
.announcements-section .carousel-item > .card {
  overflow: hidden;
}

/* line 324, app/assets/stylesheets/home.scss */
.announcements-section .carousel-item > .card .card-header {
  min-width: 0;
  gap: 8px;
}

/* line 328, app/assets/stylesheets/home.scss */
.announcements-section .carousel-item > .card .card-header h5, .announcements-section .carousel-item > .card .card-header .h5 {
  min-width: 0;
  flex: 1 1 auto;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* line 336, app/assets/stylesheets/home.scss */
.announcements-section .carousel-item > .card .card-body {
  max-width: 100%;
}

/* line 340, app/assets/stylesheets/home.scss */
.announcements-section .carousel-item > .card .card-body p,
.announcements-section .carousel-item > .card .comments,
.announcements-section .carousel-item > .card .comments p {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* line 348, app/assets/stylesheets/home.scss */
.announcements-section .carousel-item > .card img,
.announcements-section .carousel-item > .card .announcement-photo {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

/* line 357, app/assets/stylesheets/home.scss */
.announcements-section .carousel-item > .card action-text-attachment,
.announcements-section .carousel-item > .card .trix-content,
.announcements-section .carousel-item > .card .trix-content .attachment,
.announcements-section .carousel-item > .card .trix-content .attachment--preview,
.announcements-section .carousel-item > .card .announcement-rich-text figure {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* line 367, app/assets/stylesheets/home.scss */
.announcements-section .carousel-item > .card .trix-content img,
.announcements-section .carousel-item > .card .announcement-rich-text img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

/* line 377, app/assets/stylesheets/home.scss */
.announcements-section .announcement-carousel-toolbar,
.announcements-section .carousel-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  position: relative;
}

/* line 388, app/assets/stylesheets/home.scss */
.announcements-section .carousel-control-prev,
.announcements-section .carousel-control-next,
.announcements-section .custom-carousel-control {
  position: static;
  width: auto;
  height: 32px;
  opacity: 1;
  background: none;
  transform: none;
  flex: 0 0 auto;
}

/* line 400, app/assets/stylesheets/home.scss */
.announcements-section .carousel-indicators {
  position: static;
  margin: 0;
  width: auto;
}

/* line 406, app/assets/stylesheets/home.scss */
.announcements-section .announcement-image-wrap {
  width: 100%;
  max-width: 100%;
  margin: 0.75rem auto 0;
}

/* line 411, app/assets/stylesheets/home.scss */
.announcements-section .announcement-image-wrap img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 8px;
}

/* line 421, app/assets/stylesheets/home.scss */
.announcements-section .comments .d-flex {
  min-width: 0;
  flex-wrap: wrap;
  gap: 8px;
}

/* line 426, app/assets/stylesheets/home.scss */
.announcements-section .comments .d-flex p {
  min-width: 0;
  flex: 1 1 auto;
}

/* Quick Actions Section */
/* line 434, app/assets/stylesheets/home.scss */
.quick-actions-section {
  min-width: 0;
  max-width: 100%;
}

/* line 438, app/assets/stylesheets/home.scss */
.quick-actions-section .enterprise-card {
  min-height: 250px;
  display: flex;
  flex-direction: column;
}

/* line 444, app/assets/stylesheets/home.scss */
.quick-actions-section .actions-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  flex: 1;
  min-width: 0;
}

/* Calendar Section */
/* line 454, app/assets/stylesheets/home.scss */
.calendar-section {
  min-width: 0;
  max-width: 100%;
}

/* line 458, app/assets/stylesheets/home.scss */
.calendar-section .calendar-card {
  min-height: 400px;
  max-height: 500px;
  display: flex;
  flex-direction: column;
}

/* line 464, app/assets/stylesheets/home.scss */
.calendar-section .calendar-card > .card-header .card-icon {
  background: linear-gradient(135deg, #1e3c72, #129CF3);
  box-shadow: 0 4px 12px rgba(30, 60, 114, 0.3);
}

/* line 469, app/assets/stylesheets/home.scss */
.calendar-section .calendar-card > .card-content {
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 0;
  min-width: 0;
}

/* line 478, app/assets/stylesheets/home.scss */
.calendar-section #calendar,
.calendar-section .fc,
.calendar-section .fc-view-harness,
.calendar-section .fc-scrollgrid {
  width: 100% !important;
  max-width: 100%;
  min-width: 0;
}

/* Employees Leave Section */
/* line 489, app/assets/stylesheets/home.scss */
.employees-leave-section {
  min-width: 0;
  max-width: 100%;
}

/* line 493, app/assets/stylesheets/home.scss */
.employees-leave-section .employees-card {
  min-height: 250px;
  display: flex;
  flex-direction: column;
}

/* line 498, app/assets/stylesheets/home.scss */
.employees-leave-section .employees-card > .card-header .card-icon {
  background: linear-gradient(135deg, #129CF3, #1e3c72);
  box-shadow: 0 4px 12px rgba(18, 156, 243, 0.3);
}

/* line 503, app/assets/stylesheets/home.scss */
.employees-leave-section .employees-card > .card-content {
  flex: 1;
  min-width: 0;
}

/* Actions Card */
/* line 512, app/assets/stylesheets/home.scss */
.actions-card .card-header .card-icon {
  background: linear-gradient(135deg, #1e3c72, #129CF3);
  box-shadow: 0 4px 12px rgba(30, 60, 114, 0.3);
}

/* Corporate Action Buttons */
/* line 519, app/assets/stylesheets/home.scss */
.actions-flex {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 524, app/assets/stylesheets/home.scss */
.actions-flex .action-button {
  background: #ffffff;
  border: 1px solid rgba(30, 60, 114, 0.15);
  color: #1e3c72;
  padding: 12px 16px;
  border-radius: 16px;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(30, 60, 114, 0.04);
}

/* line 540, app/assets/stylesheets/home.scss */
.actions-flex .action-button::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(18, 156, 243, 0.05), transparent);
  transition: left 0.4s ease;
}

/* line 551, app/assets/stylesheets/home.scss */
.actions-flex .action-button:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(30, 60, 114, 0.15);
  border-color: #129CF3;
  color: #1e3c72;
  text-decoration: none;
}

/* line 558, app/assets/stylesheets/home.scss */
.actions-flex .action-button:hover::before {
  left: 100%;
}

/* line 562, app/assets/stylesheets/home.scss */
.actions-flex .action-button:hover .action-icon {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(18, 156, 243, 0.35);
}

/* line 568, app/assets/stylesheets/home.scss */
.actions-flex .action-button .action-content {
  display: flex;
  align-items: center;
  flex: 1;
}

/* line 573, app/assets/stylesheets/home.scss */
.actions-flex .action-button .action-content .action-icon {
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, #1e3c72, #129CF3);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 14.4px;
  margin-right: 12px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(30, 60, 114, 0.25);
}

/* line 588, app/assets/stylesheets/home.scss */
.actions-flex .action-button .action-content .action-text {
  font-size: 14.4px;
  font-weight: 600;
  font-family: 'Raleway', sans-serif;
}

/* line 595, app/assets/stylesheets/home.scss */
.actions-flex .action-button .badge {
  background: linear-gradient(135deg, #dc3545, #c82333);
  color: white;
  font-size: 12px;
  padding: 5.6px 11.2px;
  border-radius: 20px;
  font-weight: 700;
  box-shadow: 0 2px 8px rgba(220, 53, 69, 0.25);
}

/* line 604, app/assets/stylesheets/home.scss */
.actions-flex .action-button .badge.bg-success {
  background: linear-gradient(135deg, #129CF3, #1e3c72);
  box-shadow: 0 2px 8px rgba(18, 156, 243, 0.25);
}

/* Employees on Leave Section */
/* line 613, app/assets/stylesheets/home.scss */
.employees-on-leave {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 2px solid rgba(18, 156, 243, 0.15);
}

/* line 618, app/assets/stylesheets/home.scss */
.employees-on-leave .section-title {
  color: #1e3c72;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  font-family: 'Raleway', sans-serif;
}

/* line 627, app/assets/stylesheets/home.scss */
.employees-on-leave .section-title::before {
  content: "🏖️";
  margin-right: 0.5rem;
  font-size: 17.6px;
}

/* line 634, app/assets/stylesheets/home.scss */
.employees-on-leave .employee-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 639, app/assets/stylesheets/home.scss */
.employees-on-leave .employee-list li {
  background: linear-gradient(135deg, rgba(18, 156, 243, 0.08), rgba(30, 60, 114, 0.05));
  color: #1e3c72;
  padding: 12px 16px;
  border-radius: 8px;
  margin-bottom: 8px;
  font-weight: 500;
  display: flex;
  align-items: center;
  border-left: 3px solid #129CF3;
  transition: all 0.2s ease;
}

/* line 651, app/assets/stylesheets/home.scss */
.employees-on-leave .employee-list li:hover {
  background: linear-gradient(135deg, rgba(18, 156, 243, 0.12), rgba(30, 60, 114, 0.08));
  transform: translateX(4px);
}

/* line 656, app/assets/stylesheets/home.scss */
.employees-on-leave .employee-list li::before {
  content: "👤";
  margin-right: 8px;
  opacity: 0.7;
}

/* line 664, app/assets/stylesheets/home.scss */
.employees-on-leave .no-leaves-message {
  text-align: center;
  color: #64748b;
  font-style: italic;
  padding: 24px;
  background: linear-gradient(135deg, rgba(18, 156, 243, 0.05), rgba(30, 60, 114, 0.03));
  border-radius: 10px;
  border: 1px dashed rgba(18, 156, 243, 0.3);
}

/* line 673, app/assets/stylesheets/home.scss */
.employees-on-leave .no-leaves-message::before {
  content: "✅";
  display: block;
  font-size: 32px;
  margin-bottom: 8px;
}

/* Stats Cards */
/* line 683, app/assets/stylesheets/home.scss */
.stats-overview {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

/* line 689, app/assets/stylesheets/home.scss */
.stats-overview .stat-card {
  background: linear-gradient(135deg, #ffffff, #f8f9fa);
  border-radius: 12px;
  padding: 16px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.8);
  transition: transform 0.3s ease;
}

/* line 698, app/assets/stylesheets/home.scss */
.stats-overview .stat-card:hover {
  transform: translateY(-3px);
}

/* line 702, app/assets/stylesheets/home.scss */
.stats-overview .stat-card .stat-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 12px auto;
  font-size: 17.6px;
}

/* line 712, app/assets/stylesheets/home.scss */
.stats-overview .stat-card .stat-icon.pending {
  background: linear-gradient(135deg, #f39c12, #e67e22);
  color: white;
}

/* line 717, app/assets/stylesheets/home.scss */
.stats-overview .stat-card .stat-icon.approved {
  background: linear-gradient(135deg, #129CF3, #1e3c72);
  color: white;
}

/* line 722, app/assets/stylesheets/home.scss */
.stats-overview .stat-card .stat-icon.total {
  background: linear-gradient(135deg, #1e3c72, #129CF3);
  color: white;
}

/* line 728, app/assets/stylesheets/home.scss */
.stats-overview .stat-card .stat-number {
  font-size: 24px;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 4px;
}

/* line 735, app/assets/stylesheets/home.scss */
.stats-overview .stat-card .stat-label {
  color: #6c757d;
  font-size: 11.2px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Corporate Responsive Design */
@media (max-width: 1199.98px) {
  /* line 747, app/assets/stylesheets/home.scss */
  .dashboard-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
  /* line 752, app/assets/stylesheets/home.scss */
  .right-column {
    order: 1;
  }
  /* line 756, app/assets/stylesheets/home.scss */
  .left-column {
    order: 2;
  }
}

@media (max-width: 991.98px) {
  /* line 763, app/assets/stylesheets/home.scss */
  .enterprise-dashboard .dashboard-wrapper {
    padding: 0 16px;
  }
  /* line 768, app/assets/stylesheets/home.scss */
  .dashboard-hero {
    margin-bottom: 32px;
    padding: 32px 16px;
  }
  /* line 772, app/assets/stylesheets/home.scss */
  .dashboard-hero .welcome-message {
    font-size: 28.8px;
  }
  /* line 776, app/assets/stylesheets/home.scss */
  .dashboard-hero .logo-container {
    max-width: 240px;
  }
  /* line 782, app/assets/stylesheets/home.scss */
  .enterprise-card .card-header {
    padding: 20px 24px;
  }
  /* line 785, app/assets/stylesheets/home.scss */
  .enterprise-card .card-header .card-icon {
    width: 42px;
    height: 42px;
    font-size: 16px;
  }
  /* line 791, app/assets/stylesheets/home.scss */
  .enterprise-card .card-header .card-title h5, .enterprise-card .card-header .card-title .h5 {
    font-size: 17.6px;
  }
  /* line 796, app/assets/stylesheets/home.scss */
  .enterprise-card .card-content {
    padding: 24px;
  }
  /* line 801, app/assets/stylesheets/home.scss */
  .dashboard-grid {
    gap: 20px;
  }
}

@media (max-width: 767.98px) {
  /* line 808, app/assets/stylesheets/home.scss */
  .enterprise-dashboard .dashboard-wrapper {
    padding: 0 12px;
  }
  /* line 813, app/assets/stylesheets/home.scss */
  .dashboard-hero {
    margin-bottom: 32px;
    padding: 24px 12px;
  }
  /* line 817, app/assets/stylesheets/home.scss */
  .dashboard-hero .logo-container {
    max-width: 220px;
  }
  /* line 821, app/assets/stylesheets/home.scss */
  .dashboard-hero .welcome-message {
    font-size: 24px;
  }
  /* line 826, app/assets/stylesheets/home.scss */
  .dashboard-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-height: none;
    width: 100%;
    min-width: 0;
    padding-bottom: 32px;
  }
  /* Mobile order: Announcements → Calendar → Quick Actions → Employees on Leave */
  /* line 837, app/assets/stylesheets/home.scss */
  .left-column {
    width: 100%;
    order: 1;
  }
  /* line 842, app/assets/stylesheets/home.scss */
  .right-column {
    width: 100%;
    order: 2;
  }
  /* line 847, app/assets/stylesheets/home.scss */
  .announcements-section {
    order: 1;
  }
  /* line 851, app/assets/stylesheets/home.scss */
  .calendar-section {
    order: 2;
  }
  /* line 855, app/assets/stylesheets/home.scss */
  .quick-actions-section {
    order: 3;
  }
  /* line 859, app/assets/stylesheets/home.scss */
  .employees-leave-section {
    order: 4;
  }
  /* line 863, app/assets/stylesheets/home.scss */
  .actions-flex {
    flex-direction: column;
  }
  /* line 868, app/assets/stylesheets/home.scss */
  .enterprise-card .card-header {
    padding: 16px 20px;
  }
  /* line 871, app/assets/stylesheets/home.scss */
  .enterprise-card .card-header .card-icon {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
  /* line 877, app/assets/stylesheets/home.scss */
  .enterprise-card .card-header .card-title h5, .enterprise-card .card-header .card-title .h5 {
    font-size: 16px;
  }
  /* line 882, app/assets/stylesheets/home.scss */
  .enterprise-card .card-content {
    padding: 20px;
  }
  /* line 887, app/assets/stylesheets/home.scss */
  .actions-flex .action-button {
    padding: 10px 14px;
  }
  /* line 890, app/assets/stylesheets/home.scss */
  .actions-flex .action-button .action-content .action-icon {
    width: 32px;
    height: 32px;
    font-size: 12.8px;
  }
  /* line 896, app/assets/stylesheets/home.scss */
  .actions-flex .action-button .action-content .action-text {
    font-size: 13.6px;
  }
  /* line 901, app/assets/stylesheets/home.scss */
  .announcements-section .enterprise-card {
    min-height: 350px;
    max-height: 450px;
  }
  /* line 906, app/assets/stylesheets/home.scss */
  .calendar-section .calendar-card {
    min-height: 350px;
    max-height: 450px;
  }
  /* line 911, app/assets/stylesheets/home.scss */
  .quick-actions-section .enterprise-card {
    min-height: 150px;
  }
  /* line 915, app/assets/stylesheets/home.scss */
  .employees-leave-section .employees-card {
    min-height: 150px;
    margin-bottom: 32px;
  }
  /* Ensure last element has extra bottom margin on mobile */
  /* line 921, app/assets/stylesheets/home.scss */
  .right-column .employees-leave-section:last-child,
.employees-leave-section:last-of-type {
    margin-bottom: 48px;
  }
  /* line 926, app/assets/stylesheets/home.scss */
  .stats-overview {
    grid-template-columns: 1fr;
  }
  /* line 931, app/assets/stylesheets/home.scss */
  .actions-flex .action-button {
    padding: 12px;
  }
  /* line 935, app/assets/stylesheets/home.scss */
  .actions-flex .action-button .action-content .action-icon {
    width: 30px;
    height: 30px;
    font-size: 12.8px;
  }
  /* line 941, app/assets/stylesheets/home.scss */
  .actions-flex .action-button .action-content .action-text {
    font-size: 13.6px;
  }
}

/* Animation Enhancements */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 961, app/assets/stylesheets/home.scss */
.enterprise-card {
  animation: fadeInUp 0.6s ease forwards;
}

/* line 964, app/assets/stylesheets/home.scss */
.enterprise-card:nth-child(1) {
  animation-delay: 0.1s;
}

/* line 965, app/assets/stylesheets/home.scss */
.enterprise-card:nth-child(2) {
  animation-delay: 0.2s;
}

/* line 966, app/assets/stylesheets/home.scss */
.enterprise-card:nth-child(3) {
  animation-delay: 0.3s;
}

/* Loading States */
/* line 970, app/assets/stylesheets/home.scss */
.loading-placeholder {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
  border-radius: 8px;
  height: 20px;
}

/* line 977, app/assets/stylesheets/home.scss */
.loading-placeholder.title {
  height: 30px;
  width: 60%;
  margin-bottom: 16px;
}

/* line 983, app/assets/stylesheets/home.scss */
.loading-placeholder.text {
  height: 16px;
  width: 80%;
  margin-bottom: 8px;
}

@keyframes loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

/* line 6, app/assets/stylesheets/employee.scss */
.employee-enterprise {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(30, 60, 114, 0.1) 100%);
  min-height: 100vh;
  font-family: 'Source Sans Pro', sans-serif;
}

/* line 12, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-header {
  background: linear-gradient(135deg, #129CF3 0%, #a3a3a8 100%);
  color: white;
  padding: 1rem 0;
  margin-bottom: 1rem;
  position: relative;
  overflow: hidden;
}

/* line 20, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-header::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
  animation: float 6s ease-in-out infinite;
}

/* line 31, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-header .header-content {
  position: relative;
  z-index: 2;
}

/* line 36, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-header h1, .employee-enterprise .employee-header .h1 {
  font-size: 2.5rem;
  font-weight: 300;
  margin-bottom: 0.5rem;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* line 43, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-header .subtitle {
  font-size: 1.1rem;
  opacity: 0.9;
  font-weight: 300;
}

/* line 51, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table {
  background: white;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  overflow: hidden;
  margin-bottom: 2rem;
}

/* line 58, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .table-header {
  padding: 1.5rem;
  border-bottom: 1px solid #f3f4f6;
  background: #fafafa;
}

/* line 63, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .table-header h3, .employee-enterprise .leave-credits-table .table-header .h3 {
  font-size: 1.125rem;
  font-weight: 500;
  color: #111827;
  margin: 0;
}

/* line 71, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .table-responsive {
  overflow-x: auto;
}

/* line 75, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}

/* line 80, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table thead {
  background: #f9fafb;
}

/* line 83, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table thead th {
  padding: 1rem 1.5rem;
  text-align: left;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.75rem;
  border-bottom: 1px solid #e5e7eb;
}

/* line 93, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 97, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 104, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table tbody tr {
  border-bottom: 1px solid #f3f4f6;
}

/* line 107, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table tbody tr:hover {
  background: #f9fafb;
}

/* line 111, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table tbody tr:last-child {
  border-bottom: none;
}

/* line 115, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table tbody tr td {
  padding: 1rem 1.5rem;
  vertical-align: middle;
}

/* line 119, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 123, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 127, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table tbody tr td.leave-type {
  font-weight: 500;
  color: #111827;
}

/* line 131, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table tbody tr td.leave-type i {
  margin-right: 0.5rem;
  color: #6b7280;
}

/* line 137, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table tbody tr td .stat-value {
  font-weight: 500;
  color: #374151;
}

/* line 142, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table tbody tr td .stat-total {
  font-weight: 600;
  color: #111827;
}

/* line 147, app/assets/stylesheets/employee.scss */
.employee-enterprise .leave-credits-table .leave-table tbody tr td .stat-year {
  color: #6b7280;
  font-size: 0.8rem;
}

/* line 158, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card {
  background: white !important;
  border-radius: 12px !important;
  overflow: hidden;
  box-shadow: none !important;
  border: none !important;
  transition: all 0.3s ease;
  margin-bottom: 2rem;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
}

/* line 170, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* line 175, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .employee-header {
  background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);
  color: white;
  border: none;
  padding: 1.25rem 1.5rem;
}

/* line 182, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .employee-header .employee-info h5, .employee-enterprise .employee-group-card .employee-header .employee-info .h5 {
  margin: 0;
  font-weight: 600;
  font-size: 1.2rem;
}

/* line 187, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .employee-header .employee-info h5 i, .employee-enterprise .employee-group-card .employee-header .employee-info .h5 i {
  opacity: 0.9;
  font-size: 1.1rem;
}

/* line 193, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .employee-header .employee-info small, .employee-enterprise .employee-group-card .employee-header .employee-info .small {
  opacity: 0.9;
  font-size: 0.9rem;
}

/* line 200, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .employee-header .employee-summary .badge {
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.5rem 1rem;
}

/* line 205, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .employee-header .employee-summary .badge i {
  opacity: 0.8;
}

/* line 212, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .card-body {
  padding: 0;
}

/* line 216, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .table {
  margin: 0;
}

/* line 220, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .table thead th {
  background-color: #f8f9fa;
  border-bottom: 2px solid #dee2e6;
  font-weight: 600;
  padding: 0.875rem 1rem;
  vertical-align: middle;
  color: #2c3e50;
  font-size: 0.9rem;
}

/* line 229, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .table thead th i {
  margin-right: 0.5rem;
  color: #3498db;
  opacity: 0.8;
}

/* line 238, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .table tbody .employee-credit-row {
  transition: all 0.2s ease;
  border-bottom: 1px solid #f1f3f4;
}

/* line 242, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .table tbody .employee-credit-row:hover {
  background-color: #f8f9fa;
}

/* line 246, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .table tbody .employee-credit-row:last-child {
  border-bottom: none;
}

/* line 250, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .table tbody .employee-credit-row td {
  padding: 1rem;
  vertical-align: middle;
  border-left: none;
  border-right: none;
}

/* line 260, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .leave-type-info {
  font-weight: 500;
}

/* line 263, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .leave-type-info i {
  opacity: 0.8;
}

/* line 267, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-group-card .leave-type-info strong {
  color: #2c3e50;
}

/* line 278, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile-summary {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 16px;
  padding: 2rem;
  color: white;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  position: relative;
  overflow: hidden;
}

/* line 287, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile-summary::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
  animation: float 8s ease-in-out infinite;
}

/* line 298, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile-summary .employee-avatar-large {
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: bold;
  color: white;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 3px solid rgba(255, 255, 255, 0.3);
  position: relative;
  z-index: 2;
}

/* line 315, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile-summary .employee-summary-info {
  position: relative;
  z-index: 2;
}

/* line 319, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile-summary .employee-summary-info h3, .employee-enterprise .employee-profile-summary .employee-summary-info .h3 {
  margin-bottom: 0.5rem;
  font-weight: 600;
  color: white;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* line 326, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile-summary .employee-summary-info p {
  margin-bottom: 1rem;
  opacity: 0.9;
}

/* line 330, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile-summary .employee-summary-info p i {
  opacity: 0.8;
}

/* line 335, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile-summary .employee-summary-info .badge {
  background: rgba(255, 255, 255, 0.2) !important;
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-weight: 500;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

/* line 348, app/assets/stylesheets/employee.scss */
.employee-enterprise .stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}

/* line 354, app/assets/stylesheets/employee.scss */
.employee-enterprise .stats-grid .stat-card {
  background: white;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border-left: 4px solid;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

/* line 364, app/assets/stylesheets/employee.scss */
.employee-enterprise .stats-grid .stat-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* line 369, app/assets/stylesheets/employee.scss */
.employee-enterprise .stats-grid .stat-card::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 100px;
  background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1));
  border-radius: 50%;
  transform: translate(30px, -30px);
}

/* line 381, app/assets/stylesheets/employee.scss */
.employee-enterprise .stats-grid .stat-card.active-employees {
  border-left-color: #27ae60;
}

/* line 383, app/assets/stylesheets/employee.scss */
.employee-enterprise .stats-grid .stat-card.active-employees .stat-icon {
  color: #27ae60;
}

/* line 386, app/assets/stylesheets/employee.scss */
.employee-enterprise .stats-grid .stat-card.archived-employees {
  border-left-color: #e74c3c;
}

/* line 388, app/assets/stylesheets/employee.scss */
.employee-enterprise .stats-grid .stat-card.archived-employees .stat-icon {
  color: #e74c3c;
}

/* line 391, app/assets/stylesheets/employee.scss */
.employee-enterprise .stats-grid .stat-card.departments {
  border-left-color: #3498db;
}

/* line 393, app/assets/stylesheets/employee.scss */
.employee-enterprise .stats-grid .stat-card.departments .stat-icon {
  color: #3498db;
}

/* line 396, app/assets/stylesheets/employee.scss */
.employee-enterprise .stats-grid .stat-card.positions {
  border-left-color: #f39c12;
}

/* line 398, app/assets/stylesheets/employee.scss */
.employee-enterprise .stats-grid .stat-card.positions .stat-icon {
  color: #f39c12;
}

/* line 401, app/assets/stylesheets/employee.scss */
.employee-enterprise .stats-grid .stat-card .stat-icon {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

/* line 406, app/assets/stylesheets/employee.scss */
.employee-enterprise .stats-grid .stat-card .stat-number {
  font-size: 2.5rem;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 0.25rem;
}

/* line 413, app/assets/stylesheets/employee.scss */
.employee-enterprise .stats-grid .stat-card .stat-label {
  color: #7f8c8d;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 423, app/assets/stylesheets/employee.scss */
.employee-enterprise .search-section {
  background: white;
  border-radius: 12px;
  padding: 1.5rem;
  margin-bottom: 2rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* line 430, app/assets/stylesheets/employee.scss */
.employee-enterprise .search-section .search-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

/* line 436, app/assets/stylesheets/employee.scss */
.employee-enterprise .search-section .search-header h3, .employee-enterprise .search-section .search-header .h3 {
  color: #2c3e50;
  margin: 0;
  font-weight: 600;
}

/* line 443, app/assets/stylesheets/employee.scss */
.employee-enterprise .search-section .search-controls {
  display: flex;
  gap: 1rem;
  align-items: center;
  flex-wrap: wrap;
}

/* line 449, app/assets/stylesheets/employee.scss */
.employee-enterprise .search-section .search-controls .search-input {
  flex: 1;
  min-width: 300px;
}

/* line 453, app/assets/stylesheets/employee.scss */
.employee-enterprise .search-section .search-controls .search-input input {
  border: 2px solid #ecf0f1;
  border-radius: 8px;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  transition: all 0.3s ease;
}

/* line 460, app/assets/stylesheets/employee.scss */
.employee-enterprise .search-section .search-controls .search-input input:focus {
  border-color: #3498db;
  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}

/* line 467, app/assets/stylesheets/employee.scss */
.employee-enterprise .search-section .search-controls .btn-enterprise {
  background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
  color: white;
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: 600;
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 480, app/assets/stylesheets/employee.scss */
.employee-enterprise .search-section .search-controls .btn-enterprise:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);
  color: white;
}

/* line 486, app/assets/stylesheets/employee.scss */
.employee-enterprise .search-section .search-controls .btn-enterprise.btn-success {
  background: linear-gradient(135deg, #27ae60 0%, #229954 100%);
}

/* line 489, app/assets/stylesheets/employee.scss */
.employee-enterprise .search-section .search-controls .btn-enterprise.btn-success:hover {
  box-shadow: 0 4px 12px rgba(39, 174, 96, 0.3);
}

/* line 494, app/assets/stylesheets/employee.scss */
.employee-enterprise .search-section .search-controls .btn-enterprise.btn-secondary {
  background: linear-gradient(135deg, #95a5a6 0%, #7f8c8d 100%);
}

/* line 497, app/assets/stylesheets/employee.scss */
.employee-enterprise .search-section .search-controls .btn-enterprise.btn-secondary:hover {
  box-shadow: 0 4px 12px rgba(149, 165, 166, 0.3);
}

/* line 507, app/assets/stylesheets/employee.scss */
.employee-enterprise .enterprise-tabs .nav-tabs {
  border-bottom: 2px solid #ecf0f1;
  margin-bottom: 2rem;
}

/* line 511, app/assets/stylesheets/employee.scss */
.employee-enterprise .enterprise-tabs .nav-tabs .nav-link {
  color: #7f8c8d;
  font-weight: 600;
  padding: 1rem 1.5rem;
  border: none;
  border-bottom: 3px solid transparent;
  transition: all 0.3s ease;
}

/* line 519, app/assets/stylesheets/employee.scss */
.employee-enterprise .enterprise-tabs .nav-tabs .nav-link:hover {
  color: #2c3e50;
  border-bottom-color: #bdc3c7;
}

/* line 524, app/assets/stylesheets/employee.scss */
.employee-enterprise .enterprise-tabs .nav-tabs .nav-link.active {
  color: #2c3e50;
  background: none;
  border-bottom-color: #3498db;
}

/* line 534, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-table {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* line 540, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-table .table {
  margin: 0;
}

/* line 543, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-table .table thead {
  background: linear-gradient(135deg, #34495e 0%, #2c3e50 100%);
}

/* line 546, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-table .table thead th {
  color: white;
  font-weight: 600;
  padding: 1rem;
  border: none;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.5px;
}

/* line 558, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-table .table tbody tr {
  transition: all 0.3s ease;
}

/* line 561, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-table .table tbody tr:hover {
  background-color: #f8f9fa;
  transform: scale(1.01);
}

/* line 566, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-table .table tbody tr td {
  padding: 1rem;
  border-bottom: 1px solid #ecf0f1;
  vertical-align: middle;
}

/* line 575, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-table .action-buttons {
  display: flex;
  gap: 0.5rem;
}

/* line 579, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-table .action-buttons .btn {
  padding: 0.375rem 0.75rem;
  font-size: 0.85rem;
  border-radius: 6px;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* line 586, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-table .action-buttons .btn:hover {
  transform: translateY(-1px);
}

/* line 594, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
}

/* line 601, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile .profile-header {
  background: linear-gradient(135deg, #129CF3 0%, #a3a3a8 100%);
  color: white;
  padding: 2rem;
  text-align: center;
  position: relative;
}

/* line 608, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile .profile-header .profile-avatar {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem;
  font-size: 3rem;
  font-weight: 300;
}

/* line 621, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile .profile-header .profile-name {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

/* line 627, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile .profile-header .profile-position {
  font-size: 1.1rem;
  opacity: 0.9;
  font-weight: 300;
}

/* line 634, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile .profile-info {
  padding: 2rem;
}

/* line 637, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile .profile-info .info-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
}

/* line 643, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile .profile-info .info-grid .info-item .label {
  font-size: 0.85rem;
  color: #7f8c8d;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.25rem;
}

/* line 651, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-profile .profile-info .info-grid .info-item .value {
  font-size: 1.1rem;
  color: #2c3e50;
  font-weight: 600;
}

/* line 663, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .card {
  border: none;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
  background: white;
  transition: all 0.3s ease;
}

/* line 671, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* line 676, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .card .card-header {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  font-weight: 600;
  padding: 1rem 1.5rem;
  border-radius: 12px 12px 0 0;
  border: none;
}

/* line 684, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .card .card-header i {
  font-size: 1.1rem;
  margin-right: 0.5rem;
}

/* line 690, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .card .card-body {
  padding: 2rem;
}

/* line 693, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .card .card-body .form-row {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
}

/* line 698, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .card .card-body .form-row .form-group {
  flex: 1;
  margin-bottom: 0;
}

@media (max-width: 768px) {
  /* line 693, app/assets/stylesheets/employee.scss */
  .employee-enterprise .employee-form .card .card-body .form-row {
    flex-direction: column;
    gap: 0;
  }
  /* line 707, app/assets/stylesheets/employee.scss */
  .employee-enterprise .employee-form .card .card-body .form-row .form-group {
    margin-bottom: 1rem;
  }
}

/* line 713, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .card .card-body .form-group {
  margin-bottom: 1.5rem;
}

/* line 716, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .card .card-body .form-group label {
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 725, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .card .card-body .form-group .form-control {
  border: 2px solid #e9ecef;
  border-radius: 8px;
  padding: 0.75rem 1rem;
  transition: all 0.3s ease;
  font-size: 1rem;
}

/* line 732, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .card .card-body .form-group .form-control:focus {
  border-color: #667eea;
  box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
  background-color: #fafbfc;
}

/* line 738, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .card .card-body .form-group .form-control::-moz-placeholder {
  color: #adb5bd;
  font-style: italic;
}
.employee-enterprise .employee-form .card .card-body .form-group .form-control::placeholder {
  color: #adb5bd;
  font-style: italic;
}

/* line 745, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .card .card-body .form-group .tom-select .ts-control {
  border: 2px solid #e9ecef;
  border-radius: 8px;
  padding: 0.5rem 1rem;
  background: white;
}

/* line 751, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .card .card-body .form-group .tom-select .ts-control.focus {
  border-color: #667eea;
  box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
}

/* line 757, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .card .card-body .form-group .tom-select .ts-dropdown {
  border: 2px solid #e9ecef;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* line 767, app/assets/stylesheets/employee.scss */
.employee-enterprise .employee-form .step-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
  padding: 2rem;
  border-top: 2px solid #ecf0f1;
  background: #f8f9fa;
  border-radius: 12px;
}

/* line 781, app/assets/stylesheets/employee.scss */
.employee-enterprise .benefits-section .section-card {
  background: white;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 1.5rem;
}

/* line 788, app/assets/stylesheets/employee.scss */
.employee-enterprise .benefits-section .section-card h2, .employee-enterprise .benefits-section .section-card .h2 {
  color: #2c3e50;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 797, app/assets/stylesheets/employee.scss */
.employee-enterprise .benefits-section .section-card h2::before, .employee-enterprise .benefits-section .section-card .h2::before {
  content: '';
  width: 4px;
  height: 24px;
  background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
  border-radius: 2px;
}

/* line 806, app/assets/stylesheets/employee.scss */
.employee-enterprise .benefits-section .section-card .list-group-item {
  border: 1px solid #ecf0f1;
  border-radius: 8px;
  margin-bottom: 0.5rem;
  padding: 1rem;
  transition: all 0.3s ease;
}

/* line 813, app/assets/stylesheets/employee.scss */
.employee-enterprise .benefits-section .section-card .list-group-item:hover {
  background-color: #f8f9fa;
  transform: translateX(5px);
}

/* line 818, app/assets/stylesheets/employee.scss */
.employee-enterprise .benefits-section .section-card .list-group-item .badge {
  font-size: 0.8rem;
  padding: 0.5rem 0.75rem;
  border-radius: 20px;
  font-weight: 600;
}

/* line 829, app/assets/stylesheets/employee.scss */
.employee-enterprise .action-section {
  margin-top: 2rem;
  padding: 2rem;
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* line 836, app/assets/stylesheets/employee.scss */
.employee-enterprise .action-section .primary-actions, .employee-enterprise .action-section .secondary-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

/* line 842, app/assets/stylesheets/employee.scss */
.employee-enterprise .action-section .secondary-actions {
  justify-content: flex-end;
}

/* line 849, app/assets/stylesheets/employee.scss */
.employee-info {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 855, app/assets/stylesheets/employee.scss */
.employee-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, #3498db, #2980b9);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.9rem;
}

/* line 868, app/assets/stylesheets/employee.scss */
.employee-name {
  font-weight: 600;
  color: #2c3e50;
}

/* line 873, app/assets/stylesheets/employee.scss */
.employee-nickname {
  font-size: 0.85rem;
}

/* line 877, app/assets/stylesheets/employee.scss */
.pagination-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}

/* line 884, app/assets/stylesheets/employee.scss */
.benefits-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* line 890, app/assets/stylesheets/employee.scss */
.benefit-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  background: #f8f9fa;
  border-radius: 8px;
  border-left: 4px solid #3498db;
}

/* line 900, app/assets/stylesheets/employee.scss */
.benefit-name {
  font-weight: 600;
  color: #2c3e50;
}

/* line 905, app/assets/stylesheets/employee.scss */
.benefit-amount {
  font-weight: 700;
  color: #27ae60;
  font-size: 1.1rem;
}

/* line 911, app/assets/stylesheets/employee.scss */
.leave-type {
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 0.5rem;
}

/* line 917, app/assets/stylesheets/employee.scss */
.leave-credits {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* line 925, app/assets/stylesheets/employee.scss */
.modal .modal-dialog {
  max-width: 600px;
}

/* line 928, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content {
  border: none;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

/* line 933, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content .modal-header {
  background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
  color: white;
  border-radius: 12px 12px 0 0;
  border: none;
}

/* line 939, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content .modal-header .modal-title {
  font-weight: 600;
  font-size: 1.2rem;
}

/* line 944, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content .modal-header .btn-close {
  background: none;
  opacity: 0.8;
}

/* line 948, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content .modal-header .btn-close:hover {
  opacity: 1;
}

/* line 954, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content .modal-body {
  padding: 2rem;
}

/* line 957, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content .modal-body .form-group {
  margin-bottom: 1.5rem;
}

/* line 960, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content .modal-body .form-group label {
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 0.5rem;
  display: block;
}

/* line 967, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content .modal-body .form-group .form-control {
  border: 2px solid #e9ecef;
  border-radius: 8px;
  padding: 0.75rem 1rem;
  transition: all 0.3s ease;
}

/* line 973, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content .modal-body .form-group .form-control:focus {
  border-color: #3498db;
  box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.25);
}

/* line 981, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content .modal-footer {
  border-top: 1px solid #ecf0f1;
  padding: 1.5rem 2rem;
  background: #f8f9fa;
  border-radius: 0 0 12px 12px;
}

/* line 987, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content .modal-footer .btn {
  border-radius: 8px;
  font-weight: 600;
  padding: 0.5rem 1.5rem;
}

/* line 992, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content .modal-footer .btn.btn-primary {
  background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
  border: none;
}

/* line 996, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content .modal-footer .btn.btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);
}

/* line 1002, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content .modal-footer .btn.btn-secondary {
  background: #95a5a6;
  border: none;
}

/* line 1006, app/assets/stylesheets/employee.scss */
.modal .modal-dialog .modal-content .modal-footer .btn.btn-secondary:hover {
  background: #7f8c8d;
}

/* line 1017, app/assets/stylesheets/employee.scss */
.badge {
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-weight: 600;
  font-size: 0.85rem;
}

/* line 1023, app/assets/stylesheets/employee.scss */
.badge.bg-success {
  background: linear-gradient(135deg, #27ae60 0%, #229954 100%) !important;
}

/* line 1027, app/assets/stylesheets/employee.scss */
.badge.bg-warning {
  background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%) !important;
}

/* line 1031, app/assets/stylesheets/employee.scss */
.badge.bg-info {
  background: linear-gradient(135deg, #3498db 0%, #2980b9 100%) !important;
}

/* line 1035, app/assets/stylesheets/employee.scss */
.badge.bg-secondary {
  background: linear-gradient(135deg, #95a5a6 0%, #7f8c8d 100%) !important;
}

/* line 1039, app/assets/stylesheets/employee.scss */
.badge.bg-danger {
  background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%) !important;
}

/* line 1043, app/assets/stylesheets/employee.scss */
.badge.bg-primary {
  background: linear-gradient(135deg, #3498db 0%, #2980b9 100%) !important;
}

/* line 1050, app/assets/stylesheets/employee.scss */
.employee-cell i {
  color: #667eea;
  font-size: 1.1rem;
}

/* line 1057, app/assets/stylesheets/employee.scss */
.form-step {
  animation: fadeInUp 0.5s ease;
}

/* line 1061, app/assets/stylesheets/employee.scss */
.links {
  border-top: 1px solid #ecf0f1;
  padding-top: 1rem;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 768px) {
  /* line 1086, app/assets/stylesheets/employee.scss */
  .employee-enterprise .employee-header h1, .employee-enterprise .employee-header .h1 {
    font-size: 2rem;
  }
  /* line 1090, app/assets/stylesheets/employee.scss */
  .employee-enterprise .stats-grid {
    grid-template-columns: 1fr;
  }
  /* line 1094, app/assets/stylesheets/employee.scss */
  .employee-enterprise .search-controls {
    flex-direction: column;
  }
  /* line 1097, app/assets/stylesheets/employee.scss */
  .employee-enterprise .search-controls .search-input {
    min-width: 100%;
  }
  /* line 1103, app/assets/stylesheets/employee.scss */
  .employee-enterprise .employee-table .table {
    font-size: 0.85rem;
  }
  /* line 1106, app/assets/stylesheets/employee.scss */
  .employee-enterprise .employee-table .table td, .employee-enterprise .employee-table .table th {
    padding: 0.5rem;
  }
  /* line 1112, app/assets/stylesheets/employee.scss */
  .employee-enterprise .action-buttons {
    flex-direction: column;
  }
  /* line 1115, app/assets/stylesheets/employee.scss */
  .employee-enterprise .action-buttons .btn {
    width: 100%;
    margin-bottom: 0.25rem;
  }
  /* line 1122, app/assets/stylesheets/employee.scss */
  .employee-enterprise .employee-profile .profile-header {
    padding: 1.5rem;
  }
  /* line 1125, app/assets/stylesheets/employee.scss */
  .employee-enterprise .employee-profile .profile-header .profile-avatar {
    width: 80px;
    height: 80px;
    font-size: 2rem;
  }
  /* line 1131, app/assets/stylesheets/employee.scss */
  .employee-enterprise .employee-profile .profile-header .profile-name {
    font-size: 1.4rem;
  }
  /* line 1136, app/assets/stylesheets/employee.scss */
  .employee-enterprise .employee-profile .info-grid {
    grid-template-columns: 1fr;
  }
  /* line 1142, app/assets/stylesheets/employee.scss */
  .employee-enterprise .action-section .primary-actions, .employee-enterprise .action-section .secondary-actions {
    justify-content: center;
  }
  /* line 1145, app/assets/stylesheets/employee.scss */
  .employee-enterprise .action-section .primary-actions .btn-enterprise, .employee-enterprise .action-section .secondary-actions .btn-enterprise {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  /* line 1151, app/assets/stylesheets/employee.scss */
  .employee-enterprise .action-section .secondary-actions {
    margin-top: 1rem;
  }
  /* line 1156, app/assets/stylesheets/employee.scss */
  .employee-enterprise .employee-form {
    padding: 1rem;
  }
  /* line 1159, app/assets/stylesheets/employee.scss */
  .employee-enterprise .employee-form .step-navigation {
    padding: 1rem;
    flex-direction: column;
    gap: 1rem;
  }
  /* line 1164, app/assets/stylesheets/employee.scss */
  .employee-enterprise .employee-form .step-navigation .btn-enterprise {
    width: 100%;
  }
  /* line 1170, app/assets/stylesheets/employee.scss */
  .employee-enterprise .leave-credits {
    flex-direction: column;
  }
  /* line 1173, app/assets/stylesheets/employee.scss */
  .employee-enterprise .leave-credits .badge {
    text-align: center;
  }
}

/* line 1184, app/assets/stylesheets/employee.scss */
.edit-header-modern {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  padding: 3rem 0 2rem 0;
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}

/* line 1192, app/assets/stylesheets/employee.scss */
.edit-header-modern::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="1" fill="white" opacity="0.1"/><circle cx="10" cy="90" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(/%23grain)"/></svg>');
  opacity: 0.3;
}

/* line 1203, app/assets/stylesheets/employee.scss */
.edit-header-modern .edit-title-section {
  position: relative;
  z-index: 2;
}

/* line 1207, app/assets/stylesheets/employee.scss */
.edit-header-modern .edit-title-section .breadcrumb-nav {
  margin-bottom: 1rem;
  font-size: 0.9rem;
  opacity: 0.9;
}

/* line 1212, app/assets/stylesheets/employee.scss */
.edit-header-modern .edit-title-section .breadcrumb-nav .breadcrumb-link {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  transition: color 0.3s ease;
}

/* line 1217, app/assets/stylesheets/employee.scss */
.edit-header-modern .edit-title-section .breadcrumb-nav .breadcrumb-link:hover {
  color: white;
  text-decoration: underline;
}

/* line 1223, app/assets/stylesheets/employee.scss */
.edit-header-modern .edit-title-section .breadcrumb-nav .breadcrumb-current {
  color: white;
  font-weight: 600;
}

/* line 1229, app/assets/stylesheets/employee.scss */
.edit-header-modern .edit-title-section .edit-title {
  font-size: 2.8rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  line-height: 1.2;
}

/* line 1237, app/assets/stylesheets/employee.scss */
.edit-header-modern .edit-title-section .edit-subtitle {
  font-size: 1.2rem;
  opacity: 0.9;
  font-weight: 300;
  margin-bottom: 0;
}

/* line 1245, app/assets/stylesheets/employee.scss */
.edit-header-modern .employee-quick-info {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 1252, app/assets/stylesheets/employee.scss */
.edit-header-modern .employee-quick-info .employee-avatar-modern {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: 700;
  color: white;
  border: 3px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

/* line 1269, app/assets/stylesheets/employee.scss */
.edit-header-modern .employee-quick-info .employee-meta h4, .edit-header-modern .employee-quick-info .employee-meta .h4 {
  font-size: 1.3rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
  color: white;
}

/* line 1276, app/assets/stylesheets/employee.scss */
.edit-header-modern .employee-quick-info .employee-meta p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}

/* line 1282, app/assets/stylesheets/employee.scss */
.edit-header-modern .employee-quick-info .employee-meta .badge {
  font-size: 0.8rem;
  padding: 0.4rem 0.8rem;
  border-radius: 20px;
}

/* line 1292, app/assets/stylesheets/employee.scss */
.edit-form-tabs {
  margin-top: -1rem;
  position: relative;
  z-index: 10;
}

/* line 1297, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-tabs-nav {
  background: white;
  border-radius: 15px 15px 0 0;
  box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.1);
  padding: 1rem 1rem 0 1rem;
}

/* line 1303, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-tabs-nav .nav-pills {
  border: none;
  gap: 0.5rem;
}

/* line 1307, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-tabs-nav .nav-pills .nav-item {
  flex: 1;
}

/* line 1310, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-tabs-nav .nav-pills .nav-item .nav-link {
  border-radius: 10px;
  padding: 1rem 1.5rem;
  font-weight: 600;
  color: #6c757d;
  background: #f8f9fa;
  border: 2px solid transparent;
  transition: all 0.3s ease;
  text-align: center;
  font-size: 0.95rem;
}

/* line 1321, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-tabs-nav .nav-pills .nav-item .nav-link:hover {
  background: #e9ecef;
  color: #495057;
  transform: translateY(-2px);
}

/* line 1327, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-tabs-nav .nav-pills .nav-item .nav-link.active {
  background: linear-gradient(135deg, #129CF3 0%, #0d7bc7 100%);
  color: white;
  border-color: #129CF3;
  box-shadow: 0 4px 15px rgba(18, 156, 243, 0.3);
}

/* line 1334, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-tabs-nav .nav-pills .nav-item .nav-link i {
  font-size: 1.1rem;
}

/* line 1342, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-tab-content {
  background: white;
  border-radius: 0 0 15px 15px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  min-height: 500px;
  padding-bottom: 100px;
}

/* line 1350, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-section {
  padding: 2.5rem;
}

/* line 1353, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-section .section-header {
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #f1f3f4;
}

/* line 1358, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-section .section-header h3, .edit-form-tabs .form-section .section-header .h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 0.5rem;
}

/* line 1364, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-section .section-header h3 i, .edit-form-tabs .form-section .section-header .h3 i {
  color: #129CF3;
}

/* line 1369, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-section .section-header p {
  font-size: 1rem;
  margin-bottom: 0;
}

/* line 1375, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-section .form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
}

@media (max-width: 768px) {
  /* line 1375, app/assets/stylesheets/employee.scss */
  .edit-form-tabs .form-section .form-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}

/* line 1386, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-section .form-grid-single {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  max-width: 600px;
  margin: 0 auto;
}

/* line 1394, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-section .form-group-modern {
  position: relative;
}

/* line 1397, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-section .form-group-modern label {
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 1406, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-section .form-group-modern .form-control,
.edit-form-tabs .form-section .form-group-modern .form-select {
  border: 2px solid #e9ecef;
  border-radius: 10px;
  padding: 0.875rem 1rem;
  font-size: 1rem;
  transition: all 0.3s ease;
  background: #fafbfc;
}

/* line 1415, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-section .form-group-modern .form-control:focus,
.edit-form-tabs .form-section .form-group-modern .form-select:focus {
  border-color: #129CF3;
  box-shadow: 0 0 0 0.2rem rgba(18, 156, 243, 0.15);
  background: white;
}

/* line 1421, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-section .form-group-modern .form-control::-moz-placeholder, .edit-form-tabs .form-section .form-group-modern .form-select::-moz-placeholder {
  color: #adb5bd;
  font-style: italic;
}
.edit-form-tabs .form-section .form-group-modern .form-control::placeholder,
.edit-form-tabs .form-section .form-group-modern .form-select::placeholder {
  color: #adb5bd;
  font-style: italic;
}

/* line 1427, app/assets/stylesheets/employee.scss */
.edit-form-tabs .form-section .form-group-modern .form-control-lg,
.edit-form-tabs .form-section .form-group-modern .form-select-lg {
  padding: 1rem 1.25rem;
  font-size: 1.1rem;
  border-radius: 12px;
}

/* line 1438, app/assets/stylesheets/employee.scss */
.form-actions-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
  border-top: 2px solid #e9ecef;
  padding: 1.5rem 0;
  box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}

/* line 1449, app/assets/stylesheets/employee.scss */
.form-actions-fixed .btn {
  font-weight: 600;
  padding: 0.875rem 2rem;
  border-radius: 10px;
  font-size: 1rem;
  transition: all 0.3s ease;
}

/* line 1456, app/assets/stylesheets/employee.scss */
.form-actions-fixed .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* line 1461, app/assets/stylesheets/employee.scss */
.form-actions-fixed .btn.btn-outline-secondary {
  border-width: 2px;
}

/* line 1465, app/assets/stylesheets/employee.scss */
.form-actions-fixed .btn.btn-success {
  box-shadow: 0 4px 15px rgba(18, 156, 243, 0.3);
}

/* line 1474, app/assets/stylesheets/employee.scss */
.personal-info-card {
  background: linear-gradient(145deg, #ffffff 0%, #f8f9ff 100%);
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(18, 156, 243, 0.1);
  overflow: hidden;
  height: 100%;
  position: relative;
}

/* line 1483, app/assets/stylesheets/employee.scss */
.personal-info-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #129CF3 0%, #667eea 50%, #764ba2 100%);
}

/* line 1493, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-header {
  padding: 2rem 2rem 1rem 2rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  background: transparent;
  border-bottom: 1px solid rgba(18, 156, 243, 0.1);
}

/* line 1501, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-header .header-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: linear-gradient(135deg, #129CF3 0%, #667eea 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.5rem;
  box-shadow: 0 4px 15px rgba(18, 156, 243, 0.3);
}

/* line 1514, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-header .header-content {
  flex: 1;
}

/* line 1517, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-header .header-content .card-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 0.25rem;
}

/* line 1524, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-header .header-content .card-subtitle {
  font-size: 0.9rem;
  color: #6c757d;
  margin-bottom: 0;
  font-weight: 400;
}

/* line 1533, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-body {
  padding: 1.5rem 2rem 2rem 2rem;
}

/* line 1536, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-body .form-section-group {
  margin-bottom: 2rem;
}

/* line 1539, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-body .form-section-group:last-child {
  margin-bottom: 0;
}

/* line 1543, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-body .form-section-group .section-label {
  font-size: 0.95rem;
  font-weight: 600;
  color: #129CF3;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid rgba(18, 156, 243, 0.1);
  display: flex;
  align-items: center;
}

/* line 1553, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-body .form-section-group .section-label i {
  font-size: 1.1rem;
}

/* line 1558, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-body .form-section-group .form-fields-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  /* line 1558, app/assets/stylesheets/employee.scss */
  .personal-info-card .personal-card-body .form-section-group .form-fields-grid {
    grid-template-columns: 1fr;
  }
}

/* line 1567, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-body .form-section-group .form-fields-grid .form-field {
  position: relative;
}

/* line 1570, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-body .form-section-group .form-fields-grid .form-field label {
  font-size: 0.85rem;
  font-weight: 600;
  color: #495057;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 1579, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-body .form-section-group .form-fields-grid .form-field .form-control-modern,
.personal-info-card .personal-card-body .form-section-group .form-fields-grid .form-field .form-select-modern {
  border: 2px solid #e9ecef;
  border-radius: 12px;
  padding: 0.75rem 1rem;
  font-size: 0.95rem;
  background: #fafbfc;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}

/* line 1589, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-body .form-section-group .form-fields-grid .form-field .form-control-modern:focus,
.personal-info-card .personal-card-body .form-section-group .form-fields-grid .form-field .form-select-modern:focus {
  border-color: #129CF3;
  box-shadow: 0 0 0 0.2rem rgba(18, 156, 243, 0.15);
  background: white;
  transform: translateY(-1px);
}

/* line 1596, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-body .form-section-group .form-fields-grid .form-field .form-control-modern:hover,
.personal-info-card .personal-card-body .form-section-group .form-fields-grid .form-field .form-select-modern:hover {
  border-color: #129CF3;
  background: white;
}

/* line 1602, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-body .form-section-group .form-fields-grid .form-field .form-control-modern::-moz-placeholder {
  color: #adb5bd;
  font-style: italic;
}
.personal-info-card .personal-card-body .form-section-group .form-fields-grid .form-field .form-control-modern::placeholder {
  color: #adb5bd;
  font-style: italic;
}

/* line 1608, app/assets/stylesheets/employee.scss */
.personal-info-card .personal-card-body .form-section-group .form-fields-grid .form-field:focus-within label {
  color: #129CF3;
  transform: scale(0.95);
}

/* line 1618, app/assets/stylesheets/employee.scss */
.personal-info-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
  border-color: rgba(18, 156, 243, 0.2);
}

/* line 1626, app/assets/stylesheets/employee.scss */
.clean-form-card {
  transition: all 0.3s ease;
}

/* line 1629, app/assets/stylesheets/employee.scss */
.clean-form-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
}

/* line 1634, app/assets/stylesheets/employee.scss */
.clean-form-card .card-header {
  padding: 1.5rem;
}

/* line 1637, app/assets/stylesheets/employee.scss */
.clean-form-card .card-header .card-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
}

/* line 1648, app/assets/stylesheets/employee.scss */
.clean-form-card .card-header .card-title {
  font-size: 1.1rem;
  font-weight: 600;
}

/* line 1655, app/assets/stylesheets/employee.scss */
.clean-form-card .form-group-section .section-title {
  font-size: 0.95rem;
  font-weight: 600;
  border-bottom: 2px solid;
  padding-bottom: 0.5rem;
  display: inline-block;
}

/* line 1662, app/assets/stylesheets/employee.scss */
.clean-form-card .form-group-section .section-title i {
  font-size: 1rem;
}

/* line 1670, app/assets/stylesheets/employee.scss */
.bg-gradient-primary {
  background: linear-gradient(135deg, #129CF3 0%, #667eea 100%) !important;
}

/* line 1674, app/assets/stylesheets/employee.scss */
.bg-gradient-success {
  background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
}

/* line 1678, app/assets/stylesheets/employee.scss */
.bg-gradient-warning {
  background: linear-gradient(135deg, #ffc107 0%, #fd7e14 100%) !important;
}

/* line 1682, app/assets/stylesheets/employee.scss */
.bg-gradient-info {
  background: linear-gradient(135deg, #17a2b8 0%, #6f42c1 100%) !important;
}

/* line 1689, app/assets/stylesheets/employee.scss */
.modern-employee-form h6.fw-semibold, .modern-employee-form .fw-semibold.h6 {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

/* line 1694, app/assets/stylesheets/employee.scss */
.modern-employee-form h6.fw-semibold i, .modern-employee-form .fw-semibold.h6 i {
  margin-right: 0.5rem;
}

/* line 1700, app/assets/stylesheets/employee.scss */
.modern-employee-form .form-control, .modern-employee-form .form-select {
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* line 1707, app/assets/stylesheets/employee.scss */
.modern-employee-form .form-control:focus, .modern-employee-form .form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* line 1715, app/assets/stylesheets/employee.scss */
.modern-employee-form .form-label.fw-semibold {
  font-weight: 600;
  color: #495057;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
}

/* line 1723, app/assets/stylesheets/employee.scss */
.modern-employee-form small.text-muted, .modern-employee-form .text-muted.small {
  font-size: 0.75rem;
  color: #6c757d;
  display: block;
  margin-top: 0.25rem;
}

/* line 1731, app/assets/stylesheets/employee.scss */
.modern-employee-form .mb-4 {
  margin-bottom: 1.5rem !important;
}

/* line 1736, app/assets/stylesheets/employee.scss */
.modern-employee-form .row.g-3 {
  --bs-gutter-x: 1rem;
  --bs-gutter-y: 1rem;
}

/* line 1743, app/assets/stylesheets/employee.scss */
.avatar-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 1.1rem;
}

/* line 1755, app/assets/stylesheets/employee.scss */
.info-list .info-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid #f8f9fa;
}

/* line 1762, app/assets/stylesheets/employee.scss */
.info-list .info-item:last-child {
  border-bottom: none;
}

/* line 1766, app/assets/stylesheets/employee.scss */
.info-list .info-item .label {
  font-weight: 500;
  color: #6c757d;
  font-size: 0.875rem;
}

/* line 1772, app/assets/stylesheets/employee.scss */
.info-list .info-item .value {
  font-weight: 600;
  color: #495057;
  font-size: 0.875rem;
  text-align: right;
}

/* line 1783, app/assets/stylesheets/employee.scss */
.registration-steps .step-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1rem;
}

/* line 1788, app/assets/stylesheets/employee.scss */
.registration-steps .step-item:last-child {
  margin-bottom: 0;
}

/* line 1792, app/assets/stylesheets/employee.scss */
.registration-steps .step-item .step-number {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #129CF3;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.875rem;
  margin-right: 0.75rem;
  flex-shrink: 0;
}

/* line 1807, app/assets/stylesheets/employee.scss */
.registration-steps .step-item .step-content {
  flex: 1;
}

/* line 1810, app/assets/stylesheets/employee.scss */
.registration-steps .step-item .step-content strong {
  color: #495057;
  font-size: 0.9rem;
}

/* line 1815, app/assets/stylesheets/employee.scss */
.registration-steps .step-item .step-content small, .registration-steps .step-item .step-content .small {
  font-size: 0.75rem;
  line-height: 1.3;
}

/* line 2, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(30, 60, 114, 0.1) 100%);
  min-height: 100vh;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* line 8, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--black) 100%);
  color: var(--white);
  padding: 2rem 0;
  margin-bottom: 2rem;
  position: relative;
  overflow: hidden;
}

/* line 16, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-header::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
  animation: float 6s ease-in-out infinite;
}

/* line 27, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-header .header-content {
  position: relative;
  z-index: 2;
}

/* line 32, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-header h1, .temporary-update-enterprise .temp-update-header .h1 {
  font-size: 2.5rem;
  font-weight: 300;
  margin-bottom: 0.5rem;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* line 39, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-header .subtitle {
  font-size: 1.1rem;
  opacity: 0.9;
  font-weight: 300;
}

/* line 47, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}

/* line 53, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .stats-grid .stat-card {
  background: var(--white);
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border-left: 4px solid;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

/* line 63, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .stats-grid .stat-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* line 68, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .stats-grid .stat-card::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 100px;
  background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1));
  border-radius: 50%;
  transform: translate(30px, -30px);
}

/* line 80, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .stats-grid .stat-card.pending {
  border-left-color: var(--primary-blue);
}

/* line 82, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .stats-grid .stat-card.pending .stat-icon {
  color: var(--primary-blue);
}

/* line 85, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .stats-grid .stat-card.approved {
  border-left-color: var(--primary-blue);
}

/* line 87, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .stats-grid .stat-card.approved .stat-icon {
  color: var(--primary-blue);
}

/* line 90, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .stats-grid .stat-card.rejected {
  border-left-color: var(--primary-blue);
}

/* line 92, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .stats-grid .stat-card.rejected .stat-icon {
  color: var(--primary-blue);
}

/* line 95, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .stats-grid .stat-card.total {
  border-left-color: var(--primary-blue);
}

/* line 97, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .stats-grid .stat-card.total .stat-icon {
  color: var(--primary-blue);
}

/* line 100, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .stats-grid .stat-card .stat-icon {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

/* line 105, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .stats-grid .stat-card .stat-number {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--black);
  margin-bottom: 0.25rem;
}

/* line 112, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .stats-grid .stat-card .stat-label {
  color: var(--black);
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 122, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table {
  background: var(--white);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
}

/* line 129, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .table {
  margin: 0;
}

/* line 132, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .table thead {
  background: linear-gradient(135deg, var(--black) 0%, var(--black) 100%);
}

/* line 135, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .table thead th {
  color: var(--white);
  font-weight: 600;
  padding: 1rem;
  border: none;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.5px;
}

/* line 147, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .table tbody tr {
  transition: all 0.3s ease;
}

/* line 150, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .table tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.98);
  transform: scale(1.005);
}

/* line 155, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .table tbody tr td {
  padding: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  vertical-align: middle;
}

/* line 164, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .status-badge {
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-weight: 600;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

/* line 175, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .status-badge.pending {
  background: rgba(255, 193, 7, 0.15);
  color: #856404;
  border: 1px solid rgba(255, 193, 7, 0.3);
}

/* line 181, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .status-badge.approved {
  background: rgba(40, 167, 69, 0.15);
  color: #155724;
  border: 1px solid rgba(40, 167, 69, 0.3);
}

/* line 187, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .status-badge.rejected {
  background: rgba(220, 53, 69, 0.15);
  color: #721c24;
  border: 1px solid rgba(220, 53, 69, 0.3);
}

/* line 194, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .old-value-badge, .temporary-update-enterprise .temp-update-table .new-value-badge {
  background: rgba(108, 117, 125, 0.1);
  color: #495057;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
  font-size: 0.85rem;
  font-weight: 500;
  border: 1px solid rgba(108, 117, 125, 0.2);
}

/* line 204, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .new-value-badge {
  background: rgba(13, 202, 240, 0.1);
  color: #0c5460;
  border-color: rgba(13, 202, 240, 0.2);
}

/* line 210, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .update-type-badge {
  background: rgba(102, 126, 234, 0.1);
  color: #4c63d2;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
  font-size: 0.85rem;
  font-weight: 500;
  border: 1px solid rgba(102, 126, 234, 0.2);
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

/* line 223, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .reason-text, .temporary-update-enterprise .temp-update-table .remarks-text {
  font-size: 0.85rem;
  color: #6c757d;
  font-style: italic;
}

/* line 230, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .date-info .fw-semibold {
  font-size: 0.9rem;
  color: #495057;
}

/* line 235, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .date-info .text-muted {
  font-size: 0.75rem;
}

/* line 240, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .employee-avatar {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(13, 202, 240, 0.1);
  border-radius: 50%;
}

/* line 249, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .employee-avatar i {
  font-size: 1.5rem;
  color: #0dcaf0;
}

/* line 255, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .action-buttons {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
}

/* line 260, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .action-buttons .btn {
  padding: 0.375rem 0.75rem;
  font-size: 0.8rem;
  border-radius: 6px;
  font-weight: 500;
  transition: all 0.3s ease;
  border: none;
  min-width: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* line 272, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .action-buttons .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* line 277, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .action-buttons .btn.btn-success {
  background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
  color: white;
}

/* line 281, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .action-buttons .btn.btn-success:hover {
  background: linear-gradient(135deg, #218838 0%, #1ea085 100%);
}

/* line 286, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .action-buttons .btn.btn-danger {
  background: linear-gradient(135deg, #dc3545 0%, #e74c3c 100%);
  color: white;
}

/* line 290, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .action-buttons .btn.btn-danger:hover {
  background: linear-gradient(135deg, #c82333 0%, #d63031 100%);
}

/* line 295, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .action-buttons .btn.btn-info {
  background: linear-gradient(135deg, #17a2b8 0%, #0dcaf0 100%);
  color: white;
}

/* line 299, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .action-buttons .btn.btn-info:hover {
  background: linear-gradient(135deg, #138496 0%, #0bb5d6 100%);
}

/* line 304, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .action-buttons .btn.btn-secondary {
  background: linear-gradient(135deg, #6c757d 0%, #adb5bd 100%);
  color: white;
}

/* line 308, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-table .action-buttons .btn.btn-secondary:hover {
  background: linear-gradient(135deg, #5a6268 0%, #9ca3af 100%);
}

/* line 317, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .empty-state {
  background: var(--white);
  border-radius: 12px;
  padding: 3rem 2rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* line 323, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .empty-state .empty-state-icon {
  opacity: 0.5;
}

/* line 327, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .empty-state h4, .temporary-update-enterprise .empty-state .h4 {
  font-weight: 600;
  color: #6c757d;
}

/* line 332, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .empty-state p {
  font-size: 1.1rem;
  line-height: 1.6;
}

/* line 339, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-form {
  background: var(--white);
  border-radius: 12px;
  padding: 2rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
}

/* line 347, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-form .form-section .card {
  border: none;
  border-radius: 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 1.5rem;
}

/* line 353, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-form .form-section .card .card-header {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
  color: var(--white);
  font-weight: 600;
  padding: 1rem 1.5rem;
  border-radius: 12px 12px 0 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 363, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-form .form-section .card .card-body {
  padding: 1.5rem;
}

/* line 369, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-form .form-control {
  border: 2px solid rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  padding: 0.75rem;
  transition: all 0.3s ease;
}

/* line 375, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-form .form-control:focus {
  border-color: var(--primary-blue);
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

/* line 380, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-form .form-control[readonly] {
  background-color: rgba(255, 255, 255, 0.98);
  border-color: rgba(0, 0, 0, 0.1);
}

/* line 386, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-form .form-group {
  margin-bottom: 1.5rem;
}

/* line 389, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-form .form-group label {
  font-weight: 600;
  color: var(--black);
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 400, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-form .tom-select .ts-control {
  border: 2px solid rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  padding: 0.5rem;
}

/* line 405, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-form .tom-select .ts-control.focus {
  border-color: var(--primary-blue);
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

/* line 414, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-detail {
  background: var(--white);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
}

/* line 421, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-detail .detail-header {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
  color: var(--white);
  padding: 2rem;
  text-align: center;
  position: relative;
}

/* line 428, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-detail .detail-header .detail-title {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

/* line 434, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-detail .detail-header .detail-subtitle {
  font-size: 1.1rem;
  opacity: 0.9;
  font-weight: 300;
}

/* line 441, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-detail .detail-content {
  padding: 2rem;
}

/* line 444, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-detail .detail-content .info-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
}

/* line 450, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-detail .detail-content .info-grid .info-section .section-title {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--black);
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid rgba(0, 0, 0, 0.05);
}

/* line 459, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-detail .detail-content .info-grid .info-section .info-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.98);
}

/* line 466, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-detail .detail-content .info-grid .info-section .info-item .label {
  font-weight: 600;
  color: var(--black);
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 474, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .temp-update-detail .detail-content .info-grid .info-section .info-item .value {
  font-weight: 500;
  color: var(--black);
  text-align: right;
}

/* line 486, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .btn-enterprise {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
  color: var(--white);
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: 600;
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 499, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .btn-enterprise:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);
  color: var(--white);
}

/* line 505, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .btn-enterprise.btn-success {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
}

/* line 508, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .btn-enterprise.btn-success:hover {
  box-shadow: 0 4px 12px rgba(39, 174, 96, 0.3);
}

/* line 513, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .btn-enterprise.btn-secondary {
  background: linear-gradient(135deg, var(--black) 0%, var(--black) 100%);
}

/* line 516, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .btn-enterprise.btn-secondary:hover {
  box-shadow: 0 4px 12px rgba(149, 165, 166, 0.3);
}

/* line 521, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .btn-enterprise.btn-danger {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
}

/* line 524, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .btn-enterprise.btn-danger:hover {
  box-shadow: 0 4px 12px rgba(231, 76, 60, 0.3);
}

/* line 529, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .btn-enterprise.btn-primary {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
}

/* line 532, app/assets/stylesheets/temporary_update.scss */
.temporary-update-enterprise .btn-enterprise.btn-primary:hover {
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@media (max-width: 768px) {
  /* line 548, app/assets/stylesheets/temporary_update.scss */
  .temporary-update-enterprise .temp-update-header h1, .temporary-update-enterprise .temp-update-header .h1 {
    font-size: 2rem;
  }
  /* line 552, app/assets/stylesheets/temporary_update.scss */
  .temporary-update-enterprise .stats-grid {
    grid-template-columns: 1fr;
  }
  /* line 557, app/assets/stylesheets/temporary_update.scss */
  .temporary-update-enterprise .temp-update-table .table {
    font-size: 0.85rem;
  }
  /* line 560, app/assets/stylesheets/temporary_update.scss */
  .temporary-update-enterprise .temp-update-table .table td, .temporary-update-enterprise .temp-update-table .table th {
    padding: 0.5rem;
  }
  /* line 566, app/assets/stylesheets/temporary_update.scss */
  .temporary-update-enterprise .action-buttons {
    flex-direction: column;
  }
  /* line 569, app/assets/stylesheets/temporary_update.scss */
  .temporary-update-enterprise .action-buttons .btn {
    width: 100%;
    margin-bottom: 0.25rem;
  }
  /* line 576, app/assets/stylesheets/temporary_update.scss */
  .temporary-update-enterprise .temp-update-detail .detail-header {
    padding: 1.5rem;
  }
  /* line 579, app/assets/stylesheets/temporary_update.scss */
  .temporary-update-enterprise .temp-update-detail .detail-header .detail-title {
    font-size: 1.4rem;
  }
  /* line 584, app/assets/stylesheets/temporary_update.scss */
  .temporary-update-enterprise .temp-update-detail .info-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  /* line 590, app/assets/stylesheets/temporary_update.scss */
  .temporary-update-enterprise .temp-update-form {
    padding: 1rem;
  }
}

/* line 2, app/assets/stylesheets/schedule.scss */
.schedules-page .btn-enterprise-primary {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 2rem;
  background: linear-gradient(135deg, #129cf3 0%, #a3a3a8 100%);
  color: #fff;
  text-decoration: none;
  border-radius: 15px;
  border: none;
  font-weight: 600;
  font-size: 1rem;
  box-shadow: 0 8px 25px rgba(18, 156, 243, 0.3);
  white-space: nowrap;
}

/* line 17, app/assets/stylesheets/schedule.scss */
.schedules-page .btn-enterprise-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 35px rgba(18, 156, 243, 0.4);
  color: #fff;
  text-decoration: none;
}

/* line 25, app/assets/stylesheets/schedule.scss */
.schedules-page .table thead th {
  color: #2d3748;
  background: #f8fafc;
}

/* line 30, app/assets/stylesheets/schedule.scss */
.schedules-page .shift-badge {
  font-weight: 600;
  font-size: 0.75rem;
  padding: 0.35rem 0.7rem;
  border-radius: 999px;
  color: #1e293b !important;
  background: #f1f5f9 !important;
}

/* line 38, app/assets/stylesheets/schedule.scss */
.schedules-page .shift-badge.morning {
  background: #fef3c7 !important;
  color: #92400e !important;
}

/* line 43, app/assets/stylesheets/schedule.scss */
.schedules-page .shift-badge.afternoon {
  background: #dbeafe !important;
  color: #1e3a8a !important;
}

/* line 48, app/assets/stylesheets/schedule.scss */
.schedules-page .shift-badge.night {
  background: #e0e7ff !important;
  color: #312e81 !important;
}

/* line 53, app/assets/stylesheets/schedule.scss */
.schedules-page .shift-badge.unknown {
  background: #f1f5f9 !important;
  color: #334155 !important;
}

/* line 59, app/assets/stylesheets/schedule.scss */
.schedules-page .time-cell,
.schedules-page .duration-text {
  font-weight: 600;
  color: #2d3748;
}

/* line 65, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-stat-type {
  font-size: 1rem;
}

/* line 69, app/assets/stylesheets/schedule.scss */
.schedules-page .table-empty-state {
  text-align: center;
  padding: 3rem 2rem;
  color: #718096;
}

/* line 74, app/assets/stylesheets/schedule.scss */
.schedules-page .table-empty-state .empty-icon {
  font-size: 3rem;
  color: #cbd5e0;
  margin-bottom: 1rem;
}

/* line 80, app/assets/stylesheets/schedule.scss */
.schedules-page .table-empty-state h5, .schedules-page .table-empty-state .h5 {
  color: #2d3748;
  font-weight: 600;
}

/* line 85, app/assets/stylesheets/schedule.scss */
.schedules-page .table-empty-state .btn-enterprise-primary {
  justify-content: center;
}

/* line 90, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-details-content,
.schedules-page .schedule-form-content {
  padding: 1.5rem 2rem 2rem;
}

/* line 95, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem 1.5rem;
}

/* line 102, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-detail-item .detail-label {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #718096;
  margin-bottom: 0.35rem;
}

/* line 111, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-detail-item .detail-value {
  font-weight: 600;
  color: #2d3748;
}

/* line 117, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

/* line 126, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-actions-right {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

/* line 131, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-actions-right form {
  margin: 0;
}

/* line 136, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-field-label,
.schedules-page .schedule-form label {
  display: block;
  margin-bottom: 0.45rem;
  color: #2d3748;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* line 147, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-text-input,
.schedules-page .schedule-form input[type="text"] {
  width: 100%;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  padding: 0.85rem 1rem;
  color: #2d3748;
  font-weight: 600;
  background: #fff;
}

/* line 157, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-text-input:focus,
.schedules-page .schedule-form input[type="text"]:focus {
  outline: none;
  border-color: #129cf3;
  box-shadow: 0 0 0 3px rgba(18, 156, 243, 0.15);
}

/* line 164, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-form .d-flex {
  gap: 0.5rem;
}

/* line 168, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-time-select,
.schedules-page .schedule-form select {
  flex: 1 1 0;
  min-width: 0;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  padding: 0.75rem 0.85rem;
  color: #2d3748;
  font-weight: 600;
  background: #fff;
}

/* line 179, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-time-select:focus,
.schedules-page .schedule-form select:focus {
  outline: none;
  border-color: #129cf3;
  box-shadow: 0 0 0 3px rgba(18, 156, 243, 0.15);
}

/* line 186, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-help {
  display: block;
  margin-top: 0.4rem;
  color: #718096;
}

/* line 192, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-time-card {
  margin-top: 1.75rem;
  background: #fff;
  border: 1px solid rgba(148, 163, 184, 0.25);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
}

/* line 201, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-time-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  background: rgba(248, 249, 250, 0.5);
}

/* line 209, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-time-header h6, .schedules-page .schedule-time-header .h6 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #2d3748;
  margin: 0 0 0.25rem;
}

/* line 216, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-time-header p {
  font-size: 0.875rem;
  color: #718096;
  margin: 0;
}

/* line 223, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-time-icon {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  background: linear-gradient(135deg, #129cf3 0%, #a3a3a8 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.25rem;
  flex-shrink: 0;
}

/* line 236, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-time-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  padding: 1.5rem;
}

/* line 243, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-form-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1.75rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

/* line 253, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-submit-btn {
  background: linear-gradient(135deg, #129cf3 0%, #a3a3a8 100%);
  border: none;
  font-weight: 600;
  padding: 0.5rem 1.25rem;
  color: #fff;
}

/* line 260, app/assets/stylesheets/schedule.scss */
.schedules-page .schedule-submit-btn:hover {
  background: linear-gradient(135deg, #0d8ad9 0%, #8f8f94 100%);
  color: #fff;
}

@media (max-width: 768px) {
  /* line 267, app/assets/stylesheets/schedule.scss */
  .schedules-page .schedule-detail-grid,
.schedules-page .schedule-time-grid {
    grid-template-columns: 1fr;
  }
  /* line 272, app/assets/stylesheets/schedule.scss */
  .schedules-page .header-content,
.schedules-page .table-header {
    flex-direction: column;
    align-items: flex-start;
  }
  /* line 278, app/assets/stylesheets/schedule.scss */
  .schedules-page .table-stats {
    width: 100%;
    justify-content: space-between;
  }
}

/* line 2, app/assets/stylesheets/attendance.scss */
.attendance-dashboard {
  min-height: 100vh;
  padding: 2rem 0;
}

/* line 7, app/assets/stylesheets/attendance.scss */
.attendance-dashboard .container {
  max-width: 1400px;
}

/* line 11, app/assets/stylesheets/attendance.scss */
.attendance-dashboard .dashboard-header {
  text-align: center;
  margin-bottom: 3rem;
  color: var(--white);
}

/* line 16, app/assets/stylesheets/attendance.scss */
.attendance-dashboard .dashboard-header h1, .attendance-dashboard .dashboard-header .h1 {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

/* line 23, app/assets/stylesheets/attendance.scss */
.attendance-dashboard .dashboard-header .subtitle {
  font-size: 1.2rem;
  opacity: 0.9;
  font-weight: 300;
}

/* line 30, app/assets/stylesheets/attendance.scss */
.attendance-dashboard .stats-card {
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: none;
  border-radius: 15px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}

/* line 39, app/assets/stylesheets/attendance.scss */
.attendance-dashboard .stats-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

/* line 44, app/assets/stylesheets/attendance.scss */
.attendance-dashboard .stats-card .card-header {
  border-bottom: none;
  border-radius: 15px 15px 0 0;
  padding: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 53, app/assets/stylesheets/attendance.scss */
.attendance-dashboard .stats-card .card-body {
  padding: 2rem;
  text-align: center;
}

/* line 57, app/assets/stylesheets/attendance.scss */
.attendance-dashboard .stats-card .card-body .stats-number {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

/* line 63, app/assets/stylesheets/attendance.scss */
.attendance-dashboard .stats-card .card-body .stats-label {
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  opacity: 0.8;
}

/* line 72, app/assets/stylesheets/attendance.scss */
.attendance-dashboard .chart-card {
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: none;
  border-radius: 15px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
}

/* line 80, app/assets/stylesheets/attendance.scss */
.attendance-dashboard .chart-card .card-header {
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.98), rgba(0, 0, 0, 0.08));
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 15px 15px 0 0;
  padding: 1.5rem;
}

/* line 86, app/assets/stylesheets/attendance.scss */
.attendance-dashboard .chart-card .card-header h6, .attendance-dashboard .chart-card .card-header .h6 {
  margin: 0;
  color: var(--black);
  font-weight: 600;
}

/* line 96, app/assets/stylesheets/attendance.scss */
.attendance-index .page-header {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
  color: var(--white);
  padding: 3rem 0;
  margin-bottom: 3rem;
  border-radius: 0 0 20px 20px;
}

/* line 103, app/assets/stylesheets/attendance.scss */
.attendance-index .page-header h1, .attendance-index .page-header .h1 {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

/* line 109, app/assets/stylesheets/attendance.scss */
.attendance-index .page-header .breadcrumb {
  background: transparent;
  margin: 0;
  padding: 0;
}

/* line 114, app/assets/stylesheets/attendance.scss */
.attendance-index .page-header .breadcrumb .breadcrumb-item {
  color: rgba(255, 255, 255, 0.8);
}

/* line 117, app/assets/stylesheets/attendance.scss */
.attendance-index .page-header .breadcrumb .breadcrumb-item.active {
  color: var(--white);
}

/* line 121, app/assets/stylesheets/attendance.scss */
.attendance-index .page-header .breadcrumb .breadcrumb-item a {
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
}

/* line 125, app/assets/stylesheets/attendance.scss */
.attendance-index .page-header .breadcrumb .breadcrumb-item a:hover {
  color: var(--white);
}

/* line 133, app/assets/stylesheets/attendance.scss */
.attendance-index .filter-section {
  background: var(--white);
  padding: 2rem;
  border-radius: 15px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  margin-bottom: 2rem;
}

/* line 140, app/assets/stylesheets/attendance.scss */
.attendance-index .filter-section .filter-header {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  color: var(--black);
}

/* line 147, app/assets/stylesheets/attendance.scss */
.attendance-index .filter-section .btn-group .btn {
  border-radius: 8px;
  margin-right: 0.5rem;
  font-weight: 500;
  padding: 0.75rem 1.5rem;
  transition: all 0.3s ease;
}

/* line 154, app/assets/stylesheets/attendance.scss */
.attendance-index .filter-section .btn-group .btn.btn-primary {
  background: linear-gradient(45deg, var(--primary-blue), var(--dark-blue));
  border: none;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

/* line 160, app/assets/stylesheets/attendance.scss */
.attendance-index .filter-section .btn-group .btn.btn-outline-primary {
  color: var(--primary-blue);
  border-color: var(--primary-blue);
}

/* line 164, app/assets/stylesheets/attendance.scss */
.attendance-index .filter-section .btn-group .btn.btn-outline-primary:hover {
  background: linear-gradient(45deg, var(--primary-blue), var(--dark-blue));
  border-color: transparent;
}

/* line 171, app/assets/stylesheets/attendance.scss */
.attendance-index .filter-section .form-select {
  border-radius: 8px;
  border: 2px solid rgba(0, 0, 0, 0.08);
  padding: 0.75rem 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* line 178, app/assets/stylesheets/attendance.scss */
.attendance-index .filter-section .form-select:focus {
  border-color: var(--primary-blue);
  box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
}

/* line 185, app/assets/stylesheets/attendance.scss */
.attendance-index .nav-tabs {
  border-bottom: 3px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 2rem;
}

/* line 189, app/assets/stylesheets/attendance.scss */
.attendance-index .nav-tabs .nav-link {
  border: none;
  color: var(--black);
  font-weight: 600;
  padding: 1rem 2rem;
  margin-right: 0.5rem;
  border-radius: 10px 10px 0 0;
  transition: all 0.3s ease;
}

/* line 198, app/assets/stylesheets/attendance.scss */
.attendance-index .nav-tabs .nav-link.active {
  background: linear-gradient(45deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
  border-bottom: 3px solid var(--primary-blue);
}

/* line 204, app/assets/stylesheets/attendance.scss */
.attendance-index .nav-tabs .nav-link:hover:not(.active) {
  background: rgba(102, 126, 234, 0.1);
  color: var(--primary-blue);
}

/* line 211, app/assets/stylesheets/attendance.scss */
.attendance-index .attendance-table {
  background: var(--white);
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* line 217, app/assets/stylesheets/attendance.scss */
.attendance-index .attendance-table .table {
  margin: 0;
}

/* line 220, app/assets/stylesheets/attendance.scss */
.attendance-index .attendance-table .table thead {
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.98), rgba(0, 0, 0, 0.08));
}

/* line 223, app/assets/stylesheets/attendance.scss */
.attendance-index .attendance-table .table thead th {
  border-top: none;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  padding: 1.5rem 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 0.85rem;
  color: var(--black);
}

/* line 236, app/assets/stylesheets/attendance.scss */
.attendance-index .attendance-table .table tbody tr {
  transition: all 0.3s ease;
}

/* line 239, app/assets/stylesheets/attendance.scss */
.attendance-index .attendance-table .table tbody tr:hover {
  background: rgba(102, 126, 234, 0.05);
}

/* line 243, app/assets/stylesheets/attendance.scss */
.attendance-index .attendance-table .table tbody tr td {
  padding: 1.25rem 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.95);
  vertical-align: middle;
}

/* line 252, app/assets/stylesheets/attendance.scss */
.attendance-index .attendance-table .img-thumbnail {
  border: 2px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  transition: all 0.3s ease;
}

/* line 257, app/assets/stylesheets/attendance.scss */
.attendance-index .attendance-table .img-thumbnail:hover {
  border-color: var(--primary-blue);
  transform: scale(1.05);
}

/* line 263, app/assets/stylesheets/attendance.scss */
.attendance-index .attendance-table .btn-sm, .attendance-index .attendance-table .btn-group-sm > .btn {
  padding: 0.5rem 1rem;
  border-radius: 6px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-size: 0.8rem;
}

/* line 275, app/assets/stylesheets/attendance.scss */
.attendance-employee .employee-header {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
  color: var(--white);
  padding: 3rem 0;
  margin-bottom: 3rem;
  border-radius: 0 0 20px 20px;
}

/* line 282, app/assets/stylesheets/attendance.scss */
.attendance-employee .employee-header .employee-info {
  text-align: center;
}

/* line 285, app/assets/stylesheets/attendance.scss */
.attendance-employee .employee-header .employee-info h2, .attendance-employee .employee-header .employee-info .h2 {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

/* line 291, app/assets/stylesheets/attendance.scss */
.attendance-employee .employee-header .employee-info .employee-details {
  font-size: 1.1rem;
  opacity: 0.9;
}

/* line 298, app/assets/stylesheets/attendance.scss */
.attendance-employee .action-buttons {
  margin-bottom: 2rem;
}

/* line 301, app/assets/stylesheets/attendance.scss */
.attendance-employee .action-buttons .btn {
  margin-right: 1rem;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* line 308, app/assets/stylesheets/attendance.scss */
.attendance-employee .action-buttons .btn.btn-secondary {
  background: var(--black);
  border: none;
}

/* line 312, app/assets/stylesheets/attendance.scss */
.attendance-employee .action-buttons .btn.btn-secondary:hover {
  background: #5a6268;
  transform: translateY(-2px);
}

/* line 322, app/assets/stylesheets/attendance.scss */
.attendance-summary .summary-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 2rem;
  margin-bottom: 3rem;
}

/* line 328, app/assets/stylesheets/attendance.scss */
.attendance-summary .summary-cards .summary-card {
  background: var(--white);
  border-radius: 15px;
  padding: 2rem;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

/* line 336, app/assets/stylesheets/attendance.scss */
.attendance-summary .summary-cards .summary-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

/* line 341, app/assets/stylesheets/attendance.scss */
.attendance-summary .summary-cards .summary-card .summary-icon {
  font-size: 3rem;
  margin-bottom: 1rem;
  display: block;
}

/* line 346, app/assets/stylesheets/attendance.scss */
.attendance-summary .summary-cards .summary-card .summary-icon.present {
  color: var(--primary-blue);
}

/* line 347, app/assets/stylesheets/attendance.scss */
.attendance-summary .summary-cards .summary-card .summary-icon.absent {
  color: var(--primary-blue);
}

/* line 348, app/assets/stylesheets/attendance.scss */
.attendance-summary .summary-cards .summary-card .summary-icon.late {
  color: var(--primary-blue);
}

/* line 349, app/assets/stylesheets/attendance.scss */
.attendance-summary .summary-cards .summary-card .summary-icon.overtime {
  color: #17a2b8;
}

/* line 352, app/assets/stylesheets/attendance.scss */
.attendance-summary .summary-cards .summary-card .summary-number {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  display: block;
}

/* line 359, app/assets/stylesheets/attendance.scss */
.attendance-summary .summary-cards .summary-card .summary-label {
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--black);
  font-weight: 500;
}

@media (max-width: 768px) {
  /* line 373, app/assets/stylesheets/attendance.scss */
  .attendance-dashboard .dashboard-header h1, .attendance-dashboard .dashboard-header .h1 {
    font-size: 2rem;
  }
  /* line 377, app/assets/stylesheets/attendance.scss */
  .attendance-dashboard .stats-card .card-body {
    padding: 1.5rem;
  }
  /* line 380, app/assets/stylesheets/attendance.scss */
  .attendance-dashboard .stats-card .card-body .stats-number {
    font-size: 2rem;
  }
  /* line 387, app/assets/stylesheets/attendance.scss */
  .attendance-index .page-header {
    padding: 2rem 0;
  }
  /* line 390, app/assets/stylesheets/attendance.scss */
  .attendance-index .page-header h1, .attendance-index .page-header .h1 {
    font-size: 2rem;
  }
  /* line 395, app/assets/stylesheets/attendance.scss */
  .attendance-index .filter-section {
    padding: 1.5rem;
  }
  /* line 398, app/assets/stylesheets/attendance.scss */
  .attendance-index .filter-section .btn-group .btn {
    padding: 0.5rem 1rem;
    margin-bottom: 0.5rem;
  }
  /* line 404, app/assets/stylesheets/attendance.scss */
  .attendance-index .nav-tabs .nav-link {
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
  }
  /* line 410, app/assets/stylesheets/attendance.scss */
  .attendance-employee .employee-header h2, .attendance-employee .employee-header .h2 {
    font-size: 1.8rem;
  }
}

@media print {
  /* line 417, app/assets/stylesheets/attendance.scss */
  .attendance-dashboard,
.attendance-index {
    background: var(--white) !important;
  }
  /* line 421, app/assets/stylesheets/attendance.scss */
  .attendance-dashboard .page-header,
.attendance-dashboard .dashboard-header,
.attendance-index .page-header,
.attendance-index .dashboard-header {
    background: var(--white) !important;
    color: black !important;
  }
  /* line 427, app/assets/stylesheets/attendance.scss */
  .attendance-dashboard .stats-card,
.attendance-dashboard .chart-card,
.attendance-dashboard .attendance-table,
.attendance-index .stats-card,
.attendance-index .chart-card,
.attendance-index .attendance-table {
    box-shadow: none !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
  }
}

/* ===================================
   APPROVERS MODULE - ENTERPRISE DESIGN
   =================================== */
/* Header Section */
/* line 15, app/assets/stylesheets/approvers.scss */
.approvers-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--primary-blue) 100%);
  color: var(--white);
  padding: 2rem 0;
  margin-bottom: 2rem;
  border-radius: 0 0 1rem 1rem;
  position: relative;
  overflow: hidden;
}

/* line 24, app/assets/stylesheets/approvers.scss */
.approvers-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" fill="rgba(255,255,255,0.1)"><polygon points="1000,100 1000,0 0,100"/></svg>');
  background-size: cover;
}

/* line 35, app/assets/stylesheets/approvers.scss */
.approvers-header .header-content {
  position: relative;
  z-index: 2;
}

/* line 40, app/assets/stylesheets/approvers.scss */
.approvers-header h1, .approvers-header .h1 {
  font-size: 2.5rem;
  font-weight: 700;
  margin: 0;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* line 47, app/assets/stylesheets/approvers.scss */
.approvers-header .header-subtitle {
  font-size: 1.1rem;
  opacity: 0.9;
  margin: 0.5rem 0 0 0;
}

/* Clean Search & Controls Section */
/* line 56, app/assets/stylesheets/approvers.scss */
.approvers-controls .card {
  border-radius: 12px;
  overflow: hidden;
}

/* line 60, app/assets/stylesheets/approvers.scss */
.approvers-controls .card .search-header {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
  border: none;
  padding: 1.25rem 1.5rem;
}

/* line 65, app/assets/stylesheets/approvers.scss */
.approvers-controls .card .search-header h5, .approvers-controls .card .search-header .h5 {
  margin: 0;
  font-size: 1.1rem;
  letter-spacing: 0.5px;
}

/* line 71, app/assets/stylesheets/approvers.scss */
.approvers-controls .card .search-header small, .approvers-controls .card .search-header .small {
  opacity: 0.85;
}

/* line 75, app/assets/stylesheets/approvers.scss */
.approvers-controls .card .search-header .btn-light {
  border: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

/* line 80, app/assets/stylesheets/approvers.scss */
.approvers-controls .card .search-header .btn-light:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* line 87, app/assets/stylesheets/approvers.scss */
.approvers-controls .card .card-body {
  background: rgba(255, 255, 255, 0.98);
}

/* line 94, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .search-input-container .input-group {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* line 99, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .search-input-container .input-group .search-icon {
  background: rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-right: none;
  color: var(--black);
  height: 50px;
}

/* line 107, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .search-input-container .input-group .search-input {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-left: none;
  border-right: none;
  padding: 0.75rem 1rem;
  font-size: 1rem;
}

/* line 114, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .search-input-container .input-group .search-input:focus {
  border-color: var(--primary-blue);
  box-shadow: none;
}

/* line 118, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .search-input-container .input-group .search-input:focus ~ .filter-icon {
  border-color: var(--primary-blue);
  background: rgba(18, 156, 243, 0.1);
  color: var(--primary-blue);
}

/* line 125, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .search-input-container .input-group .search-input:focus + .search-icon {
  border-color: var(--primary-blue);
  background: rgba(18, 156, 243, 0.1);
  color: var(--primary-blue);
}

/* line 132, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .search-input-container .input-group .filter-icon {
  background: rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-left: none;
  color: var(--black);
  cursor: pointer;
  transition: all 0.3s ease;
}

/* line 140, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .search-input-container .input-group .filter-icon:hover {
  background: rgba(0, 0, 0, 0.1);
  color: var(--primary-blue);
}

/* line 148, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .search-btn {
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  transition: all 0.3s ease;
}

/* line 153, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .search-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(13, 110, 253, 0.3);
}

/* line 159, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .reset-btn {
  padding: 0.75rem 1rem;
  transition: all 0.3s ease;
}

/* line 163, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .reset-btn:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(0, 0, 0, 0.3);
}

/* line 171, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .filter-status .badge {
  font-size: 0.85rem;
  padding: 0.5rem 0.75rem;
}

/* line 178, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .quick-filters-section .quick-filter-btn {
  font-size: 0.875rem;
  padding: 0.4rem 0.8rem;
  border-radius: 20px;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* line 185, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .quick-filters-section .quick-filter-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* line 190, app/assets/stylesheets/approvers.scss */
.approvers-controls .search-form .quick-filters-section .quick-filter-btn.active {
  background: var(--bs-primary);
  border-color: var(--bs-primary);
  color: var(--white);
}

/* Approvers Table */
/* line 201, app/assets/stylesheets/approvers.scss */
.approvers-table-container {
  background: var(--white);
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
}

/* line 208, app/assets/stylesheets/approvers.scss */
.approvers-table-container .table-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--black) 100%);
  color: var(--white);
  padding: 1rem 1.5rem;
  margin: 0;
}

/* line 214, app/assets/stylesheets/approvers.scss */
.approvers-table-container .table-header h4, .approvers-table-container .table-header .h4 {
  margin: 0;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 221, app/assets/stylesheets/approvers.scss */
.approvers-table-container .table-header h4 i, .approvers-table-container .table-header .h4 i {
  font-size: 1.2rem;
}

/* line 227, app/assets/stylesheets/approvers.scss */
.approvers-table-container .table {
  margin: 0;
}

/* line 230, app/assets/stylesheets/approvers.scss */
.approvers-table-container .table thead th {
  background: linear-gradient(135deg, var(--black) 0%, var(--primary-blue) 100%);
  color: var(--white);
  border: none;
  padding: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.9rem;
  letter-spacing: 0.5px;
}

/* line 242, app/assets/stylesheets/approvers.scss */
.approvers-table-container .table tbody tr {
  transition: all 0.3s ease;
  border-bottom: 1px solid rgba(255, 255, 255, 0.98);
}

/* line 246, app/assets/stylesheets/approvers.scss */
.approvers-table-container .table tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.98);
  transform: scale(1.01);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* line 252, app/assets/stylesheets/approvers.scss */
.approvers-table-container .table tbody tr td {
  padding: 1rem;
  vertical-align: middle;
  border: none;
}

/* line 257, app/assets/stylesheets/approvers.scss */
.approvers-table-container .table tbody tr td:first-child {
  font-weight: 600;
  color: var(--black);
}

/* line 266, app/assets/stylesheets/approvers.scss */
.approvers-table-container .approver-name {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.75rem;
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
  border-radius: 1rem;
  font-size: 0.9rem;
  font-weight: 500;
}

/* line 278, app/assets/stylesheets/approvers.scss */
.approvers-table-container .empty-approver {
  color: var(--black);
  font-style: italic;
  font-size: 0.9rem;
}

/* line 284, app/assets/stylesheets/approvers.scss */
.approvers-table-container .action-buttons {
  display: flex;
  gap: 0.5rem;
}

/* line 288, app/assets/stylesheets/approvers.scss */
.approvers-table-container .action-buttons .btn {
  padding: 0.4rem 0.8rem;
  font-size: 0.85rem;
  border-radius: 0.4rem;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* line 295, app/assets/stylesheets/approvers.scss */
.approvers-table-container .action-buttons .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* line 300, app/assets/stylesheets/approvers.scss */
.approvers-table-container .action-buttons .btn.btn-secondary {
  background: linear-gradient(135deg, var(--black), var(--black));
  border: none;
}

/* line 305, app/assets/stylesheets/approvers.scss */
.approvers-table-container .action-buttons .btn.btn-danger {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  border: none;
}

/* line 310, app/assets/stylesheets/approvers.scss */
.approvers-table-container .action-buttons .btn i {
  margin-right: 0.3rem;
}

/* Form Styles */
/* line 318, app/assets/stylesheets/approvers.scss */
.approver-form-container {
  background: var(--white);
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
}

/* line 325, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--primary-blue) 100%);
  color: var(--white);
  padding: 1.5rem;
  margin: 0;
}

/* line 331, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-header h3, .approver-form-container .form-header .h3 {
  margin: 0;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 338, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-header h3 i, .approver-form-container .form-header .h3 i {
  font-size: 1.3rem;
}

/* line 343, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-header .form-subtitle {
  margin: 0.5rem 0 0 0;
  opacity: 0.9;
  font-size: 1rem;
}

/* line 350, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-content {
  padding: 2rem;
}

/* line 353, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-content .form-section {
  margin-bottom: 2rem;
}

/* line 356, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-content .form-section .section-title {
  color: var(--black);
  font-weight: 600;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid rgba(0, 0, 0, 0.05);
}

/* line 366, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-content .form-section .section-title i {
  color: var(--primary-blue);
}

/* line 371, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-content .form-section .form-group {
  margin-bottom: 1.5rem;
}

/* line 374, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-content .form-section .form-group label {
  font-weight: 600;
  color: var(--black);
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 382, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-content .form-section .form-group label i {
  color: var(--primary-blue);
  font-size: 0.9rem;
}

/* line 388, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-content .form-section .form-group .form-control,
.approver-form-container .form-content .form-section .form-group .ts-control {
  border: 2px solid rgba(0, 0, 0, 0.08);
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  transition: all 0.3s ease;
}

/* line 395, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-content .form-section .form-group .form-control:focus,
.approver-form-container .form-content .form-section .form-group .ts-control:focus {
  border-color: var(--primary-blue);
  box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.25);
}

/* line 404, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-actions {
  background: rgba(255, 255, 255, 0.98);
  padding: 1.5rem 2rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
}

/* line 412, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-actions .btn {
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  border-radius: 0.5rem;
  transition: all 0.3s ease;
}

/* line 418, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-actions .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* line 423, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-actions .btn.btn-secondary {
  background: linear-gradient(135deg, var(--black), var(--black));
  border: none;
  color: var(--white);
}

/* line 429, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-actions .btn.btn-success {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  border: none;
}

/* line 434, app/assets/stylesheets/approvers.scss */
.approver-form-container .form-actions .btn i {
  margin-right: 0.5rem;
}

/* Show Page Styles */
/* line 442, app/assets/stylesheets/approvers.scss */
.approver-details-container {
  background: var(--white);
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
}

/* line 450, app/assets/stylesheets/approvers.scss */
.approver-details-container .details-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--primary-blue) 100%);
  color: var(--white);
  padding: 1.5rem;
}

/* line 455, app/assets/stylesheets/approvers.scss */
.approver-details-container .details-header h2, .approver-details-container .details-header .h2 {
  margin: 0;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 462, app/assets/stylesheets/approvers.scss */
.approver-details-container .details-header h2 i, .approver-details-container .details-header .h2 i {
  font-size: 1.4rem;
}

/* line 468, app/assets/stylesheets/approvers.scss */
.approver-details-container .details-content {
  padding: 2rem;
}

/* line 471, app/assets/stylesheets/approvers.scss */
.approver-details-container .details-content .detail-section {
  margin-bottom: 2rem;
}

/* line 474, app/assets/stylesheets/approvers.scss */
.approver-details-container .details-content .detail-section .section-title {
  color: var(--black);
  font-weight: 600;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid rgba(0, 0, 0, 0.05);
}

/* line 484, app/assets/stylesheets/approvers.scss */
.approver-details-container .details-content .detail-section .section-title i {
  color: var(--primary-blue);
}

/* line 489, app/assets/stylesheets/approvers.scss */
.approver-details-container .details-content .detail-section .approver-hierarchy {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
}

/* line 494, app/assets/stylesheets/approvers.scss */
.approver-details-container .details-content .detail-section .approver-hierarchy .approver-card {
  background: rgba(255, 255, 255, 0.98);
  border: 2px solid rgba(0, 0, 0, 0.08);
  border-radius: 0.75rem;
  padding: 1rem;
  text-align: center;
  transition: all 0.3s ease;
}

/* line 502, app/assets/stylesheets/approvers.scss */
.approver-details-container .details-content .detail-section .approver-hierarchy .approver-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* line 507, app/assets/stylesheets/approvers.scss */
.approver-details-container .details-content .detail-section .approver-hierarchy .approver-card .approver-level {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
  padding: 0.5rem;
  border-radius: 0.5rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}

/* line 517, app/assets/stylesheets/approvers.scss */
.approver-details-container .details-content .detail-section .approver-hierarchy .approver-card .approver-name {
  font-weight: 600;
  color: var(--black);
  font-size: 1.1rem;
}

/* line 523, app/assets/stylesheets/approvers.scss */
.approver-details-container .details-content .detail-section .approver-hierarchy .approver-card .empty-approver {
  color: var(--black);
  font-style: italic;
}

/* line 533, app/assets/stylesheets/approvers.scss */
.approver-actions {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

/* line 538, app/assets/stylesheets/approvers.scss */
.approver-actions .btn {
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  border-radius: 0.5rem;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 547, app/assets/stylesheets/approvers.scss */
.approver-actions .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* line 552, app/assets/stylesheets/approvers.scss */
.approver-actions .btn.btn-primary {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  border: none;
}

/* line 557, app/assets/stylesheets/approvers.scss */
.approver-actions .btn.btn-secondary {
  background: linear-gradient(135deg, var(--black), var(--black));
  border: none;
  color: var(--white);
}

/* line 563, app/assets/stylesheets/approvers.scss */
.approver-actions .btn i {
  font-size: 1rem;
}

/* Pagination Styles */
/* line 571, app/assets/stylesheets/approvers.scss */
.pagination .page-link {
  border: 2px solid rgba(0, 0, 0, 0.08);
  color: var(--black);
  font-weight: 500;
  transition: all 0.3s ease;
}

/* line 577, app/assets/stylesheets/approvers.scss */
.pagination .page-link:hover {
  background: var(--primary-blue);
  border-color: var(--primary-blue);
  color: var(--white);
  transform: translateY(-1px);
}

/* line 585, app/assets/stylesheets/approvers.scss */
.pagination .page-item.active .page-link {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  border-color: var(--primary-blue);
}

/* Responsive Design */
@media (max-width: 768px) {
  /* line 594, app/assets/stylesheets/approvers.scss */
  .approvers-header h1, .approvers-header .h1 {
    font-size: 2rem;
  }
  /* line 600, app/assets/stylesheets/approvers.scss */
  .approvers-controls .controls-header {
    flex-direction: column;
    gap: 1rem;
    align-items: stretch;
  }
  /* line 608, app/assets/stylesheets/approvers.scss */
  .approvers-table-container .table {
    font-size: 0.9rem;
  }
  /* line 612, app/assets/stylesheets/approvers.scss */
  .approvers-table-container .action-buttons {
    flex-direction: column;
  }
  /* line 618, app/assets/stylesheets/approvers.scss */
  .approver-details-container .approver-hierarchy {
    grid-template-columns: 1fr;
  }
  /* line 623, app/assets/stylesheets/approvers.scss */
  .approver-actions {
    flex-direction: column;
  }
}

/* line 632, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item {
  display: flex;
  align-items: center;
  padding: 1.25rem;
  margin-bottom: 1rem;
  border-radius: 12px;
  border: 2px solid transparent;
  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

/* line 645, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item:last-child {
  margin-bottom: 0;
}

/* line 649, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item.assigned {
  border-color: rgba(18, 156, 243, 0.2);
  background: linear-gradient(135deg, rgba(18, 156, 243, 0.03) 0%, #ffffff 100%);
}

/* line 653, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item.assigned:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(18, 156, 243, 0.15);
  border-color: rgba(18, 156, 243, 0.3);
}

/* line 659, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item.assigned .level-badge {
  background: linear-gradient(135deg, #129CF3 0%, #667eea 100%);
  color: white;
  box-shadow: 0 2px 8px rgba(18, 156, 243, 0.3);
}

/* line 665, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item.assigned .status-indicator.assigned {
  color: #28a745;
}

/* line 670, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item.unassigned {
  border-color: rgba(108, 117, 125, 0.2);
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

/* line 674, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item.unassigned:hover {
  transform: translateY(-1px);
  box-shadow: 0 3px 12px rgba(108, 117, 125, 0.1);
}

/* line 679, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item.unassigned .level-badge {
  background: linear-gradient(135deg, #6c757d 0%, #495057 100%);
  color: white;
  opacity: 0.7;
}

/* line 685, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item.unassigned .level-title {
  color: #6c757d;
}

/* line 689, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item.unassigned .status-indicator.unassigned {
  color: #6c757d;
  opacity: 0.5;
}

/* line 695, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item .level-badge {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 700;
  margin-right: 1.5rem;
  flex-shrink: 0;
  transition: all 0.3s ease;
}

/* line 709, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item .level-info {
  flex: 1;
}

/* line 712, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item .level-info .level-title {
  font-size: 1rem;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 0.5rem;
  transition: color 0.3s ease;
}

/* line 720, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item .level-info .approver-name {
  font-size: 0.95rem;
  font-weight: 500;
  color: #495057;
  display: flex;
  align-items: center;
}

/* line 727, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item .level-info .approver-name i {
  font-size: 1rem;
  transition: color 0.3s ease;
}

/* line 732, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item .level-info .approver-name .text-muted {
  font-style: italic;
}

/* line 738, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item .status-indicator {
  font-size: 1.5rem;
  margin-left: 1rem;
  transition: all 0.3s ease;
}

/* line 743, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item .status-indicator.assigned i {
  color: #28a745;
  filter: drop-shadow(0 1px 3px rgba(40, 167, 69, 0.3));
}

/* line 748, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item .status-indicator.unassigned i {
  color: #6c757d;
  opacity: 0.5;
}

/* line 756, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item:hover .level-badge {
  transform: scale(1.05);
}

/* line 760, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item:hover .status-indicator.assigned i {
  transform: scale(1.1);
}

/* line 766, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: transparent;
  transition: background 0.3s ease;
}

/* line 777, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item.assigned::before {
  background: linear-gradient(135deg, #129CF3 0%, #667eea 100%);
}

/* line 781, app/assets/stylesheets/approvers.scss */
.beautiful-approval-levels .approval-item.unassigned::before {
  background: #dee2e6;
}

/* line 788, app/assets/stylesheets/approvers.scss */
.workflow-info .info-section {
  margin-bottom: 2rem;
}

/* line 791, app/assets/stylesheets/approvers.scss */
.workflow-info .info-section:last-child {
  margin-bottom: 0;
}

/* line 795, app/assets/stylesheets/approvers.scss */
.workflow-info .info-section h6, .workflow-info .info-section .h6 {
  font-size: 1rem;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 0.75rem;
}

/* line 801, app/assets/stylesheets/approvers.scss */
.workflow-info .info-section h6 i, .workflow-info .info-section .h6 i {
  color: #129CF3;
}

/* line 806, app/assets/stylesheets/approvers.scss */
.workflow-info .info-section .info-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 811, app/assets/stylesheets/approvers.scss */
.workflow-info .info-section .info-list li {
  padding: 0.5rem 0;
  border-bottom: 1px solid #f1f3f4;
  font-size: 0.9rem;
  color: #6c757d;
}

/* line 817, app/assets/stylesheets/approvers.scss */
.workflow-info .info-section .info-list li:last-child {
  border-bottom: none;
}

/* line 821, app/assets/stylesheets/approvers.scss */
.workflow-info .info-section .info-list li::before {
  content: '•';
  color: #129CF3;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: 0;
}

/* line 832, app/assets/stylesheets/approvers.scss */
.workflow-info .info-section .target-employee {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: #f8f9fa;
  border-radius: 10px;
  border: 1px solid #e9ecef;
}

/* line 841, app/assets/stylesheets/approvers.scss */
.workflow-info .info-section .target-employee .employee-avatar-small {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, #129CF3 0%, #667eea 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  font-weight: 600;
  color: white;
  flex-shrink: 0;
}

/* line 855, app/assets/stylesheets/approvers.scss */
.workflow-info .info-section .target-employee .employee-info {
  flex: 1;
}

/* line 858, app/assets/stylesheets/approvers.scss */
.workflow-info .info-section .target-employee .employee-info strong {
  color: #2c3e50;
  font-size: 1rem;
}

/* line 863, app/assets/stylesheets/approvers.scss */
.workflow-info .info-section .target-employee .employee-info small, .workflow-info .info-section .target-employee .employee-info .small {
  font-size: 0.85rem;
  line-height: 1.4;
}

/* ===================================
   COMPANY LEAVES MODULE - ENTERPRISE DESIGN
   =================================== */
/* Header Section */
/* line 15, app/assets/stylesheets/company_leaves.scss */
.company-leaves-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--primary-blue) 100%);
  color: var(--white);
  padding: 2rem 0;
  margin-bottom: 2rem;
  border-radius: 0 0 1rem 1rem;
  position: relative;
  overflow: hidden;
}

/* line 24, app/assets/stylesheets/company_leaves.scss */
.company-leaves-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" fill="rgba(255,255,255,0.1)"><polygon points="1000,100 1000,0 0,100"/></svg>');
  background-size: cover;
}

/* line 35, app/assets/stylesheets/company_leaves.scss */
.company-leaves-header .header-content {
  position: relative;
  z-index: 2;
}

/* line 40, app/assets/stylesheets/company_leaves.scss */
.company-leaves-header h1, .company-leaves-header .h1 {
  font-size: 2.5rem;
  font-weight: 700;
  margin: 0;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* line 47, app/assets/stylesheets/company_leaves.scss */
.company-leaves-header .header-subtitle {
  font-size: 1.1rem;
  opacity: 0.9;
  margin: 0.5rem 0 0 0;
}

/* Search & Controls Section */
/* line 56, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .card {
  border-radius: 12px;
  overflow: hidden;
}

/* line 60, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .card .search-header {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
  border: none;
  padding: 1.25rem 1.5rem;
}

/* line 65, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .card .search-header h5, .company-leaves-controls .card .search-header .h5 {
  margin: 0;
  font-size: 1.1rem;
  letter-spacing: 0.5px;
}

/* line 71, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .card .search-header small, .company-leaves-controls .card .search-header .small {
  opacity: 0.85;
}

/* line 75, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .card .search-header .btn-light {
  border: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

/* line 80, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .card .search-header .btn-light:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* line 87, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .card .card-body {
  background: rgba(255, 255, 255, 0.98);
}

/* line 94, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .search-form .search-input-container .input-group {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* line 99, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .search-form .search-input-container .input-group .search-search-icon-leaves {
  background: rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-right: none;
  color: var(--black);
}

/* line 106, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .search-form .search-input-container .input-group .search-input {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-left: none;
  border-right: none;
  padding: 0.75rem 1rem;
  font-size: 1rem;
}

/* line 113, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .search-form .search-input-container .input-group .search-input:focus {
  border-color: var(--primary-blue);
  box-shadow: none;
}

/* line 117, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .search-form .search-input-container .input-group .search-input:focus ~ .filter-icon {
  border-color: var(--primary-blue);
  background: rgba(18, 156, 243, 0.1);
  color: var(--primary-blue);
}

/* line 124, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .search-form .search-input-container .input-group .search-input:focus + .search-search-icon-leaves {
  border-color: var(--primary-blue);
  background: rgba(18, 156, 243, 0.1);
  color: var(--primary-blue);
}

/* line 131, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .search-form .search-input-container .input-group .filter-icon {
  background: rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-left: none;
  color: var(--black);
  cursor: pointer;
  transition: all 0.3s ease;
}

/* line 139, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .search-form .search-input-container .input-group .filter-icon:hover {
  background: rgba(0, 0, 0, 0.1);
  color: var(--primary-blue);
}

/* line 147, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .search-form .search-btn {
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  transition: all 0.3s ease;
}

/* line 152, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .search-form .search-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(13, 110, 253, 0.3);
}

/* line 158, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .search-form .reset-btn {
  padding: 0.75rem 1rem;
  transition: all 0.3s ease;
}

/* line 162, app/assets/stylesheets/company_leaves.scss */
.company-leaves-controls .search-form .reset-btn:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(0, 0, 0, 0.3);
}

/* Statistics Cards */
/* line 173, app/assets/stylesheets/company_leaves.scss */
.company-leaves-stats .stat-card {
  border: none;
  border-radius: 12px;
  transition: all 0.3s ease;
  overflow: hidden;
}

/* line 179, app/assets/stylesheets/company_leaves.scss */
.company-leaves-stats .stat-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* line 184, app/assets/stylesheets/company_leaves.scss */
.company-leaves-stats .stat-card .card-body {
  padding: 1.5rem;
  text-align: center;
}

/* line 188, app/assets/stylesheets/company_leaves.scss */
.company-leaves-stats .stat-card .card-body i {
  font-size: 2.5rem;
  margin-bottom: 1rem;
  opacity: 0.9;
}

/* line 194, app/assets/stylesheets/company_leaves.scss */
.company-leaves-stats .stat-card .card-body h4, .company-leaves-stats .stat-card .card-body .h4 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

/* line 200, app/assets/stylesheets/company_leaves.scss */
.company-leaves-stats .stat-card .card-body p {
  font-size: 0.9rem;
  font-weight: 500;
  margin: 0;
  opacity: 0.9;
}

/* line 208, app/assets/stylesheets/company_leaves.scss */
.company-leaves-stats .stat-card.stat-total {
  background: linear-gradient(135deg, var(--primary-blue) 0%, #0056b3 100%);
}

/* line 212, app/assets/stylesheets/company_leaves.scss */
.company-leaves-stats .stat-card.stat-active {
  background: linear-gradient(135deg, var(--primary-blue) 0%, #1e7e34 100%);
}

/* line 216, app/assets/stylesheets/company_leaves.scss */
.company-leaves-stats .stat-card.stat-inactive {
  background: linear-gradient(135deg, var(--black) 0%, var(--black) 100%);
}

/* line 220, app/assets/stylesheets/company_leaves.scss */
.company-leaves-stats .stat-card.stat-recent {
  background: linear-gradient(135deg, #17a2b8 0%, #138496 100%);
}

/* Company Leaves Table */
/* line 227, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container {
  background: var(--white);
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
}

/* line 234, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .table-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--black) 100%);
  color: var(--white);
  padding: 1rem 1.5rem;
  margin: 0;
}

/* line 240, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .table-header h4, .company-leaves-table-container .table-header .h4 {
  margin: 0;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 247, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .table-header h4 i, .company-leaves-table-container .table-header .h4 i {
  font-size: 1.2rem;
}

/* line 253, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .table {
  margin: 0;
}

/* line 256, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .table thead th {
  background: linear-gradient(135deg, var(--black) 0%, var(--primary-blue) 100%);
  color: var(--white);
  border: none;
  padding: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.9rem;
  letter-spacing: 0.5px;
}

/* line 268, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .table tbody tr {
  transition: all 0.3s ease;
  border-bottom: 1px solid rgba(255, 255, 255, 0.98);
}

/* line 272, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .table tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.98);
  transform: scale(1.01);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* line 278, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .table tbody tr td {
  padding: 1rem;
  vertical-align: middle;
  border: none;
}

/* line 283, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .table tbody tr td:first-child {
  font-weight: 600;
  color: var(--black);
}

/* line 292, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .leave-name {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  color: var(--black);
}

/* line 299, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .leave-name i {
  color: var(--primary-blue);
}

/* line 304, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .leave-description {
  color: var(--black);
  font-style: italic;
  max-width: 300px;
}

/* line 309, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .leave-description.truncated {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 316, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .action-buttons {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* line 321, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .action-buttons .btn {
  padding: 0.4rem 0.8rem;
  font-size: 0.85rem;
  border-radius: 0.4rem;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* line 328, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .action-buttons .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* line 333, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .action-buttons .btn.btn-secondary {
  background: linear-gradient(135deg, var(--black), var(--black));
  border: none;
}

/* line 338, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .action-buttons .btn.btn-danger {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  border: none;
}

/* line 343, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .action-buttons .btn.btn-primary {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  border: none;
}

/* line 348, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .action-buttons .btn i {
  margin-right: 0.3rem;
}

/* line 354, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .empty-state {
  text-align: center;
  padding: 3rem 2rem;
  color: var(--black);
}

/* line 359, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .empty-state i {
  font-size: 4rem;
  margin-bottom: 1rem;
  opacity: 0.5;
}

/* line 365, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .empty-state h4, .company-leaves-table-container .empty-state .h4 {
  margin-bottom: 1rem;
}

/* line 369, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .empty-state p {
  margin-bottom: 2rem;
}

/* line 373, app/assets/stylesheets/company_leaves.scss */
.company-leaves-table-container .empty-state .btn {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue) 100%);
  border: none;
  padding: 0.75rem 2rem;
  font-weight: 600;
}

/* Form Styling */
/* line 384, app/assets/stylesheets/company_leaves.scss */
.company-leave-form-container .card {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  border: none;
}

/* line 390, app/assets/stylesheets/company_leaves.scss */
.company-leave-form-container .card .card-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--primary-blue) 100%);
  color: var(--white);
  padding: 1.5rem;
}

/* line 395, app/assets/stylesheets/company_leaves.scss */
.company-leave-form-container .card .card-header h4, .company-leave-form-container .card .card-header .h4 {
  margin: 0;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 404, app/assets/stylesheets/company_leaves.scss */
.company-leave-form-container .card .card-body {
  padding: 2rem;
  background: #fafbfc;
}

/* line 411, app/assets/stylesheets/company_leaves.scss */
.company-leave-form-container .form-inputs .form-group {
  margin-bottom: 1.5rem;
}

/* line 414, app/assets/stylesheets/company_leaves.scss */
.company-leave-form-container .form-inputs .form-group label {
  font-weight: 600;
  color: var(--black);
  margin-bottom: 0.5rem;
}

/* line 420, app/assets/stylesheets/company_leaves.scss */
.company-leave-form-container .form-inputs .form-group .form-control {
  border-radius: 8px;
  border: 2px solid rgba(0, 0, 0, 0.08);
  padding: 0.75rem 1rem;
  transition: all 0.3s ease;
}

/* line 426, app/assets/stylesheets/company_leaves.scss */
.company-leave-form-container .form-inputs .form-group .form-control:focus {
  border-color: var(--primary-blue);
  box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.1);
}

/* line 432, app/assets/stylesheets/company_leaves.scss */
.company-leave-form-container .form-inputs .form-group textarea.form-control {
  min-height: 120px;
  resize: vertical;
}

/* line 439, app/assets/stylesheets/company_leaves.scss */
.company-leave-form-container .form-actions {
  padding-top: 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

/* line 443, app/assets/stylesheets/company_leaves.scss */
.company-leave-form-container .form-actions .btn {
  padding: 0.75rem 2rem;
  font-weight: 600;
  border-radius: 8px;
  transition: all 0.3s ease;
}

/* line 449, app/assets/stylesheets/company_leaves.scss */
.company-leave-form-container .form-actions .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* line 454, app/assets/stylesheets/company_leaves.scss */
.company-leave-form-container .form-actions .btn.btn-success {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue) 100%);
  border: none;
}

/* line 459, app/assets/stylesheets/company_leaves.scss */
.company-leave-form-container .form-actions .btn.btn-secondary {
  background: linear-gradient(135deg, var(--black), var(--black));
  border: none;
}

/* Show Page Styling */
/* line 469, app/assets/stylesheets/company_leaves.scss */
.company-leave-show-container .leave-details-card {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  border: none;
}

/* line 475, app/assets/stylesheets/company_leaves.scss */
.company-leave-show-container .leave-details-card .card-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--primary-blue) 100%);
  color: var(--white);
  padding: 1.5rem;
}

/* line 480, app/assets/stylesheets/company_leaves.scss */
.company-leave-show-container .leave-details-card .card-header .leave-title {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 488, app/assets/stylesheets/company_leaves.scss */
.company-leave-show-container .leave-details-card .card-header .leave-title i {
  font-size: 1.8rem;
}

/* line 494, app/assets/stylesheets/company_leaves.scss */
.company-leave-show-container .leave-details-card .card-body {
  padding: 2rem;
  background: #fafbfc;
}

/* line 499, app/assets/stylesheets/company_leaves.scss */
.company-leave-show-container .leave-details-card .card-body .leave-info .info-row {
  display: flex;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

/* line 505, app/assets/stylesheets/company_leaves.scss */
.company-leave-show-container .leave-details-card .card-body .leave-info .info-row:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* line 511, app/assets/stylesheets/company_leaves.scss */
.company-leave-show-container .leave-details-card .card-body .leave-info .info-row .info-label {
  font-weight: 600;
  color: var(--black);
  min-width: 120px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 520, app/assets/stylesheets/company_leaves.scss */
.company-leave-show-container .leave-details-card .card-body .leave-info .info-row .info-value {
  flex: 1;
  color: var(--black);
  line-height: 1.6;
}

/* line 530, app/assets/stylesheets/company_leaves.scss */
.company-leave-show-container .action-buttons {
  margin-top: 1.5rem;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

/* line 536, app/assets/stylesheets/company_leaves.scss */
.company-leave-show-container .action-buttons .btn {
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  border-radius: 8px;
  transition: all 0.3s ease;
}

/* line 542, app/assets/stylesheets/company_leaves.scss */
.company-leave-show-container .action-buttons .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* line 547, app/assets/stylesheets/company_leaves.scss */
.company-leave-show-container .action-buttons .btn.btn-primary {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
  border: none;
}

/* line 552, app/assets/stylesheets/company_leaves.scss */
.company-leave-show-container .action-buttons .btn.btn-secondary {
  background: linear-gradient(135deg, var(--black), var(--black));
  border: none;
}

/* line 557, app/assets/stylesheets/company_leaves.scss */
.company-leave-show-container .action-buttons .btn.btn-danger {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
  border: none;
}

/* Responsive Design */
@media (max-width: 768px) {
  /* line 568, app/assets/stylesheets/company_leaves.scss */
  .company-leaves-header h1, .company-leaves-header .h1 {
    font-size: 2rem;
  }
  /* line 574, app/assets/stylesheets/company_leaves.scss */
  .company-leaves-table-container .table {
    font-size: 0.9rem;
  }
  /* line 578, app/assets/stylesheets/company_leaves.scss */
  .company-leaves-table-container .action-buttons {
    flex-direction: column;
  }
  /* line 581, app/assets/stylesheets/company_leaves.scss */
  .company-leaves-table-container .action-buttons .btn {
    width: 100%;
    margin-bottom: 0.25rem;
  }
  /* line 590, app/assets/stylesheets/company_leaves.scss */
  .company-leave-show-container .leave-info .info-row {
    flex-direction: column;
    gap: 0.5rem;
  }
  /* line 594, app/assets/stylesheets/company_leaves.scss */
  .company-leave-show-container .leave-info .info-row .info-label {
    min-width: auto;
  }
}

/* Accrual Preview — same enterprise layout as Leave Credits, with readable table text */
/* line 3, app/assets/stylesheets/leave_credits.scss */
.accrual-preview-card .card-header h6, .accrual-preview-card .card-header .h6 {
  color: #2c3e50;
}

/* line 7, app/assets/stylesheets/leave_credits.scss */
.accrual-preview-card .accrual-preview-table {
  color: #2c3e50;
}

/* line 10, app/assets/stylesheets/leave_credits.scss */
.accrual-preview-card .accrual-preview-table thead th {
  background-color: #f8f9fa;
  color: #2c3e50;
  font-weight: 600;
  font-size: 0.85rem;
  white-space: nowrap;
  border-bottom: 2px solid #dee2e6;
  padding: 0.75rem 0.85rem;
}

/* line 20, app/assets/stylesheets/leave_credits.scss */
.accrual-preview-card .accrual-preview-table tbody td {
  color: #2c3e50;
  vertical-align: middle;
  padding: 0.7rem 0.85rem;
  font-size: 0.9rem;
}

/* line 27, app/assets/stylesheets/leave_credits.scss */
.accrual-preview-card .accrual-preview-table .badge {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.35em 0.65em;
}

/* ===================================
   LEAVE CREDITS MODULE - ENTERPRISE DESIGN
   Following Company Leaves Pattern
   =================================== */
/* Header Section - Same pattern as company leaves */
/* line 51, app/assets/stylesheets/leave_credits.scss */
.leave-credits-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--primary-blue) 100%);
  color: var(--white);
  padding: 2rem 0;
  margin-bottom: 2rem;
  border-radius: 0 0 1rem 1rem;
  position: relative;
  overflow: hidden;
}

/* line 60, app/assets/stylesheets/leave_credits.scss */
.leave-credits-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" fill="rgba(255,255,255,0.1)"><polygon points="1000,100 1000,0 0,100"/></svg>');
  background-size: cover;
}

/* line 71, app/assets/stylesheets/leave_credits.scss */
.leave-credits-header .header-content {
  position: relative;
  z-index: 2;
}

/* line 76, app/assets/stylesheets/leave_credits.scss */
.leave-credits-header h1, .leave-credits-header .h1 {
  font-size: 2.5rem;
  font-weight: 700;
  margin: 0;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* line 83, app/assets/stylesheets/leave_credits.scss */
.leave-credits-header .header-subtitle {
  font-size: 1.1rem;
  opacity: 0.9;
  margin: 0.5rem 0 0 0;
}

/* Search & Controls Section - Same pattern as company leaves */
/* line 92, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .card {
  border-radius: 12px;
  overflow: hidden;
}

/* line 96, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .card .search-header {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
  border: none;
  padding: 1.25rem 1.5rem;
}

/* line 101, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .card .search-header h5, .leave-credits-controls .card .search-header .h5 {
  margin: 0;
  font-size: 1.1rem;
  letter-spacing: 0.5px;
}

/* line 107, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .card .search-header small, .leave-credits-controls .card .search-header .small {
  opacity: 0.85;
}

/* line 111, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .card .search-header .btn-light {
  border: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

/* line 116, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .card .search-header .btn-light:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* line 123, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .card .card-body {
  background: rgba(255, 255, 255, 0.98);
}

/* line 130, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .search-form .search-input-container .input-group {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* line 135, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .search-form .search-input-container .input-group .search-icon {
  background: rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-right: none;
  color: var(--black);
}

/* line 142, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .search-form .search-input-container .input-group .search-input {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-left: none;
  border-right: none;
  padding: 0.75rem 1rem;
  font-size: 1rem;
}

/* line 149, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .search-form .search-input-container .input-group .search-input:focus {
  border-color: var(--primary-blue);
  box-shadow: none;
}

/* line 153, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .search-form .search-input-container .input-group .search-input:focus ~ .filter-icon {
  border-color: var(--primary-blue);
  background: rgba(18, 156, 243, 0.1);
  color: var(--primary-blue);
}

/* line 160, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .search-form .search-input-container .input-group .search-input:focus + .search-icon {
  border-color: var(--primary-blue);
  background: rgba(18, 156, 243, 0.1);
  color: var(--primary-blue);
}

/* line 167, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .search-form .search-input-container .input-group .filter-icon {
  background: rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-left: none;
  color: var(--black);
  cursor: pointer;
  transition: all 0.3s ease;
}

/* line 175, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .search-form .search-input-container .input-group .filter-icon:hover {
  background: rgba(0, 0, 0, 0.1);
  color: var(--primary-blue);
}

/* line 183, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .search-form .search-btn {
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  transition: all 0.3s ease;
}

/* line 188, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .search-form .search-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(13, 110, 253, 0.3);
}

/* line 194, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .search-form .reset-btn {
  padding: 0.75rem 1rem;
  transition: all 0.3s ease;
}

/* line 198, app/assets/stylesheets/leave_credits.scss */
.leave-credits-controls .search-form .reset-btn:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(0, 0, 0, 0.3);
}

/* Employee Groups Container - Employee-centered design */
/* line 209, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .section-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--primary-blue) 100%);
  color: var(--white);
  padding: 1.5rem;
  border-radius: 12px;
  margin-bottom: 2rem;
}

/* line 216, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .section-header h4, .leave-credits-employee-groups .section-header .h4 {
  margin: 0;
  font-weight: 600;
  font-size: 1.3rem;
}

/* line 221, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .section-header h4 i, .leave-credits-employee-groups .section-header .h4 i {
  margin-right: 0.5rem;
  opacity: 0.9;
}

/* line 227, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .section-header p {
  margin-top: 0.5rem;
  margin-bottom: 0;
  opacity: 0.9;
  font-size: 1rem;
}

/* line 235, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card {
  background: var(--white);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border: none;
  transition: all 0.3s ease;
}

/* line 243, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* line 248, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .employee-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--primary-blue) 100%);
  color: var(--white);
  border: none;
  padding: 1.25rem 1.5rem;
}

/* line 255, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .employee-header .employee-info h5, .leave-credits-employee-groups .employee-group-card .employee-header .employee-info .h5 {
  margin: 0;
  font-weight: 600;
  font-size: 1.2rem;
}

/* line 260, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .employee-header .employee-info h5 i, .leave-credits-employee-groups .employee-group-card .employee-header .employee-info .h5 i {
  opacity: 0.9;
  font-size: 1.1rem;
}

/* line 266, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .employee-header .employee-info small, .leave-credits-employee-groups .employee-group-card .employee-header .employee-info .small {
  opacity: 0.9;
  font-size: 0.9rem;
}

/* line 273, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .employee-header .employee-summary .badge {
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.5rem 1rem;
}

/* line 278, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .employee-header .employee-summary .badge i {
  opacity: 0.8;
}

/* line 285, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .card-body {
  padding: 0;
}

/* line 289, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .table {
  margin: 0;
}

/* line 293, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .table thead th {
  background-color: rgba(255, 255, 255, 0.98);
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  font-weight: 600;
  padding: 0.875rem 1rem;
  vertical-align: middle;
  color: var(--black);
  font-size: 0.9rem;
}

/* line 302, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .table thead th i {
  margin-right: 0.5rem;
  color: var(--primary-blue);
  opacity: 0.8;
}

/* line 311, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .table tbody .employee-credit-row {
  transition: all 0.2s ease;
  border-bottom: 1px solid rgba(255, 255, 255, 0.95);
}

/* line 315, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .table tbody .employee-credit-row:hover {
  background-color: rgba(255, 255, 255, 0.98);
}

/* line 319, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .table tbody .employee-credit-row:last-child {
  border-bottom: none;
}

/* line 323, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .table tbody .employee-credit-row td {
  padding: 1rem;
  vertical-align: middle;
  border-left: none;
  border-right: none;
}

/* line 333, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .leave-type-info {
  font-weight: 500;
}

/* line 336, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .leave-type-info i {
  opacity: 0.8;
}

/* line 340, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .leave-type-info strong {
  color: var(--black);
}

/* line 345, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .credit-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 500;
}

/* line 353, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .credit-badge i {
  opacity: 0.8;
}

/* line 357, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .credit-badge.earned {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
}

/* line 362, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .credit-badge.accumulated {
  background: linear-gradient(135deg, #17a2b8, #138496);
  color: var(--white);
}

/* line 367, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .credit-badge.total {
  background: linear-gradient(135deg, #6f42c1, #5a2d91);
  color: var(--white);
  font-weight: 600;
}

/* line 374, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .action-buttons {
  display: flex;
  gap: 0.375rem;
}

/* line 378, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .action-buttons .btn {
  border-radius: 6px;
  font-size: 0.8rem;
  padding: 0.375rem 0.5rem;
  border-width: 1px;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* line 386, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .action-buttons .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* line 392, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .action-buttons .btn.btn-outline-secondary:hover {
  background-color: var(--black);
  border-color: var(--black);
  color: var(--white);
}

/* line 400, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .action-buttons .btn.btn-outline-primary:hover {
  background-color: var(--primary-blue);
  border-color: var(--primary-blue);
  color: var(--white);
}

/* line 408, app/assets/stylesheets/leave_credits.scss */
.leave-credits-employee-groups .employee-group-card .action-buttons .btn.btn-outline-danger:hover {
  background-color: var(--primary-blue);
  border-color: var(--primary-blue);
  color: var(--white);
}

/* Form Styling - Same pattern as company leaves */
/* line 421, app/assets/stylesheets/leave_credits.scss */
.leave-credit-form-container .card {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  border: none;
}

/* line 427, app/assets/stylesheets/leave_credits.scss */
.leave-credit-form-container .card .card-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--primary-blue) 100%);
  color: var(--white);
  padding: 1.5rem;
}

/* line 432, app/assets/stylesheets/leave_credits.scss */
.leave-credit-form-container .card .card-header h4, .leave-credit-form-container .card .card-header .h4 {
  margin: 0;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 441, app/assets/stylesheets/leave_credits.scss */
.leave-credit-form-container .card .card-body {
  padding: 2rem;
  background: #fafbfc;
}

/* line 448, app/assets/stylesheets/leave_credits.scss */
.leave-credit-form-container .form-inputs .form-group {
  margin-bottom: 1.5rem;
}

/* line 451, app/assets/stylesheets/leave_credits.scss */
.leave-credit-form-container .form-inputs .form-group label {
  font-weight: 600;
  color: var(--black);
  margin-bottom: 0.5rem;
}

/* line 457, app/assets/stylesheets/leave_credits.scss */
.leave-credit-form-container .form-inputs .form-group .form-control, .leave-credit-form-container .form-inputs .form-group .tom-select {
  border-radius: 8px;
  border: 2px solid rgba(0, 0, 0, 0.08);
  padding: 0.75rem 1rem;
  transition: all 0.3s ease;
}

/* line 463, app/assets/stylesheets/leave_credits.scss */
.leave-credit-form-container .form-inputs .form-group .form-control:focus, .leave-credit-form-container .form-inputs .form-group .tom-select:focus {
  border-color: var(--primary-blue);
  box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.1);
}

/* line 471, app/assets/stylesheets/leave_credits.scss */
.leave-credit-form-container .form-actions {
  padding-top: 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

/* line 475, app/assets/stylesheets/leave_credits.scss */
.leave-credit-form-container .form-actions .btn {
  padding: 0.75rem 2rem;
  font-weight: 600;
  border-radius: 8px;
  transition: all 0.3s ease;
}

/* line 481, app/assets/stylesheets/leave_credits.scss */
.leave-credit-form-container .form-actions .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* line 486, app/assets/stylesheets/leave_credits.scss */
.leave-credit-form-container .form-actions .btn.btn-success {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue) 100%);
  border: none;
}

/* line 491, app/assets/stylesheets/leave_credits.scss */
.leave-credit-form-container .form-actions .btn.btn-secondary {
  background: linear-gradient(135deg, var(--black), var(--black));
  border: none;
}

/* Show Page Styling - Same pattern as company leaves */
/* line 501, app/assets/stylesheets/leave_credits.scss */
.leave-credit-show-container .credit-details-card {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  border: none;
}

/* line 507, app/assets/stylesheets/leave_credits.scss */
.leave-credit-show-container .credit-details-card .card-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--primary-blue) 100%);
  color: var(--white);
  padding: 1.5rem;
}

/* line 512, app/assets/stylesheets/leave_credits.scss */
.leave-credit-show-container .credit-details-card .card-header .credit-title {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 522, app/assets/stylesheets/leave_credits.scss */
.leave-credit-show-container .credit-details-card .card-body {
  padding: 2rem;
  background: #fafbfc;
}

/* line 527, app/assets/stylesheets/leave_credits.scss */
.leave-credit-show-container .credit-details-card .card-body .credit-info .info-row {
  display: flex;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

/* line 533, app/assets/stylesheets/leave_credits.scss */
.leave-credit-show-container .credit-details-card .card-body .credit-info .info-row:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* line 539, app/assets/stylesheets/leave_credits.scss */
.leave-credit-show-container .credit-details-card .card-body .credit-info .info-row .info-label {
  font-weight: 600;
  color: var(--black);
  min-width: 150px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 548, app/assets/stylesheets/leave_credits.scss */
.leave-credit-show-container .credit-details-card .card-body .credit-info .info-row .info-value {
  flex: 1;
  color: var(--black);
  line-height: 1.6;
}

/* line 558, app/assets/stylesheets/leave_credits.scss */
.leave-credit-show-container .action-buttons {
  margin-top: 1.5rem;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

/* line 564, app/assets/stylesheets/leave_credits.scss */
.leave-credit-show-container .action-buttons .btn {
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  border-radius: 8px;
  transition: all 0.3s ease;
}

/* line 570, app/assets/stylesheets/leave_credits.scss */
.leave-credit-show-container .action-buttons .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* line 575, app/assets/stylesheets/leave_credits.scss */
.leave-credit-show-container .action-buttons .btn.btn-primary {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
  border: none;
}

/* line 580, app/assets/stylesheets/leave_credits.scss */
.leave-credit-show-container .action-buttons .btn.btn-secondary {
  background: linear-gradient(135deg, var(--black), var(--black));
  border: none;
}

/* line 585, app/assets/stylesheets/leave_credits.scss */
.leave-credit-show-container .action-buttons .btn.btn-danger {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
  border: none;
}

/* Empty State - Same pattern as company leaves */
/* line 594, app/assets/stylesheets/leave_credits.scss */
.empty-state {
  text-align: center;
  padding: 3rem 2rem;
  color: var(--black);
}

/* line 599, app/assets/stylesheets/leave_credits.scss */
.empty-state i {
  font-size: 4rem;
  margin-bottom: 1rem;
  opacity: 0.5;
}

/* line 605, app/assets/stylesheets/leave_credits.scss */
.empty-state h4, .empty-state .h4 {
  margin-bottom: 1rem;
}

/* line 609, app/assets/stylesheets/leave_credits.scss */
.empty-state p {
  margin-bottom: 2rem;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

/* line 616, app/assets/stylesheets/leave_credits.scss */
.empty-state .btn {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue) 100%);
  border: none;
  padding: 0.75rem 2rem;
  font-weight: 600;
}

/* Responsive Design */
@media (max-width: 768px) {
  /* line 626, app/assets/stylesheets/leave_credits.scss */
  .leave-credits-header h1, .leave-credits-header .h1 {
    font-size: 2rem;
  }
  /* line 633, app/assets/stylesheets/leave_credits.scss */
  .leave-credits-employee-groups .employee-group-card .employee-header .row {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }
  /* line 640, app/assets/stylesheets/leave_credits.scss */
  .leave-credits-employee-groups .employee-group-card .employee-header .employee-summary .badge {
    font-size: 0.8rem;
    padding: 0.4rem 0.8rem;
  }
  /* line 647, app/assets/stylesheets/leave_credits.scss */
  .leave-credits-employee-groups .employee-group-card .table {
    font-size: 0.85rem;
  }
  /* line 650, app/assets/stylesheets/leave_credits.scss */
  .leave-credits-employee-groups .employee-group-card .table thead th {
    padding: 0.5rem 0.75rem;
    font-size: 0.8rem;
  }
  /* line 655, app/assets/stylesheets/leave_credits.scss */
  .leave-credits-employee-groups .employee-group-card .table tbody td {
    padding: 0.75rem 0.5rem;
  }
  /* line 659, app/assets/stylesheets/leave_credits.scss */
  .leave-credits-employee-groups .employee-group-card .table .action-buttons {
    flex-direction: column;
    gap: 0.25rem;
  }
  /* line 663, app/assets/stylesheets/leave_credits.scss */
  .leave-credits-employee-groups .employee-group-card .table .action-buttons .btn {
    width: 100%;
    font-size: 0.75rem;
    padding: 0.4rem;
  }
  /* line 670, app/assets/stylesheets/leave_credits.scss */
  .leave-credits-employee-groups .employee-group-card .table .credit-badge {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
  }
  /* line 680, app/assets/stylesheets/leave_credits.scss */
  .leave-credit-show-container .credit-info .info-row {
    flex-direction: column;
    gap: 0.5rem;
  }
  /* line 684, app/assets/stylesheets/leave_credits.scss */
  .leave-credit-show-container .credit-info .info-row .info-label {
    min-width: auto;
  }
  /* line 691, app/assets/stylesheets/leave_credits.scss */
  .action-buttons {
    flex-direction: column;
  }
  /* line 694, app/assets/stylesheets/leave_credits.scss */
  .action-buttons .btn {
    width: 100%;
  }
}

/* line 2, app/assets/stylesheets/file_leave.scss */
.file-leave-container {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(30, 60, 114, 0.1) 100%);
  min-height: 100vh;
  padding: 2rem 0;
}

/* line 7, app/assets/stylesheets/file_leave.scss */
.file-leave-container .main-content {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 20px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  padding: 2rem;
  margin: 0 auto;
  max-width: 1400px;
}

/* line 19, app/assets/stylesheets/file_leave.scss */
.file-leave-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--black) 100%);
  color: var(--white);
  padding: 2rem;
  border-radius: 15px 15px 0 0;
  margin-bottom: 2rem;
  position: relative;
  overflow: hidden;
}

/* line 28, app/assets/stylesheets/file_leave.scss */
.file-leave-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;
  opacity: 0.1;
}

/* line 39, app/assets/stylesheets/file_leave.scss */
.file-leave-header h1, .file-leave-header .h1, .file-leave-header h3, .file-leave-header .h3 {
  position: relative;
  z-index: 1;
  margin: 0;
  font-weight: 600;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* line 47, app/assets/stylesheets/file_leave.scss */
.file-leave-header .header-actions {
  position: relative;
  z-index: 1;
  margin-top: 1rem;
}

/* line 52, app/assets/stylesheets/file_leave.scss */
.file-leave-header .header-actions .btn {
  margin-right: 0.5rem;
  border: none;
  padding: 0.7rem 1.5rem;
  border-radius: 25px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

/* line 63, app/assets/stylesheets/file_leave.scss */
.file-leave-header .header-actions .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

/* line 72, app/assets/stylesheets/file_leave.scss */
.stats-row {
  margin-bottom: 2rem;
}

/* line 75, app/assets/stylesheets/file_leave.scss */
.stats-row .stat-card {
  background: var(--white);
  border-radius: 15px;
  padding: 1.5rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  border: none;
  transition: all 0.3s ease;
  height: 100%;
  position: relative;
  overflow: hidden;
}

/* line 86, app/assets/stylesheets/file_leave.scss */
.stats-row .stat-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--primary-blue), var(--dark-blue));
}

/* line 96, app/assets/stylesheets/file_leave.scss */
.stats-row .stat-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

/* line 101, app/assets/stylesheets/file_leave.scss */
.stats-row .stat-card .stat-icon {
  width: 60px;
  height: 60px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: var(--white);
  margin-bottom: 1rem;
}

/* line 112, app/assets/stylesheets/file_leave.scss */
.stats-row .stat-card .stat-icon.pending {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
}

/* line 116, app/assets/stylesheets/file_leave.scss */
.stats-row .stat-card .stat-icon.approved {
  background: linear-gradient(135deg, var(--primary-blue), var(--primary-blue));
}

/* line 120, app/assets/stylesheets/file_leave.scss */
.stats-row .stat-card .stat-icon.rejected {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
}

/* line 124, app/assets/stylesheets/file_leave.scss */
.stats-row .stat-card .stat-icon.cancelled {
  background: linear-gradient(135deg, var(--black), var(--black));
}

/* line 129, app/assets/stylesheets/file_leave.scss */
.stats-row .stat-card .stat-value {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--black);
  margin: 0;
}

/* line 136, app/assets/stylesheets/file_leave.scss */
.stats-row .stat-card .stat-label {
  color: var(--black);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 0.85rem;
}

/* line 148, app/assets/stylesheets/file_leave.scss */
.enterprise-tabs .nav-tabs {
  border-bottom: 3px solid rgba(0, 0, 0, 0.05);
  margin-bottom: 2rem;
}

/* line 152, app/assets/stylesheets/file_leave.scss */
.enterprise-tabs .nav-tabs .nav-link {
  border: none;
  background: none;
  color: var(--black);
  font-weight: 600;
  padding: 1rem 2rem;
  border-radius: 10px 10px 0 0;
  transition: all 0.3s ease;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 164, app/assets/stylesheets/file_leave.scss */
.enterprise-tabs .nav-tabs .nav-link:hover {
  background: rgba(102, 126, 234, 0.1);
  color: var(--primary-blue);
}

/* line 169, app/assets/stylesheets/file_leave.scss */
.enterprise-tabs .nav-tabs .nav-link.active {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
  box-shadow: 0 -5px 15px rgba(102, 126, 234, 0.3);
}

/* line 174, app/assets/stylesheets/file_leave.scss */
.enterprise-tabs .nav-tabs .nav-link.active::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--primary-blue), var(--dark-blue));
}

/* line 189, app/assets/stylesheets/file_leave.scss */
.enterprise-table {
  background: var(--white);
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* line 195, app/assets/stylesheets/file_leave.scss */
.enterprise-table .table {
  margin: 0;
}

/* line 198, app/assets/stylesheets/file_leave.scss */
.enterprise-table .table thead {
  background: linear-gradient(135deg, var(--black), var(--black));
}

/* line 201, app/assets/stylesheets/file_leave.scss */
.enterprise-table .table thead th {
  color: var(--white);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 1.2rem 1rem;
  border: none;
  font-size: 0.85rem;
}

/* line 213, app/assets/stylesheets/file_leave.scss */
.enterprise-table .table tbody tr {
  transition: all 0.3s ease;
}

/* line 216, app/assets/stylesheets/file_leave.scss */
.enterprise-table .table tbody tr:hover {
  background: rgba(102, 126, 234, 0.05);
  transform: scale(1.01);
}

/* line 221, app/assets/stylesheets/file_leave.scss */
.enterprise-table .table tbody tr td {
  padding: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  vertical-align: middle;
}

/* line 230, app/assets/stylesheets/file_leave.scss */
.enterprise-table .status-badge {
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-weight: 600;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 238, app/assets/stylesheets/file_leave.scss */
.enterprise-table .status-badge.status-pending {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
}

/* line 243, app/assets/stylesheets/file_leave.scss */
.enterprise-table .status-badge.status-approved {
  background: linear-gradient(135deg, var(--primary-blue), var(--primary-blue));
  color: var(--white);
}

/* line 248, app/assets/stylesheets/file_leave.scss */
.enterprise-table .status-badge.status-rejected {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
}

/* line 253, app/assets/stylesheets/file_leave.scss */
.enterprise-table .status-badge.status-cancelled {
  background: linear-gradient(135deg, var(--black), var(--black));
  color: var(--white);
}

/* line 260, app/assets/stylesheets/file_leave.scss */
.enterprise-table .action-buttons .btn {
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
  border-radius: 20px;
  padding: 0.4rem 1rem;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

/* line 271, app/assets/stylesheets/file_leave.scss */
.enterprise-table .action-buttons .btn:hover {
  transform: translateY(-1px);
}

/* line 280, app/assets/stylesheets/file_leave.scss */
.file-leave-form .form-card {
  background: var(--white);
  border-radius: 15px;
  padding: 2rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
}

/* line 287, app/assets/stylesheets/file_leave.scss */
.file-leave-form .form-card .card-title {
  color: var(--black);
  font-weight: 700;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 3px solid rgba(0, 0, 0, 0.05);
  position: relative;
}

/* line 295, app/assets/stylesheets/file_leave.scss */
.file-leave-form .form-card .card-title::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 50px;
  height: 3px;
  background: linear-gradient(90deg, var(--primary-blue), var(--dark-blue));
}

/* line 307, app/assets/stylesheets/file_leave.scss */
.file-leave-form .form-control, .file-leave-form .form-select {
  border: 2px solid rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding: 0.75rem 1rem;
  transition: all 0.3s ease;
}

/* line 313, app/assets/stylesheets/file_leave.scss */
.file-leave-form .form-control:focus, .file-leave-form .form-select:focus {
  border-color: var(--primary-blue);
  box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
}

/* line 319, app/assets/stylesheets/file_leave.scss */
.file-leave-form .form-label {
  font-weight: 600;
  color: var(--black);
  margin-bottom: 0.5rem;
}

/* line 325, app/assets/stylesheets/file_leave.scss */
.file-leave-form .btn-success {
  background: linear-gradient(135deg, var(--primary-blue), var(--primary-blue));
  border: none;
  border-radius: 25px;
  padding: 0.75rem 2rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

/* line 335, app/assets/stylesheets/file_leave.scss */
.file-leave-form .btn-success:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(39, 174, 96, 0.3);
}

/* line 343, app/assets/stylesheets/file_leave.scss */
.leave-credits-card {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
  color: var(--white);
  border-radius: 15px;
  padding: 2rem;
  box-shadow: 0 15px 35px rgba(102, 126, 234, 0.3);
}

/* line 350, app/assets/stylesheets/file_leave.scss */
.leave-credits-card .card-title {
  font-weight: 700;
  margin-bottom: 1.5rem;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* line 356, app/assets/stylesheets/file_leave.scss */
.leave-credits-card .list-group-item {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--white);
  border-radius: 10px;
  margin-bottom: 0.5rem;
  padding: 1rem;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  transition: all 0.3s ease;
}

/* line 366, app/assets/stylesheets/file_leave.scss */
.leave-credits-card .list-group-item:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: translateX(5px);
}

/* line 371, app/assets/stylesheets/file_leave.scss */
.leave-credits-card .list-group-item strong {
  font-weight: 700;
}

/* line 375, app/assets/stylesheets/file_leave.scss */
.leave-credits-card .list-group-item .text-success {
  color: var(--primary-blue) !important;
  font-weight: 700;
}

/* line 380, app/assets/stylesheets/file_leave.scss */
.leave-credits-card .list-group-item .text-danger {
  color: var(--primary-blue) !important;
  font-weight: 700;
}

/* line 385, app/assets/stylesheets/file_leave.scss */
.leave-credits-card .list-group-item .text-warning {
  color: var(--primary-blue) !important;
  font-weight: 700;
}

/* line 394, app/assets/stylesheets/file_leave.scss */
.file-leave-show .leave-details-card {
  background: var(--white);
  border-radius: 15px;
  padding: 2rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
}

/* line 401, app/assets/stylesheets/file_leave.scss */
.file-leave-show .leave-details-card h3, .file-leave-show .leave-details-card .h3 {
  color: var(--black);
  font-weight: 700;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 3px solid rgba(0, 0, 0, 0.05);
  position: relative;
}

/* line 409, app/assets/stylesheets/file_leave.scss */
.file-leave-show .leave-details-card h3::after, .file-leave-show .leave-details-card .h3::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 50px;
  height: 3px;
  background: linear-gradient(90deg, var(--primary-blue), var(--dark-blue));
}

/* line 421, app/assets/stylesheets/file_leave.scss */
.file-leave-show .alert-warning {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
  border: none;
  border-radius: 15px;
  padding: 1.5rem;
}

/* line 428, app/assets/stylesheets/file_leave.scss */
.file-leave-show .alert-warning h5, .file-leave-show .alert-warning .h5, .file-leave-show .alert-warning h6, .file-leave-show .alert-warning .h6 {
  color: var(--white);
  font-weight: 700;
}

/* line 433, app/assets/stylesheets/file_leave.scss */
.file-leave-show .alert-warning .table {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 10px;
  overflow: hidden;
}

/* line 438, app/assets/stylesheets/file_leave.scss */
.file-leave-show .alert-warning .table th {
  background: rgba(0, 0, 0, 0.1);
  color: var(--black);
  font-weight: 600;
}

/* line 444, app/assets/stylesheets/file_leave.scss */
.file-leave-show .alert-warning .table .table-success {
  background: rgba(46, 204, 113, 0.2) !important;
}

/* line 448, app/assets/stylesheets/file_leave.scss */
.file-leave-show .alert-warning .table .table-danger {
  background: rgba(231, 76, 60, 0.2) !important;
}

/* line 454, app/assets/stylesheets/file_leave.scss */
.file-leave-show .approver-section {
  background: linear-gradient(135deg, var(--black), var(--black));
  color: var(--white);
  border-radius: 15px;
  padding: 2rem;
  margin-top: 2rem;
}

/* line 461, app/assets/stylesheets/file_leave.scss */
.file-leave-show .approver-section p {
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

/* line 468, app/assets/stylesheets/file_leave.scss */
.file-leave-show .approver-section p strong {
  font-weight: 700;
}

/* line 476, app/assets/stylesheets/file_leave.scss */
.search-form-container {
  background: var(--white);
  border-radius: 15px;
  padding: 1.5rem;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
}

/* line 484, app/assets/stylesheets/file_leave.scss */
.search-form-container .input-group .form-control {
  border: 2px solid rgba(0, 0, 0, 0.05);
  border-radius: 10px 0 0 10px;
}

/* line 488, app/assets/stylesheets/file_leave.scss */
.search-form-container .input-group .form-control:focus {
  border-color: var(--primary-blue);
  box-shadow: none;
}

/* line 494, app/assets/stylesheets/file_leave.scss */
.search-form-container .input-group .btn {
  border-radius: 0 10px 10px 0;
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  border: none;
  font-weight: 600;
}

/* line 500, app/assets/stylesheets/file_leave.scss */
.search-form-container .input-group .btn:hover {
  background: linear-gradient(135deg, var(--dark-blue), var(--primary-blue));
}

@media (max-width: 768px) {
  /* line 509, app/assets/stylesheets/file_leave.scss */
  .file-leave-container {
    padding: 1rem 0;
  }
  /* line 512, app/assets/stylesheets/file_leave.scss */
  .file-leave-container .main-content {
    padding: 1rem;
    border-radius: 10px;
  }
  /* line 518, app/assets/stylesheets/file_leave.scss */
  .file-leave-header {
    padding: 1.5rem;
    text-align: center;
  }
  /* line 524, app/assets/stylesheets/file_leave.scss */
  .stats-row .stat-card {
    margin-bottom: 1rem;
  }
  /* line 530, app/assets/stylesheets/file_leave.scss */
  .enterprise-table .table {
    font-size: 0.85rem;
  }
  /* line 533, app/assets/stylesheets/file_leave.scss */
  .enterprise-table .table th, .enterprise-table .table td {
    padding: 0.75rem 0.5rem;
  }
  /* line 541, app/assets/stylesheets/file_leave.scss */
  .enterprise-tabs .nav-tabs .nav-link {
    padding: 0.75rem 1rem;
    font-size: 0.85rem;
  }
}

/* line 550, app/assets/stylesheets/file_leave.scss */
.avatar-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.9rem;
  flex-shrink: 0;
}

/* line 564, app/assets/stylesheets/file_leave.scss */
.leave-card {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  margin: 0.5rem 0;
  transition: all 0.3s ease;
  background: var(--var(--white));
}

/* line 571, app/assets/stylesheets/file_leave.scss */
.leave-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

/* line 577, app/assets/stylesheets/file_leave.scss */
.leave-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.98);
  padding-bottom: 0.75rem;
}

/* line 582, app/assets/stylesheets/file_leave.scss */
.leave-details-row {
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), var(--var(--white)));
}

/* line 587, app/assets/stylesheets/file_leave.scss */
.date-info .date-range {
  font-size: 0.95rem;
  line-height: 1.3;
  margin-bottom: 0.25rem;
}

/* line 594, app/assets/stylesheets/file_leave.scss */
.leave-content p {
  font-size: 0.9rem;
  line-height: 1.4;
}

/* line 599, app/assets/stylesheets/file_leave.scss */
.leave-content small, .leave-content .small {
  font-size: 0.8rem;
  color: var(--black);
}

/* line 605, app/assets/stylesheets/file_leave.scss */
.action-buttons .btn {
  min-width: 80px;
}

/* line 610, app/assets/stylesheets/file_leave.scss */
.table td {
  vertical-align: top;
  border-top: none;
  padding: 0.75rem;
}

/* line 616, app/assets/stylesheets/file_leave.scss */
.table .leave-card {
  margin: 0;
}

/* line 623, app/assets/stylesheets/file_leave.scss */
.table-secondary .leave-card {
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(0, 0, 0, 0.1);
}

/* line 628, app/assets/stylesheets/file_leave.scss */
.table-secondary .avatar-circle.bg-secondary {
  background: linear-gradient(135deg, var(--black), var(--black)) !important;
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* line 654, app/assets/stylesheets/file_leave.scss */
.animate-slide-up {
  animation: slideInUp 0.6s ease-out;
}

/* line 658, app/assets/stylesheets/file_leave.scss */
.animate-fade-in {
  animation: fadeIn 0.8s ease-out;
}

/* line 664, app/assets/stylesheets/file_leave.scss */
.for-review-page .users-wrapper {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* line 670, app/assets/stylesheets/file_leave.scss */
.for-review-page .table-card,
.for-review-page .table-content,
.for-review-page .table-section {
  max-width: 100%;
}

/* line 676, app/assets/stylesheets/file_leave.scss */
.for-review-page .table-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

/* line 684, app/assets/stylesheets/file_leave.scss */
.for-review-page .table-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
}

/* line 690, app/assets/stylesheets/file_leave.scss */
.for-review-page .table-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* line 696, app/assets/stylesheets/file_leave.scss */
.for-review-page .for-review-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* line 702, app/assets/stylesheets/file_leave.scss */
.for-review-page .for-review-table {
  width: 100%;
  min-width: 1100px;
  table-layout: auto;
  margin-bottom: 0;
}

/* line 708, app/assets/stylesheets/file_leave.scss */
.for-review-page .for-review-table th,
.for-review-page .for-review-table td {
  vertical-align: middle;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
}

/* line 716, app/assets/stylesheets/file_leave.scss */
.for-review-page .for-review-table .col-employee {
  min-width: 160px;
  width: 170px;
}

/* line 721, app/assets/stylesheets/file_leave.scss */
.for-review-page .for-review-table .col-type-dates {
  min-width: 200px;
  width: 220px;
}

/* line 726, app/assets/stylesheets/file_leave.scss */
.for-review-page .for-review-table .col-reason {
  min-width: 200px;
  width: 230px;
}

/* line 731, app/assets/stylesheets/file_leave.scss */
.for-review-page .for-review-table .col-status {
  min-width: 260px;
  width: 260px;
}

/* line 736, app/assets/stylesheets/file_leave.scss */
.for-review-page .for-review-table .col-actions {
  min-width: 130px;
  white-space: nowrap;
}

/* line 741, app/assets/stylesheets/file_leave.scss */
.for-review-page .for-review-table .status-badge {
  display: inline-block;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
  line-height: 1.35;
  text-align: left;
  padding: 0.45rem 0.65rem;
}

/* line 752, app/assets/stylesheets/file_leave.scss */
.for-review-page .for-review-table .remaining-credit-amount {
  font-weight: 700 !important;
  font-style: normal !important;
  color: #129CF3 !important;
}

/* line 758, app/assets/stylesheets/file_leave.scss */
.for-review-page .for-review-table .remaining-credit-unit {
  font-weight: 400 !important;
  color: #129CF3 !important;
}

/* line 764, app/assets/stylesheets/file_leave.scss */
.for-review-page .pagination-section {
  flex-wrap: wrap;
  gap: 1rem;
}

/* Laptop */
@media (max-width: 1199.98px) {
  /* line 773, app/assets/stylesheets/file_leave.scss */
  .for-review-page .users-wrapper {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  /* line 778, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table {
    min-width: 1000px;
  }
  /* line 781, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table .col-status {
    min-width: 240px;
    width: 240px;
  }
}

/* Tablet + Phone: card stack (no crushed columns) */
@media (max-width: 991.98px) {
  /* line 792, app/assets/stylesheets/file_leave.scss */
  .for-review-page .users-header .header-content {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  /* line 798, app/assets/stylesheets/file_leave.scss */
  .for-review-page .header-actions {
    width: 100%;
  }
  /* line 801, app/assets/stylesheets/file_leave.scss */
  .for-review-page .header-actions .btn-enterprise-secondary {
    width: 100%;
    justify-content: center;
  }
  /* line 807, app/assets/stylesheets/file_leave.scss */
  .for-review-page .table-header {
    flex-direction: column;
    align-items: stretch;
  }
  /* line 812, app/assets/stylesheets/file_leave.scss */
  .for-review-page .table-actions {
    width: 100%;
  }
  /* line 815, app/assets/stylesheets/file_leave.scss */
  .for-review-page .table-actions .btn-enterprise-primary,
.for-review-page .table-actions .btn-enterprise-secondary,
.for-review-page .table-actions input[type="submit"] {
    flex: 1 1 auto;
    min-width: 140px;
  }
  /* line 823, app/assets/stylesheets/file_leave.scss */
  .for-review-page .table-stats {
    width: 100%;
    justify-content: space-between;
  }
  /* line 828, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table-wrap {
    overflow-x: visible;
  }
  /* line 832, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table {
    min-width: 0 !important;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 0.85rem;
  }
  /* line 838, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table thead {
    display: none;
  }
  /* line 842, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table tbody {
    display: block;
    width: 100%;
  }
  /* line 847, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table tbody tr {
    display: block;
    width: 100%;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
    padding: 0.75rem 1rem;
    margin: 0;
  }
  /* line 858, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table tbody td {
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 0.5rem 0.75rem;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    border: none !important;
    padding: 0.55rem 0 !important;
    text-align: left !important;
    white-space: normal;
  }
  /* line 871, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table tbody td::before {
    content: attr(data-label);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #718096;
    padding-top: 0.15rem;
  }
  /* line 881, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table tbody td.text-center:first-child {
    grid-template-columns: 110px auto;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
    padding-bottom: 0.75rem !important;
    margin-bottom: 0.25rem;
  }
  /* line 889, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table tbody td.col-actions {
    white-space: normal;
    border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
    margin-top: 0.25rem;
    padding-top: 0.85rem !important;
  }
  /* line 895, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table tbody td.col-actions .d-flex {
    width: 100%;
    flex-direction: row !important;
    flex-wrap: wrap;
    justify-content: flex-start !important;
  }
  /* line 902, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table tbody td.col-actions .btn-enterprise-primary,
.for-review-page .for-review-table tbody td.col-actions .btn-enterprise-secondary {
    flex: 1 1 120px;
  }
  /* line 908, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table .col-employee,
.for-review-page .for-review-table .col-type-dates,
.for-review-page .for-review-table .col-reason,
.for-review-page .for-review-table .col-status,
.for-review-page .for-review-table .col-actions {
    width: auto !important;
    min-width: 0 !important;
  }
  /* line 917, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table .status-badge {
    max-width: 100%;
  }
  /* line 922, app/assets/stylesheets/file_leave.scss */
  .for-review-page .pagination-section {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
  }
  /* line 928, app/assets/stylesheets/file_leave.scss */
  .for-review-page .pagination-controls {
    overflow-x: auto;
    max-width: 100%;
  }
}

/* Phone refinements */
@media (max-width: 575.98px) {
  /* line 938, app/assets/stylesheets/file_leave.scss */
  .for-review-page .title-text h1, .for-review-page .title-text .h1 {
    font-size: 1.5rem;
  }
  /* line 942, app/assets/stylesheets/file_leave.scss */
  .for-review-page .table-stats .stat-item {
    flex: 1 1 45%;
    min-width: 0;
  }
  /* line 947, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table tbody td {
    grid-template-columns: 1fr;
    gap: 0.25rem;
  }
  /* line 952, app/assets/stylesheets/file_leave.scss */
  .for-review-page .for-review-table tbody td.text-center:first-child {
    grid-template-columns: auto 1fr;
  }
}

/* line 2, app/assets/stylesheets/official_business.scss */
.official-business-container {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(30, 60, 114, 0.1) 100%);
  min-height: 100vh;
  padding: 2rem 0;
}

/* line 7, app/assets/stylesheets/official_business.scss */
.official-business-container .main-content {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 20px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  padding: 2rem;
  margin: 0 auto;
  max-width: 1400px;
}

/* line 19, app/assets/stylesheets/official_business.scss */
.official-business-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--black) 100%);
  color: var(--white);
  padding: 2rem;
  border-radius: 15px 15px 0 0;
  margin-bottom: 2rem;
  position: relative;
  overflow: hidden;
}

/* line 28, app/assets/stylesheets/official_business.scss */
.official-business-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;
  opacity: 0.1;
}

/* line 39, app/assets/stylesheets/official_business.scss */
.official-business-header h1, .official-business-header .h1, .official-business-header h3, .official-business-header .h3 {
  position: relative;
  z-index: 1;
  margin: 0;
  font-weight: 600;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* line 47, app/assets/stylesheets/official_business.scss */
.official-business-header .header-actions {
  position: relative;
  z-index: 1;
  margin-top: 1rem;
}

/* line 52, app/assets/stylesheets/official_business.scss */
.official-business-header .header-actions .btn {
  margin-right: 0.5rem;
  border: none;
  padding: 0.7rem 1.5rem;
  border-radius: 25px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

/* line 63, app/assets/stylesheets/official_business.scss */
.official-business-header .header-actions .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

/* line 72, app/assets/stylesheets/official_business.scss */
.stats-row {
  margin-bottom: 2rem;
}

/* line 75, app/assets/stylesheets/official_business.scss */
.stats-row .stat-card {
  background: var(--white);
  border-radius: 15px;
  padding: 1.5rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  border: none;
  transition: all 0.3s ease;
  height: 100%;
  position: relative;
  overflow: hidden;
}

/* line 86, app/assets/stylesheets/official_business.scss */
.stats-row .stat-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--primary-blue), var(--dark-blue));
}

/* line 96, app/assets/stylesheets/official_business.scss */
.stats-row .stat-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

/* line 101, app/assets/stylesheets/official_business.scss */
.stats-row .stat-card .stat-icon {
  width: 60px;
  height: 60px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: var(--white);
  margin-bottom: 1rem;
}

/* line 112, app/assets/stylesheets/official_business.scss */
.stats-row .stat-card .stat-icon.pending {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
}

/* line 116, app/assets/stylesheets/official_business.scss */
.stats-row .stat-card .stat-icon.approved {
  background: linear-gradient(135deg, var(--primary-blue), var(--primary-blue));
}

/* line 120, app/assets/stylesheets/official_business.scss */
.stats-row .stat-card .stat-icon.rejected {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
}

/* line 124, app/assets/stylesheets/official_business.scss */
.stats-row .stat-card .stat-icon.cancelled {
  background: linear-gradient(135deg, var(--black), var(--black));
}

/* line 129, app/assets/stylesheets/official_business.scss */
.stats-row .stat-card .stat-value {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--black);
  margin: 0;
}

/* line 136, app/assets/stylesheets/official_business.scss */
.stats-row .stat-card .stat-label {
  color: var(--black);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 0.85rem;
}

/* line 148, app/assets/stylesheets/official_business.scss */
.enterprise-tabs .nav-tabs {
  border-bottom: 3px solid rgba(0, 0, 0, 0.05);
  margin-bottom: 2rem;
}

/* line 152, app/assets/stylesheets/official_business.scss */
.enterprise-tabs .nav-tabs .nav-link {
  border: none;
  background: none;
  color: var(--black);
  font-weight: 600;
  padding: 1rem 2rem;
  border-radius: 10px 10px 0 0;
  transition: all 0.3s ease;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 164, app/assets/stylesheets/official_business.scss */
.enterprise-tabs .nav-tabs .nav-link:hover {
  background: rgba(102, 126, 234, 0.1);
  color: var(--primary-blue);
}

/* line 169, app/assets/stylesheets/official_business.scss */
.enterprise-tabs .nav-tabs .nav-link.active {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
  box-shadow: 0 -5px 15px rgba(102, 126, 234, 0.3);
}

/* line 174, app/assets/stylesheets/official_business.scss */
.enterprise-tabs .nav-tabs .nav-link.active::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--primary-blue), var(--dark-blue));
}

/* line 189, app/assets/stylesheets/official_business.scss */
.enterprise-table {
  background: var(--white);
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* line 195, app/assets/stylesheets/official_business.scss */
.enterprise-table .table {
  margin: 0;
}

/* line 198, app/assets/stylesheets/official_business.scss */
.enterprise-table .table thead {
  background: linear-gradient(135deg, var(--black), var(--black));
}

/* line 201, app/assets/stylesheets/official_business.scss */
.enterprise-table .table thead th {
  color: var(--white);
  font-weight: 600;
  border: none;
  padding: 1rem;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 213, app/assets/stylesheets/official_business.scss */
.enterprise-table .table tbody tr {
  transition: all 0.3s ease;
}

/* line 216, app/assets/stylesheets/official_business.scss */
.enterprise-table .table tbody tr:hover {
  background: rgba(102, 126, 234, 0.05);
  transform: scale(1.01);
}

/* line 221, app/assets/stylesheets/official_business.scss */
.enterprise-table .table tbody tr td {
  padding: 1rem;
  border-color: rgba(0, 0, 0, 0.05);
  vertical-align: middle;
}

/* line 232, app/assets/stylesheets/official_business.scss */
.status-badge {
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-weight: 600;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 240, app/assets/stylesheets/official_business.scss */
.status-badge.status-pending {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
}

/* line 245, app/assets/stylesheets/official_business.scss */
.status-badge.status-approved {
  background: linear-gradient(135deg, var(--primary-blue), var(--primary-blue));
  color: var(--white);
}

/* line 250, app/assets/stylesheets/official_business.scss */
.status-badge.status-rejected {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
}

/* line 255, app/assets/stylesheets/official_business.scss */
.status-badge.status-cancelled {
  background: linear-gradient(135deg, var(--black), var(--black));
  color: var(--white);
}

/* line 263, app/assets/stylesheets/official_business.scss */
.action-buttons .btn {
  margin: 0.2rem;
  border-radius: 20px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

/* line 271, app/assets/stylesheets/official_business.scss */
.action-buttons .btn:hover {
  transform: translateY(-2px);
}

/* line 278, app/assets/stylesheets/official_business.scss */
.official-business-form {
  background: var(--white);
  border-radius: 20px;
  padding: 2rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* line 284, app/assets/stylesheets/official_business.scss */
.official-business-form .form-floating {
  margin-bottom: 1.5rem;
}

/* line 287, app/assets/stylesheets/official_business.scss */
.official-business-form .form-floating .form-control {
  border: 2px solid rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  font-size: 1rem;
  transition: all 0.3s ease;
}

/* line 293, app/assets/stylesheets/official_business.scss */
.official-business-form .form-floating .form-control:focus {
  border-color: var(--primary-blue);
  box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
}

/* line 299, app/assets/stylesheets/official_business.scss */
.official-business-form .form-floating label {
  color: var(--black);
  font-weight: 600;
}

/* line 305, app/assets/stylesheets/official_business.scss */
.official-business-form .btn {
  border-radius: 25px;
  padding: 0.75rem 2rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

/* line 313, app/assets/stylesheets/official_business.scss */
.official-business-form .btn:hover {
  transform: translateY(-2px);
}

/* line 320, app/assets/stylesheets/official_business.scss */
.avatar-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.9rem;
  flex-shrink: 0;
}

/* line 334, app/assets/stylesheets/official_business.scss */
.business-card {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  margin: 0.5rem 0;
  transition: all 0.3s ease;
  background: var(--var(--white));
}

/* line 341, app/assets/stylesheets/official_business.scss */
.business-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

/* line 347, app/assets/stylesheets/official_business.scss */
.business-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.98);
  padding-bottom: 0.75rem;
}

/* line 352, app/assets/stylesheets/official_business.scss */
.business-details-row {
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), var(--var(--white)));
}

/* line 357, app/assets/stylesheets/official_business.scss */
.date-info .date-range {
  font-size: 0.95rem;
  line-height: 1.3;
  margin-bottom: 0.25rem;
}

/* line 364, app/assets/stylesheets/official_business.scss */
.business-content p {
  font-size: 0.9rem;
  line-height: 1.4;
}

/* line 369, app/assets/stylesheets/official_business.scss */
.business-content small, .business-content .small {
  font-size: 0.8rem;
  color: var(--black);
}

/* line 375, app/assets/stylesheets/official_business.scss */
.action-buttons .btn {
  min-width: 80px;
}

/* line 380, app/assets/stylesheets/official_business.scss */
.table td {
  vertical-align: top;
  border-top: none;
  padding: 0.75rem;
}

/* line 386, app/assets/stylesheets/official_business.scss */
.table .business-card {
  margin: 0;
}

/* line 393, app/assets/stylesheets/official_business.scss */
.table-secondary .business-card {
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(0, 0, 0, 0.1);
}

/* line 398, app/assets/stylesheets/official_business.scss */
.table-secondary .avatar-circle.bg-secondary {
  background: linear-gradient(135deg, var(--black), var(--black)) !important;
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* line 424, app/assets/stylesheets/official_business.scss */
.animate-slide-up {
  animation: slideInUp 0.6s ease-out;
}

/* line 428, app/assets/stylesheets/official_business.scss */
.animate-fade-in {
  animation: fadeIn 0.8s ease-out;
}

@media (max-width: 768px) {
  /* line 434, app/assets/stylesheets/official_business.scss */
  .official-business-container {
    padding: 1rem 0;
  }
  /* line 437, app/assets/stylesheets/official_business.scss */
  .official-business-container .main-content {
    padding: 1rem;
    border-radius: 10px;
  }
  /* line 443, app/assets/stylesheets/official_business.scss */
  .official-business-header {
    padding: 1.5rem;
    text-align: center;
  }
  /* line 449, app/assets/stylesheets/official_business.scss */
  .stats-row .stat-card {
    margin-bottom: 1rem;
  }
  /* line 455, app/assets/stylesheets/official_business.scss */
  .enterprise-table .table {
    font-size: 0.85rem;
  }
  /* line 458, app/assets/stylesheets/official_business.scss */
  .enterprise-table .table th, .enterprise-table .table td {
    padding: 0.75rem 0.5rem;
  }
  /* line 466, app/assets/stylesheets/official_business.scss */
  .enterprise-tabs .nav-tabs .nav-link {
    padding: 0.75rem 1rem;
    font-size: 0.85rem;
  }
}

/* line 2, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-container {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(30, 60, 114, 0.1) 100%);
  min-height: 100vh;
  padding: 2rem 0;
}

/* line 7, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-container .main-content {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 20px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  padding: 2rem;
  margin: 0 auto;
  max-width: 1400px;
}

/* line 19, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--black) 100%);
  color: var(--white);
  padding: 2rem;
  border-radius: 15px 15px 0 0;
  margin-bottom: 2rem;
  position: relative;
  overflow: hidden;
}

/* line 28, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;
  opacity: 0.1;
}

/* line 39, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-header h1, .excuse-slip-header .h1, .excuse-slip-header h3, .excuse-slip-header .h3 {
  position: relative;
  z-index: 1;
  margin: 0;
  font-weight: 600;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* line 47, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-header p {
  position: relative;
  z-index: 1;
}

/* line 52, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-header .col-auto {
  position: relative;
  z-index: 10;
}

/* line 57, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-header .d-flex.gap-2 {
  position: relative;
  z-index: 10;
}

/* line 62, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-header .btn {
  position: relative;
  z-index: 15 !important;
  border: none;
  padding: 0.7rem 1.5rem;
  border-radius: 25px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* line 76, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-header .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
  z-index: 20 !important;
}

/* line 82, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-header .btn:active {
  transform: translateY(0);
}

/* line 89, app/assets/stylesheets/excuse_slip.scss */
.stats-row {
  margin-bottom: 2rem;
}

/* line 92, app/assets/stylesheets/excuse_slip.scss */
.stats-row .stat-card {
  background: var(--white);
  border-radius: 15px;
  padding: 1.5rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  border: none;
  transition: all 0.3s ease;
  height: 100%;
  position: relative;
  overflow: hidden;
}

/* line 103, app/assets/stylesheets/excuse_slip.scss */
.stats-row .stat-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--dark-blue), var(--primary-blue));
}

/* line 113, app/assets/stylesheets/excuse_slip.scss */
.stats-row .stat-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

/* line 118, app/assets/stylesheets/excuse_slip.scss */
.stats-row .stat-card .stat-icon {
  width: 60px;
  height: 60px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: var(--white);
  margin-bottom: 1rem;
}

/* line 129, app/assets/stylesheets/excuse_slip.scss */
.stats-row .stat-card .stat-icon.pending {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
}

/* line 133, app/assets/stylesheets/excuse_slip.scss */
.stats-row .stat-card .stat-icon.approved {
  background: linear-gradient(135deg, var(--primary-blue), var(--primary-blue));
}

/* line 137, app/assets/stylesheets/excuse_slip.scss */
.stats-row .stat-card .stat-icon.rejected {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
}

/* line 141, app/assets/stylesheets/excuse_slip.scss */
.stats-row .stat-card .stat-icon.cancelled {
  background: linear-gradient(135deg, var(--black), var(--black));
}

/* line 146, app/assets/stylesheets/excuse_slip.scss */
.stats-row .stat-card .stat-value {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--black);
  margin: 0;
}

/* line 153, app/assets/stylesheets/excuse_slip.scss */
.stats-row .stat-card .stat-label {
  color: var(--black);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 0.85rem;
}

/* line 165, app/assets/stylesheets/excuse_slip.scss */
.enterprise-tabs .nav-tabs {
  border-bottom: 3px solid rgba(0, 0, 0, 0.05);
  margin-bottom: 2rem;
}

/* line 169, app/assets/stylesheets/excuse_slip.scss */
.enterprise-tabs .nav-tabs .nav-link {
  border: none;
  background: none;
  color: var(--black);
  font-weight: 600;
  padding: 1rem 2rem;
  border-radius: 10px 10px 0 0;
  transition: all 0.3s ease;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 181, app/assets/stylesheets/excuse_slip.scss */
.enterprise-tabs .nav-tabs .nav-link:hover {
  background: rgba(142, 68, 173, 0.1);
  color: var(--dark-blue);
}

/* line 186, app/assets/stylesheets/excuse_slip.scss */
.enterprise-tabs .nav-tabs .nav-link.active {
  background: linear-gradient(135deg, var(--dark-blue), var(--primary-blue));
  color: var(--white);
  box-shadow: 0 -5px 15px rgba(142, 68, 173, 0.3);
}

/* line 191, app/assets/stylesheets/excuse_slip.scss */
.enterprise-tabs .nav-tabs .nav-link.active::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--dark-blue), var(--primary-blue));
}

/* line 206, app/assets/stylesheets/excuse_slip.scss */
.enterprise-table {
  background: var(--white);
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* line 212, app/assets/stylesheets/excuse_slip.scss */
.enterprise-table .table {
  margin: 0;
}

/* line 215, app/assets/stylesheets/excuse_slip.scss */
.enterprise-table .table thead {
  background: linear-gradient(135deg, var(--dark-blue), var(--primary-blue));
}

/* line 218, app/assets/stylesheets/excuse_slip.scss */
.enterprise-table .table thead th {
  color: var(--white);
  font-weight: 600;
  border: none;
  padding: 1rem;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 230, app/assets/stylesheets/excuse_slip.scss */
.enterprise-table .table tbody tr {
  transition: all 0.3s ease;
}

/* line 233, app/assets/stylesheets/excuse_slip.scss */
.enterprise-table .table tbody tr:hover {
  background: rgba(142, 68, 173, 0.05);
  transform: scale(1.01);
}

/* line 238, app/assets/stylesheets/excuse_slip.scss */
.enterprise-table .table tbody tr td {
  padding: 1rem;
  border-color: rgba(0, 0, 0, 0.05);
  vertical-align: middle;
}

/* line 249, app/assets/stylesheets/excuse_slip.scss */
.status-badge {
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-weight: 600;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 257, app/assets/stylesheets/excuse_slip.scss */
.status-badge.status-pending {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
}

/* line 262, app/assets/stylesheets/excuse_slip.scss */
.status-badge.status-approved {
  background: linear-gradient(135deg, var(--primary-blue), var(--primary-blue));
  color: var(--white);
}

/* line 267, app/assets/stylesheets/excuse_slip.scss */
.status-badge.status-rejected {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
}

/* line 272, app/assets/stylesheets/excuse_slip.scss */
.status-badge.status-cancelled {
  background: linear-gradient(135deg, var(--black), var(--black));
  color: var(--white);
}

/* line 280, app/assets/stylesheets/excuse_slip.scss */
.action-buttons .btn {
  margin: 0.2rem;
  border-radius: 20px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

/* line 288, app/assets/stylesheets/excuse_slip.scss */
.action-buttons .btn:hover {
  transform: translateY(-2px);
}

/* line 295, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-form {
  background: var(--white);
  border-radius: 20px;
  padding: 2rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* line 301, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-form .form-floating {
  margin-bottom: 1.5rem;
}

/* line 304, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-form .form-floating .form-control {
  border: 2px solid rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  font-size: 1rem;
  transition: all 0.3s ease;
}

/* line 310, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-form .form-floating .form-control:focus {
  border-color: var(--dark-blue);
  box-shadow: 0 0 0 0.2rem rgba(142, 68, 173, 0.25);
}

/* line 316, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-form .form-floating label {
  color: var(--black);
  font-weight: 600;
}

/* line 322, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-form .btn {
  border-radius: 25px;
  padding: 0.75rem 2rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

/* line 330, app/assets/stylesheets/excuse_slip.scss */
.excuse-slip-form .btn:hover {
  transform: translateY(-2px);
}

/* line 337, app/assets/stylesheets/excuse_slip.scss */
.avatar-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--dark-blue), var(--primary-blue));
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.9rem;
  flex-shrink: 0;
}

/* line 351, app/assets/stylesheets/excuse_slip.scss */
.excuse-card {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  margin: 0.5rem 0;
  transition: all 0.3s ease;
  background: var(--var(--white));
}

/* line 358, app/assets/stylesheets/excuse_slip.scss */
.excuse-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

/* line 364, app/assets/stylesheets/excuse_slip.scss */
.excuse-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.98);
  padding-bottom: 0.75rem;
}

/* line 369, app/assets/stylesheets/excuse_slip.scss */
.excuse-details-row {
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), var(--var(--white)));
}

/* line 374, app/assets/stylesheets/excuse_slip.scss */
.date-info .date-range {
  font-size: 0.95rem;
  line-height: 1.3;
  margin-bottom: 0.25rem;
}

/* line 381, app/assets/stylesheets/excuse_slip.scss */
.excuse-content p {
  font-size: 0.9rem;
  line-height: 1.4;
}

/* line 386, app/assets/stylesheets/excuse_slip.scss */
.excuse-content small, .excuse-content .small {
  font-size: 0.8rem;
  color: var(--black);
}

/* line 392, app/assets/stylesheets/excuse_slip.scss */
.action-buttons .btn {
  min-width: 80px;
}

/* line 397, app/assets/stylesheets/excuse_slip.scss */
.table td {
  vertical-align: top;
  border-top: none;
  padding: 0.75rem;
}

/* line 403, app/assets/stylesheets/excuse_slip.scss */
.table .excuse-card {
  margin: 0;
}

/* line 410, app/assets/stylesheets/excuse_slip.scss */
.table-secondary .excuse-card {
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(0, 0, 0, 0.1);
}

/* line 415, app/assets/stylesheets/excuse_slip.scss */
.table-secondary .avatar-circle.bg-secondary {
  background: linear-gradient(135deg, var(--black), var(--black)) !important;
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* line 441, app/assets/stylesheets/excuse_slip.scss */
.animate-slide-up {
  animation: slideInUp 0.6s ease-out;
}

/* line 445, app/assets/stylesheets/excuse_slip.scss */
.animate-fade-in {
  animation: fadeIn 0.8s ease-out;
}

@media (max-width: 768px) {
  /* line 451, app/assets/stylesheets/excuse_slip.scss */
  .excuse-slip-container {
    padding: 1rem 0;
  }
  /* line 454, app/assets/stylesheets/excuse_slip.scss */
  .excuse-slip-container .main-content {
    padding: 1rem;
    border-radius: 10px;
  }
  /* line 460, app/assets/stylesheets/excuse_slip.scss */
  .excuse-slip-header {
    padding: 1.5rem;
    text-align: center;
  }
  /* line 466, app/assets/stylesheets/excuse_slip.scss */
  .stats-row .stat-card {
    margin-bottom: 1rem;
  }
  /* line 472, app/assets/stylesheets/excuse_slip.scss */
  .enterprise-table .table {
    font-size: 0.85rem;
  }
  /* line 475, app/assets/stylesheets/excuse_slip.scss */
  .enterprise-table .table th, .enterprise-table .table td {
    padding: 0.75rem 0.5rem;
  }
  /* line 483, app/assets/stylesheets/excuse_slip.scss */
  .enterprise-tabs .nav-tabs .nav-link {
    padding: 0.75rem 1rem;
    font-size: 0.85rem;
  }
}

/* line 2, app/assets/stylesheets/overtime_request.scss */
.overtime-request-container {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(30, 60, 114, 0.1) 100%);
  min-height: 100vh;
  padding: 2rem 0;
}

/* line 7, app/assets/stylesheets/overtime_request.scss */
.overtime-request-container .main-content {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 20px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  padding: 2rem;
  margin: 0 auto;
  max-width: 1400px;
}

/* line 19, app/assets/stylesheets/overtime_request.scss */
.overtime-request-header {
  background: linear-gradient(135deg, var(--black) 0%, var(--black) 100%);
  color: var(--white);
  padding: 2rem;
  border-radius: 15px 15px 0 0;
  margin-bottom: 2rem;
  position: relative;
  overflow: hidden;
}

/* line 28, app/assets/stylesheets/overtime_request.scss */
.overtime-request-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;
  opacity: 0.1;
}

/* line 39, app/assets/stylesheets/overtime_request.scss */
.overtime-request-header h1, .overtime-request-header .h1, .overtime-request-header h3, .overtime-request-header .h3 {
  position: relative;
  z-index: 1;
  margin: 0;
  font-weight: 600;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* line 47, app/assets/stylesheets/overtime_request.scss */
.overtime-request-header p {
  position: relative;
  z-index: 1;
}

/* line 52, app/assets/stylesheets/overtime_request.scss */
.overtime-request-header .col-auto {
  position: relative;
  z-index: 10;
}

/* line 57, app/assets/stylesheets/overtime_request.scss */
.overtime-request-header .d-flex.gap-2 {
  position: relative;
  z-index: 10;
}

/* line 62, app/assets/stylesheets/overtime_request.scss */
.overtime-request-header .btn {
  position: relative;
  z-index: 15 !important;
  border: none;
  padding: 0.7rem 1.5rem;
  border-radius: 25px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* line 76, app/assets/stylesheets/overtime_request.scss */
.overtime-request-header .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
  z-index: 20 !important;
}

/* line 82, app/assets/stylesheets/overtime_request.scss */
.overtime-request-header .btn:active {
  transform: translateY(0);
}

/* line 89, app/assets/stylesheets/overtime_request.scss */
.stats-row {
  margin-bottom: 2rem;
}

/* line 92, app/assets/stylesheets/overtime_request.scss */
.stats-row .stat-card {
  background: var(--white);
  border-radius: 15px;
  padding: 1.5rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  border: none;
  transition: all 0.3s ease;
  height: 100%;
  position: relative;
  overflow: hidden;
}

/* line 103, app/assets/stylesheets/overtime_request.scss */
.stats-row .stat-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--dark-blue), var(--primary-blue));
}

/* line 113, app/assets/stylesheets/overtime_request.scss */
.stats-row .stat-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

/* line 118, app/assets/stylesheets/overtime_request.scss */
.stats-row .stat-card .stat-icon {
  width: 60px;
  height: 60px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: var(--white);
  margin-bottom: 1rem;
}

/* line 129, app/assets/stylesheets/overtime_request.scss */
.stats-row .stat-card .stat-icon.pending {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
}

/* line 133, app/assets/stylesheets/overtime_request.scss */
.stats-row .stat-card .stat-icon.approved {
  background: linear-gradient(135deg, var(--primary-blue), var(--primary-blue));
}

/* line 137, app/assets/stylesheets/overtime_request.scss */
.stats-row .stat-card .stat-icon.rejected {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
}

/* line 141, app/assets/stylesheets/overtime_request.scss */
.stats-row .stat-card .stat-icon.cancelled {
  background: linear-gradient(135deg, var(--black), var(--black));
}

/* line 146, app/assets/stylesheets/overtime_request.scss */
.stats-row .stat-card .stat-value {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--black);
  margin: 0;
}

/* line 153, app/assets/stylesheets/overtime_request.scss */
.stats-row .stat-card .stat-label {
  color: var(--black);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 0.85rem;
}

/* line 165, app/assets/stylesheets/overtime_request.scss */
.enterprise-tabs .nav-tabs {
  border-bottom: 3px solid rgba(0, 0, 0, 0.05);
  margin-bottom: 2rem;
}

/* line 169, app/assets/stylesheets/overtime_request.scss */
.enterprise-tabs .nav-tabs .nav-link {
  border: none;
  background: none;
  color: var(--black);
  font-weight: 600;
  padding: 1rem 2rem;
  border-radius: 10px 10px 0 0;
  transition: all 0.3s ease;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 181, app/assets/stylesheets/overtime_request.scss */
.enterprise-tabs .nav-tabs .nav-link:hover {
  background: rgba(230, 126, 34, 0.1);
  color: var(--dark-blue);
}

/* line 186, app/assets/stylesheets/overtime_request.scss */
.enterprise-tabs .nav-tabs .nav-link.active {
  background: linear-gradient(135deg, var(--dark-blue), var(--primary-blue));
  color: var(--white);
  box-shadow: 0 -5px 15px rgba(230, 126, 34, 0.3);
}

/* line 191, app/assets/stylesheets/overtime_request.scss */
.enterprise-tabs .nav-tabs .nav-link.active::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--dark-blue), var(--primary-blue));
}

/* line 206, app/assets/stylesheets/overtime_request.scss */
.enterprise-table {
  background: var(--white);
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* line 212, app/assets/stylesheets/overtime_request.scss */
.enterprise-table .table {
  margin: 0;
}

/* line 215, app/assets/stylesheets/overtime_request.scss */
.enterprise-table .table thead {
  background: linear-gradient(135deg, var(--dark-blue), var(--primary-blue));
}

/* line 218, app/assets/stylesheets/overtime_request.scss */
.enterprise-table .table thead th {
  color: var(--white);
  font-weight: 600;
  border: none;
  padding: 1rem;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 230, app/assets/stylesheets/overtime_request.scss */
.enterprise-table .table tbody tr {
  transition: all 0.3s ease;
}

/* line 233, app/assets/stylesheets/overtime_request.scss */
.enterprise-table .table tbody tr:hover {
  background: rgba(230, 126, 34, 0.05);
  transform: scale(1.01);
}

/* line 238, app/assets/stylesheets/overtime_request.scss */
.enterprise-table .table tbody tr td {
  padding: 1rem;
  border-color: rgba(0, 0, 0, 0.05);
  vertical-align: middle;
}

/* line 249, app/assets/stylesheets/overtime_request.scss */
.status-badge {
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-weight: 600;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 257, app/assets/stylesheets/overtime_request.scss */
.status-badge.status-pending {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
}

/* line 262, app/assets/stylesheets/overtime_request.scss */
.status-badge.status-approved {
  background: linear-gradient(135deg, var(--primary-blue), var(--primary-blue));
  color: var(--white);
}

/* line 267, app/assets/stylesheets/overtime_request.scss */
.status-badge.status-rejected {
  background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
  color: var(--white);
}

/* line 272, app/assets/stylesheets/overtime_request.scss */
.status-badge.status-cancelled {
  background: linear-gradient(135deg, var(--black), var(--black));
  color: var(--white);
}

/* line 280, app/assets/stylesheets/overtime_request.scss */
.action-buttons .btn {
  margin: 0.2rem;
  border-radius: 20px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

/* line 288, app/assets/stylesheets/overtime_request.scss */
.action-buttons .btn:hover {
  transform: translateY(-2px);
}

/* line 295, app/assets/stylesheets/overtime_request.scss */
.overtime-request-form {
  background: var(--white);
  border-radius: 20px;
  padding: 2rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* line 301, app/assets/stylesheets/overtime_request.scss */
.overtime-request-form .form-floating {
  margin-bottom: 1.5rem;
}

/* line 304, app/assets/stylesheets/overtime_request.scss */
.overtime-request-form .form-floating .form-control {
  border: 2px solid rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  font-size: 1rem;
  transition: all 0.3s ease;
}

/* line 310, app/assets/stylesheets/overtime_request.scss */
.overtime-request-form .form-floating .form-control:focus {
  border-color: var(--dark-blue);
  box-shadow: 0 0 0 0.2rem rgba(230, 126, 34, 0.25);
}

/* line 316, app/assets/stylesheets/overtime_request.scss */
.overtime-request-form .form-floating label {
  color: var(--black);
  font-weight: 600;
}

/* line 322, app/assets/stylesheets/overtime_request.scss */
.overtime-request-form .btn {
  border-radius: 25px;
  padding: 0.75rem 2rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

/* line 330, app/assets/stylesheets/overtime_request.scss */
.overtime-request-form .btn:hover {
  transform: translateY(-2px);
}

/* line 337, app/assets/stylesheets/overtime_request.scss */
.avatar-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--dark-blue), var(--primary-blue));
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.9rem;
  flex-shrink: 0;
}

/* line 351, app/assets/stylesheets/overtime_request.scss */
.overtime-card {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  margin: 0.5rem 0;
  transition: all 0.3s ease;
  background: var(--var(--white));
}

/* line 358, app/assets/stylesheets/overtime_request.scss */
.overtime-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

/* line 364, app/assets/stylesheets/overtime_request.scss */
.overtime-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.98);
  padding-bottom: 0.75rem;
}

/* line 369, app/assets/stylesheets/overtime_request.scss */
.overtime-details-row {
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), var(--var(--white)));
}

/* line 374, app/assets/stylesheets/overtime_request.scss */
.date-info .date-range {
  font-size: 0.95rem;
  line-height: 1.3;
  margin-bottom: 0.25rem;
}

/* line 381, app/assets/stylesheets/overtime_request.scss */
.overtime-content p {
  font-size: 0.9rem;
  line-height: 1.4;
}

/* line 386, app/assets/stylesheets/overtime_request.scss */
.overtime-content small, .overtime-content .small {
  font-size: 0.8rem;
  color: var(--black);
}

/* line 392, app/assets/stylesheets/overtime_request.scss */
.action-buttons .btn {
  min-width: 80px;
}

/* line 397, app/assets/stylesheets/overtime_request.scss */
.table td {
  vertical-align: top;
  border-top: none;
  padding: 0.75rem;
}

/* line 403, app/assets/stylesheets/overtime_request.scss */
.table .overtime-card {
  margin: 0;
}

/* line 410, app/assets/stylesheets/overtime_request.scss */
.table-secondary .overtime-card {
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(0, 0, 0, 0.1);
}

/* line 415, app/assets/stylesheets/overtime_request.scss */
.table-secondary .avatar-circle.bg-secondary {
  background: linear-gradient(135deg, var(--black), var(--black)) !important;
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* line 441, app/assets/stylesheets/overtime_request.scss */
.animate-slide-up {
  animation: slideInUp 0.6s ease-out;
}

/* line 445, app/assets/stylesheets/overtime_request.scss */
.animate-fade-in {
  animation: fadeIn 0.8s ease-out;
}

@media (max-width: 768px) {
  /* line 451, app/assets/stylesheets/overtime_request.scss */
  .overtime-request-container {
    padding: 1rem 0;
  }
  /* line 454, app/assets/stylesheets/overtime_request.scss */
  .overtime-request-container .main-content {
    padding: 1rem;
    border-radius: 10px;
  }
  /* line 460, app/assets/stylesheets/overtime_request.scss */
  .overtime-request-header {
    padding: 1.5rem;
    text-align: center;
  }
  /* line 466, app/assets/stylesheets/overtime_request.scss */
  .stats-row .stat-card {
    margin-bottom: 1rem;
  }
  /* line 472, app/assets/stylesheets/overtime_request.scss */
  .enterprise-table .table {
    font-size: 0.85rem;
  }
  /* line 475, app/assets/stylesheets/overtime_request.scss */
  .enterprise-table .table th, .enterprise-table .table td {
    padding: 0.75rem 0.5rem;
  }
  /* line 483, app/assets/stylesheets/overtime_request.scss */
  .enterprise-tabs .nav-tabs .nav-link {
    padding: 0.75rem 1rem;
    font-size: 0.85rem;
  }
}

/* line 3, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page {
  background: rgba(255, 255, 255, 0.98);
  min-height: 100vh;
}

/* line 8, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memo-recipient-header {
  background: linear-gradient(135deg, #6c5ce7 0%, #a29bfe 100%);
  color: var(--white);
  padding: 2rem;
  border-radius: 0 0 1rem 1rem;
  margin-bottom: 2rem;
  box-shadow: 0 4px 20px rgba(108, 92, 231, 0.3);
}

/* line 16, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memo-recipient-header h1, .memo-recipient-page .memo-recipient-header .h1 {
  margin: 0;
  font-weight: 600;
  font-size: 2.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 24, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memo-recipient-header h1 i, .memo-recipient-page .memo-recipient-header .h1 i {
  font-size: 2rem;
  opacity: 0.9;
}

/* line 30, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memo-recipient-header .header-subtitle {
  margin-top: 0.5rem;
  opacity: 0.9;
  font-size: 1.1rem;
}

/* line 38, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .stats-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}

/* line 44, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .stats-container .stat-card {
  background: var(--white);
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  border-left: 4px solid #6c5ce7;
}

/* line 52, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .stats-container .stat-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* line 57, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .stats-container .stat-card .stat-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  color: var(--white);
}

/* line 68, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .stats-container .stat-card .stat-icon.total {
  background: linear-gradient(135deg, #6c5ce7 0%, #a29bfe 100%);
}

/* line 72, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .stats-container .stat-card .stat-icon.received {
  background: linear-gradient(135deg, #00b894 0%, #00cec9 100%);
}

/* line 76, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .stats-container .stat-card .stat-icon.pending {
  background: linear-gradient(135deg, #fdcb6e 0%, #e17055 100%);
}

/* line 80, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .stats-container .stat-card .stat-icon.unread {
  background: linear-gradient(135deg, #e17055 0%, #d63031 100%);
}

/* line 85, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .stats-container .stat-card .stat-value {
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  color: #2d3436;
}

/* line 92, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .stats-container .stat-card .stat-label {
  margin: 0.5rem 0 0 0;
  color: #636e72;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 0.9rem;
  letter-spacing: 0.5px;
}

/* line 105, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card {
  background: var(--white);
  border-radius: 1rem;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

/* line 114, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* line 119, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-header {
  display: flex;
  justify-content: between;
  align-items: flex-start;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

/* line 127, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-header .memo-subject {
  flex: 1;
}

/* line 130, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-header .memo-subject h3, .memo-recipient-page .memos-container .memo-card .memo-header .memo-subject .h3 {
  margin: 0;
  color: #2d3436;
  font-weight: 600;
  font-size: 1.2rem;
}

/* line 137, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-header .memo-subject .memo-number {
  color: #6c5ce7;
  font-weight: 500;
  font-size: 0.9rem;
  margin-top: 0.25rem;
}

/* line 146, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-header .memo-status .status-badge {
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 154, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-header .memo-status .status-badge.received {
  background: #00b894;
  color: var(--white);
}

/* line 159, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-header .memo-status .status-badge.pending {
  background: #fdcb6e;
  color: #2d3436;
}

/* line 164, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-header .memo-status .status-badge.unread {
  background: #e17055;
  color: var(--white);
}

/* line 172, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-details {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}

/* line 178, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-details .detail-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 183, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-details .detail-item .detail-label {
  font-weight: 600;
  color: #636e72;
  min-width: 100px;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 192, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-details .detail-item .detail-value {
  color: #2d3436;
  font-weight: 500;
}

/* line 199, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-actions {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
  padding-top: 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

/* line 206, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-actions .btn {
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
  border: none;
  cursor: pointer;
}

/* line 215, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-actions .btn.btn-primary {
  background: linear-gradient(135deg, #6c5ce7 0%, #a29bfe 100%);
  color: var(--white);
}

/* line 219, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-actions .btn.btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 15px rgba(108, 92, 231, 0.4);
}

/* line 225, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-actions .btn.btn-secondary {
  background: rgba(255, 255, 255, 0.98);
  color: #636e72;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

/* line 230, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memos-container .memo-card .memo-actions .btn.btn-secondary:hover {
  background: rgba(0, 0, 0, 0.08);
  color: var(--black);
}

/* line 241, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .empty-state {
  text-align: center;
  padding: 3rem;
  background: var(--white);
  border-radius: 1rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* line 248, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .empty-state .empty-icon {
  font-size: 4rem;
  color: #b2bec3;
  margin-bottom: 1rem;
}

/* line 254, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .empty-state h3, .memo-recipient-page .empty-state .h3 {
  color: #636e72;
  margin-bottom: 0.5rem;
}

/* line 259, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .empty-state p {
  color: #b2bec3;
  margin-bottom: 1.5rem;
}

@media (max-width: 768px) {
  /* line 267, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-page .memo-recipient-header {
    padding: 1.5rem;
  }
  /* line 270, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-page .memo-recipient-header h1, .memo-recipient-page .memo-recipient-header .h1 {
    font-size: 2rem;
  }
  /* line 275, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-page .stats-container {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
  }
  /* line 279, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-page .stats-container .stat-card {
    padding: 1rem;
  }
  /* line 282, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-page .stats-container .stat-card .stat-value {
    font-size: 1.5rem;
  }
  /* line 289, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-page .memos-container .memo-card {
    padding: 1rem;
  }
  /* line 292, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-page .memos-container .memo-card .memo-header {
    flex-direction: column;
    gap: 1rem;
  }
  /* line 296, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-page .memos-container .memo-card .memo-header .memo-status {
    align-self: flex-start;
  }
  /* line 301, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-page .memos-container .memo-card .memo-details {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
  /* line 306, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-page .memos-container .memo-card .memo-details .detail-item .detail-label {
    min-width: 80px;
  }
  /* line 312, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-page .memos-container .memo-card .memo-actions {
    flex-direction: column;
  }
  /* line 315, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-page .memos-container .memo-card .memo-actions .btn {
    width: 100%;
    text-align: center;
  }
}

/* line 325, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memo-card {
  animation: fadeInUp 0.5s ease forwards;
  opacity: 0;
  transform: translateY(20px);
}

/* line 331, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memo-card:nth-child(1) {
  animation-delay: 0.1s;
}

/* line 331, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memo-card:nth-child(2) {
  animation-delay: 0.2s;
}

/* line 331, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memo-card:nth-child(3) {
  animation-delay: 0.3s;
}

/* line 331, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memo-card:nth-child(4) {
  animation-delay: 0.4s;
}

/* line 331, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memo-card:nth-child(5) {
  animation-delay: 0.5s;
}

/* line 331, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memo-card:nth-child(6) {
  animation-delay: 0.6s;
}

/* line 331, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memo-card:nth-child(7) {
  animation-delay: 0.7s;
}

/* line 331, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memo-card:nth-child(8) {
  animation-delay: 0.8s;
}

/* line 331, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memo-card:nth-child(9) {
  animation-delay: 0.9s;
}

/* line 331, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-page .memo-card:nth-child(10) {
  animation-delay: 1s;
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 346, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page {
  background: rgba(255, 255, 255, 0.98);
  min-height: 100vh;
}

/* line 351, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-header {
  background: linear-gradient(135deg, #6c5ce7 0%, #a29bfe 100%);
  color: var(--white);
  padding: 2rem 0;
  margin-bottom: 2rem;
  box-shadow: 0 4px 20px rgba(108, 92, 231, 0.3);
}

/* line 358, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-header .header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 364, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-header .header-content .header-left h1, .memo-recipient-detail-page .memo-detail-header .header-content .header-left .h1 {
  margin: 0;
  font-weight: 600;
  font-size: 2.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 372, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-header .header-content .header-left h1 i, .memo-recipient-detail-page .memo-detail-header .header-content .header-left .h1 i {
  font-size: 2rem;
  opacity: 0.9;
}

/* line 378, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-header .header-content .header-left .header-subtitle {
  margin-top: 0.5rem;
  opacity: 0.9;
  font-size: 1.1rem;
}

/* line 386, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-header .header-content .header-actions .btn {
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-weight: 500;
  transition: all 0.2s ease;
  border: 2px solid rgba(255, 255, 255, 0.3);
}

/* line 393, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-header .header-content .header-actions .btn:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-2px);
}

/* line 405, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card {
  background: var(--white);
  border-radius: 1rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  animation: fadeInUp 0.5s ease forwards;
}

/* line 413, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-detail-header-section {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(0, 0, 0, 0.08) 100%);
  padding: 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

/* line 421, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-detail-header-section .memo-title-section {
  flex: 1;
}

/* line 424, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-detail-header-section .memo-title-section .memo-title {
  margin: 0 0 1rem 0;
  color: #2d3436;
  font-weight: 600;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
}

/* line 432, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-detail-header-section .memo-title-section .memo-title i {
  color: #6c5ce7;
}

/* line 437, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-detail-header-section .memo-title-section .memo-meta {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}

/* line 442, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-detail-header-section .memo-title-section .memo-meta span {
  display: flex;
  align-items: center;
  color: #636e72;
  font-size: 0.9rem;
  font-weight: 500;
}

/* line 449, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-detail-header-section .memo-title-section .memo-meta span i {
  color: #6c5ce7;
  margin-right: 0.5rem;
}

/* line 458, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-detail-header-section .memo-status-section .status-badge {
  padding: 0.75rem 1.5rem;
  border-radius: 2rem;
  font-size: 0.9rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 466, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-detail-header-section .memo-status-section .status-badge.received {
  background: #00b894;
  color: var(--white);
}

/* line 471, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-detail-header-section .memo-status-section .status-badge.pending {
  background: #fdcb6e;
  color: #2d3436;
}

/* line 480, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-content-section {
  padding: 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

/* line 484, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-content-section .content-header {
  margin-bottom: 1.5rem;
}

/* line 487, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-content-section .content-header h3, .memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-content-section .content-header .h3 {
  margin: 0;
  color: #2d3436;
  font-weight: 600;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
}

/* line 495, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-content-section .content-header h3 i, .memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-content-section .content-header .h3 i {
  color: #6c5ce7;
}

/* line 501, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-content-section .content-body {
  background: rgba(255, 255, 255, 0.98);
  padding: 1.5rem;
  border-radius: 0.5rem;
  border-left: 4px solid #6c5ce7;
  color: #2d3436;
  line-height: 1.6;
  font-size: 1rem;
}

/* line 513, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-details-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  padding: 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

/* line 520, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-details-grid .detail-card {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.5rem;
  background: rgba(255, 255, 255, 0.98);
  border-radius: 0.5rem;
  transition: transform 0.2s ease;
}

/* line 529, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-details-grid .detail-card:hover {
  transform: translateY(-2px);
}

/* line 533, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-details-grid .detail-card .detail-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: linear-gradient(135deg, #6c5ce7 0%, #a29bfe 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  font-size: 1.2rem;
  flex-shrink: 0;
}

/* line 546, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-details-grid .detail-card .detail-content {
  flex: 1;
}

/* line 549, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-details-grid .detail-card .detail-content h4, .memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-details-grid .detail-card .detail-content .h4 {
  margin: 0 0 0.5rem 0;
  color: #636e72;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
}

/* line 558, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-details-grid .detail-card .detail-content p {
  margin: 0;
  color: #2d3436;
  font-weight: 500;
  font-size: 1rem;
}

/* line 569, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-actions-section {
  padding: 2rem;
}

/* line 572, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-actions-section .action-card {
  background: rgba(255, 255, 255, 0.98);
  border-radius: 0.5rem;
  padding: 2rem;
  border-left: 4px solid #6c5ce7;
}

/* line 578, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-actions-section .action-card.confirmed {
  border-left-color: #00b894;
  background: linear-gradient(135deg, #f0fff4 0%, #e6fffa 100%);
}

/* line 583, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-actions-section .action-card .action-header {
  margin-bottom: 1.5rem;
}

/* line 586, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-actions-section .action-card .action-header h3, .memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-actions-section .action-card .action-header .h3 {
  margin: 0 0 0.5rem 0;
  color: #2d3436;
  font-weight: 600;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
}

/* line 594, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-actions-section .action-card .action-header h3 i, .memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-actions-section .action-card .action-header .h3 i {
  color: #6c5ce7;
}

/* line 599, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-actions-section .action-card .action-header p {
  margin: 0;
  color: #636e72;
  font-size: 1rem;
}

/* line 607, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-actions-section .action-card .action-buttons .btn {
  padding: 1rem 2rem;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 1rem;
  transition: all 0.2s ease;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 619, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-actions-section .action-card .action-buttons .btn.btn-success {
  background: linear-gradient(135deg, #00b894 0%, #00cec9 100%);
  color: var(--white);
}

/* line 623, app/assets/stylesheets/memo_recipient.scss */
.memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-actions-section .action-card .action-buttons .btn.btn-success:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(0, 184, 148, 0.4);
}

@media (max-width: 768px) {
  /* line 637, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-detail-page .memo-detail-header {
    padding: 1.5rem 0;
  }
  /* line 640, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-detail-page .memo-detail-header .header-content {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }
  /* line 646, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-detail-page .memo-detail-header .header-content .header-left h1, .memo-recipient-detail-page .memo-detail-header .header-content .header-left .h1 {
    font-size: 2rem;
  }
  /* line 655, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-detail-header-section {
    flex-direction: column;
    gap: 1rem;
  }
  /* line 659, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-detail-header-section .memo-meta {
    gap: 1rem;
  }
  /* line 664, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-details-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
    padding: 1rem;
  }
  /* line 669, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-details-grid .detail-card {
    padding: 1rem;
  }
  /* line 674, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-actions-section {
    padding: 1rem;
  }
  /* line 677, app/assets/stylesheets/memo_recipient.scss */
  .memo-recipient-detail-page .memo-detail-container .memo-detail-card .memo-actions-section .action-card {
    padding: 1.5rem;
  }
}

/* ============================================
   MODERN FOOTER DESIGN - MATCHING NAVBAR
   ============================================ */
/* line 5, app/assets/stylesheets/footer.scss */
.modern-footer {
  background: linear-gradient(135deg, #129CF3 0%, #129CF3 50%, #1e3c72 100%);
  color: #ffffff;
  padding: 25px 0 10px;
  font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
  border-top: 2px solid rgba(255, 255, 255, 0.1);
}

/* line 15, app/assets/stylesheets/footer.scss */
.modern-footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 15% 85%, rgba(255, 255, 255, 0.08) 0%, transparent 50%), radial-gradient(circle at 85% 15%, rgba(255, 255, 255, 0.06) 0%, transparent 50%);
  pointer-events: none;
}

/* line 29, app/assets/stylesheets/footer.scss */
.footer-heading {
  color: #ffffff;
  font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: center;
}

/* line 44, app/assets/stylesheets/footer.scss */
.footer-heading::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -8px;
  width: 40px;
  height: 3px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.8), transparent);
  border-radius: 2px;
}

/* line 56, app/assets/stylesheets/footer.scss */
.footer-heading i {
  font-size: 1.3rem;
  color: rgba(255, 255, 255, 0.9);
}

/* line 62, app/assets/stylesheets/footer.scss */
.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}

/* line 68, app/assets/stylesheets/footer.scss */
.footer-links li {
  margin-bottom: 0px;
}

/* line 71, app/assets/stylesheets/footer.scss */
.footer-links li:last-child {
  margin-bottom: 0;
}

/* line 76, app/assets/stylesheets/footer.scss */
.footer-links .footer-link {
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: 0.80rem;
  font-weight: 500;
  transition: all 0.3s ease;
  display: inline-block;
  position: relative;
}

/* line 86, app/assets/stylesheets/footer.scss */
.footer-links .footer-link::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.9);
  transition: width 0.3s ease;
}

/* line 97, app/assets/stylesheets/footer.scss */
.footer-links .footer-link:hover {
  color: #ffffff;
  transform: translateX(5px);
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.3);
}

/* line 102, app/assets/stylesheets/footer.scss */
.footer-links .footer-link:hover::after {
  width: 100%;
}

/* line 109, app/assets/stylesheets/footer.scss */
.footer-description {
  color: rgba(255, 255, 255, 0.8);
  font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 0px;
}

/* line 118, app/assets/stylesheets/footer.scss */
.footer-logo-section {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 0px;
}

/* line 124, app/assets/stylesheets/footer.scss */
.footer-logo-section .powered-by {
  color: rgba(255, 255, 255, 0.8);
  font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.3px;
}

/* line 132, app/assets/stylesheets/footer.scss */
.footer-logo-section .footer-company-logo {
  height: 80px;
  width: auto;
  filter: brightness(1);
  transition: all 0.3s ease;
}

/* line 138, app/assets/stylesheets/footer.scss */
.footer-logo-section .footer-company-logo:hover {
  filter: brightness(1.2) drop-shadow(0 0 8px rgba(255, 255, 255, 0.3));
  transform: scale(1.05);
}

/* line 146, app/assets/stylesheets/footer.scss */
.easy-links-section {
  background: rgba(255, 255, 255, 0.05);
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 152, app/assets/stylesheets/footer.scss */
.easy-links-section .easy-links-title {
  color: rgba(255, 255, 255, 0.9);
  font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0;
}

/* line 159, app/assets/stylesheets/footer.scss */
.easy-links-section .easy-links-title i {
  color: rgba(255, 255, 255, 0.8);
}

/* line 165, app/assets/stylesheets/footer.scss */
.footer-bottom {
  color: rgba(255, 255, 255, 0.8);
  font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: 0.7rem;
  font-weight: 400;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 5px;
  margin-top: 5px;
}

/* line 174, app/assets/stylesheets/footer.scss */
.footer-bottom .heartbeat {
  color: #ff6b6b;
  animation: heartbeat 2s ease-in-out infinite;
}

@keyframes heartbeat {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}

/* Company Info Section Specific Styles */
/* line 191, app/assets/stylesheets/footer.scss */
.footer-section.company-info .footer-heading {
  font-size: 1.5rem;
  font-weight: 800;
  margin-bottom: 20px;
  letter-spacing: 0.8px;
  justify-content: flex-start;
  text-align: left;
}

/* line 199, app/assets/stylesheets/footer.scss */
.footer-section.company-info .footer-heading::after {
  left: 0;
  transform: none;
}

/* line 204, app/assets/stylesheets/footer.scss */
.footer-section.company-info .footer-heading i {
  font-size: 1.8rem;
  color: rgba(255, 255, 255, 0.9);
}

/* Override Bootstrap mb-4 for company info section */
/* line 212, app/assets/stylesheets/footer.scss */
.modern-footer .col-lg-3.col-md-12.mb-4:first-child {
  margin-bottom: 0 !important;
}

/* Special Elements Styling */
/* line 217, app/assets/stylesheets/footer.scss */
.star {
  color: #ffd700;
  font-size: 1.1rem;
  margin-left: 8px;
  animation: twinkle 2s ease-in-out infinite alternate;
}

/* line 224, app/assets/stylesheets/footer.scss */
.ready-text {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.85rem;
  font-style: italic;
  margin-left: 5px;
}

/* line 231, app/assets/stylesheets/footer.scss */
.permission-text {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.85rem;
  font-style: italic;
}

/* line 237, app/assets/stylesheets/footer.scss */
.feature-item {
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 8px;
}

/* line 243, app/assets/stylesheets/footer.scss */
.feature-item:last-child {
  margin-bottom: 0;
}

/* line 248, app/assets/stylesheets/footer.scss */
.layout-info {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}

/* line 254, app/assets/stylesheets/footer.scss */
.layout-info li {
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.9rem;
  margin-bottom: 0;
}

/* line 260, app/assets/stylesheets/footer.scss */
.layout-info strong {
  color: #ffffff;
}

/* line 265, app/assets/stylesheets/footer.scss */
.code-example {
  background: rgba(0, 0, 0, 0.3);
  padding: 15px;
  border-radius: 8px;
  margin: 10px 0;
  border-left: 4px solid rgba(255, 255, 255, 0.5);
}

/* line 272, app/assets/stylesheets/footer.scss */
.code-example code {
  color: #a8e6cf;
  font-family: 'Courier New', monospace;
  font-size: 0.85rem;
  line-height: 1.6;
}

/* line 280, app/assets/stylesheets/footer.scss */
.footer-tagline {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.9rem;
  font-style: italic;
  margin-top: 10px;
}

@keyframes twinkle {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1.1);
  }
}

/* line 298, app/assets/stylesheets/footer.scss */
.footer-left {
  flex: 0 0 auto;
  max-width: 400px;
}

/* line 303, app/assets/stylesheets/footer.scss */
.footer-right {
  flex: 1;
  justify-content: flex-end;
}

/* line 307, app/assets/stylesheets/footer.scss */
.footer-right .footer-section {
  min-width: 150px;
}

/* Responsive Design */
@media (max-width: 768px) {
  /* line 314, app/assets/stylesheets/footer.scss */
  .modern-footer {
    padding: 40px 0 15px;
  }
  /* line 317, app/assets/stylesheets/footer.scss */
  .modern-footer .d-flex {
    flex-direction: column !important;
    gap: 2rem;
  }
  /* line 323, app/assets/stylesheets/footer.scss */
  .footer-left {
    max-width: none;
    text-align: center;
  }
  /* line 328, app/assets/stylesheets/footer.scss */
  .footer-right {
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.5rem !important;
  }
  /* line 334, app/assets/stylesheets/footer.scss */
  .footer-heading {
    font-size: 1rem;
    justify-content: center;
    text-align: center;
  }
  /* line 340, app/assets/stylesheets/footer.scss */
  .footer-links {
    text-align: center;
  }
  /* line 344, app/assets/stylesheets/footer.scss */
  .footer-description {
    text-align: center;
  }
  /* line 348, app/assets/stylesheets/footer.scss */
  .footer-logo-section {
    justify-content: center;
  }
  /* line 352, app/assets/stylesheets/footer.scss */
  .layout-info {
    flex-direction: column;
    gap: 10px;
  }
  /* line 357, app/assets/stylesheets/footer.scss */
  .code-example {
    font-size: 0.8rem;
  }
}

/* line 3, app/assets/stylesheets/payroll_payslip.scss */
.payroll-payslip-enterprise .payslip-toolbar {
  padding-top: 0.5rem;
}

/* line 8, app/assets/stylesheets/payroll_payslip.scss */
.payroll-payslip-enterprise .payslip-table tr.payslip-total-row td {
  border-top: 2px solid #e9ecef;
  background: #f8f9fa;
}

/* line 13, app/assets/stylesheets/payroll_payslip.scss */
.payroll-payslip-enterprise .payslip-table .payslip-detail-cell {
  cursor: pointer;
}

/* line 19, app/assets/stylesheets/payroll_payslip.scss */
.payroll-payslip-enterprise .payslip-breakdown-modal .modal-content {
  border: 0;
  box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.18);
}

/* line 25, app/assets/stylesheets/payroll_payslip.scss */
.payroll-payslip-enterprise .payslip-summary-card {
  border: 2px solid rgba(18, 156, 243, 0.25) !important;
}

/* line 28, app/assets/stylesheets/payroll_payslip.scss */
.payroll-payslip-enterprise .payslip-summary-card .payslip-summary-net td {
  border-top: 2px solid #129cf3;
}

@media print {
  /* line 35, app/assets/stylesheets/payroll_payslip.scss */
  .payroll-payslip-enterprise .payslip-toolbar,
.payroll-payslip-enterprise .payslip-breakdown-modal,
.enterprise-navbar-container,
footer,
.navbar {
    display: none !important;
  }
}

/* Payroll periods — scoped on top of enterprise-users-page (user.scss) */
/* line 4, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .period-row-icon,
.enterprise-users-page.payroll-period-show .period-row-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, #129cf3 0%, #a3a3a8 100%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(18, 156, 243, 0.25);
}

/* line 18, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .period-name-cell,
.enterprise-users-page.payroll-period-show .period-name-cell {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 24, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .period-name-primary,
.enterprise-users-page.payroll-period-show .period-name-primary {
  font-weight: 600;
  color: #2d3748;
  font-size: 1rem;
  margin: 0;
}

/* line 31, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .period-name-sub,
.enterprise-users-page.payroll-period-show .period-name-sub {
  font-size: 0.85rem;
  color: #718096;
  margin: 0.15rem 0 0;
}

/* line 37, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-status-badge,
.enterprise-users-page.payroll-period-show .payroll-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.4rem 0.9rem;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 600;
  white-space: nowrap;
}

/* line 48, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-status-badge--draft,
.enterprise-users-page.payroll-period-show .payroll-status-badge--draft {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  color: #92400e;
  border: 1px solid rgba(146, 64, 14, 0.15);
}

/* line 54, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-status-badge--calculated,
.enterprise-users-page.payroll-period-show .payroll-status-badge--calculated {
  background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%);
  color: #075985;
  border: 1px solid rgba(7, 89, 133, 0.15);
}

/* line 60, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-status-badge--reviewed,
.enterprise-users-page.payroll-period-show .payroll-status-badge--reviewed {
  background: linear-gradient(135deg, #ede9fe 0%, #ddd6fe 100%);
  color: #5b21b6;
  border: 1px solid rgba(91, 33, 182, 0.15);
}

/* line 66, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-status-badge--approved,
.enterprise-users-page.payroll-period-show .payroll-status-badge--approved {
  background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
  color: #065f46;
  border: 1px solid rgba(6, 95, 70, 0.15);
}

/* line 72, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-status-badge--paid,
.enterprise-users-page.payroll-period-show .payroll-status-badge--paid {
  background: linear-gradient(135deg, #dbeafe 0%, #93c5fd 100%);
  color: #1e3a8a;
  border: 1px solid rgba(30, 58, 138, 0.15);
}

/* line 78, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-status-badge--locked,
.enterprise-users-page.payroll-period-show .payroll-status-badge--locked {
  background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
  color: #991b1b;
  border: 1px solid rgba(153, 27, 27, 0.15);
}

/* line 84, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-metric,
.enterprise-users-page.payroll-period-show .payroll-metric {
  font-weight: 600;
  color: #2d3748;
  font-variant-numeric: tabular-nums;
}

/* line 90, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-metric--net,
.enterprise-users-page.payroll-period-show .payroll-metric--net {
  color: #129cf3;
}

/* line 95, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-periods-table col.col-employees,
.enterprise-users-page.payroll-period-show .payroll-periods-table col.col-employees {
  width: 4.25rem;
}

/* line 99, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-periods-table col.col-actions,
.enterprise-users-page.payroll-period-show .payroll-periods-table col.col-actions {
  width: 9.5rem;
}

/* line 104, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-period-employees-cell,
.enterprise-users-page.payroll-period-show .payroll-period-employees-cell {
  width: 4.25rem;
  min-width: 4.25rem;
  max-width: 5rem;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  text-align: center;
  vertical-align: middle;
}

/* line 114, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-employee-count,
.enterprise-users-page.payroll-period-show .payroll-employee-count {
  display: inline-block;
  min-width: 1.75rem;
  padding: 0.2rem 0.45rem;
  border-radius: 8px;
  background: rgba(18, 156, 243, 0.12);
  color: #129cf3;
  font-weight: 600;
  font-size: 0.85rem;
  line-height: 1.2;
}

/* line 126, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-period-actions-cell,
.enterprise-users-page.payroll-period-show .payroll-period-actions-cell {
  white-space: nowrap;
  width: 9.5rem;
  min-width: 9.5rem;
  padding: 1rem 0.5rem !important;
  vertical-align: middle;
}

/* line 134, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-period-actions,
.enterprise-users-page.payroll-period-show .payroll-period-actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.4rem;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}

/* line 144, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-period-actions > .btn-icon-action,
.payroll-periods-page-wrapper .payroll-period-actions > a,
.payroll-periods-page-wrapper .payroll-period-actions form,
.enterprise-users-page.payroll-period-show .payroll-period-actions > .btn-icon-action,
.enterprise-users-page.payroll-period-show .payroll-period-actions > a,
.enterprise-users-page.payroll-period-show .payroll-period-actions form {
  flex: 0 0 auto;
  margin: 0;
}

/* line 151, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-period-actions form,
.enterprise-users-page.payroll-period-show .payroll-period-actions form {
  display: contents;
}

/* line 155, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .btn-icon-action,
.enterprise-users-page.payroll-period-show .btn-icon-action {
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  min-height: 2rem;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
}

/* line 167, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .btn-icon-action i,
.enterprise-users-page.payroll-period-show .btn-icon-action i {
  font-size: 0.95rem;
  line-height: 1;
}

/* line 173, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .table-empty-state,
.enterprise-users-page.payroll-period-show .table-empty-state {
  text-align: center;
  padding: 3rem 2rem;
  color: #718096;
}

/* line 178, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .table-empty-state .empty-icon,
.enterprise-users-page.payroll-period-show .table-empty-state .empty-icon {
  font-size: 3rem;
  color: #cbd5e0;
  margin-bottom: 1rem;
}

/* line 184, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .table-empty-state h5, .payroll-periods-page-wrapper .table-empty-state .h5,
.enterprise-users-page.payroll-period-show .table-empty-state h5,
.enterprise-users-page.payroll-period-show .table-empty-state .h5 {
  color: #2d3748;
  font-weight: 600;
}

/* line 190, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .pagination-wrapper,
.enterprise-users-page.payroll-period-show .pagination-wrapper {
  padding: 1.25rem 2rem;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: center;
}

/* Show page header layout */
/* line 200, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-show-header-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.25rem;
}

/* line 207, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-show-header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  width: 100%;
}

/* line 215, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-show-title-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 0.35rem;
}

/* line 223, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-show-date-range {
  font-size: 0.9rem;
  color: #718096;
  font-weight: 500;
}

/* line 229, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-show-header-toolbar {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

/* line 239, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-show-header-actions {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.65rem;
}

/* line 247, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-rank-group-header {
  background: linear-gradient(135deg, rgba(18, 156, 243, 0.08) 0%, rgba(163, 163, 168, 0.08) 100%);
}

/* line 250, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-rank-group-header td {
  padding: 0.65rem 1rem;
  border-top: 1px solid rgba(18, 156, 243, 0.15);
  border-bottom: 1px solid rgba(18, 156, 243, 0.1);
}

/* line 257, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-rank-group-label {
  font-weight: 700;
  color: #2d3748;
  font-size: 0.9rem;
}

/* line 263, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-rank-group-count {
  margin-left: 0.5rem;
  font-size: 0.8rem;
  color: #718096;
  font-weight: 500;
}

/* line 270, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-records-filters {
  padding: 0.85rem 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/* line 275, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-records-filter-form {
  margin: 0;
}

/* line 279, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-records-filter-row {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 1.25rem;
  width: 100%;
}

/* line 287, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-records-filter-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

/* line 295, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-records-filter-label {
  display: inline-block;
  margin: 0 !important;
  font-size: 0.8rem;
  font-weight: 600;
  color: #4a5568;
  white-space: nowrap;
}

/* line 304, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-records-filter-select.form-select {
  display: inline-block;
  width: 11rem !important;
  min-width: 11rem;
  max-width: 14rem;
  margin: 0;
  border-radius: 10px;
  border-color: #e2e8f0;
}

/* line 313, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-records-filter-select.form-select:focus {
  border-color: #129cf3;
  box-shadow: 0 0 0 3px rgba(18, 156, 243, 0.15);
}

/* line 319, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-records-filter-clear {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #718096;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
}

/* line 330, app/assets/stylesheets/payroll_periods.scss */
.enterprise-users-page.payroll-period-show .payroll-records-filter-clear:hover {
  color: #129cf3;
}

@media (max-width: 768px) {
  /* line 336, app/assets/stylesheets/payroll_periods.scss */
  .enterprise-users-page.payroll-period-show .payroll-show-header-top {
    flex-direction: column;
    align-items: flex-start;
  }
  /* line 341, app/assets/stylesheets/payroll_periods.scss */
  .enterprise-users-page.payroll-period-show .payroll-show-header-toolbar,
.enterprise-users-page.payroll-period-show .payroll-show-header-actions {
    justify-content: flex-start;
  }
}

/* line 350, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-period-form .form-control {
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  padding: 0.65rem 0.85rem;
}

/* line 355, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-period-form .form-control:focus {
  border-color: #129cf3;
  box-shadow: 0 0 0 3px rgba(18, 156, 243, 0.15);
}

/* line 361, app/assets/stylesheets/payroll_periods.scss */
.payroll-periods-page-wrapper .payroll-period-form label {
  font-weight: 600;
  color: #2d3748;
}

/* Flat selectors — override Bootstrap .form-select { width: 100% } on show page */
/* line 369, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .payroll-records-filter-row {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  gap: 1.25rem !important;
}

/* line 376, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .payroll-records-filter-item {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

/* line 383, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .payroll-records-filter-label {
  display: inline-block !important;
  margin: 0 !important;
  white-space: nowrap;
}

/* line 389, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .payroll-records-filter-select.form-select {
  display: inline-block !important;
  width: 11rem !important;
  min-width: 11rem;
  max-width: 14rem;
  margin: 0 !important;
}

/* Toolbar action buttons — flat selectors override default link styling */
/* line 398, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .payroll-toolbar-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  min-height: 2.25rem;
  padding: 0.45rem 1rem !important;
  border-radius: 10px !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  line-height: 1.2;
  text-decoration: none !important;
  white-space: nowrap;
  transition: all 0.2s ease;
}

/* line 413, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .payroll-toolbar-btn i {
  font-size: 0.95rem;
  line-height: 1;
}

/* line 419, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .btn-enterprise-secondary.payroll-toolbar-btn {
  background: #fff !important;
  color: #4a5568 !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

/* line 425, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .btn-enterprise-secondary.payroll-toolbar-btn:hover, .payroll-period-show .btn-enterprise-secondary.payroll-toolbar-btn:focus {
  color: #129cf3 !important;
  border-color: #129cf3 !important;
  background: rgba(18, 156, 243, 0.06) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(18, 156, 243, 0.15);
}

/* line 435, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .btn-payroll-lock.payroll-toolbar-btn {
  background: #fff !important;
  color: #b91c1c !important;
  border: 1px solid #fca5a5 !important;
  box-shadow: 0 1px 3px rgba(185, 28, 28, 0.08);
}

/* line 441, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .btn-payroll-lock.payroll-toolbar-btn:hover, .payroll-period-show .btn-payroll-lock.payroll-toolbar-btn:focus {
  color: #991b1b !important;
  background: #fef2f2 !important;
  border-color: #f87171 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(185, 28, 28, 0.12);
}

/* line 451, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .btn-enterprise-primary.payroll-toolbar-btn--primary {
  background: linear-gradient(135deg, #129cf3 0%, #6eb8e8 100%) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(18, 156, 243, 0.3);
}

/* line 457, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .btn-enterprise-primary.payroll-toolbar-btn--primary:hover, .payroll-period-show .btn-enterprise-primary.payroll-toolbar-btn--primary:focus {
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(18, 156, 243, 0.4);
}

/* line 465, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .payroll-records-search-section {
  padding: 0 1.5rem 1.25rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/* line 469, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .payroll-records-search-section .search-card {
  margin-bottom: 0;
}

/* line 473, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .payroll-records-search-section .search-input-group {
  align-items: stretch;
}

/* line 477, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .payroll-records-search-section .payroll-records-filter-row {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* line 486, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .payroll-records-search-section .payroll-records-filter-item {
  display: inline-flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  flex-shrink: 0;
}

/* line 493, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-show .payroll-records-search-section .payroll-records-filter-select.form-select {
  width: 11rem !important;
  min-width: 11rem;
  max-width: 14rem;
  flex: 0 0 auto;
}

/* line 502, app/assets/stylesheets/payroll_periods.scss */
.payroll-period-preview .payroll-preview-total-row td {
  border-top: 1px solid rgba(18, 156, 243, 0.25);
  padding-top: 0.65rem;
}

@media print {
  /* line 510, app/assets/stylesheets/payroll_periods.scss */
  .payroll-period-preview .payroll-period-toolbar,
.payroll-period-preview .d-print-none,
.payroll-period-preview .payroll-records-search-section {
    display: none !important;
  }
  /* line 516, app/assets/stylesheets/payroll_periods.scss */
  .payroll-period-preview .table-card {
    box-shadow: none !important;
    border: 1px solid #ddd;
  }
}

/* line 2, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-day-badge {
  font-weight: 600;
  font-size: 0.75rem;
  padding: 0.35rem 0.7rem;
  border-radius: 999px;
  margin: 0 0.2rem 0.2rem 0;
  color: #334155 !important;
  background-color: #e8eef5 !important;
}

/* line 12, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-day-badge.wfh-day-on {
  background-color: #d7eefc !important;
  color: #0b6eab !important;
}

/* line 17, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-day-badge.wfh-day-off {
  background-color: #f1f5f9 !important;
  color: #64748b !important;
}

/* line 22, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-employee-no {
  font-size: 0.85rem;
  margin-top: 0.15rem;
}

/* line 27, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .table-empty-state {
  text-align: center;
  padding: 3rem 2rem;
  color: #718096;
}

/* line 32, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .table-empty-state .empty-icon {
  font-size: 3rem;
  color: #cbd5e0;
  margin-bottom: 1rem;
}

/* line 38, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .table-empty-state h5, .wfh-page .table-empty-state .h5 {
  color: #2d3748;
  font-weight: 600;
}

/* line 44, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .btn-enterprise-primary {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 2rem;
  background: linear-gradient(135deg, #129cf3 0%, #a3a3a8 100%);
  color: #fff;
  text-decoration: none;
  border-radius: 15px;
  border: none;
  font-weight: 600;
  font-size: 1rem;
  box-shadow: 0 8px 25px rgba(18, 156, 243, 0.3);
  white-space: nowrap;
}

/* line 59, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .btn-enterprise-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 35px rgba(18, 156, 243, 0.4);
  color: #fff;
  text-decoration: none;
}

/* line 67, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-form-content,
.wfh-page .wfh-details-content {
  padding: 1.5rem 2rem 2rem;
}

/* line 72, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-field-label {
  display: block;
  font-weight: 600;
  color: #2d3748;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* line 82, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-modern-select {
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  padding: 0.9rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  color: #2d3748;
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
}

/* line 91, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-modern-select:focus {
  outline: none;
  border-color: #129cf3;
  box-shadow: 0 0 0 3px rgba(18, 156, 243, 0.1);
  background: #fff;
}

/* line 99, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-days-card {
  margin-top: 1.75rem;
  background: #fff;
  border: 1px solid rgba(148, 163, 184, 0.25);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
}

/* line 108, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-days-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  background: rgba(248, 249, 250, 0.5);
}

/* line 116, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-days-header h6, .wfh-page .wfh-days-header .h6 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #2d3748;
  margin: 0 0 0.25rem;
}

/* line 123, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-days-header p {
  font-size: 0.875rem;
  color: #718096;
  margin: 0;
}

/* line 130, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-days-icon {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  background: linear-gradient(135deg, #129cf3 0%, #a3a3a8 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.25rem;
  flex-shrink: 0;
}

/* line 143, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-day-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.75rem;
  padding: 1.5rem;
}

/* line 150, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-day-option {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.25rem;
  margin: 0;
  padding: 0.85rem 0.5rem;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
  font-weight: 600;
  color: #475569;
}

/* line 165, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-day-option input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}

/* line 170, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-day-option:has(input[type="checkbox"]:checked) {
  border-color: #129cf3;
  background: rgba(18, 156, 243, 0.1);
  color: #0b6eab;
}

/* line 177, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-form-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1.75rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

/* line 187, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

/* line 196, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-actions-right {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

/* line 201, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-actions-right form {
  margin: 0;
}

/* line 206, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-submit-btn {
  background: linear-gradient(135deg, #129cf3 0%, #a3a3a8 100%);
  border: none;
  font-weight: 600;
  padding: 0.5rem 1.25rem;
  color: #fff;
}

/* line 213, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-submit-btn:hover {
  background: linear-gradient(135deg, #0d8ad9 0%, #8f8f94 100%);
  color: #fff;
}

/* line 219, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem 1.5rem;
}

/* line 225, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-detail-full {
  grid-column: 1 / -1;
}

@media (max-width: 768px) {
  /* line 230, app/assets/stylesheets/work_from_home_schedules.scss */
  .wfh-page .wfh-detail-grid,
.wfh-page .wfh-day-grid {
    grid-template-columns: 1fr;
  }
  /* line 235, app/assets/stylesheets/work_from_home_schedules.scss */
  .wfh-page .header-content {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* line 242, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-detail-item .detail-label {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #718096;
  margin-bottom: 0.35rem;
}

/* line 251, app/assets/stylesheets/work_from_home_schedules.scss */
.wfh-page .wfh-detail-item .detail-value {
  font-weight: 600;
  color: #2d3748;
}

/* ============================================
   APP-WIDE RESPONSIVE BASELINE
   Desktop · Laptop · Tablet · Phone
   ============================================ */
/* line 6, app/assets/stylesheets/responsive.scss */
html {
  max-width: 100%;
  overflow-x: clip;
}

/* line 11, app/assets/stylesheets/responsive.scss */
body {
  max-width: 100%;
  overflow-x: clip;
}

/* Main content shell (layouts/application.html.erb)
   Do not set z-index here — it creates a stacking context that traps
   Bootstrap modals below body-level .modal-backdrop (unclickable buttons). */
/* line 19, app/assets/stylesheets/responsive.scss */
.app-main {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  position: relative;
}

/* line 26, app/assets/stylesheets/responsive.scss */
.app-main *,
.app-main *::before,
.app-main *::after {
  box-sizing: border-box;
}

/* Media should never blow out the viewport */
/* line 33, app/assets/stylesheets/responsive.scss */
.app-main img,
.app-main video,
.app-main canvas,
.app-main svg,
.app-main iframe {
  max-width: 100%;
  height: auto;
}

/* line 42, app/assets/stylesheets/responsive.scss */
.app-main pre,
.app-main code {
  max-width: 100%;
  overflow-x: auto;
}

/* Any parent that directly contains a Bootstrap table scrolls instead of crushing columns */
/* line 49, app/assets/stylesheets/responsive.scss */
.app-main .table-responsive,
.app-main .table-content,
.app-main .for-review-table-wrap,
.app-main *:has(> table.table),
.app-main *:has(> .table) {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* line 59, app/assets/stylesheets/responsive.scss */
.app-main table.table {
  margin-bottom: 0;
}

/* Common enterprise / page headers */
/* line 64, app/assets/stylesheets/responsive.scss */
.app-main .users-header .header-content,
.app-main .table-header,
.app-main .search-input-group,
.app-main .pagination-section {
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
}

/* line 72, app/assets/stylesheets/responsive.scss */
.app-main .table-actions,
.app-main .header-actions,
.app-main .action-buttons,
.app-main .d-flex.gap-2 {
  flex-wrap: wrap;
}

/* Forms: full-width controls on small screens */
/* line 80, app/assets/stylesheets/responsive.scss */
.app-main .form-control,
.app-main .form-select,
.app-main .ts-wrapper,
.app-main .input-group {
  max-width: 100%;
}

/* Modals stay within viewport */
/* line 88, app/assets/stylesheets/responsive.scss */
.modal-dialog {
  margin-left: auto;
  margin-right: auto;
  max-width: calc(100vw - 1.5rem);
}

/* line 94, app/assets/stylesheets/responsive.scss */
.modal-body {
  overflow-x: auto;
}

/* Notification dropdown: compact panel, inset from the viewport */
/* line 99, app/assets/stylesheets/responsive.scss */
.enterprise-notification-dropdown {
  width: 22rem !important;
  max-width: calc(100vw - 4rem) !important;
}

@media (max-width: 575.98px) {
  /* line 105, app/assets/stylesheets/responsive.scss */
  .enterprise-notification-dropdown {
    position: fixed !important;
    width: calc(100vw - 2rem) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 2rem) !important;
    right: 1rem !important;
    left: auto !important;
    top: 4.25rem !important;
  }
}

/* Nested page containers: avoid double-squeezing on phones */
/* line 117, app/assets/stylesheets/responsive.scss */
.app-main > .container,
.app-main > .container-fluid,
.app-main > .container-sm,
.app-main > .container-md,
.app-main > .container-lg,
.app-main > .container-xl,
.app-main > .container-xxl,
.app-main .employee-enterprise > .container,
.app-main .enterprise-users-page .users-wrapper {
  max-width: 100%;
}

/* ---------- Laptop ---------- */
@media (max-width: 1199.98px) {
  /* line 126, app/assets/stylesheets/responsive.scss */
  .app-main {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  /* line 131, app/assets/stylesheets/responsive.scss */
  .enterprise-users-page .users-wrapper {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

/* ---------- Tablet ---------- */
@media (max-width: 991.98px) {
  /* line 139, app/assets/stylesheets/responsive.scss */
  .app-main {
    margin-top: 1.25rem !important;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  /* line 145, app/assets/stylesheets/responsive.scss */
  .app-main .users-header .header-content,
.app-main .table-header {
    flex-direction: column;
    align-items: stretch !important;
    text-align: left;
  }
  /* line 152, app/assets/stylesheets/responsive.scss */
  .app-main .header-actions,
.app-main .table-actions {
    width: 100%;
  }
  /* line 157, app/assets/stylesheets/responsive.scss */
  .app-main .header-actions .btn,
.app-main .header-actions a.btn-enterprise-secondary,
.app-main .header-actions a.btn-enterprise-primary,
.app-main .table-actions .btn,
.app-main .table-actions input[type="submit"] {
    width: 100%;
    justify-content: center;
  }
  /* line 166, app/assets/stylesheets/responsive.scss */
  .app-main .table-stats {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0.75rem 1rem;
  }
  /* line 173, app/assets/stylesheets/responsive.scss */
  .app-main .pagination-section {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
  }
  /* line 179, app/assets/stylesheets/responsive.scss */
  .navbar .dropdown-menu {
    min-width: 0;
    max-width: 100%;
  }
}

/* ---------- Phone ---------- */
@media (max-width: 767.98px) {
  /* line 187, app/assets/stylesheets/responsive.scss */
  .app-main {
    margin-top: 1rem !important;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  /* line 193, app/assets/stylesheets/responsive.scss */
  .app-main h1, .app-main .h1 {
    font-size: 1.5rem;
  }
  /* line 197, app/assets/stylesheets/responsive.scss */
  .app-main h2, .app-main .h2 {
    font-size: 1.35rem;
  }
  /* line 201, app/assets/stylesheets/responsive.scss */
  .app-main .btn-group {
    flex-wrap: wrap;
  }
  /* line 205, app/assets/stylesheets/responsive.scss */
  .app-main .nav-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  /* line 212, app/assets/stylesheets/responsive.scss */
  .app-main .nav-tabs .nav-link {
    white-space: nowrap;
  }
  /* Stack typical form columns that use Bootstrap grid */
  /* line 217, app/assets/stylesheets/responsive.scss */
  .app-main form .row > [class*="col-md-"],
.app-main form .row > [class*="col-lg-"],
.app-main form .row > [class*="col-xl-"] {
    flex: 0 0 100%;
    max-width: 100%;
  }
  /* line 224, app/assets/stylesheets/responsive.scss */
  .enterprise-notification-dropdown {
    position: fixed !important;
    top: 4.25rem !important;
    right: 1rem !important;
    left: auto !important;
    width: calc(100vw - 2rem) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 2rem) !important;
    margin: 0 !important;
  }
  /* line 235, app/assets/stylesheets/responsive.scss */
  .enterprise-footer {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

/* ---------- Small phone ---------- */
@media (max-width: 575.98px) {
  /* line 243, app/assets/stylesheets/responsive.scss */
  .app-main {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
  }
  /* line 248, app/assets/stylesheets/responsive.scss */
  .app-main .card-body,
.app-main .table-header,
.app-main .search-header,
.app-main .search-content,
.app-main .pagination-section {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  /* line 257, app/assets/stylesheets/responsive.scss */
  .app-main .btn-sm, .app-main .btn-group-sm > .btn {
    padding: 0.35rem 0.65rem;
  }
}

/* ============================================
   GOOGLE FONTS & TYPOGRAPHY
   ============================================ */
/* Base Typography - Unified Raleway Font */
/* line 45, app/assets/stylesheets/application.scss */
body {
  font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  line-height: 1.6;
}

/* line 51, app/assets/stylesheets/application.scss */
.hidden {
  display: none !important;
}

/* Headings use Raleway */
/* line 56, app/assets/stylesheets/application.scss */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6,
.navbar-brand,
.nav-link,
.btn,
.dropdown-item {
  font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Specific font weights for headings */
/* line 65, app/assets/stylesheets/application.scss */
h1, .h1 {
  font-weight: 700;
}

/* line 66, app/assets/stylesheets/application.scss */
h2, .h2 {
  font-weight: 600;
}

/* line 67, app/assets/stylesheets/application.scss */
h3, .h3 {
  font-weight: 600;
}

/* line 68, app/assets/stylesheets/application.scss */
h4, .h4 {
  font-weight: 500;
}

/* line 69, app/assets/stylesheets/application.scss */
h5, .h5 {
  font-weight: 500;
}

/* line 70, app/assets/stylesheets/application.scss */
h6, .h6 {
  font-weight: 400;
}

/* Navigation typography */
/* line 73, app/assets/stylesheets/application.scss */
.navbar-brand {
  font-weight: 800;
}

/* line 74, app/assets/stylesheets/application.scss */
.nav-link {
  font-weight: 500;
}

/* line 75, app/assets/stylesheets/application.scss */
.dropdown-item {
  font-weight: 400;
}

/* Button typography */
/* line 78, app/assets/stylesheets/application.scss */
.btn {
  font-weight: 600;
  font-family: 'Raleway', sans-serif;
}

/* Form elements */
/* line 84, app/assets/stylesheets/application.scss */
.form-control, .form-select, .form-check-label {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
}

/* Table headers use Raleway */
/* line 90, app/assets/stylesheets/application.scss */
th, .table th {
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
}

/* Cards and content areas */
/* line 96, app/assets/stylesheets/application.scss */
.card-title, .card-header {
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
}

/* Labels and important text */
/* line 102, app/assets/stylesheets/application.scss */
label, .form-label, .badge {
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
}

/* ============================================
   ENTERPRISE NAVBAR STYLES
   ============================================ */
/* Main Container */
/* line 112, app/assets/stylesheets/application.scss */
.enterprise-navbar-container {
  background: linear-gradient(135deg, #129CF3 0%, #129CF3 50%, #1e3c72 100%);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  border-bottom: 3px solid rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: visible;
  z-index: 1040;
}

/* line 120, app/assets/stylesheets/application.scss */
.enterprise-navbar-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 0%, rgba(255, 255, 255, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 100%, rgba(255, 255, 255, 0.05) 0%, transparent 50%);
  pointer-events: none;
}

/* Enhanced Navbar */
/* line 135, app/assets/stylesheets/application.scss */
.enterprise-navbar {
  background: transparent !important;
  padding: 0.5rem 0;
  position: relative;
  z-index: 1041;
}

/* line 141, app/assets/stylesheets/application.scss */
.enterprise-navbar .navbar-brand {
  color: #ffffff !important;
  font-size: 1.25rem;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.75rem;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.3s ease;
}

/* line 156, app/assets/stylesheets/application.scss */
.enterprise-navbar .navbar-brand:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  color: #ffffff !important;
}

/* line 164, app/assets/stylesheets/application.scss */
.enterprise-navbar .navbar-brand .navbar-logo {
  height: 32px;
  width: auto;
  max-width: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}

/* line 173, app/assets/stylesheets/application.scss */
.enterprise-navbar .navbar-brand .brand-text {
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
  font-size: 1.25rem;
  letter-spacing: 0.5px;
}

/* line 181, app/assets/stylesheets/application.scss */
.enterprise-navbar .navbar-toggler {
  border: 2px solid rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 8px;
}

/* line 187, app/assets/stylesheets/application.scss */
.enterprise-navbar .navbar-toggler:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
}

/* line 191, app/assets/stylesheets/application.scss */
.enterprise-navbar .navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Navigation Items */
/* line 198, app/assets/stylesheets/application.scss */
.enterprise-nav-item {
  margin: 0 0.1rem;
}

/* line 201, app/assets/stylesheets/application.scss */
.enterprise-nav-item .nav-link {
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: 500;
  padding: 0.3rem 0.6rem !important;
  border-radius: 6px;
  transition: all 0.3s ease;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.2rem;
  font-size: 0.8rem;
}

/* line 213, app/assets/stylesheets/application.scss */
.enterprise-nav-item .nav-link:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

/* line 221, app/assets/stylesheets/application.scss */
.enterprise-nav-item .nav-link.dropdown-toggle::after {
  margin-left: 0.5rem;
  vertical-align: middle;
  border-top-color: currentColor;
}

/* line 227, app/assets/stylesheets/application.scss */
.enterprise-nav-item .nav-link[aria-expanded="true"] {
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff !important;
}

/* line 232, app/assets/stylesheets/application.scss */
.enterprise-nav-item .nav-link i {
  font-size: 0.75rem;
}

/* Enhanced Dropdown Menus */
/* line 239, app/assets/stylesheets/application.scss */
.enterprise-dropdown {
  position: relative;
  z-index: 1000;
}

/* line 243, app/assets/stylesheets/application.scss */
.enterprise-dropdown .dropdown-menu {
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: none;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
  padding: 0.5rem 0;
  margin-top: 0.5rem;
  min-width: 220px !important;
  max-width: 220px !important;
  border: 1px solid rgba(255, 255, 255, 0.3);
  z-index: 1050;
  position: absolute;
}

/* line 257, app/assets/stylesheets/application.scss */
.enterprise-dropdown .dropdown-menu::before {
  content: '';
  position: absolute;
  top: -8px;
  left: 2rem;
  width: 16px;
  height: 16px;
  background: rgba(255, 255, 255, 0.95);
  transform: rotate(45deg);
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}

/* line 270, app/assets/stylesheets/application.scss */
.enterprise-dropdown .dropdown-menu .dropdown-item {
  color: #2c3e50;
  padding: 0.4rem 0.8rem !important;
  font-weight: 500;
  font-size: 0.8rem !important;
  transition: all 0.3s ease;
  border-radius: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 285, app/assets/stylesheets/application.scss */
.enterprise-dropdown .dropdown-menu .dropdown-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: transparent;
  transition: background 0.3s ease;
}

/* line 296, app/assets/stylesheets/application.scss */
.enterprise-dropdown .dropdown-menu .dropdown-item:hover {
  background: linear-gradient(90deg, rgba(30, 60, 114, 0.1), transparent);
  color: #1e3c72;
  transform: translateX(4px);
}

/* line 301, app/assets/stylesheets/application.scss */
.enterprise-dropdown .dropdown-menu .dropdown-item:hover::before {
  background: #1e3c72;
}

/* line 306, app/assets/stylesheets/application.scss */
.enterprise-dropdown .dropdown-menu .dropdown-item:active {
  background: linear-gradient(90deg, rgba(30, 60, 114, 0.2), transparent);
}

/* Right-side nav cluster (bell + Welcome). The notification panel is
   positioned against this group so it matches local: inset from the
   window edge, not only under the bell. */
/* line 318, app/assets/stylesheets/application.scss */
.enterprise-navbar-end {
  position: relative;
  overflow: visible;
}

/* Bell Icon for Notifications
   Keep the li static so Bootstrap .dropdown { position: relative }
   does not pin the panel to the bell alone. The badge is positioned
   on the .nav-link instead. */
/* line 327, app/assets/stylesheets/application.scss */
.enterprise-bell-icon.dropdown,
.enterprise-bell-icon {
  margin-right: 0.75rem;
  position: static;
  overflow: visible;
}

/* line 333, app/assets/stylesheets/application.scss */
.enterprise-bell-icon.dropdown .nav-link,
.enterprise-bell-icon .nav-link {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  padding: 0 !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.75rem !important;
  height: 2.75rem !important;
  min-width: 2.75rem !important;
  min-height: 2.75rem !important;
  font-size: inherit !important;
  margin: 0 !important;
}

/* line 349, app/assets/stylesheets/application.scss */
.enterprise-bell-icon.dropdown .nav-link.dropdown-toggle::after, .enterprise-bell-icon.dropdown .nav-link.dropdown-toggle::before,
.enterprise-bell-icon .nav-link.dropdown-toggle::after,
.enterprise-bell-icon .nav-link.dropdown-toggle::before {
  display: none !important;
  content: none !important;
}

/* line 355, app/assets/stylesheets/application.scss */
.enterprise-bell-icon.dropdown .nav-link i,
.enterprise-bell-icon.dropdown .nav-link i.bi,
.enterprise-bell-icon.dropdown .nav-link i.bi-bell,
.enterprise-bell-icon.dropdown .nav-link .bi-bell,
.enterprise-bell-icon .nav-link i,
.enterprise-bell-icon .nav-link i.bi,
.enterprise-bell-icon .nav-link i.bi-bell,
.enterprise-bell-icon .nav-link .bi-bell {
  font-size: 1.3rem !important;
  line-height: 1 !important;
  width: auto !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* line 370, app/assets/stylesheets/application.scss */
.enterprise-bell-icon.dropdown .nav-link .notification-badge,
.enterprise-bell-icon .nav-link .notification-badge {
  position: absolute !important;
  top: -4px !important;
  left: -4px !important;
  background: #ff9800 !important;
  color: #ffffff !important;
  border-radius: 50% !important;
  min-width: 1.4rem !important;
  height: 1.4rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  border: none !important;
  line-height: 1 !important;
  padding: 0 0.2rem !important;
  box-shadow: 0 2px 8px rgba(255, 152, 0, 0.4) !important;
  z-index: 10 !important;
  animation: pulse 2s infinite;
}

/* line 391, app/assets/stylesheets/application.scss */
.enterprise-bell-icon.dropdown .nav-link .notification-badge.notification-badge-zero,
.enterprise-bell-icon .nav-link .notification-badge.notification-badge-zero {
  background: #ff9800 !important;
  box-shadow: 0 2px 8px rgba(255, 152, 0, 0.4) !important;
  animation: none;
}

/* line 398, app/assets/stylesheets/application.scss */
.enterprise-bell-icon.dropdown .nav-link:hover,
.enterprise-bell-icon .nav-link:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.4);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

/* Additional specific selectors for notification badge */
/* line 408, app/assets/stylesheets/application.scss */
.enterprise-bell-icon .notification-badge,
.enterprise-nav-item.enterprise-bell-icon .notification-badge,
.navbar-nav .enterprise-bell-icon .notification-badge,
#navbarDropdownNotifications .notification-badge {
  position: absolute !important;
  top: -4px !important;
  left: -4px !important;
  background: #ff9800 !important;
  color: #ffffff !important;
  border-radius: 50% !important;
  min-width: 1.4rem !important;
  height: 1.4rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  border: none !important;
  line-height: 1 !important;
  padding: 0 0.2rem !important;
  box-shadow: 0 2px 8px rgba(255, 152, 0, 0.4) !important;
  z-index: 10 !important;
}

/* line 431, app/assets/stylesheets/application.scss */
.enterprise-bell-icon .notification-badge.notification-badge-zero,
.enterprise-nav-item.enterprise-bell-icon .notification-badge.notification-badge-zero,
.navbar-nav .enterprise-bell-icon .notification-badge.notification-badge-zero,
#navbarDropdownNotifications .notification-badge.notification-badge-zero {
  background: #ff9800 !important;
  box-shadow: 0 2px 8px rgba(255, 152, 0, 0.4) !important;
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}

/* User Profile Dropdown */
/* Notification Dropdown
   Align to the right nav cluster (Welcome button), with the same
   window inset as local — not flush to the viewport and not shifted
   far left under the bell only. */
/* line 452, app/assets/stylesheets/application.scss */
.enterprise-navbar-end .enterprise-notification-dropdown,
.navbar .enterprise-navbar-end .dropdown-menu.enterprise-notification-dropdown,
.enterprise-bell-icon .enterprise-notification-dropdown,
.navbar .enterprise-bell-icon .dropdown-menu.enterprise-notification-dropdown,
.enterprise-notification-dropdown {
  position: absolute !important;
  top: calc(100% + 0.5rem) !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  float: none !important;
  display: none;
  width: 22rem !important;
  min-width: 0 !important;
  max-width: calc(100vw - 4rem) !important;
  max-height: none;
  overflow: visible;
  margin: 0 !important;
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
  z-index: 1080 !important;
  box-sizing: border-box;
}

/* line 477, app/assets/stylesheets/application.scss */
.enterprise-navbar-end .enterprise-notification-dropdown.show,
.navbar .enterprise-navbar-end .dropdown-menu.enterprise-notification-dropdown.show,
.enterprise-bell-icon .enterprise-notification-dropdown.show,
.navbar .enterprise-bell-icon .dropdown-menu.enterprise-notification-dropdown.show,
.enterprise-notification-dropdown.show {
  display: block !important;
}

/* line 481, app/assets/stylesheets/application.scss */
.enterprise-navbar-end .enterprise-notification-dropdown li,
.enterprise-navbar-end .enterprise-notification-dropdown a,
.enterprise-navbar-end .enterprise-notification-dropdown span,
.enterprise-navbar-end .enterprise-notification-dropdown strong,
.enterprise-navbar-end .enterprise-notification-dropdown small,
.enterprise-navbar-end .enterprise-notification-dropdown p,
.navbar .enterprise-navbar-end .dropdown-menu.enterprise-notification-dropdown li,
.navbar .enterprise-navbar-end .dropdown-menu.enterprise-notification-dropdown a,
.navbar .enterprise-navbar-end .dropdown-menu.enterprise-notification-dropdown span,
.navbar .enterprise-navbar-end .dropdown-menu.enterprise-notification-dropdown strong,
.navbar .enterprise-navbar-end .dropdown-menu.enterprise-notification-dropdown small,
.navbar .enterprise-navbar-end .dropdown-menu.enterprise-notification-dropdown p,
.enterprise-bell-icon .enterprise-notification-dropdown li,
.enterprise-bell-icon .enterprise-notification-dropdown a,
.enterprise-bell-icon .enterprise-notification-dropdown span,
.enterprise-bell-icon .enterprise-notification-dropdown strong,
.enterprise-bell-icon .enterprise-notification-dropdown small,
.enterprise-bell-icon .enterprise-notification-dropdown p,
.navbar .enterprise-bell-icon .dropdown-menu.enterprise-notification-dropdown li,
.navbar .enterprise-bell-icon .dropdown-menu.enterprise-notification-dropdown a,
.navbar .enterprise-bell-icon .dropdown-menu.enterprise-notification-dropdown span,
.navbar .enterprise-bell-icon .dropdown-menu.enterprise-notification-dropdown strong,
.navbar .enterprise-bell-icon .dropdown-menu.enterprise-notification-dropdown small,
.navbar .enterprise-bell-icon .dropdown-menu.enterprise-notification-dropdown p,
.enterprise-notification-dropdown li,
.enterprise-notification-dropdown a,
.enterprise-notification-dropdown span,
.enterprise-notification-dropdown strong,
.enterprise-notification-dropdown small,
.enterprise-notification-dropdown .small,
.enterprise-notification-dropdown p {
  white-space: normal !important;
  overflow-wrap: break-word;
  word-break: break-word;
}

/* line 492, app/assets/stylesheets/application.scss */
.enterprise-navbar-end .enterprise-notification-dropdown .dropdown-header,
.navbar .enterprise-navbar-end .dropdown-menu.enterprise-notification-dropdown .dropdown-header,
.enterprise-bell-icon .enterprise-notification-dropdown .dropdown-header,
.navbar .enterprise-bell-icon .dropdown-menu.enterprise-notification-dropdown .dropdown-header,
.enterprise-notification-dropdown .dropdown-header {
  padding: 1rem;
  background: rgba(18, 156, 243, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-weight: 600;
  color: #2d3748;
  white-space: normal;
}

/* line 501, app/assets/stylesheets/application.scss */
.enterprise-navbar-end .enterprise-notification-dropdown .notification-item,
.navbar .enterprise-navbar-end .dropdown-menu.enterprise-notification-dropdown .notification-item,
.enterprise-bell-icon .enterprise-notification-dropdown .notification-item,
.navbar .enterprise-bell-icon .dropdown-menu.enterprise-notification-dropdown .notification-item,
.enterprise-notification-dropdown .notification-item {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  transition: background-color 0.2s ease;
  white-space: normal !important;
  overflow: visible;
}

/* line 508, app/assets/stylesheets/application.scss */
.enterprise-navbar-end .enterprise-notification-dropdown .notification-item:hover,
.navbar .enterprise-navbar-end .dropdown-menu.enterprise-notification-dropdown .notification-item:hover,
.enterprise-bell-icon .enterprise-notification-dropdown .notification-item:hover,
.navbar .enterprise-bell-icon .dropdown-menu.enterprise-notification-dropdown .notification-item:hover,
.enterprise-notification-dropdown .notification-item:hover {
  background-color: rgba(18, 156, 243, 0.05);
  text-decoration: none;
}

/* line 513, app/assets/stylesheets/application.scss */
.enterprise-navbar-end .enterprise-notification-dropdown .notification-item .notification-content,
.navbar .enterprise-navbar-end .dropdown-menu.enterprise-notification-dropdown .notification-item .notification-content,
.enterprise-bell-icon .enterprise-notification-dropdown .notification-item .notification-content,
.navbar .enterprise-bell-icon .dropdown-menu.enterprise-notification-dropdown .notification-item .notification-content,
.enterprise-notification-dropdown .notification-item .notification-content {
  min-width: 0;
  max-width: 100%;
}

/* line 517, app/assets/stylesheets/application.scss */
.enterprise-navbar-end .enterprise-notification-dropdown .notification-item .notification-content .notification-title,
.navbar .enterprise-navbar-end .dropdown-menu.enterprise-notification-dropdown .notification-item .notification-content .notification-title,
.enterprise-bell-icon .enterprise-notification-dropdown .notification-item .notification-content .notification-title,
.navbar .enterprise-bell-icon .dropdown-menu.enterprise-notification-dropdown .notification-item .notification-content .notification-title,
.enterprise-notification-dropdown .notification-item .notification-content .notification-title {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
  color: #2d3748;
  font-size: 0.9rem;
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* line 529, app/assets/stylesheets/application.scss */
.enterprise-navbar-end .enterprise-notification-dropdown .notification-item .notification-content .notification-title i,
.navbar .enterprise-navbar-end .dropdown-menu.enterprise-notification-dropdown .notification-item .notification-content .notification-title i,
.enterprise-bell-icon .enterprise-notification-dropdown .notification-item .notification-content .notification-title i,
.navbar .enterprise-bell-icon .dropdown-menu.enterprise-notification-dropdown .notification-item .notification-content .notification-title i,
.enterprise-notification-dropdown .notification-item .notification-content .notification-title i {
  color: #129CF3;
  margin-top: 0.15rem;
}

/* line 534, app/assets/stylesheets/application.scss */
.enterprise-navbar-end .enterprise-notification-dropdown .notification-item .notification-content .notification-title strong,
.navbar .enterprise-navbar-end .dropdown-menu.enterprise-notification-dropdown .notification-item .notification-content .notification-title strong,
.enterprise-bell-icon .enterprise-notification-dropdown .notification-item .notification-content .notification-title strong,
.navbar .enterprise-bell-icon .dropdown-menu.enterprise-notification-dropdown .notification-item .notification-content .notification-title strong,
.enterprise-notification-dropdown .notification-item .notification-content .notification-title strong {
  min-width: 0;
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* line 542, app/assets/stylesheets/application.scss */
.enterprise-navbar-end .enterprise-notification-dropdown .notification-item .notification-content .notification-meta,
.enterprise-navbar-end .enterprise-notification-dropdown .notification-item .notification-content .notification-meta small,
.navbar .enterprise-navbar-end .dropdown-menu.enterprise-notification-dropdown .notification-item .notification-content .notification-meta,
.navbar .enterprise-navbar-end .dropdown-menu.enterprise-notification-dropdown .notification-item .notification-content .notification-meta small,
.enterprise-bell-icon .enterprise-notification-dropdown .notification-item .notification-content .notification-meta,
.enterprise-bell-icon .enterprise-notification-dropdown .notification-item .notification-content .notification-meta small,
.navbar .enterprise-bell-icon .dropdown-menu.enterprise-notification-dropdown .notification-item .notification-content .notification-meta,
.navbar .enterprise-bell-icon .dropdown-menu.enterprise-notification-dropdown .notification-item .notification-content .notification-meta small,
.enterprise-notification-dropdown .notification-item .notification-content .notification-meta,
.enterprise-notification-dropdown .notification-item .notification-content .notification-meta small,
.enterprise-notification-dropdown .notification-item .notification-content .notification-meta .small {
  display: block;
  margin-left: 1.75rem;
  color: #718096;
  font-size: 0.8rem;
  white-space: normal !important;
  overflow-wrap: break-word;
  word-break: break-word;
}

/* line 555, app/assets/stylesheets/application.scss */
.enterprise-navbar-end .enterprise-notification-dropdown .dropdown-divider,
.navbar .enterprise-navbar-end .dropdown-menu.enterprise-notification-dropdown .dropdown-divider,
.enterprise-bell-icon .enterprise-notification-dropdown .dropdown-divider,
.navbar .enterprise-bell-icon .dropdown-menu.enterprise-notification-dropdown .dropdown-divider,
.enterprise-notification-dropdown .dropdown-divider {
  margin: 0.5rem 0;
}

/* line 559, app/assets/stylesheets/application.scss */
.enterprise-navbar-end .enterprise-notification-dropdown .dropdown-item,
.navbar .enterprise-navbar-end .dropdown-menu.enterprise-notification-dropdown .dropdown-item,
.enterprise-bell-icon .enterprise-notification-dropdown .dropdown-item,
.navbar .enterprise-bell-icon .dropdown-menu.enterprise-notification-dropdown .dropdown-item,
.enterprise-notification-dropdown .dropdown-item {
  padding: 0.5rem 1rem;
  font-size: 0.85rem;
  white-space: normal !important;
  overflow-wrap: break-word;
  word-break: break-word;
  text-overflow: unset;
}

/* line 567, app/assets/stylesheets/application.scss */
.enterprise-navbar-end .enterprise-notification-dropdown .dropdown-item.text-center,
.navbar .enterprise-navbar-end .dropdown-menu.enterprise-notification-dropdown .dropdown-item.text-center,
.enterprise-bell-icon .enterprise-notification-dropdown .dropdown-item.text-center,
.navbar .enterprise-bell-icon .dropdown-menu.enterprise-notification-dropdown .dropdown-item.text-center,
.enterprise-notification-dropdown .dropdown-item.text-center {
  color: #718096;
}

/* Override general nav-item icon size for bell icon - Multiple specific selectors */
/* line 574, app/assets/stylesheets/application.scss */
.enterprise-nav-item.enterprise-bell-icon .nav-link i,
.enterprise-nav-item.enterprise-bell-icon .nav-link .bi,
.enterprise-nav-item.enterprise-bell-icon .nav-link .bi-bell,
.navbar-nav .enterprise-bell-icon .nav-link i,
.navbar-nav .enterprise-bell-icon .nav-link .bi-bell {
  font-size: 1.3rem !important;
  line-height: 1 !important;
}

/* Hide dropdown arrow for bell icon - Multiple specific selectors */
/* line 584, app/assets/stylesheets/application.scss */
.enterprise-bell-icon .nav-link.dropdown-toggle::after,
.enterprise-bell-icon .nav-link.dropdown-toggle::before,
.enterprise-nav-item.enterprise-bell-icon .nav-link.dropdown-toggle::after,
.enterprise-nav-item.enterprise-bell-icon .nav-link.dropdown-toggle::before,
.navbar-nav .enterprise-bell-icon .nav-link.dropdown-toggle::after,
.navbar-nav .enterprise-bell-icon .nav-link.dropdown-toggle::before,
#navbarDropdownNotifications::after,
#navbarDropdownNotifications::before,
a#navbarDropdownNotifications::after,
a#navbarDropdownNotifications::before {
  display: none !important;
  content: "" !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 0 !important;
  height: 0 !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* User Profile Dropdown */
/* line 606, app/assets/stylesheets/application.scss */
.enterprise-user-dropdown {
  position: relative;
  z-index: 1000;
}

/* line 610, app/assets/stylesheets/application.scss */
.enterprise-user-dropdown .nav-link {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  padding: 0.25rem 0.6rem !important;
  color: #ffffff !important;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.3rem;
  font-size: 0.8rem;
  text-align: right;
}

/* line 624, app/assets/stylesheets/application.scss */
.enterprise-user-dropdown .nav-link:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.4);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

/* line 632, app/assets/stylesheets/application.scss */
.enterprise-user-dropdown .dropdown-menu {
  right: 0 !important;
  left: auto !important;
  z-index: 1050;
  position: absolute;
  min-width: 220px !important;
  max-width: 220px !important;
  margin-top: 0.5rem;
  transform: translateX(0) !important;
  /* Light Blue Sign Out Button */
}

/* line 642, app/assets/stylesheets/application.scss */
.enterprise-user-dropdown .dropdown-menu .dropdown-item {
  padding: 0.4rem 0.8rem !important;
  font-size: 0.8rem !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 651, app/assets/stylesheets/application.scss */
.enterprise-user-dropdown .dropdown-menu .signout-btn {
  color: #129CF3 !important;
  font-weight: 600 !important;
}

/* line 655, app/assets/stylesheets/application.scss */
.enterprise-user-dropdown .dropdown-menu .signout-btn:hover {
  background: linear-gradient(90deg, rgba(18, 156, 243, 0.1), transparent) !important;
  color: #0d7ec1 !important;
}

/* line 659, app/assets/stylesheets/application.scss */
.enterprise-user-dropdown .dropdown-menu .signout-btn:hover::before {
  background: #129CF3 !important;
}

/* ============================================
   ENTERPRISE FOOTER STYLES
   ============================================ */
/* line 671, app/assets/stylesheets/application.scss */
.enterprise-footer {
  background: linear-gradient(135deg, #1e3c72 0%, #129CF3 50%, #1e3c72 100%);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
  bottom: 0;
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
}

/* line 683, app/assets/stylesheets/application.scss */
.enterprise-footer .footer-content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  gap: 0.5rem;
}

/* line 691, app/assets/stylesheets/application.scss */
.enterprise-footer .footer-text {
  color: #ffffff;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
  margin: 0;
}

/* line 700, app/assets/stylesheets/application.scss */
.enterprise-footer .footer-logo {
  max-width: 100px;
  height: auto;
  max-height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

/* Responsive Footer Styles */
@media (max-width: 768px) {
  /* line 711, app/assets/stylesheets/application.scss */
  .enterprise-footer {
    height: 50px;
  }
  /* line 714, app/assets/stylesheets/application.scss */
  .enterprise-footer .footer-text {
    font-size: 0.75rem;
  }
  /* line 718, app/assets/stylesheets/application.scss */
  .enterprise-footer .footer-logo {
    max-width: 80px;
    max-height: 40px;
  }
}

@media (max-width: 480px) {
  /* line 726, app/assets/stylesheets/application.scss */
  .enterprise-footer {
    height: 45px;
  }
  /* line 729, app/assets/stylesheets/application.scss */
  .enterprise-footer .footer-content {
    gap: 0.25rem;
  }
  /* line 733, app/assets/stylesheets/application.scss */
  .enterprise-footer .footer-text {
    font-size: 0.7rem;
  }
  /* line 737, app/assets/stylesheets/application.scss */
  .enterprise-footer .footer-logo {
    max-width: 70px;
    max-height: 35px;
  }
}

/* ============================================
   RESPONSIVE DESIGN FOR ALL DEVICES
   ============================================ */
/* Extra Small Devices - Smartphones (Portrait) */
@media (max-width: 575.98px) {
  /* line 750, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container {
    padding: 0 0.5rem;
  }
  /* line 753, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-navbar {
    padding: 0.25rem 0;
  }
  /* line 756, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-navbar .navbar-brand {
    font-size: 1rem;
    padding: 0.25rem 0.5rem;
    gap: 0.25rem;
  }
  /* line 761, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-navbar .navbar-brand .navbar-logo {
    height: 24px;
    max-width: 28px;
  }
  /* line 766, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-navbar .navbar-brand .brand-text {
    font-size: 1rem;
  }
  /* line 771, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-navbar .navbar-toggler {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
  }
  /* line 777, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse {
    background: rgba(255, 255, 255, 0.98);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    border-radius: 12px;
    margin-top: 0.5rem;
    padding: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 1045;
  }
  /* line 789, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .navbar-nav .enterprise-nav-item {
    margin: 0.125rem 0;
    position: static;
  }
  /* line 793, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .navbar-nav .enterprise-nav-item .nav-link {
    color: #2c3e50 !important;
    padding: 0.5rem 0.75rem !important;
    font-size: 0.875rem;
    border-radius: 6px;
  }
  /* line 799, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .navbar-nav .enterprise-nav-item .nav-link:hover {
    background: rgba(30, 60, 114, 0.1);
    color: #1e3c72 !important;
    transform: translateX(4px);
  }
  /* line 805, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .navbar-nav .enterprise-nav-item .nav-link i {
    font-size: 0.75rem;
  }
  /* line 810, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .navbar-nav .enterprise-nav-item .dropdown-menu {
    position: static !important;
    width: 100% !important;
    box-shadow: none !important;
    border: none !important;
    background: rgba(240, 242, 247, 0.9) !important;
    -webkit-backdrop-filter: none !important;
            backdrop-filter: none !important;
    border-radius: 8px !important;
    margin: 0.5rem 0 !important;
    padding: 0.5rem !important;
  }
  /* line 821, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .navbar-nav .enterprise-nav-item .dropdown-menu::before {
    display: none !important;
  }
  /* line 825, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .navbar-nav .enterprise-nav-item .dropdown-menu .dropdown-item {
    color: #495057 !important;
    padding: 0.4rem 0.75rem !important;
    font-size: 0.8rem !important;
    border-radius: 4px !important;
  }
  /* line 831, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .navbar-nav .enterprise-nav-item .dropdown-menu .dropdown-item:hover {
    background: rgba(30, 60, 114, 0.1) !important;
    color: #1e3c72 !important;
    transform: none !important;
  }
  /* line 837, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .navbar-nav .enterprise-nav-item .dropdown-menu .dropdown-item::before, .enterprise-navbar-container .navbar-collapse .navbar-nav .enterprise-nav-item .dropdown-menu .dropdown-item::after {
    display: none !important;
  }
  /* line 844, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .navbar-nav .enterprise-user-dropdown {
    margin-top: 1rem;
    border-top: 2px solid rgba(30, 60, 114, 0.2);
    padding-top: 1rem;
  }
  /* line 849, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .navbar-nav .enterprise-user-dropdown .nav-link {
    background: linear-gradient(135deg, #1e3c72, #2a5298) !important;
    color: #ffffff !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    text-align: center;
    justify-content: center;
    font-weight: 600 !important;
  }
  /* line 857, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .navbar-nav .enterprise-user-dropdown .nav-link:hover {
    background: linear-gradient(135deg, #2a5298, #1e3c72) !important;
    transform: translateY(-1px);
    color: #ffffff !important;
  }
  /* line 866, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .navbar-nav .enterprise-user-dropdown .dropdown-menu {
    background: rgba(240, 242, 247, 0.95) !important;
    border: 1px solid rgba(30, 60, 114, 0.2) !important;
  }
  /* line 870, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .navbar-nav .enterprise-user-dropdown .dropdown-menu .dropdown-item {
    color: #2c3e50 !important;
    font-weight: 500 !important;
  }
  /* line 874, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .navbar-nav .enterprise-user-dropdown .dropdown-menu .dropdown-item:hover {
    background: rgba(30, 60, 114, 0.1) !important;
    color: #1e3c72 !important;
  }
}

/* Small Devices - Smartphones (Landscape) and Small Tablets */
@media (min-width: 576px) and (max-width: 767.98px) {
  /* line 888, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container {
    padding: 0 1rem;
  }
  /* line 891, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-navbar {
    padding: 0.375rem 0;
  }
  /* line 894, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-navbar .navbar-brand {
    font-size: 1.125rem;
    padding: 0.3rem 0.6rem;
  }
  /* line 898, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-navbar .navbar-brand .navbar-logo {
    height: 28px;
    max-width: 32px;
  }
  /* line 903, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-navbar .navbar-brand .brand-text {
    font-size: 1.125rem;
  }
  /* line 909, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse {
    background: rgba(255, 255, 255, 0.96);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    border-radius: 14px;
    margin-top: 0.75rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.3);
    position: relative;
    z-index: 1045;
  }
  /* line 919, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .enterprise-nav-item {
    position: static;
  }
  /* line 922, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .enterprise-nav-item .nav-link {
    color: #2c3e50 !important;
    padding: 0.5rem 1rem !important;
    margin: 0.15rem 0;
    font-size: 0.9rem;
  }
  /* line 928, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .enterprise-nav-item .nav-link:hover {
    background: rgba(30, 60, 114, 0.1);
    color: #1e3c72 !important;
    transform: translateX(3px);
  }
  /* line 935, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .enterprise-nav-item .dropdown-menu {
    position: static !important;
    width: 100% !important;
    box-shadow: none !important;
    border: none !important;
    background: rgba(240, 242, 247, 0.9) !important;
    -webkit-backdrop-filter: none !important;
            backdrop-filter: none !important;
    border-radius: 8px !important;
    margin: 0.5rem 0 !important;
    padding: 0.6rem !important;
  }
  /* line 946, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .enterprise-nav-item .dropdown-menu::before {
    display: none !important;
  }
  /* line 950, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .enterprise-nav-item .dropdown-menu .dropdown-item {
    color: #495057 !important;
    padding: 0.45rem 0.8rem !important;
    font-size: 0.85rem !important;
    border-radius: 4px !important;
  }
  /* line 956, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .enterprise-nav-item .dropdown-menu .dropdown-item:hover {
    background: rgba(30, 60, 114, 0.1) !important;
    color: #1e3c72 !important;
    transform: none !important;
  }
  /* line 962, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .enterprise-nav-item .dropdown-menu .dropdown-item::before, .enterprise-navbar-container .navbar-collapse .enterprise-nav-item .dropdown-menu .dropdown-item::after {
    display: none !important;
  }
  /* line 969, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .enterprise-user-dropdown {
    margin-top: 1rem;
  }
  /* line 972, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .enterprise-user-dropdown .nav-link {
    background: linear-gradient(135deg, #1e3c72, #2a5298) !important;
    color: #ffffff !important;
  }
  /* line 976, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .enterprise-user-dropdown .nav-link:hover {
    background: linear-gradient(135deg, #2a5298, #1e3c72) !important;
  }
  /* line 981, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .enterprise-user-dropdown .dropdown-menu {
    background: rgba(240, 242, 247, 0.95) !important;
  }
}

/* Medium Devices - Tablets */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* line 992, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-navbar {
    padding: 0.4rem 0;
  }
  /* line 995, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-navbar .navbar-brand {
    font-size: 1.2rem;
  }
  /* line 998, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-navbar .navbar-brand .navbar-logo {
    height: 30px;
    max-width: 36px;
  }
  /* line 1003, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-navbar .navbar-brand .brand-text {
    font-size: 1.2rem;
  }
  /* line 1009, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse {
    background: rgba(255, 255, 255, 0.95);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    border-radius: 16px;
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.3);
    position: relative;
    z-index: 1045;
  }
  /* line 1019, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .enterprise-nav-item {
    position: static;
  }
  /* line 1022, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .enterprise-nav-item .nav-link {
    color: #2c3e50 !important;
    margin: 0.2rem 0;
    padding: 0.6rem 1rem !important;
  }
  /* line 1027, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .enterprise-nav-item .nav-link:hover {
    background: rgba(30, 60, 114, 0.1);
    color: #1e3c72 !important;
    transform: translateX(2px);
  }
  /* line 1034, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .enterprise-nav-item .dropdown-menu {
    position: static !important;
    width: 100% !important;
    box-shadow: none !important;
    border: none !important;
    background: rgba(240, 242, 247, 0.9) !important;
    -webkit-backdrop-filter: none !important;
            backdrop-filter: none !important;
    border-radius: 10px !important;
    margin: 0.5rem 0 !important;
    padding: 0.75rem !important;
  }
  /* line 1045, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .enterprise-nav-item .dropdown-menu::before {
    display: none !important;
  }
  /* line 1049, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .enterprise-nav-item .dropdown-menu .dropdown-item {
    color: #495057 !important;
    padding: 0.5rem 1rem !important;
    font-size: 0.9rem !important;
    border-radius: 6px !important;
  }
  /* line 1055, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .enterprise-nav-item .dropdown-menu .dropdown-item:hover {
    background: rgba(30, 60, 114, 0.1) !important;
    color: #1e3c72 !important;
    transform: none !important;
  }
  /* line 1061, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .enterprise-nav-item .dropdown-menu .dropdown-item::before, .enterprise-navbar-container .navbar-collapse .enterprise-nav-item .dropdown-menu .dropdown-item::after {
    display: none !important;
  }
  /* line 1068, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .enterprise-user-dropdown {
    margin-top: 1rem;
  }
  /* line 1071, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .enterprise-user-dropdown .nav-link {
    background: linear-gradient(135deg, #1e3c72, #2a5298) !important;
    color: #ffffff !important;
  }
  /* line 1075, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .enterprise-user-dropdown .nav-link:hover {
    background: linear-gradient(135deg, #2a5298, #1e3c72) !important;
  }
  /* line 1080, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-collapse .enterprise-user-dropdown .dropdown-menu {
    background: rgba(240, 242, 247, 0.95) !important;
  }
}

/* Large Devices - Desktops */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* line 1091, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-nav-item {
    margin: 0 0.15rem;
  }
  /* line 1094, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-nav-item .nav-link {
    padding: 0.45rem 0.85rem !important;
    font-size: 0.875rem;
  }
  /* line 1098, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-nav-item .nav-link i {
    font-size: 0.8rem;
  }
  /* line 1104, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-dropdown .dropdown-menu {
    min-width: 220px !important;
    max-width: 220px !important;
  }
  /* line 1109, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-user-dropdown .nav-link {
    padding: 0.35rem 0.9rem !important;
    font-size: 0.875rem;
  }
}

/* Extra Large Devices - Large Desktops */
@media (min-width: 1200px) and (max-width: 1399.98px) {
  /* line 1119, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-nav-item {
    margin: 0 0.2rem;
  }
  /* line 1122, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-nav-item .nav-link {
    padding: 0.5rem 1rem !important;
    font-size: 0.9rem;
  }
  /* line 1128, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-dropdown .dropdown-menu {
    min-width: 220px !important;
    max-width: 220px !important;
  }
}

/* XXL Devices - TVs and Ultra-wide Monitors */
@media (min-width: 1400px) {
  /* line 1138, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .container {
    max-width: 1320px;
  }
  /* line 1142, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-navbar {
    padding: 0.6rem 0;
  }
  /* line 1145, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-navbar .navbar-brand {
    font-size: 1.35rem;
    padding: 0.4rem 0.8rem;
  }
  /* line 1149, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-navbar .navbar-brand .navbar-logo {
    height: 36px;
    max-width: 44px;
  }
  /* line 1154, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-navbar .navbar-brand .brand-text {
    font-size: 1.35rem;
  }
  /* line 1160, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-nav-item {
    margin: 0 0.3rem;
  }
  /* line 1163, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-nav-item .nav-link {
    padding: 0.55rem 1.1rem !important;
    font-size: 0.95rem;
  }
  /* line 1167, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-nav-item .nav-link i {
    font-size: 0.9rem;
  }
  /* line 1173, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-dropdown .dropdown-menu {
    min-width: 220px !important;
    max-width: 220px !important;
  }
  /* line 1177, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-dropdown .dropdown-menu .dropdown-item {
    padding: 0.4rem 0.8rem !important;
    font-size: 0.8rem !important;
  }
  /* line 1183, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-user-dropdown .nav-link {
    padding: 0.4rem 1.1rem !important;
    font-size: 0.95rem;
  }
  /* line 1187, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-user-dropdown .nav-link::before {
    font-size: 1rem;
  }
}

/* Landscape Orientation Adjustments */
@media (orientation: landscape) and (max-height: 600px) {
  /* line 1197, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-navbar {
    padding: 0.25rem 0;
  }
  /* line 1201, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-brand {
    font-size: 1rem !important;
    padding: 0.25rem 0.5rem !important;
  }
  /* line 1205, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-brand .navbar-logo {
    height: 22px !important;
    max-width: 26px !important;
  }
  /* line 1210, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-brand .brand-text {
    font-size: 1rem !important;
  }
  /* line 1215, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-nav-item .nav-link {
    padding: 0.375rem 0.75rem !important;
    font-size: 0.85rem !important;
  }
  /* line 1220, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .enterprise-user-dropdown .nav-link {
    padding: 0.3rem 0.8rem !important;
    font-size: 0.85rem !important;
  }
}

/* High DPI/Retina Displays */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* line 1230, app/assets/stylesheets/application.scss */
  .enterprise-navbar-container .navbar-brand, .enterprise-navbar-container .nav-link {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

/* Loading Animation for Dropdowns */
/* line 1238, app/assets/stylesheets/application.scss */
.enterprise-dropdown .dropdown-menu {
  animation: slideDown 0.3s ease;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Enhanced Hover Effects */
/* line 1254, app/assets/stylesheets/application.scss */
.enterprise-nav-item:hover .nav-link {
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* Active State */
/* line 1259, app/assets/stylesheets/application.scss */
.enterprise-nav-item .nav-link.active {
  background: rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* Dropdown Section Headers */
/* line 1266, app/assets/stylesheets/application.scss */
.enterprise-dropdown .dropdown-header {
  color: #6c757d;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0.5rem 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 0.5rem;
}

/* Ensure dropdowns appear above other content */
/* line 1278, app/assets/stylesheets/application.scss */
.navbar-nav {
  overflow: visible;
}

/* line 1282, app/assets/stylesheets/application.scss */
.navbar-nav .dropdown-menu {
  display: none;
  z-index: 1050;
  position: absolute;
  opacity: 1;
  visibility: visible;
}

/* line 1290, app/assets/stylesheets/application.scss */
.navbar-nav .dropdown-menu.show {
  display: block !important;
  z-index: 1050;
  position: absolute;
  opacity: 1;
  visibility: visible;
}

/* Dropdown Submenu Styles */
/* line 1299, app/assets/stylesheets/application.scss */
.dropdown-submenu {
  position: relative;
}

/* line 1303, app/assets/stylesheets/application.scss */
.dropdown-submenu .dropdown-menu {
  position: absolute;
  top: 0;
  left: 100%;
  margin-top: -1px;
  margin-left: -1px;
  border-radius: 0 6px 6px 6px;
  display: none;
}

/* line 1313, app/assets/stylesheets/application.scss */
.dropdown-submenu:hover .dropdown-menu,
.dropdown-submenu .dropdown-menu.show {
  display: block;
}

/* line 1319, app/assets/stylesheets/application.scss */
.dropdown-submenu > .dropdown-item::after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #6b7280;
  margin-top: 5px;
  margin-right: -10px;
}

/* Disabled hover arrow color change - click-only behavior */
/* .dropdown-submenu:hover > .dropdown-item::after {
  border-left-color: #6366f1;
} */
/* Click-only dropdown behavior */
/* line 1339, app/assets/stylesheets/application.scss */
.dropdown-submenu .dropdown-toggle[aria-expanded="true"] + .dropdown-menu {
  display: block !important;
}

/* Ensure submenu arrows show when expanded */
/* line 1344, app/assets/stylesheets/application.scss */
.dropdown-submenu .dropdown-toggle[aria-expanded="true"]::after {
  border-left-color: #6366f1 !important;
}

/* Enhanced submenu styling */
/* line 1349, app/assets/stylesheets/application.scss */
.dropdown-submenu .dropdown-menu {
  z-index: 1060 !important;
  min-width: 200px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  -webkit-backdrop-filter: blur(20px) !important;
          backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2) !important;
}

/* Ensure submenu items are properly styled */
/* line 1359, app/assets/stylesheets/application.scss */
.dropdown-submenu .dropdown-menu .dropdown-item {
  color: #2c3e50 !important;
  padding: 0.4rem 0.8rem !important;
  font-weight: 500 !important;
  font-size: 0.8rem !important;
  transition: all 0.3s ease !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  position: relative !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* line 1375, app/assets/stylesheets/application.scss */
.dropdown-submenu .dropdown-menu .dropdown-item:hover {
  background: linear-gradient(90deg, rgba(30, 60, 114, 0.1), transparent) !important;
  color: #1e3c72 !important;
  transform: translateX(4px) !important;
}

/* Responsive adjustments for submenus */
@media (max-width: 991.98px) {
  /* line 1383, app/assets/stylesheets/application.scss */
  .dropdown-submenu .dropdown-menu {
    position: static !important;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: rgba(240, 242, 247, 0.95) !important;
    border: none !important;
    box-shadow: none !important;
    padding-left: 1rem !important;
  }
  /* line 1394, app/assets/stylesheets/application.scss */
  .dropdown-submenu > .dropdown-item::after {
    display: none;
  }
}

/* Fix for Bootstrap dropdown positioning.
   Do not force left: 0 on dropdown-menu-end — that fights Popper and
   pushes the notification panel off the left edge of the viewport. */
/* line 1402, app/assets/stylesheets/application.scss */
.navbar .dropdown-menu {
  position: absolute !important;
  top: 100% !important;
  z-index: 1050 !important;
  display: none;
}

/* line 1408, app/assets/stylesheets/application.scss */
.navbar .dropdown-menu:not(.dropdown-menu-end) {
  left: 0 !important;
  float: left;
}

/* line 1413, app/assets/stylesheets/application.scss */
.navbar .dropdown-menu.dropdown-menu-end:not(.enterprise-notification-dropdown) {
  left: auto !important;
  right: 0 !important;
  transform: none !important;
  float: none;
}

/* line 1420, app/assets/stylesheets/application.scss */
.navbar .dropdown-menu.show {
  display: block !important;
}

/* Ensure proper stacking context */
/* line 1426, app/assets/stylesheets/application.scss */
body {
  position: relative;
}

/* line 1430, app/assets/stylesheets/application.scss */
.main-content {
  position: relative;
  z-index: 1;
}

/* line 1436, app/assets/stylesheets/application.scss */
div[class="row"] {
  outline: 1px solid rgba(0, 0, 0, 0.25);
}

/* line 1441, app/assets/stylesheets/application.scss */
div[class="col"] {
  outline: 1px solid rgba(0, 0, 0, 0.5);
}

/* line 1445, app/assets/stylesheets/application.scss */
td[class="table-cell-scrollable"] {
  max-height: 100px;
  /* Set the maximum height you want */
  overflow-y: scroll;
  /* Enable vertical scrolling */
  overflow-x: hidden;
  /* Hide horizontal scrolling */
  white-space: nowrap;
  /* Prevent text from wrapping */
  text-overflow: ellipsis;
  /* Add ellipsis (...) for overflow text */
}

/* line 1453, app/assets/stylesheets/application.scss */
td[class="scrollable-cell"] {
  max-height: 100px;
  /* Set the maximum height */
  overflow-y: scroll;
  /* Enable vertical scrolling */
  word-wrap: break-word;
  /* Ensure long words break and wrap correctly */
}

/* line 1461, app/assets/stylesheets/application.scss */
.comments-container {
  max-height: 200px;
  /* Set the maximum height for the comments */
  overflow-y: auto;
  /* Enable vertical scrolling */
}

/* line 1466, app/assets/stylesheets/application.scss */
.comments-container.scrollable {
  max-height: 200px;
  /* Maintain this to ensure scrolling */
}

/* line 1470, app/assets/stylesheets/application.scss */
.scrollable {
  max-height: 200px;
  overflow-y: auto;
}

/* line 1475, app/assets/stylesheets/application.scss */
.carousel-controls {
  background-color: transparent;
  padding: 5px 0;
}

/* line 1480, app/assets/stylesheets/application.scss */
.custom-carousel-control {
  font-size: 1.5rem;
  /* Smaller size for the prev/next buttons */
  border: none;
  color: #343a40;
  /* Text dark color */
  height: 30px;
  display: flex;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
}

/* line 1492, app/assets/stylesheets/application.scss */
.custom-carousel-control:hover {
  color: #495057;
  /* Darker grey on hover */
}

/* line 1496, app/assets/stylesheets/application.scss */
.carousel-page-number {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

/* line 1503, app/assets/stylesheets/application.scss */
.dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #6c757d;
  /* Default grey color for dots */
  display: inline-block;
  transition: background-color 0.3s;
}

/* line 1512, app/assets/stylesheets/application.scss */
.dot.active {
  background-color: #007bff;
  /* Active page dot color */
}

/* Style the carousel control buttons */
/* line 1518, app/assets/stylesheets/application.scss */
.carousel-control-prev,
.carousel-control-next {
  color: white;
  border: none;
  transition: background-color 0.3s, color 0.3s;
}

/* line 1526, app/assets/stylesheets/application.scss */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: invert(1);
  /* Makes icons white */
}

/* Hover effect */
/* line 1532, app/assets/stylesheets/application.scss */
.carousel-control-prev:hover,
.carousel-control-next:hover {
  background-color: #333;
  /* Darker shade of black on hover */
  color: #fff;
}

/* Optional: Customize the hover effect for the icons */
/* line 1539, app/assets/stylesheets/application.scss */
.carousel-control-prev:hover .carousel-control-prev-icon,
.carousel-control-next:hover .carousel-control-next-icon {
  filter: invert(0);
  /* Optional: Make the icons more visible on hover */
}

/* line 1544, app/assets/stylesheets/application.scss */
.step {
  transition: opacity 0.3s ease;
}

/* line 1547, app/assets/stylesheets/application.scss */
.step.d-none {
  display: none;
}

/* Keep the compact bell panel, but wrap every notification line inside it.
   Bootstrap .dropdown-item is white-space:nowrap — this must win. */
/* line 1553, app/assets/stylesheets/application.scss */
ul.dropdown-menu.enterprise-notification-dropdown,
ul.dropdown-menu.enterprise-notification-dropdown.show {
  position: absolute !important;
  top: calc(100% + 0.5rem) !important;
  right: 0 !important;
  left: auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  max-height: calc(100vh - 6rem);
}

/* line 1563, app/assets/stylesheets/application.scss */
ul.dropdown-menu.enterprise-notification-dropdown .dropdown-item,
ul.dropdown-menu.enterprise-notification-dropdown .dropdown-item.notification-item,
ul.dropdown-menu.enterprise-notification-dropdown a.dropdown-item,
ul.dropdown-menu.enterprise-notification-dropdown.show .dropdown-item,
ul.dropdown-menu.enterprise-notification-dropdown.show .dropdown-item.notification-item,
ul.dropdown-menu.enterprise-notification-dropdown.show a.dropdown-item {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  height: auto !important;
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* line 1575, app/assets/stylesheets/application.scss */
ul.dropdown-menu.enterprise-notification-dropdown .notification-content,
ul.dropdown-menu.enterprise-notification-dropdown .notification-title,
ul.dropdown-menu.enterprise-notification-dropdown .notification-title strong,
ul.dropdown-menu.enterprise-notification-dropdown .notification-meta,
ul.dropdown-menu.enterprise-notification-dropdown .notification-meta small,
ul.dropdown-menu.enterprise-notification-dropdown .notification-meta .small,
ul.dropdown-menu.enterprise-notification-dropdown.show .notification-content,
ul.dropdown-menu.enterprise-notification-dropdown.show .notification-title,
ul.dropdown-menu.enterprise-notification-dropdown.show .notification-title strong,
ul.dropdown-menu.enterprise-notification-dropdown.show .notification-meta,
ul.dropdown-menu.enterprise-notification-dropdown.show .notification-meta small {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  max-width: 100% !important;
}