/* Active Admin CSS */
@media screen {
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  /* Document
   ========================================================================== */
  /**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
  /* line 11, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
  }
  /* Sections
   ========================================================================== */
  /**
 * Remove the margin in all browsers.
 */
  /* line 23, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  body {
    margin: 0;
  }
  /**
 * Render the `main` element consistently in IE.
 */
  /* line 31, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  main {
    display: block;
  }
  /**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
  /* line 40, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  /* Grouping content
   ========================================================================== */
  /**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
  /* line 53, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
  }
  /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
  /* line 64, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
  }
  /* Text-level semantics
   ========================================================================== */
  /**
 * Remove the gray background on active links in IE 10.
 */
  /* line 76, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  a {
    background-color: transparent;
  }
  /**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
  /* line 85, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
    /* 2 */
  }
  /**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
  /* line 95, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  b,
strong {
    font-weight: bolder;
  }
  /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
  /* line 105, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
  }
  /**
 * Add the correct font size in all browsers.
 */
  /* line 116, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  small {
    font-size: 80%;
  }
  /**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
  /* line 125, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  /* line 133, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  sub {
    bottom: -0.25em;
  }
  /* line 137, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  sup {
    top: -0.5em;
  }
  /* Embedded content
   ========================================================================== */
  /**
 * Remove the border on images inside links in IE 10.
 */
  /* line 148, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  img {
    border-style: none;
  }
  /* Forms
   ========================================================================== */
  /**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
  /* line 160, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
  }
  /**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
  /* line 176, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  button,
input {
    /* 1 */
    overflow: visible;
  }
  /**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
  /* line 186, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  button,
select {
    /* 1 */
    text-transform: none;
  }
  /**
 * Correct the inability to style clickable types in iOS and Safari.
 */
  /* line 195, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
  }
  /**
 * Remove the inner border and padding in Firefox.
 */
  /* line 206, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  /**
 * Restore the focus styles unset by the previous rule.
 */
  /* line 218, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  /**
 * Correct the padding in Firefox.
 */
  /* line 229, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  /**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
  /* line 240, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
  }
  /**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
  /* line 253, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  progress {
    vertical-align: baseline;
  }
  /**
 * Remove the default vertical scrollbar in IE 10+.
 */
  /* line 261, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  textarea {
    overflow: auto;
  }
  /**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
  /* line 270, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  [type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
  }
  /**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
  /* line 280, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  /**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
  /* line 290, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  [type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
  }
  /**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
  /* line 299, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  /**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
  /* line 308, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
  }
  /* Interactive
   ========================================================================== */
  /*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
  /* line 320, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  details {
    display: block;
  }
  /*
 * Add the correct display in all browsers.
 */
  /* line 328, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  summary {
    display: list-item;
  }
  /* Misc
   ========================================================================== */
  /**
 * Add the correct display in IE 10+.
 */
  /* line 339, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  template {
    display: none;
  }
  /**
 * Add the correct display in IE 10.
 */
  /* line 347, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  [hidden] {
    display: none;
  }
  /* line 27, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  html {
    font-size: 100.01%;
  }
  /* line 28, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  body {
    font-size: 75%;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  }
  /* line 31, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    color: #5E6469;
  }
  /* line 34, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
    margin: 0;
  }
  /* line 37, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  h1 {
    font-size: 3em;
    line-height: 1;
    margin-bottom: 0.5em;
  }
  /* line 38, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  h2 {
    font-size: 2em;
    margin-bottom: 0.75em;
  }
  /* line 39, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  h3 {
    font-size: 1.5em;
    line-height: 1;
    margin-bottom: 1em;
  }
  /* line 40, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  h4 {
    font-size: 1.2em;
    line-height: 1.25;
    margin-bottom: 1.25em;
  }
  /* line 41, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  h5 {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 1.5em;
  }
  /* line 42, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  h6 {
    font-size: 1em;
    font-weight: bold;
  }
  /* line 45, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  p {
    margin: 0 0 1.5em;
  }
  /* line 48, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  p .left {
    margin: 1.5em 1.5em 1.5em 0;
    padding: 0;
  }
  /* line 49, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  p .right {
    margin: 1.5em 0 1.5em 1.5em;
    padding: 0;
  }
  /* line 52, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  .left {
    float: left !important;
  }
  /* line 53, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  .right {
    float: right !important;
  }
  /* line 55, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  blockquote {
    margin: 1.5em;
    color: #666;
    font-style: italic;
  }
  /* line 56, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  strong, dfn {
    font-weight: bold;
  }
  /* line 57, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  em, dfn {
    font-style: italic;
  }
  /* line 58, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  sup, sub {
    line-height: 0;
  }
  /* line 60, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  abbr,
acronym {
    border-bottom: 1px dotted #666;
  }
  /* line 62, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  address {
    margin: 0 0 1.5em;
    font-style: italic;
  }
  /* line 63, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  del {
    color: #666;
  }
  /* line 65, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  pre {
    margin: 1.5em 0;
    white-space: pre;
  }
  /* line 66, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  pre, code, tt {
    font: 1em 'andale mono', 'lucida console', monospace;
    line-height: 1.5;
  }
  /* line 69, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  li ul,
li ol {
    margin: 0;
  }
  /* line 71, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  ul, ol {
    margin: 0 1.5em 1.5em 0;
    padding-left: 1.5em;
  }
  /* line 73, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  ul {
    list-style-type: disc;
  }
  /* line 74, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  ol {
    list-style-type: decimal;
  }
  /* line 76, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  dl {
    margin: 0 0 1.5em 0;
  }
  /* line 77, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  dl dt {
    font-weight: bold;
  }
  /* line 78, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  dd {
    margin-left: 1.5em;
  }
  /* line 81, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  table {
    margin-bottom: 1.4em;
    width: 100%;
  }
  /* line 82, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  th {
    font-weight: bold;
  }
  /* line 83, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  thead th {
    background: #c3d9ff;
  }
  /* line 84, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  th, td, caption {
    padding: 4px 10px 4px 5px;
  }
  /* line 87, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  .small {
    font-size: .8em;
    margin-bottom: 1.875em;
    line-height: 1.875em;
  }
  /* line 88, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  .large {
    font-size: 1.2em;
    line-height: 2.5em;
    margin-bottom: 1.25em;
  }
  /* line 89, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  .hide {
    display: none;
  }
  /* line 91, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  .quiet {
    color: #666;
  }
  /* line 92, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  .loud {
    color: #000;
  }
  /* line 93, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  .highlight {
    background: #ff0;
  }
  /* line 94, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  .added {
    background: #060;
    color: #fff;
  }
  /* line 95, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  .removed {
    background: #900;
    color: #fff;
  }
  /* line 97, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  .first {
    margin-left: 0;
    padding-left: 0;
  }
  /* line 98, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  .last {
    margin-right: 0;
    padding-right: 0;
  }
  /* line 99, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  .top {
    margin-top: 0;
    padding-top: 0;
  }
  /* line 100, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  .bottom {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  /* line 2, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header {
    background-color: #6a7176;
    background-image: linear-gradient(180deg, #6a7176, #4d5256);
    border-bottom: 1px solid #44484b;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
    text-shadow: #000 0 1px 0;
    display: table;
    height: 20px;
    width: 100%;
    overflow: visible;
    position: inherit;
    padding: 5px 0;
    z-index: 900;
  }
  /* line 14, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header h1 {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    color: #cdcdcd;
    margin-right: 20px;
    margin-bottom: 0px;
    padding: 3px 30px 0 30px;
    font-size: 1.3em;
    font-weight: normal;
    line-height: 1.2;
  }
  /* line 26, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header h1 a {
    text-decoration: none;
  }
  /* line 29, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header h1 a:hover {
    color: #fff;
  }
  /* line 34, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header h1 img {
    position: relative;
    top: -2px;
  }
  /* line 40, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header a, #header a:link {
    color: #cdcdcd;
  }
  /* line 42, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header .header-item {
    top: 2px;
    position: relative;
    height: 20px;
  }
  /* line 48, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header ul.tabs {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    margin: 0;
    padding: 0;
  }
  /* line 55, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header ul.tabs li {
    /* Hover on li, display the ul */
  }
  /* line 57, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header ul.tabs li:hover > ul {
    display: block;
  }
  /* line 60, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header ul.tabs > li {
    display: inline-block;
    margin-right: 4px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1.0em;
    position: relative;
    /* Drop down menus */
  }
  /* line 68, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header ul.tabs > li a {
    text-decoration: none;
    padding: 6px 10px 4px 10px;
    position: relative;
    border-radius: 10px;
  }
  /* line 75, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header ul.tabs > li.current > a {
    background: #7b8389;
    color: #fff;
  }
  /* line 80, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header ul.tabs > li.has_nested > a {
    background: url("data:image/png;base64,R0lGODlhBwAEAKIAAL6+vry8vIiIiJWVlf///3t7ewAAAAAAACH5BAEAAAUALAAAAAAHAAQAAAMLWLol80MoF5mQKgEAOw==") no-repeat calc(100% - 7px) 50%;
    padding-right: 20px;
  }
  /* line 85, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header ul.tabs > li.has_nested.current > a {
    background: #7b8389 url("data:image/png;base64,R0lGODlhBwAEAKIAAG1tbWxsbElJSVBQUP///0JCQgAAAAAAACH5BAEAAAUALAAAAAAHAAQAAAMLWLol80MoF5mQKgEAOw==") no-repeat calc(100% - 7px) 50%;
    padding-right: 20px;
  }
  /* line 90, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header ul.tabs > li:hover > a {
    background: #7b8389;
    color: #fff;
  }
  /* line 95, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header ul.tabs > li.has_nested:hover > a {
    border-radius: 0;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom: 5px solid #7b8389;
    background: #7b8389 url("data:image/png;base64,R0lGODlhBwAEAKIAAG1tbWxsbElJSVBQUP///0JCQgAAAAAAACH5BAEAAAUALAAAAAAHAAQAAAMLWLol80MoF5mQKgEAOw==") no-repeat calc(100% - 7px) 50%;
    z-index: 1020;
  }
  /* line 104, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header ul.tabs > li ul {
    background: #7b8389;
    border-top-right-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: 0 1px 3px #444;
    position: absolute;
    width: 120%;
    min-width: 175px;
    max-width: calc(100% + 20px);
    margin-top: 5px;
    float: left;
    display: none;
    padding: 3px 0px 5px 0;
    list-style: none;
    z-index: 1010;
  }
  /* line 119, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header ul.tabs > li ul li {
    position: relative;
    margin: 0px;
  }
  /* line 122, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header ul.tabs > li ul li a {
    background: none;
    display: block;
  }
  /* line 125, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header ul.tabs > li ul li a:hover {
    color: #fff;
    background: none;
  }
  /* line 129, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header ul.tabs > li ul li.current a {
    border-radius: 0;
  }
  /* line 132, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header ul.tabs > li ul li.has_nested > a {
    background: url("data:image/gif;base64,R0lGODlhBAAHAKECAKqqqszMzPkVFfkVFSH+EUNyZWF0ZWQgd2l0aCBHSU1QACH5BAEKAAIALAAAAAAEAAcAAAIJlA0XKbH9nmAFADs=") no-repeat calc(100% - 7px) 55%;
    padding-right: 20px;
  }
  /* line 137, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header ul.tabs > li ul li.has_nested:hover > a {
    background: url("data:image/gif;base64,R0lGODlhBAAHAMIEAG1tbWxsbElJSVBQUPkVFfkVFfkVFfkVFSH+EUNyZWF0ZWQgd2l0aCBHSU1QACH5BAEKAAEALAAAAAAEAAcAAAMKGKqy02G8OGeACQA7") no-repeat calc(100% - 7px) 55%;
    color: #fff;
  }
  /* line 142, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header ul.tabs > li ul li ul {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0;
    top: -3px;
    left: 100%;
    /* Create an invisible backdrop that adds 8px margin around the dropdown menu or submenu
               that maintains the hover. This makes it much easier to navigate to submenus in
               particular without losing hover accientally, especially near rounded corners. */
  }
  /* line 151, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header ul.tabs > li ul li ul:after {
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    left: -8px;
    height: calc(100% + 16px);
    width: calc(100% + 16px);
    z-index: -2;
  }
  /* line 167, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header #tabs {
    width: 100%;
  }
  /* line 171, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header #utility_nav {
    color: #aaa;
    display: table-cell;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    padding-right: 26px;
    text-align: right;
  }
  /* line 180, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header #utility_nav a {
    text-decoration: none;
  }
  /* line 181, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header #utility_nav a:hover {
    color: #fff;
  }
  /* line 183, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_header.scss */
  #header #utility_nav li {
    display: inline;
  }
  /* line 2, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form {
    /* Reset margins & Padding */
    /* Nested Fieldsets and Legends */
    /* Text Fields */
    /* semantic_errors */
    /* Buttons */
  }
  /* line 4, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form ul, form ol, form li, form fieldset, form legend, form input, form textarea, form select, form p {
    margin: 0;
    padding: 0;
  }
  /* line 5, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form ol, form ul {
    list-style: none;
  }
  /* line 7, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset {
    border: 0;
    padding: 10px 0;
    margin-bottom: 20px;
  }
  /* line 12, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset.inputs {
    background: #f4f4f4;
    border-radius: 4px;
    box-shadow: inset 0 1px 4px #ddd;
  }
  /* line 14, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset legend {
    width: 100%;
  }
  /* line 16, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset legend span {
    display: block;
    background-color: #efefef;
    background-image: linear-gradient(180deg, #efefef, #dfe1e2);
    text-shadow: #fff 0 1px 0;
    border: solid 1px #cdcdcd;
    border-color: #d4d4d4;
    border-top-color: #e6e6e6;
    border-right-color: #d4d4d4;
    border-bottom-color: #cdcdcd;
    border-left-color: #d4d4d4;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0 1px #FFF inset;
    font-size: 1em;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 0.5em;
    color: #5E6469;
    padding: 5px 10px 3px 10px;
  }
  /* line 19, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset ol > li {
    padding: 10px;
  }
  /* line 21, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset ol > li label {
    display: block;
    width: 20%;
    float: left;
    font-size: 1.0em;
    font-weight: bold;
    color: #5E6469;
  }
  /* line 28, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset ol > li label abbr {
    border: none;
    color: #aaa;
  }
  /* line 35, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset ol > li.has_many_container {
    padding: 20px 10px;
  }
  /* line 37, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset ol > li.has_many_container h3 {
    font-size: 12px;
    font-weight: bold;
  }
  /* line 41, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset ol > li.has_many_container .has_many_fields {
    margin: 10px 0;
  }
  /* line 44, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset ol > li > li label {
    line-height: 100%;
    padding-top: 0;
  }
  /* line 47, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset ol > li > li label input {
    line-height: 100%;
    vertical-align: middle;
    margin-top: -0.1em;
  }
  /* line 56, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form .has_many_fields {
    position: relative;
  }
  /* line 59, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form .has_many_container .handle {
    position: absolute;
    top: calc(50% - 3em / 2);
    right: 2px;
    padding: 0;
    cursor: move;
  }
  /* line 68, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form .has_many_container.ui-sortable .has_many_container {
    margin-right: 2em;
  }
  /* line 75, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form .ui-sortable input[type=text], form .ui-sortable input[type=password], form .ui-sortable input[type=email], form .ui-sortable input[type=number], form .ui-sortable input[type=url], form .ui-sortable input[type=tel], form .ui-sortable textarea {
    width: calc(80% - 22px - 2em - 1px);
  }
  /* line 83, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset > ol > li fieldset {
    position: relative;
    padding: 0;
    margin-bottom: 0;
  }
  /* line 88, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset > ol > li fieldset:not(.inputs) ol {
    float: left;
    width: 74%;
    margin: 0;
    padding: 0 0 0 20%;
  }
  /* line 94, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset > ol > li fieldset:not(.inputs) ol li {
    padding: 0;
    border: 0;
  }
  /* line 100, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset > ol > li fieldset.inputs ol {
    float: left;
    width: 100%;
    margin: 0;
  }
  /* line 109, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form input[type=text],
form input[type=password],
form input[type=email],
form input[type=number],
form input[type=url],
form input[type=tel],
form input[type=date],
form input[type=time],
form textarea {
    width: calc(80% - 22px);
    border: 1px solid #c9d0d6;
    border-radius: 3px;
    font-size: 0.95em;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    outline: none;
    padding: 8px 10px 7px;
  }
  /* line 126, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form input[type=text]:focus,
form input[type=password]:focus,
form input[type=email]:focus,
form input[type=number]:focus,
form input[type=url]:focus,
form input[type=tel]:focus,
form input[type=date]:focus,
form input[type=time]:focus,
form textarea:focus {
    border: 1px solid #99a2aa;
    box-shadow: 0 0 4px #99a2aa;
  }
  /* line 132, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form input[type=date] {
    width: calc(100% - 22px);
  }
  /* line 136, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset > ol > li {
    /* Hints */
    /* Date and Time Fields */
    /* Check Boxes or Radio fields */
    /* Boolean Field */
    /* Hidden fields */
    /* Errors */
  }
  /* line 139, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset > ol > li p.inline-hints {
    font-size: 0.95em;
    font-style: italic;
    color: #666;
    margin: 0.5em 0 0 20%;
  }
  /* line 148, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset > ol > li.date_select fieldset ol li, form fieldset > ol > li.time_select fieldset ol li, form fieldset > ol > li.datetime_select fieldset ol li {
    float: left;
    width: auto;
    margin: 0 0.5em 0 0;
  }
  /* line 150, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset > ol > li.date_select fieldset ol li label, form fieldset > ol > li.time_select fieldset ol li label, form fieldset > ol > li.datetime_select fieldset ol li label {
    display: none;
  }
  /* line 151, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset > ol > li.date_select fieldset ol li input, form fieldset > ol > li.time_select fieldset ol li input, form fieldset > ol > li.datetime_select fieldset ol li input {
    display: inline;
    margin: 0;
    padding: 0;
  }
  /* line 157, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset > ol > li.check_boxes fieldset ol, form fieldset > ol > li.radio fieldset ol {
    margin-bottom: -0.6em;
  }
  /* line 159, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset > ol > li.check_boxes fieldset ol li, form fieldset > ol > li.radio fieldset ol li {
    margin: 0.1em 0 0.5em 0;
  }
  /* line 161, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset > ol > li.check_boxes fieldset ol li label, form fieldset > ol > li.radio fieldset ol li label {
    float: none;
    width: 100%;
  }
  /* line 164, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset > ol > li.check_boxes fieldset ol li label input, form fieldset > ol > li.radio fieldset ol li label input {
    margin-right: 0.2em;
  }
  /* line 171, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset > ol > li.boolean {
    min-height: 1.1em;
  }
  /* line 173, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset > ol > li.boolean label {
    width: 100%;
    padding-left: 20%;
    padding-right: 10px;
    text-transform: none !important;
    font-weight: normal;
  }
  /* line 179, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset > ol > li.boolean label input {
    margin: 0 0.5em 0 0.2em;
  }
  /* line 184, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset > ol > li.hidden {
    padding: 0;
  }
  /* line 189, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset > ol > li p.inline-errors {
    color: #932419;
    font-weight: bold;
    margin: 0.3em 0 0 20%;
  }
  /* line 194, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset > ol > li ul.errors {
    color: #932419;
    margin: 0.5em 0 0 20%;
    list-style: square;
  }
  /* line 198, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset > ol > li ul.errors li {
    padding: 0;
    border: none;
    display: list-item;
  }
  /* line 202, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset > ol > li.error input[type=text], form fieldset > ol > li.error input[type=password], form fieldset > ol > li.error input[type=email], form fieldset > ol > li.error input[type=number], form fieldset > ol > li.error input[type=url], form fieldset > ol > li.error input[type=tel], form fieldset > ol > li.error textarea {
    border: 1px solid #932419;
  }
  /* line 209, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form ul.errors {
    background: #fae6e4;
    border-radius: 4px;
    color: #932419;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 10px;
    list-style: square;
  }
  /* line 217, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form ul.errors li {
    margin-left: 15px;
    padding: 0;
    border: none;
    display: list-item;
  }
  /* line 222, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form input[type=submit], form input[type=button], form button {
    cursor: pointer;
    background-color: #838a90;
    background-image: linear-gradient(180deg, #838a90, #414549);
    text-shadow: #000 0 1px 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0 0px rgba(255, 255, 255, 0.2) inset;
    border: solid 1px #484e53;
    border-color: #484e53;
    border-top-color: #616a71;
    border-right-color: #484e53;
    border-bottom-color: #363b3f;
    border-left-color: #484e53;
    color: #efefef;
    border-radius: 200px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.0em;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 12px;
    margin-right: 3px;
    padding: 7px 16px 6px;
    text-decoration: none;
  }
  /* line 12, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  form input.disabled[type=submit], form input.disabled[type=button], form button.disabled {
    opacity: 0.5;
    cursor: default;
  }
  /* line 29, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  form input[type=submit]:not(.disabled):hover, form input[type=button]:not(.disabled):hover, form button:not(.disabled):hover {
    background-color: #8b9297;
    background-image: linear-gradient(180deg, #8b9297, #484d51);
  }
  /* line 33, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  form input[type=submit]:not(.disabled):active, form input[type=button]:not(.disabled):active, form button:not(.disabled):active {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset, 0 1px 0 0px #FFF;
    background-color: #71797f;
    background-image: linear-gradient(180deg, #71797f, #35383b);
  }
  /* line 227, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form .buttons, form .actions {
    margin-top: 15px;
  }
  /* line 229, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form .buttons input[type=submit], form .buttons input[type=button], form .buttons button, form .actions input[type=submit], form .actions input[type=button], form .actions button {
    margin-right: 10px;
  }
  /* line 232, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form .actions .create_another {
    float: none;
    margin-bottom: 10px;
  }
  /* line 236, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form .actions .create_another label {
    float: none;
    display: inline;
  }
  /* line 242, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset.buttons li, form fieldset.actions li {
    float: left;
    padding: 0;
  }
  /* line 246, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form fieldset.buttons li.cancel a, form fieldset.actions li.cancel a {
    background-color: #FFFFFF;
    background-image: linear-gradient(180deg, #FFFFFF, #E7E7E7);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(255, 255, 255, 0.8) inset;
    border: solid 1px #c7c7c7;
    border-color: #c7c7c7;
    border-top-color: #d3d3d3;
    border-right-color: #c7c7c7;
    border-bottom-color: #c2c2c2;
    border-left-color: #c7c7c7;
    text-shadow: #fff 0 1px 0;
    color: #5E6469;
    border-radius: 200px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.0em;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 12px;
    margin-right: 3px;
    padding: 7px 16px 6px;
    text-decoration: none;
  }
  /* line 12, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  form fieldset.buttons li.cancel a.disabled, form fieldset.actions li.cancel a.disabled {
    opacity: 0.5;
    cursor: default;
  }
  /* line 50, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  form fieldset.buttons li.cancel a:not(.disabled):hover, form fieldset.actions li.cancel a:not(.disabled):hover {
    background-color: #FFFFFF;
    background-image: linear-gradient(180deg, #FFFFFF, #F1F1F1);
  }
  /* line 54, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  form fieldset.buttons li.cancel a:not(.disabled):active, form fieldset.actions li.cancel a:not(.disabled):active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22) inset, 0 1px 0 0px #EEE;
    border-color: #b9b9b9;
    border-top-color: #c2c2c2;
    border-right-color: #b9b9b9;
    border-bottom-color: #b7b7b7;
    border-left-color: #b9b9b9;
    background-color: #F3F3F3;
    background-image: linear-gradient(180deg, #F3F3F3, #D8D8D8);
  }
  /* line 254, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  .sidebar_section label {
    display: block;
    text-transform: uppercase;
    color: #5E6469;
    font-size: 0.9em;
    font-weight: bold;
  }
  /* line 262, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  .sidebar_section select {
    width: 240px;
  }
  /* line 266, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  .sidebar_section input[type=text], .sidebar_section input[type=password], .sidebar_section input[type=email], .sidebar_section input[type=url], .sidebar_section input[type=tel], .sidebar_section textarea {
    width: 220px;
  }
  /* line 275, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form.filter_form .filter_form_field {
    margin-bottom: 10px;
    clear: both;
  }
  /* line 280, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form.filter_form .filter_form_field.select_and_search input[type=text] {
    margin-left: 16px;
    width: 88px;
  }
  /* line 284, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form.filter_form .filter_form_field.select_and_search select {
    width: 108px;
  }
  /* line 290, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form.filter_form .filter_form_field.filter_check_boxes label {
    margin-bottom: 3px;
  }
  /* line 291, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form.filter_form .filter_form_field.filter_check_boxes fieldset {
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  /* line 295, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form.filter_form .filter_form_field.filter_check_boxes .check_boxes_wrapper label {
    font-weight: normal;
    margin-bottom: 3px;
    text-transform: none;
    font-size: 1.0em;
  }
  /* line 300, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form.filter_form .filter_form_field.filter_check_boxes .check_boxes_wrapper label input {
    vertical-align: baseline;
  }
  /* line 305, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form.filter_form .filter_form_field.filter_date_range input[type=text] {
    width: 114px;
  }
  /* line 308, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form.filter_form .filter_form_field.filter_date_range input[type=text] + input {
    margin-left: 6px;
  }
  /* line 314, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_forms.scss */
  form.filter_form a.clear_filters_btn {
    background-color: #FFFFFF;
    background-image: linear-gradient(180deg, #FFFFFF, #E7E7E7);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(255, 255, 255, 0.8) inset;
    border: solid 1px #c7c7c7;
    border-color: #c7c7c7;
    border-top-color: #d3d3d3;
    border-right-color: #c7c7c7;
    border-bottom-color: #c2c2c2;
    border-left-color: #c7c7c7;
    text-shadow: #fff 0 1px 0;
    color: #5E6469;
    border-radius: 200px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.0em;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 12px;
    margin-right: 3px;
    padding: 7px 16px 6px;
    text-decoration: none;
  }
  /* line 12, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  form.filter_form a.clear_filters_btn.disabled {
    opacity: 0.5;
    cursor: default;
  }
  /* line 50, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  form.filter_form a.clear_filters_btn:not(.disabled):hover {
    background-color: #FFFFFF;
    background-image: linear-gradient(180deg, #FFFFFF, #F1F1F1);
  }
  /* line 54, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  form.filter_form a.clear_filters_btn:not(.disabled):active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22) inset, 0 1px 0 0px #EEE;
    border-color: #b9b9b9;
    border-top-color: #c2c2c2;
    border-right-color: #b9b9b9;
    border-bottom-color: #b7b7b7;
    border-left-color: #b9b9b9;
    background-color: #F3F3F3;
    background-image: linear-gradient(180deg, #F3F3F3, #D8D8D8);
  }
  /* line 4, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_comments.scss */
  .comments .active_admin_comment {
    margin-top: 10px;
    margin-bottom: 20px;
    max-width: 700px;
  }
  /* line 2, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_utilities.scss */
  .comments .active_admin_comment:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
  }
  /* line 10, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_comments.scss */
  .comments .active_admin_comment .active_admin_comment_meta {
    width: 130px;
    float: left;
    overflow: hidden;
    font-size: 0.9em;
    color: #767e84;
  }
  /* line 16, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_comments.scss */
  .comments .active_admin_comment .active_admin_comment_meta .active_admin_comment_author {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    color: #5E6469;
  }
  /* line 23, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_comments.scss */
  .comments .active_admin_comment .active_admin_comment_body {
    margin-left: 150px;
  }
  /* line 27, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_comments.scss */
  .comments form.active_admin_comment {
    margin: 0;
    padding: 0;
    margin-left: 150px;
  }
  /* line 32, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_comments.scss */
  .comments form.active_admin_comment fieldset.inputs {
    margin: 0;
    padding: 0;
    background: none;
    box-shadow: none;
  }
  /* line 38, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_comments.scss */
  .comments form.active_admin_comment li {
    padding: 0;
  }
  /* line 39, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_comments.scss */
  .comments form.active_admin_comment fieldset.buttons {
    padding: 0;
    margin-top: 5px;
  }
  /* line 2, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_flash_messages.scss */
  body.logged_in .flash {
    background-color: #f7f1d3;
    background-image: linear-gradient(180deg, #f7f1d3, #f5edc5);
    text-shadow: #fafafa 0 1px 0;
    border-bottom: 1px solid #eee098;
    color: #cb9810;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.0em;
    padding: 13px 30px 11px;
    position: relative;
  }
  /* line 13, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_flash_messages.scss */
  body.logged_in .flash.flash_notice {
    background-color: #dce9dd;
    background-image: linear-gradient(180deg, #dce9dd, #ccdfcd);
    border-bottom: 1px solid #adcbaf;
    color: #416347;
  }
  /* line 18, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_flash_messages.scss */
  body.logged_in .flash.flash_error {
    background-color: #f5e4e4;
    background-image: linear-gradient(180deg, #f5e4e4, #f1dcdc);
    border-bottom: 1px solid #e0c2c0;
    color: #b33c33;
  }
  /* line 27, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_flash_messages.scss */
  body.logged_out .flash {
    box-shadow: none;
    text-shadow: #fff 0 1px 0;
    background: none;
    color: #666;
    font-weight: bold;
    line-height: 1.0em;
    padding: 0;
    margin-bottom: 8px;
  }
  /* line 2, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_date_picker.scss */
  .ui-datepicker {
    background: #fff;
    background-clip: padding-box;
    color: #fff;
    display: none;
    margin-top: 2px;
    padding: 0;
    text-align: center;
    width: 160px;
  }
  /* line 12, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_date_picker.scss */
  .ui-datepicker a {
    text-decoration: none;
  }
  /* line 14, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_date_picker.scss */
  .ui-datepicker a:hover {
    cursor: pointer;
  }
  /* line 19, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_date_picker.scss */
  .ui-datepicker .ui-datepicker-header {
    background-color: #6a7176;
    background-image: linear-gradient(180deg, #6a7176, #4d5256);
    border-bottom: 1px solid #44484b;
    padding: 12px 5px 7px 4px;
    margin: 0px 0px 2px 2px;
    width: 156px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    position: relative;
    z-index: 2000;
  }
  /* line 29, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_date_picker.scss */
  .ui-datepicker .ui-datepicker-header:before {
    content: "";
    position: absolute;
    right: 45%;
    top: -6px;
    width: 0px;
    height: 0px;
    border-left: 8.5px solid rgba(0, 0, 0, 0);
    border-right: 8.5px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid #676e73;
  }
  /* line 41, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_date_picker.scss */
  .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    text-shadow: #000 0 1px 0;
    color: #fff;
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 0.8em;
    text-align: center;
  }
  /* line 50, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_date_picker.scss */
  .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
    margin: -4px 0 0 0;
  }
  /* line 53, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_date_picker.scss */
  .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
    margin: -4px 0 0 0;
  }
  /* line 59, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_date_picker.scss */
  .ui-datepicker .ui-datepicker-header a {
    color: #fff;
    display: block;
    height: 19px;
    margin-top: -4px;
    width: 10px;
  }
  /* line 66, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_date_picker.scss */
  .ui-datepicker .ui-datepicker-header a.ui-datepicker-prev {
    float: left;
    width: 0;
    height: 0;
    margin: 0px 0px 0px 4px;
    border-top: 5px solid transparent;
    border-right: 5px solid white;
    border-bottom: 5px solid transparent;
  }
  /* line 75, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_date_picker.scss */
  .ui-datepicker .ui-datepicker-header a.ui-datepicker-next {
    float: right;
    width: 0;
    height: 0;
    margin: 0px 4px 0px 0px;
    border-top: 5px solid transparent;
    border-left: 5px solid white;
    border-bottom: 5px solid transparent;
  }
  /* line 85, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_date_picker.scss */
  .ui-datepicker .ui-datepicker-header a span {
    display: none;
  }
  /* line 91, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_date_picker.scss */
  .ui-datepicker table.ui-datepicker-calendar {
    border-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.26);
    background-color: #f4f4f4;
    border: solid 1px #63686e;
    left: 2px;
    margin-bottom: 0px;
    position: relative;
    top: -2px;
    width: 156px;
  }
  /* line 102, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_date_picker.scss */
  .ui-datepicker table.ui-datepicker-calendar td, .ui-datepicker table.ui-datepicker-calendar th {
    padding: 0px;
    text-align: center;
  }
  /* line 107, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_date_picker.scss */
  .ui-datepicker table.ui-datepicker-calendar thead th {
    background-color: #dbdddf;
    color: #333333;
    font-weight: normal;
    font-size: 0.8em;
    padding-top: 1px;
  }
  /* line 115, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_date_picker.scss */
  .ui-datepicker table.ui-datepicker-calendar tbody {
    color: #666666;
  }
  /* line 118, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_date_picker.scss */
  .ui-datepicker table.ui-datepicker-calendar tbody td {
    border: none;
    height: 24px;
    width: 22px;
  }
  /* line 123, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_date_picker.scss */
  .ui-datepicker table.ui-datepicker-calendar tbody td a {
    border-radius: 3px;
    color: #666666;
    font-weight: bold;
    font-size: 0.85em;
    padding: 4px;
  }
  /* line 130, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_date_picker.scss */
  .ui-datepicker table.ui-datepicker-calendar tbody td a.ui-state-active {
    background-color: #5a5f64;
    color: #fff;
  }
  /* line 133, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_date_picker.scss */
  .ui-datepicker table.ui-datepicker-calendar tbody td a.ui-state-active.ui-state-hover {
    background-color: #5a5f64;
    color: #fff;
  }
  /* line 138, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_date_picker.scss */
  .ui-datepicker table.ui-datepicker-calendar tbody td a.ui-state-hover {
    background-color: #eceef0;
  }
  /* line 141, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_date_picker.scss */
  .ui-datepicker table.ui-datepicker-calendar tbody td a.ui-state-highlight {
    background-color: #dbdddf;
  }
  /* line 4, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tables.scss */
  table tr td {
    vertical-align: top;
  }
  /* line 8, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tables.scss */
  table tr th {
    text-align: left;
  }
  /* line 15, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tables.scss */
  table.index_table {
    width: 100%;
    margin-bottom: 10px;
    border: 0;
    border-spacing: 0;
  }
  /* line 21, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tables.scss */
  table.index_table th {
    background-color: #efefef;
    background-image: linear-gradient(180deg, #efefef, #dfe1e2);
    text-shadow: #fff 0 1px 0;
    border: solid 1px #cdcdcd;
    border-color: #d4d4d4;
    border-top-color: #e6e6e6;
    border-right-color: #d4d4d4;
    border-bottom-color: #cdcdcd;
    border-left-color: #d4d4d4;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0 1px #FFF inset;
    font-size: 1em;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 0.5em;
    color: #5E6469;
    padding: 5px 10px 3px 10px;
    border-right: none;
    padding-left: 12px;
    padding-right: 12px;
  }
  /* line 27, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tables.scss */
  table.index_table th a, table.index_table th a:link, table.index_table th a:visited {
    color: #5E6469;
    text-decoration: none;
    display: block;
    white-space: nowrap;
  }
  /* line 34, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tables.scss */
  table.index_table th.sortable a {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAABGCAYAAAAAVo4aAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAH5JREFUeNpi3LhlOwMU1AExGxDXwARYoHQLEFdD2cxAXAliMKFJgEAFEHfBJEHGMKLhMpgkTsAEdch/NNwCk2xCdiEQtML4LEgCf6EubUX3Cgh0oNvJ+P//f7wOGpUclRwYSZb41CyidNbB8giNM+9oXhmVHHm5bJjUSAABBgDKKiwMMUxPwgAAAABJRU5ErkJggg==") no-repeat 0 4px;
    padding-left: 13px;
  }
  /* line 38, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tables.scss */
  table.index_table th.sorted-asc a {
    background-position: 0 -27px;
  }
  /* line 39, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tables.scss */
  table.index_table th.sorted-desc a {
    background-position: 0 -56px;
  }
  /* line 41, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tables.scss */
  table.index_table th.sorted-asc, table.index_table th.sorted-desc {
    background-color: #e2e2e2;
    background-image: linear-gradient(180deg, #e2e2e2, #d2d4d6);
  }
  /* line 45, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tables.scss */
  table.index_table th:last-child {
    border-right: solid 1px #d4d4d4;
  }
  /* line 51, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tables.scss */
  table.index_table tr.even td {
    background: #f4f5f5;
  }
  /* line 53, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tables.scss */
  table.index_table tr.selected td {
    background: #d9e4ec;
  }
  /* line 57, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tables.scss */
  table.index_table td {
    padding: 10px 12px 8px 12px;
    border-bottom: 1px solid #e8e8e8;
    vertical-align: top;
  }
  /* line 66, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tables.scss */
  .panel_contents table {
    margin-top: 5px;
  }
  /* line 68, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tables.scss */
  .panel_contents table th {
    padding-top: 10px;
    background: none;
    color: #5E6469;
    box-shadow: none;
    text-shadow: #fff 0 1px 0;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
  }
  /* line 77, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tables.scss */
  .panel_contents table tr.odd td {
    background: #ecedee;
  }
  /* line 78, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tables.scss */
  .panel_contents table tr.even td {
    background: #f4f5f5;
  }
  /* line 82, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tables.scss */
  .attributes_table {
    overflow: hidden;
  }
  /* line 85, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tables.scss */
  .attributes_table table col.even {
    background: #f4f5f5;
  }
  /* line 86, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tables.scss */
  .attributes_table table col.odd {
    background: #ecedee;
  }
  /* line 87, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tables.scss */
  .attributes_table table th, .attributes_table table td {
    padding: 8px 12px 6px 12px;
    vertical-align: top;
    border-bottom: 1px solid #e8e8e8;
  }
  /* line 92, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tables.scss */
  .attributes_table table th {
    box-shadow: none;
    background: none;
    width: 150px;
    font-size: 0.9em;
    padding-left: 0;
    text-transform: uppercase;
    color: #5E6469;
    text-shadow: #fff 0 1px 0;
  }
  /* line 103, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tables.scss */
  .attributes_table table td .empty {
    color: #bbb;
    font-size: 0.8em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
  }
  /* line 112, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tables.scss */
  .sidebar_section .attributes_table th {
    width: 50px;
  }
  /* line 2, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_utilities.scss */
  #collection_selection_toggle_panel:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
  }
  /* line 3, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_batch_actions.scss */
  #collection_selection_toggle_panel > .resource_selection_toggle_cell {
    float: left;
  }
  /* line 1, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_modal_dialog.scss */
  .ui-widget-overlay {
    position: fixed;
    background: rgba(0, 0, 0, 0.2);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001;
  }
  /* line 8, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_modal_dialog.scss */
  .ui-dialog {
    position: fixed;
    z-index: 1002;
    background: #f4f4f4;
    border-radius: 4px;
    box-shadow: inset 0 1px 4px #ddd;
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px;
  }
  /* line 14, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_modal_dialog.scss */
  .ui-dialog .ui-dialog-titlebar {
    background-color: #efefef;
    background-image: linear-gradient(180deg, #efefef, #dfe1e2);
    text-shadow: #fff 0 1px 0;
    border: solid 1px #cdcdcd;
    border-color: #d4d4d4;
    border-top-color: #e6e6e6;
    border-right-color: #d4d4d4;
    border-bottom-color: #cdcdcd;
    border-left-color: #d4d4d4;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0 1px #FFF inset;
    font-size: 1em;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 0.5em;
    color: #5E6469;
    padding: 5px 10px 3px 10px;
  }
  /* line 16, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_modal_dialog.scss */
  .ui-dialog .ui-dialog-titlebar span {
    font-size: 1.1em;
  }
  /* line 19, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_modal_dialog.scss */
  .ui-dialog ul {
    list-style-type: none;
  }
  /* line 20, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_modal_dialog.scss */
  .ui-dialog li {
    margin: 10px 0;
  }
  /* line 21, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_modal_dialog.scss */
  .ui-dialog label {
    margin-right: 10px;
  }
  /* line 23, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_modal_dialog.scss */
  .ui-dialog .ui-dialog-buttonpane, .ui-dialog form {
    padding: 7px 15px 13px;
  }
  /* line 27, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_modal_dialog.scss */
  .ui-dialog .ui-dialog-buttonpane button {
    background-color: #838a90;
    background-image: linear-gradient(180deg, #838a90, #414549);
    text-shadow: #000 0 1px 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0 0px rgba(255, 255, 255, 0.2) inset;
    border: solid 1px #484e53;
    border-color: #484e53;
    border-top-color: #616a71;
    border-right-color: #484e53;
    border-bottom-color: #363b3f;
    border-left-color: #484e53;
    color: #efefef;
    border-radius: 200px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.0em;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 12px;
    margin-right: 3px;
    padding: 7px 16px 6px;
    text-decoration: none;
  }
  /* line 12, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  .ui-dialog .ui-dialog-buttonpane button.disabled {
    opacity: 0.5;
    cursor: default;
  }
  /* line 29, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  .ui-dialog .ui-dialog-buttonpane button:not(.disabled):hover {
    background-color: #8b9297;
    background-image: linear-gradient(180deg, #8b9297, #484d51);
  }
  /* line 33, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  .ui-dialog .ui-dialog-buttonpane button:not(.disabled):active {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset, 0 1px 0 0px #FFF;
    background-color: #71797f;
    background-image: linear-gradient(180deg, #71797f, #35383b);
  }
  /* line 28, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_modal_dialog.scss */
  .ui-dialog .ui-dialog-buttonpane button:last-child {
    background-color: #FFFFFF;
    background-image: linear-gradient(180deg, #FFFFFF, #E7E7E7);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(255, 255, 255, 0.8) inset;
    border: solid 1px #c7c7c7;
    border-color: #c7c7c7;
    border-top-color: #d3d3d3;
    border-right-color: #c7c7c7;
    border-bottom-color: #c2c2c2;
    border-left-color: #c7c7c7;
    text-shadow: #fff 0 1px 0;
    color: #5E6469;
    border-radius: 200px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.0em;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 12px;
    margin-right: 3px;
    padding: 7px 16px 6px;
    text-decoration: none;
  }
  /* line 12, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  .ui-dialog .ui-dialog-buttonpane button.disabled:last-child {
    opacity: 0.5;
    cursor: default;
  }
  /* line 50, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  .ui-dialog .ui-dialog-buttonpane button:last-child:not(.disabled):hover {
    background-color: #FFFFFF;
    background-image: linear-gradient(180deg, #FFFFFF, #F1F1F1);
  }
  /* line 54, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  .ui-dialog .ui-dialog-buttonpane button:last-child:not(.disabled):active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22) inset, 0 1px 0 0px #EEE;
    border-color: #b9b9b9;
    border-top-color: #c2c2c2;
    border-right-color: #b9b9b9;
    border-bottom-color: #b7b7b7;
    border-left-color: #b9b9b9;
    background-color: #F3F3F3;
    background-image: linear-gradient(180deg, #F3F3F3, #D8D8D8);
  }
  /* line 33, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_modal_dialog.scss */
  .active_admin_dialog.ui-dialog .ui-dialog-titlebar-close {
    display: none;
  }
  /* line 1, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_blank_slates.scss */
  .blank_slate_container {
    clear: both;
    text-align: center;
  }
  /* line 5, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_blank_slates.scss */
  .blank_slate_container .blank_slate {
    border-radius: 3px;
    border: 1px dashed #DADADA;
    color: #AAA;
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    padding: 14px 25px;
    text-align: center;
  }
  /* line 15, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_blank_slates.scss */
  .blank_slate_container .blank_slate small {
    display: block;
    font-size: 0.9em;
    font-weight: normal;
  }
  /* line 23, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_blank_slates.scss */
  .admin_dashboard .blank_slate_container .blank_slate {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  /* line 28, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_blank_slates.scss */
  .with_sidebar .blank_slate_container .blank_slate {
    margin-top: 80px;
  }
  /* line 1, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_breadcrumbs.scss */
  .breadcrumb {
    display: block;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 1.0em;
    margin-bottom: 12px;
    text-transform: uppercase;
  }
  /* line 9, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_breadcrumbs.scss */
  .breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:active {
    color: #8a949e;
    text-decoration: none;
  }
  /* line 14, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_breadcrumbs.scss */
  .breadcrumb a:hover {
    text-decoration: underline;
  }
  /* line 16, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_breadcrumbs.scss */
  .breadcrumb .breadcrumb_sep {
    margin: 0 2px;
    color: #aab2ba;
  }
  /* line 1, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_dropdown_menu.scss */
  .dropdown_menu {
    display: inline;
  }
  /* line 4, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_dropdown_menu.scss */
  .dropdown_menu .dropdown_menu_button {
    background-color: #FFFFFF;
    background-image: linear-gradient(180deg, #FFFFFF, #E7E7E7);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(255, 255, 255, 0.8) inset;
    border: solid 1px #c7c7c7;
    border-color: #c7c7c7;
    border-top-color: #d3d3d3;
    border-right-color: #c7c7c7;
    border-bottom-color: #c2c2c2;
    border-left-color: #c7c7c7;
    text-shadow: #fff 0 1px 0;
    color: #5E6469;
    border-radius: 200px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.0em;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 12px;
    margin-right: 3px;
    padding: 7px 16px 6px;
    text-decoration: none;
  }
  /* line 12, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  .dropdown_menu .dropdown_menu_button.disabled {
    opacity: 0.5;
    cursor: default;
  }
  /* line 50, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  .dropdown_menu .dropdown_menu_button:not(.disabled):hover {
    background-color: #FFFFFF;
    background-image: linear-gradient(180deg, #FFFFFF, #F1F1F1);
  }
  /* line 54, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  .dropdown_menu .dropdown_menu_button:not(.disabled):active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22) inset, 0 1px 0 0px #EEE;
    border-color: #b9b9b9;
    border-top-color: #c2c2c2;
    border-right-color: #b9b9b9;
    border-bottom-color: #b7b7b7;
    border-left-color: #b9b9b9;
    background-color: #F3F3F3;
    background-image: linear-gradient(180deg, #F3F3F3, #D8D8D8);
  }
  /* line 7, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_dropdown_menu.scss */
  .dropdown_menu .dropdown_menu_button {
    position: relative;
    padding-right: 22px !important;
    cursor: pointer;
  }
  /* line 13, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_dropdown_menu.scss */
  .dropdown_menu .dropdown_menu_button:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    border-width: 3px 3px 0;
    border-style: solid;
    border-color: #FFF transparent;
    right: 12px;
    top: 45%;
  }
  /* line 25, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_dropdown_menu.scss */
  .dropdown_menu .dropdown_menu_button:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    border-width: 3px 3px 0;
    border-style: solid;
    border-color: #777 transparent;
    right: 12px;
    top: 45%;
  }
  /* line 38, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_dropdown_menu.scss */
  .dropdown_menu .dropdown_menu_nipple {
    content: "";
    position: absolute;
    top: -6px;
    display: block;
    width: 0;
    height: 0;
    border-width: 0 6px 6px;
    border-style: solid;
    border-color: #545a5e transparent;
    z-index: 100;
  }
  /* line 54, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_dropdown_menu.scss */
  .dropdown_menu .dropdown_menu_nipple:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    border-width: 0 5px 5px;
    border-style: solid;
    border-color: #838a90 transparent;
    left: -5px;
    top: 1px;
  }
  /* line 68, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_dropdown_menu.scss */
  .dropdown_menu .dropdown_menu_nipple:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    border-width: 0 5px 5px;
    border-style: solid;
    border-color: #686e74 transparent;
    left: -5px;
    top: 2px;
  }
  /* line 81, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_dropdown_menu.scss */
  .dropdown_menu .dropdown_menu_list_wrapper {
    display: inline-block;
    position: absolute;
    background-color: white;
    padding: 2px;
    box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px, #838a90 0px 1px 0px 0px inset;
    background-color: #5E6469;
    background-color: #686e74;
    background-image: linear-gradient(180deg, #686e74, #52575c);
    border: solid 1px #464a4e;
    border-top-color: #545a5e;
    border-bottom-color: #35383b;
    border-radius: 4px;
    z-index: 2000;
    display: none;
  }
  /* line 96, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_dropdown_menu.scss */
  .dropdown_menu .dropdown_menu_list_wrapper .dropdown_menu_list {
    display: block;
    background-color: #FFF;
    border: solid 1px #464a4e;
    box-shadow: #6a7176 0px 1px 0px 0px;
    border-radius: 3px;
    margin: 0;
    overflow: hidden;
    padding: 8px;
    list-style-type: none;
    padding: 0;
  }
  /* line 109, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_dropdown_menu.scss */
  .dropdown_menu .dropdown_menu_list_wrapper .dropdown_menu_list li {
    display: block;
    border-bottom: solid 1px #ebebeb;
  }
  /* line 113, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_dropdown_menu.scss */
  .dropdown_menu .dropdown_menu_list_wrapper .dropdown_menu_list li a {
    display: block;
    box-sizing: padding-box;
    font-size: 0.95em;
    font-weight: bold;
    padding: 7px 16px 5px;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
  }
  /* line 123, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_dropdown_menu.scss */
  .dropdown_menu .dropdown_menu_list_wrapper .dropdown_menu_list li a:hover {
    background-color: #75a1c2;
    background-image: linear-gradient(180deg, #75a1c2, #608cb4);
    text-shadow: #5a83aa 0 1px 0;
    color: #FFF;
  }
  /* line 129, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_dropdown_menu.scss */
  .dropdown_menu .dropdown_menu_list_wrapper .dropdown_menu_list li a:active {
    background-color: #608cb4;
    background-image: linear-gradient(180deg, #608cb4, #75a1c2);
    color: #FFF;
  }
  /* line 137, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_dropdown_menu.scss */
  .dropdown_menu .dropdown_menu_list_wrapper .dropdown_menu_list li:first-child a {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
  }
  /* line 144, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_dropdown_menu.scss */
  .dropdown_menu .dropdown_menu_list_wrapper .dropdown_menu_list li:last-child {
    border: none;
  }
  /* line 146, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_dropdown_menu.scss */
  .dropdown_menu .dropdown_menu_list_wrapper .dropdown_menu_list li:last-child a {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
  }
  /* line 1, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_buttons.scss */
  a.member_link {
    margin-right: 7px;
    white-space: nowrap;
  }
  /* line 6, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_buttons.scss */
  a.button, a.button:link, a.button:visited, input[type=submit], input[type=button], button {
    background-color: #838a90;
    background-image: linear-gradient(180deg, #838a90, #414549);
    text-shadow: #000 0 1px 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0 0px rgba(255, 255, 255, 0.2) inset;
    border: solid 1px #484e53;
    border-color: #484e53;
    border-top-color: #616a71;
    border-right-color: #484e53;
    border-bottom-color: #363b3f;
    border-left-color: #484e53;
    color: #efefef;
    border-radius: 200px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.0em;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 12px;
    margin-right: 3px;
    padding: 7px 16px 6px;
    text-decoration: none;
  }
  /* line 12, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  a.button.disabled, a.button.disabled:link, a.button.disabled:visited, input.disabled[type=submit], input.disabled[type=button], button.disabled {
    opacity: 0.5;
    cursor: default;
  }
  /* line 29, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  a.button:not(.disabled):hover, a.button:link:not(.disabled):hover, a.button:visited:not(.disabled):hover, input[type=submit]:not(.disabled):hover, input[type=button]:not(.disabled):hover, button:not(.disabled):hover {
    background-color: #8b9297;
    background-image: linear-gradient(180deg, #8b9297, #484d51);
  }
  /* line 33, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  a.button:not(.disabled):active, a.button:link:not(.disabled):active, a.button:visited:not(.disabled):active, input[type=submit]:not(.disabled):active, input[type=button]:not(.disabled):active, button:not(.disabled):active {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset, 0 1px 0 0px #FFF;
    background-color: #71797f;
    background-image: linear-gradient(180deg, #71797f, #35383b);
  }
  /* line 2, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_grid.scss */
  table.index_grid td {
    border: none;
    background: none;
    padding: 0 20px 20px 0;
    margin: 0;
  }
  /* line 5, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_grid.scss */
  .columns {
    clear: both;
    padding: 0;
  }
  /* line 8, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_grid.scss */
  .columns .column {
    float: left;
  }
  /* line 1, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_links.scss */
  a, a:link, a:visited {
    color: #38678b;
    text-decoration: underline;
  }
  /* line 5, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_links.scss */
  a:hover {
    text-decoration: none;
  }
  /* line 1, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_pagination.scss */
  .paginated_collection_contents {
    clear: both;
  }
  /* line 5, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_pagination.scss */
  .pagination {
    float: right;
    font-size: 0.9em;
    margin-left: 10px;
  }
  /* line 10, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_pagination.scss */
  .pagination a {
    background-color: #FFFFFF;
    background-image: linear-gradient(180deg, #FFFFFF, #E7E7E7);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(255, 255, 255, 0.8) inset;
    border: solid 1px #c7c7c7;
    border-color: #c7c7c7;
    border-top-color: #d3d3d3;
    border-right-color: #c7c7c7;
    border-bottom-color: #c2c2c2;
    border-left-color: #c7c7c7;
    text-shadow: #fff 0 1px 0;
    color: #5E6469;
    border-radius: 200px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.0em;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 12px;
    margin-right: 3px;
    padding: 7px 16px 6px;
    text-decoration: none;
  }
  /* line 12, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  .pagination a.disabled {
    opacity: 0.5;
    cursor: default;
  }
  /* line 50, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  .pagination a:not(.disabled):hover {
    background-color: #FFFFFF;
    background-image: linear-gradient(180deg, #FFFFFF, #F1F1F1);
  }
  /* line 54, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  .pagination a:not(.disabled):active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22) inset, 0 1px 0 0px #EEE;
    border-color: #b9b9b9;
    border-top-color: #c2c2c2;
    border-right-color: #b9b9b9;
    border-bottom-color: #b7b7b7;
    border-left-color: #b9b9b9;
    background-color: #F3F3F3;
    background-image: linear-gradient(180deg, #F3F3F3, #D8D8D8);
  }
  /* line 14, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_pagination.scss */
  .pagination span.page.current {
    background-color: #838a90;
    background-image: linear-gradient(180deg, #838a90, #414549);
    text-shadow: #000 0 1px 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0 0px rgba(255, 255, 255, 0.2) inset;
    border: solid 1px #484e53;
    border-color: #484e53;
    border-top-color: #616a71;
    border-right-color: #484e53;
    border-bottom-color: #363b3f;
    border-left-color: #484e53;
    color: #efefef;
    border-radius: 200px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.0em;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 12px;
    margin-right: 3px;
    padding: 7px 16px 6px;
    text-decoration: none;
  }
  /* line 12, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  .pagination span.page.current.disabled {
    opacity: 0.5;
    cursor: default;
  }
  /* line 29, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  .pagination span.page.current:not(.disabled):hover {
    background-color: #8b9297;
    background-image: linear-gradient(180deg, #8b9297, #484d51);
  }
  /* line 33, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  .pagination span.page.current:not(.disabled):active {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset, 0 1px 0 0px #FFF;
    background-color: #71797f;
    background-image: linear-gradient(180deg, #71797f, #35383b);
  }
  /* line 18, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_pagination.scss */
  .pagination a, .pagination span.page.current {
    border-radius: 0px;
    margin-right: 4px;
    padding: 2px 5px;
  }
  /* line 25, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_pagination.scss */
  .pagination_information {
    float: right;
    margin-bottom: 5px;
    color: #b3bcc1;
  }
  /* line 29, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_pagination.scss */
  .pagination_information b {
    color: #5c6469;
  }
  /* line 32, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_pagination.scss */
  .download_links {
    float: left;
  }
  /* line 36, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_pagination.scss */
  .pagination_per_page {
    float: right;
    margin-left: 4px;
  }
  /* line 39, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_pagination.scss */
  .pagination_per_page select {
    background-color: #FFFFFF;
    background-image: linear-gradient(180deg, #FFFFFF, #E7E7E7);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(255, 255, 255, 0.8) inset;
    border: solid 1px #c7c7c7;
    border-color: #c7c7c7;
    border-top-color: #d3d3d3;
    border-right-color: #c7c7c7;
    border-bottom-color: #c2c2c2;
    border-left-color: #c7c7c7;
    text-shadow: #fff 0 1px 0;
    color: #5E6469;
    border-radius: 200px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.0em;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 12px;
    margin-right: 3px;
    padding: 7px 16px 6px;
    text-decoration: none;
  }
  /* line 12, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  .pagination_per_page select.disabled {
    opacity: 0.5;
    cursor: default;
  }
  /* line 50, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  .pagination_per_page select:not(.disabled):hover {
    background-color: #FFFFFF;
    background-image: linear-gradient(180deg, #FFFFFF, #F1F1F1);
  }
  /* line 54, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  .pagination_per_page select:not(.disabled):active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22) inset, 0 1px 0 0px #EEE;
    border-color: #b9b9b9;
    border-top-color: #c2c2c2;
    border-right-color: #b9b9b9;
    border-bottom-color: #b7b7b7;
    border-left-color: #b9b9b9;
    background-color: #F3F3F3;
    background-image: linear-gradient(180deg, #F3F3F3, #D8D8D8);
  }
  /* line 42, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_pagination.scss */
  .pagination_per_page select {
    border-radius: 0px;
    padding: 1px 5px;
  }
  /* line 50, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_pagination.scss */
  .comments .pagination {
    float: left;
    margin-bottom: 30px;
  }
  /* line 54, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_pagination.scss */
  .comments .pagination_information {
    float: left;
    color: #000;
  }
  /* line 2, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_panels.scss */
  .section, .panel {
    background: #f4f4f4;
    border-radius: 4px;
    box-shadow: inset 0 1px 4px #ddd;
    margin-bottom: 20px;
  }
  /* line 27, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_sections.scss */
  .section > h3, .panel > h3 {
    background-color: #efefef;
    background-image: linear-gradient(180deg, #efefef, #dfe1e2);
    text-shadow: #fff 0 1px 0;
    border: solid 1px #cdcdcd;
    border-color: #d4d4d4;
    border-top-color: #e6e6e6;
    border-right-color: #d4d4d4;
    border-bottom-color: #cdcdcd;
    border-left-color: #d4d4d4;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0 1px #FFF inset;
    font-size: 1em;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 0.5em;
    color: #5E6469;
    padding: 5px 10px 3px 10px;
  }
  /* line 30, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_sections.scss */
  .section > h3 .header_action, .panel > h3 .header_action {
    float: right;
  }
  /* line 35, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_sections.scss */
  .section > div, .panel > div {
    padding: 3px 15px 15px 15px;
  }
  /* line 37, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_sections.scss */
  .section hr, .panel hr {
    border: none;
    border-bottom: 1px solid #E8E8E8;
  }
  /* line 6, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_panels.scss */
  .sidebar_section {
    background: #f4f4f4;
    border-radius: 4px;
    box-shadow: inset 0 1px 4px #ddd;
    margin-bottom: 20px;
  }
  /* line 27, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_sections.scss */
  .sidebar_section > h3 {
    background-color: #efefef;
    background-image: linear-gradient(180deg, #efefef, #dfe1e2);
    text-shadow: #fff 0 1px 0;
    border: solid 1px #cdcdcd;
    border-color: #d4d4d4;
    border-top-color: #e6e6e6;
    border-right-color: #d4d4d4;
    border-bottom-color: #cdcdcd;
    border-left-color: #d4d4d4;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0 1px #FFF inset;
    font-size: 1em;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 0.5em;
    color: #5E6469;
    padding: 5px 10px 3px 10px;
  }
  /* line 30, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_sections.scss */
  .sidebar_section > h3 .header_action {
    float: right;
  }
  /* line 35, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_sections.scss */
  .sidebar_section > div {
    padding: 3px 15px 15px 15px;
  }
  /* line 37, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_sections.scss */
  .sidebar_section hr {
    border: none;
    border-bottom: 1px solid #E8E8E8;
  }
  /* line 1, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_columns.scss */
  .columns {
    margin-bottom: 10px;
  }
  /* line 3, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_scopes.scss */
  .scopes li .count {
    color: #8e979e;
    font-weight: normal;
    font-size: 0.9em;
    line-height: 10px;
  }
  /* line 9, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_scopes.scss */
  .scopes li:first-child a {
    margin-left: 10px;
  }
  /* line 1, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_status_tags.scss */
  .status_tag {
    background: #cacaca;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    padding: 3px 5px 2px 5px;
    font-size: 0.8em;
  }
  /* line 9, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_status_tags.scss */
  .status_tag.yes {
    background: #6090DB;
  }
  /* line 10, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_status_tags.scss */
  .status_tag.no {
    background: grey;
  }
  /* line 1, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_table_tools.scss */
  .table_tools {
    margin-bottom: 16px;
  }
  /* line 2, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_utilities.scss */
  .table_tools:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
  }
  /* line 6, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_table_tools.scss */
  .table_tools .dropdown_menu {
    float: left;
  }
  /* line 10, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_table_tools.scss */
  a.table_tools_button, .table_tools .dropdown_menu_button {
    background-color: #FFFFFF;
    background-image: linear-gradient(180deg, #FFFFFF, #E7E7E7);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(255, 255, 255, 0.8) inset;
    border: solid 1px #c7c7c7;
    border-color: #c7c7c7;
    border-top-color: #d3d3d3;
    border-right-color: #c7c7c7;
    border-bottom-color: #c2c2c2;
    border-left-color: #c7c7c7;
    text-shadow: #fff 0 1px 0;
    color: #5E6469;
    border-radius: 200px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.0em;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 12px;
    margin-right: 3px;
    padding: 7px 16px 6px;
    text-decoration: none;
  }
  /* line 12, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  a.table_tools_button.disabled, .table_tools .dropdown_menu_button.disabled {
    opacity: 0.5;
    cursor: default;
  }
  /* line 50, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  a.table_tools_button:not(.disabled):hover, .table_tools .dropdown_menu_button:not(.disabled):hover {
    background-color: #FFFFFF;
    background-image: linear-gradient(180deg, #FFFFFF, #F1F1F1);
  }
  /* line 54, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  a.table_tools_button:not(.disabled):active, .table_tools .dropdown_menu_button:not(.disabled):active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22) inset, 0 1px 0 0px #EEE;
    border-color: #b9b9b9;
    border-top-color: #c2c2c2;
    border-right-color: #b9b9b9;
    border-bottom-color: #b7b7b7;
    border-left-color: #b9b9b9;
    background-color: #F3F3F3;
    background-image: linear-gradient(180deg, #F3F3F3, #D8D8D8);
  }
  /* line 13, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_table_tools.scss */
  a.table_tools_button, .table_tools .dropdown_menu_button {
    background-color: #FFFFFF;
    background-image: linear-gradient(180deg, #FFFFFF, #F0F0F0);
    border-color: #d0d0d0;
    border-top-color: #d9d9d9;
    border-right-color: #d0d0d0;
    border-bottom-color: #c5c5c5;
    border-left-color: #d0d0d0;
    font-size: 0.9em;
    padding: 4px 14px 4px;
    margin: 0;
  }
  /* line 22, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_table_tools.scss */
  a.table_tools_button:not(.disabled):hover, .table_tools .dropdown_menu_button:not(.disabled):hover {
    background-color: #FFFFFF;
    background-image: linear-gradient(180deg, #FFFFFF, #F6F6F6);
  }
  /* line 26, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_table_tools.scss */
  a.table_tools_button:not(.disabled):active, .table_tools .dropdown_menu_button:not(.disabled):active {
    border-color: #c8c8c8;
    border-top-color: #d7d7d7;
    border-right-color: #c8c8c8;
    border-bottom-color: #c3c3c3;
    border-left-color: #c8c8c8;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.17) inset;
    background-color: #FFFFFF;
    background-image: linear-gradient(180deg, #FFFFFF, #E8E8E8);
  }
  /* line 34, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_table_tools.scss */
  .table_tools_segmented_control {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  /* line 39, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_table_tools.scss */
  .table_tools_segmented_control li {
    float: left;
  }
  /* line 42, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_table_tools.scss */
  .table_tools_segmented_control li a {
    border-width: 1px .5px 1px .5px;
    border-radius: 0;
  }
  /* line 47, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_table_tools.scss */
  .table_tools_segmented_control li:first-child a {
    border-left-width: 1px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
  }
  /* line 53, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_table_tools.scss */
  .table_tools_segmented_control li:last-child a {
    border-right-width: 1px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
  }
  /* line 59, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_table_tools.scss */
  .table_tools_segmented_control li.selected a {
    background-color: #F0F0F0;
    background-image: linear-gradient(180deg, #F0F0F0, #FDFDFD);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) inset;
    cursor: default;
  }
  /* line 64, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_table_tools.scss */
  .table_tools_segmented_control li.selected a:hover {
    background-color: #F0F0F0;
    background-image: linear-gradient(180deg, #F0F0F0, #FDFDFD);
  }
  /* line 1, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_index_list.scss */
  .indexes {
    float: right;
  }
  /* line 5, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_index_list.scss */
  .indexes li .count {
    color: #8e979e;
    font-weight: normal;
    font-size: 0.9em;
    line-height: 10px;
  }
  /* line 1, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_unsupported_browser.scss */
  .unsupported_browser {
    padding: 10px 30px;
    color: #211e14;
    background-color: #fae692;
    background-color: #feefae;
    background-image: linear-gradient(180deg, #feefae, #fae692);
    border-bottom: 1px solid #b3a569;
  }
  /* line 8, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_unsupported_browser.scss */
  .unsupported_browser h1 {
    font-size: 13px;
    font-weight: bold;
  }
  /* line 13, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_unsupported_browser.scss */
  .unsupported_browser p {
    margin-bottom: 0.5em;
  }
  /* line 1, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tabs.scss */
  .ui-tabs-nav {
    list-style: none;
    display: block;
    width: auto;
    margin-bottom: -12px;
    padding-left: 0;
    overflow: auto;
    margin-left: 15px;
  }
  /* line 10, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tabs.scss */
  .ui-tabs-nav li {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    float: left;
  }
  /* line 17, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tabs.scss */
  .ui-tabs-nav li:first-child a {
    border-left-width: 1px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
  }
  /* line 23, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tabs.scss */
  .ui-tabs-nav li:last-child a {
    border-right-width: 1px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
  }
  /* line 29, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tabs.scss */
  .ui-tabs-nav li a {
    background-color: #FFFFFF;
    background-image: linear-gradient(180deg, #FFFFFF, #E7E7E7);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(255, 255, 255, 0.8) inset;
    border: solid 1px #c7c7c7;
    border-color: #c7c7c7;
    border-top-color: #d3d3d3;
    border-right-color: #c7c7c7;
    border-bottom-color: #c2c2c2;
    border-left-color: #c7c7c7;
    text-shadow: #fff 0 1px 0;
    color: #5E6469;
    border-radius: 200px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.0em;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 12px;
    margin-right: 3px;
    padding: 7px 16px 6px;
    text-decoration: none;
  }
  /* line 12, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  .ui-tabs-nav li a.disabled {
    opacity: 0.5;
    cursor: default;
  }
  /* line 50, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  .ui-tabs-nav li a:not(.disabled):hover {
    background-color: #FFFFFF;
    background-image: linear-gradient(180deg, #FFFFFF, #F1F1F1);
  }
  /* line 54, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  .ui-tabs-nav li a:not(.disabled):active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22) inset, 0 1px 0 0px #EEE;
    border-color: #b9b9b9;
    border-top-color: #c2c2c2;
    border-right-color: #b9b9b9;
    border-bottom-color: #b7b7b7;
    border-left-color: #b9b9b9;
    background-color: #F3F3F3;
    background-image: linear-gradient(180deg, #F3F3F3, #D8D8D8);
  }
  /* line 32, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tabs.scss */
  .ui-tabs-nav li a {
    background-color: #FFFFFF;
    background-image: linear-gradient(180deg, #FFFFFF, #F0F0F0);
    border-color: #d0d0d0;
    border-top-color: #d9d9d9;
    border-right-color: #d0d0d0;
    border-bottom-color: #c5c5c5;
    border-left-color: #d0d0d0;
    text-decoration: none;
    border-radius: 0;
    border-width: 1px .5px 1px .5px;
    margin-right: 0;
    padding: 4px 14px 4px;
  }
  /* line 43, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tabs.scss */
  .ui-tabs-nav li a:not(.disabled):hover {
    background-color: #FFFFFF;
    background-image: linear-gradient(180deg, #FFFFFF, #F6F6F6);
  }
  /* line 50, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tabs.scss */
  .ui-tabs-nav li.ui-tabs-active a {
    cursor: default;
    background-color: #F0F0F0;
    background-image: linear-gradient(180deg, #F0F0F0, #FDFDFD);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) inset;
  }
  /* line 55, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tabs.scss */
  .ui-tabs-nav li.ui-tabs-active a a:hover {
    background-color: #F0F0F0;
    background-image: linear-gradient(180deg, #F0F0F0, #FDFDFD);
  }
  /* line 63, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/components/_tabs.scss */
  .tab-content {
    border: 1px solid #D3D3D3;
    padding: 15px;
    padding-top: 30px;
    text-align: left;
  }
  /* line 1, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/pages/_logged_out.scss */
  body.logged_out {
    background: #e8e9ea;
  }
  /* line 4, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/pages/_logged_out.scss */
  body.logged_out #content_wrapper {
    width: 500px;
    margin: 70px auto;
  }
  /* line 7, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/pages/_logged_out.scss */
  body.logged_out #content_wrapper #active_admin_content {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
    background: #fff;
    padding: 13px 30px;
  }
  /* line 14, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/pages/_logged_out.scss */
  body.logged_out h2 {
    background-color: #efefef;
    background-image: linear-gradient(180deg, #efefef, #dfe1e2);
    text-shadow: #fff 0 1px 0;
    border: solid 1px #cdcdcd;
    border-color: #d4d4d4;
    border-top-color: #e6e6e6;
    border-right-color: #d4d4d4;
    border-bottom-color: #cdcdcd;
    border-left-color: #d4d4d4;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0 1px #FFF inset;
    font-size: 1em;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 0.5em;
    color: #5E6469;
    padding: 5px 10px 3px 10px;
    background-color: #6a7176;
    background-image: linear-gradient(180deg, #6a7176, #4d5256);
    border-bottom: 1px solid #44484b;
    text-shadow: #000 0 1px 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border: none;
    color: #fff;
    margin: -13px -30px 20px -30px;
  }
  /* line 24, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/pages/_logged_out.scss */
  body.logged_out #login {
    /* Login Form */
  }
  /* line 27, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/pages/_logged_out.scss */
  body.logged_out #login form fieldset {
    box-shadow: none;
    background: none;
    padding: 0;
    margin-bottom: 0;
  }
  /* line 32, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/pages/_logged_out.scss */
  body.logged_out #login form fieldset li {
    padding: 10px 0;
  }
  /* line 34, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/pages/_logged_out.scss */
  body.logged_out #login form fieldset input[type=text], body.logged_out #login form fieldset input[type=email], body.logged_out #login form fieldset input[type=password] {
    width: 70%;
  }
  /* line 37, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/pages/_logged_out.scss */
  body.logged_out #login form fieldset.buttons {
    margin-left: 20%;
  }
  /* line 41, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/pages/_logged_out.scss */
  body.logged_out #login a {
    float: right;
    margin-top: -32px;
  }
  /* line 1, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/structure/_footer.scss */
  #footer {
    padding: 30px 30px;
    font-size: 0.8em;
    clear: both;
  }
  /* line 6, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/structure/_footer.scss */
  #footer p {
    padding-top: 10px;
  }
  /* line 12, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/structure/_footer.scss */
  #index_footer {
    padding-top: 5px;
    text-align: right;
    font-size: 0.85em;
  }
  /* line 2, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_utilities.scss */
  #index_footer:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
  }
  /* line 19, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/structure/_footer.scss */
  .index_content {
    clear: both;
  }
  /* line 1, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/structure/_main_structure.scss */
  #wrapper {
    width: 100%;
  }
  /* line 5, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/structure/_main_structure.scss */
  .index #wrapper {
    display: table;
  }
  /* line 9, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/structure/_main_structure.scss */
  #active_admin_content {
    margin: 0;
    padding: 30px;
  }
  /* line 13, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/structure/_main_structure.scss */
  #active_admin_content #main_content_wrapper {
    float: left;
    width: 100%;
  }
  /* line 17, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/structure/_main_structure.scss */
  #active_admin_content #main_content_wrapper #main_content {
    margin-right: 300px;
  }
  /* line 22, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/structure/_main_structure.scss */
  #active_admin_content.without_sidebar #main_content_wrapper #main_content {
    margin-right: 0;
  }
  /* line 24, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/structure/_main_structure.scss */
  #active_admin_content #sidebar {
    float: left;
    width: 270px;
    margin-left: -270px;
  }
  /* line 1, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/structure/_title_bar.scss */
  #title_bar {
    background-color: #efefef;
    background-image: linear-gradient(180deg, #efefef, #dfe1e2);
    text-shadow: #fff 0 1px 0;
    border: solid 1px #cdcdcd;
    border-color: #d4d4d4;
    border-top-color: #e6e6e6;
    border-right-color: #d4d4d4;
    border-bottom-color: #cdcdcd;
    border-left-color: #d4d4d4;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0 1px #FFF inset;
    font-size: 1em;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 0.5em;
    color: #5E6469;
    padding: 5px 10px 3px 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
    display: table;
    border-bottom-color: #EEE;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 10px 30px;
    z-index: 800;
  }
  /* line 2, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_utilities.scss */
  #title_bar:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
  }
  /* line 13, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/structure/_title_bar.scss */
  #title_bar #titlebar_left, #title_bar #titlebar_right {
    height: 50px;
    vertical-align: middle;
    display: table-cell;
  }
  /* line 19, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/structure/_title_bar.scss */
  #title_bar #titlebar_right {
    text-align: right;
  }
  /* line 23, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/structure/_title_bar.scss */
  #title_bar h2 {
    margin: 0;
    padding: 0;
    font-size: 2.6em;
    line-height: 100%;
    font-weight: bold;
  }
  /* line 33, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/structure/_title_bar.scss */
  #title_bar .action_items span.action_item > a, #title_bar .action_items span.action_item > .dropdown_menu > a {
    background-color: #FFFFFF;
    background-image: linear-gradient(180deg, #FFFFFF, #E7E7E7);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(255, 255, 255, 0.8) inset;
    border: solid 1px #c7c7c7;
    border-color: #c7c7c7;
    border-top-color: #d3d3d3;
    border-right-color: #c7c7c7;
    border-bottom-color: #c2c2c2;
    border-left-color: #c7c7c7;
    text-shadow: #fff 0 1px 0;
    color: #5E6469;
    border-radius: 200px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.0em;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 12px;
    margin-right: 3px;
    padding: 7px 16px 6px;
    text-decoration: none;
  }
  /* line 12, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  #title_bar .action_items span.action_item > a.disabled, #title_bar .action_items span.action_item > .dropdown_menu > a.disabled {
    opacity: 0.5;
    cursor: default;
  }
  /* line 50, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  #title_bar .action_items span.action_item > a:not(.disabled):hover, #title_bar .action_items span.action_item > .dropdown_menu > a:not(.disabled):hover {
    background-color: #FFFFFF;
    background-image: linear-gradient(180deg, #FFFFFF, #F1F1F1);
  }
  /* line 54, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/mixins/_buttons.scss */
  #title_bar .action_items span.action_item > a:not(.disabled):active, #title_bar .action_items span.action_item > .dropdown_menu > a:not(.disabled):active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22) inset, 0 1px 0 0px #EEE;
    border-color: #b9b9b9;
    border-top-color: #c2c2c2;
    border-right-color: #b9b9b9;
    border-bottom-color: #b7b7b7;
    border-left-color: #b9b9b9;
    background-color: #F3F3F3;
    background-image: linear-gradient(180deg, #F3F3F3, #D8D8D8);
  }
  /* line 36, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/structure/_title_bar.scss */
  #title_bar .action_items span.action_item > a, #title_bar .action_items span.action_item > .dropdown_menu > a {
    padding: 12px 17px 10px;
    margin: 0px;
  }
  /* line 36, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_base.scss */
  html {
    box-sizing: border-box;
  }
  /* line 40, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_base.scss */
  *,
*:before,
*:after {
    box-sizing: inherit;
  }
  /* line 46, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_base.scss */
  body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 1.5;
    font-size: 72%;
    background: #FFF;
    color: #323537;
  }
}

@media print {
  /* Active Admin Print Stylesheet */
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  /* Document
   ========================================================================== */
  /**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
  /* line 11, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
  }
  /* Sections
   ========================================================================== */
  /**
 * Remove the margin in all browsers.
 */
  /* line 23, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  body {
    margin: 0;
  }
  /**
 * Render the `main` element consistently in IE.
 */
  /* line 31, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  main {
    display: block;
  }
  /**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
  /* line 40, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  /* Grouping content
   ========================================================================== */
  /**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
  /* line 53, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
  }
  /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
  /* line 64, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
  }
  /* Text-level semantics
   ========================================================================== */
  /**
 * Remove the gray background on active links in IE 10.
 */
  /* line 76, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  a {
    background-color: transparent;
  }
  /**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
  /* line 85, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
    /* 2 */
  }
  /**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
  /* line 95, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  b,
strong {
    font-weight: bolder;
  }
  /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
  /* line 105, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
  }
  /**
 * Add the correct font size in all browsers.
 */
  /* line 116, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  small {
    font-size: 80%;
  }
  /**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
  /* line 125, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  /* line 133, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  sub {
    bottom: -0.25em;
  }
  /* line 137, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  sup {
    top: -0.5em;
  }
  /* Embedded content
   ========================================================================== */
  /**
 * Remove the border on images inside links in IE 10.
 */
  /* line 148, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  img {
    border-style: none;
  }
  /* Forms
   ========================================================================== */
  /**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
  /* line 160, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
  }
  /**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
  /* line 176, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  button,
input {
    /* 1 */
    overflow: visible;
  }
  /**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
  /* line 186, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  button,
select {
    /* 1 */
    text-transform: none;
  }
  /**
 * Correct the inability to style clickable types in iOS and Safari.
 */
  /* line 195, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
  }
  /**
 * Remove the inner border and padding in Firefox.
 */
  /* line 206, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  /**
 * Restore the focus styles unset by the previous rule.
 */
  /* line 218, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  /**
 * Correct the padding in Firefox.
 */
  /* line 229, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  /**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
  /* line 240, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
  }
  /**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
  /* line 253, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  progress {
    vertical-align: baseline;
  }
  /**
 * Remove the default vertical scrollbar in IE 10+.
 */
  /* line 261, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  textarea {
    overflow: auto;
  }
  /**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
  /* line 270, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  [type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
  }
  /**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
  /* line 280, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  /**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
  /* line 290, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  [type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
  }
  /**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
  /* line 299, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  /**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
  /* line 308, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
  }
  /* Interactive
   ========================================================================== */
  /*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
  /* line 320, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  details {
    display: block;
  }
  /*
 * Add the correct display in all browsers.
 */
  /* line 328, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  summary {
    display: list-item;
  }
  /* Misc
   ========================================================================== */
  /**
 * Add the correct display in IE 10+.
 */
  /* line 339, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  template {
    display: none;
  }
  /**
 * Add the correct display in IE 10.
 */
  /* line 347, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_normalize.scss */
  [hidden] {
    display: none;
  }
  /* line 27, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  html {
    font-size: 100.01%;
  }
  /* line 28, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  body {
    font-size: 75%;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  }
  /* line 31, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    color: black;
  }
  /* line 34, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
    margin: 0;
  }
  /* line 37, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  h1 {
    font-size: 3em;
    line-height: 1;
    margin-bottom: 0.5em;
  }
  /* line 38, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  h2 {
    font-size: 2em;
    margin-bottom: 0.75em;
  }
  /* line 39, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  h3 {
    font-size: 1.5em;
    line-height: 1;
    margin-bottom: 1em;
  }
  /* line 40, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  h4 {
    font-size: 1.2em;
    line-height: 1.25;
    margin-bottom: 1.25em;
  }
  /* line 41, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  h5 {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 1.5em;
  }
  /* line 42, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  h6 {
    font-size: 1em;
    font-weight: bold;
  }
  /* line 45, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  p {
    margin: 0 0 1.5em;
  }
  /* line 48, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  p .left {
    margin: 1.5em 1.5em 1.5em 0;
    padding: 0;
  }
  /* line 49, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  p .right {
    margin: 1.5em 0 1.5em 1.5em;
    padding: 0;
  }
  /* line 52, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  .left {
    float: left !important;
  }
  /* line 53, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  .right {
    float: right !important;
  }
  /* line 55, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  blockquote {
    margin: 1.5em;
    color: #666;
    font-style: italic;
  }
  /* line 56, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  strong, dfn {
    font-weight: bold;
  }
  /* line 57, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  em, dfn {
    font-style: italic;
  }
  /* line 58, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  sup, sub {
    line-height: 0;
  }
  /* line 60, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  abbr,
acronym {
    border-bottom: 1px dotted #666;
  }
  /* line 62, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  address {
    margin: 0 0 1.5em;
    font-style: italic;
  }
  /* line 63, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  del {
    color: #666;
  }
  /* line 65, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  pre {
    margin: 1.5em 0;
    white-space: pre;
  }
  /* line 66, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  pre, code, tt {
    font: 1em 'andale mono', 'lucida console', monospace;
    line-height: 1.5;
  }
  /* line 69, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  li ul,
li ol {
    margin: 0;
  }
  /* line 71, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  ul, ol {
    margin: 0 1.5em 1.5em 0;
    padding-left: 1.5em;
  }
  /* line 73, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  ul {
    list-style-type: disc;
  }
  /* line 74, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  ol {
    list-style-type: decimal;
  }
  /* line 76, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  dl {
    margin: 0 0 1.5em 0;
  }
  /* line 77, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  dl dt {
    font-weight: bold;
  }
  /* line 78, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  dd {
    margin-left: 1.5em;
  }
  /* line 81, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  table {
    margin-bottom: 1.4em;
    width: 100%;
  }
  /* line 82, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  th {
    font-weight: bold;
  }
  /* line 83, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  thead th {
    background: #c3d9ff;
  }
  /* line 84, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  th, td, caption {
    padding: 4px 10px 4px 5px;
  }
  /* line 87, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  .small {
    font-size: .8em;
    margin-bottom: 1.875em;
    line-height: 1.875em;
  }
  /* line 88, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  .large {
    font-size: 1.2em;
    line-height: 2.5em;
    margin-bottom: 1.25em;
  }
  /* line 89, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  .hide {
    display: none;
  }
  /* line 91, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  .quiet {
    color: #666;
  }
  /* line 92, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  .loud {
    color: #000;
  }
  /* line 93, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  .highlight {
    background: #ff0;
  }
  /* line 94, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  .added {
    background: #060;
    color: #fff;
  }
  /* line 95, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  .removed {
    background: #900;
    color: #fff;
  }
  /* line 97, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  .first {
    margin-left: 0;
    padding-left: 0;
  }
  /* line 98, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  .last {
    margin-right: 0;
    padding-right: 0;
  }
  /* line 99, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  .top {
    margin-top: 0;
    padding-top: 0;
  }
  /* line 100, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_typography.scss */
  .bottom {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  /* line 13, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  body {
    font-family: Helvetica, Arial, sans-serif;
    line-height: 150%;
    font-size: 72%;
    background: #fff;
    width: 99%;
    margin: 0;
    padding: .5%;
    color: black;
  }
  /* line 24, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  a {
    color: black;
    text-decoration: none;
  }
  /* line 29, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  h3 {
    font-weight: bold;
    margin-bottom: .5em;
  }
  /* line 35, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  #header {
    float: left;
  }
  /* line 38, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  #header #tabs, #header .tabs, #header #utility_nav {
    display: none;
  }
  /* line 42, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  #header h1 {
    font-weight: bold;
  }
  /* line 47, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  .flashes {
    display: none;
  }
  /* line 51, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  #title_bar {
    float: right;
  }
  /* line 54, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  #title_bar h2 {
    line-height: 2em;
    margin: 0;
  }
  /* line 59, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  #title_bar .breadcrumb, #title_bar #titlebar_right {
    display: none;
  }
  /* line 65, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  #active_admin_content {
    border-top: thick solid black;
    clear: both;
    margin-top: 2em;
    padding-top: 3em;
  }
  /* line 73, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  #footer {
    display: none;
  }
  /* line 79, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  .table_tools ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
  }
  /* line 84, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  .table_tools ul li {
    display: none;
    padding: 0;
    margin-bottom: 1em;
  }
  /* line 89, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  .table_tools ul li.scope.selected, .table_tools ul li.index.selected {
    display: block;
  }
  /* line 92, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  .table_tools ul li.scope.selected:before, .table_tools ul li.index.selected:before {
    content: "Showing ";
  }
  /* line 96, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  .table_tools ul li.scope.selected a, .table_tools ul li.index.selected a {
    font-weight: bold;
  }
  /* line 100, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  .table_tools ul li.scope.selected span, .table_tools ul li.index.selected span {
    display: inline-block;
    font-weight: normal;
    font-size: .9em;
  }
  /* line 111, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  table {
    margin-bottom: 1.5em;
    text-align: left;
    width: 100%;
  }
  /* line 116, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  table thead {
    display: table-header-group;
  }
  /* line 119, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  table thead th {
    background: none;
    border-bottom: medium solid black;
    font-weight: bold;
  }
  /* line 124, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  table thead th a {
    text-decoration: none;
  }
  /* line 130, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  table th, table td {
    padding: .5em 1em;
  }
  /* line 133, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  table th .member_link, table td .member_link {
    display: none;
  }
  /* line 138, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  table td {
    border-bottom: thin solid black;
  }
  /* line 142, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  table tr {
    page-break-inside: avoid;
  }
  /* line 148, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  #index_footer, .pagination_information {
    display: none;
  }
  /* line 153, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  .index_grid td {
    border: none;
    text-align: center;
    vertical-align: middle;
  }
  /* line 158, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  .index_grid td img {
    max-width: 1in;
  }
  /* line 165, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  .panel {
    border-bottom: thick solid #ccc;
    margin-bottom: 3em;
    padding-bottom: 2em;
    page-break-inside: avoid;
  }
  /* line 171, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  .panel:last-child {
    border-bottom: none;
  }
  /* line 177, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  .comments form {
    display: none;
  }
  /* line 181, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  .comments .active_admin_comment {
    border-top: thin solid black;
    padding-top: 1em;
  }
  /* line 186, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  .comments .active_admin_comment .active_admin_comment_meta h4 {
    font-size: 1em;
    font-weight: bold;
    float: left;
    margin-right: .5em;
    margin-bottom: 0;
  }
  /* line 194, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  .comments .active_admin_comment .active_admin_comment_meta span {
    font-size: .9em;
    font-style: italic;
    vertical-align: top;
  }
  /* line 201, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  .comments .active_admin_comment .active_admin_comment_body {
    clear: both;
    margin-bottom: 1em;
  }
  /* line 210, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  .attributes_table {
    border-top: medium solid black;
  }
  /* line 213, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  .attributes_table th {
    border-bottom: thin solid black;
    vertical-align: top;
  }
  /* line 217, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  .attributes_table th:after {
    content: ':';
  }
  /* line 223, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  .attributes_table td img {
    max-height: 4in;
    max-width: 6in;
  }
  /* line 231, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  #filters_sidebar_section {
    display: none;
  }
  /* line 237, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  form fieldset {
    border-top: thick solid #ccc;
    padding-top: 2em;
    margin-bottom: 2em;
  }
  /* line 242, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  form fieldset:last-child {
    border-bottom: none;
  }
  /* line 247, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  form .buttons, form abbr {
    display: none;
  }
  /* line 250, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  form ol {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  /* line 255, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  form ol li {
    border-top: thin solid black;
    margin: 0;
    padding: 1em 0;
    overflow: hidden;
  }
  /* line 261, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  form ol li.password, form ol li.hidden {
    display: none;
  }
  /* line 265, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  form ol li label {
    font-weight: bold;
    float: left;
    width: 20%;
  }
  /* line 271, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  form ol li input, form ol li textarea, form ol li select {
    background: none;
    border: 0;
    font: Arial, Helvetica, sans-serif;
  }
  /* line 277, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  form ol li input[type=file] {
    display: none;
  }
  /* line 285, vendor/bundle/ruby/3.3.0/gems/activeadmin-3.4.0/app/assets/stylesheets/active_admin/_print.scss */
  .unsupported_browser {
    display: none;
  }
}

/* Custom styles for Storage Management in Active Admin */
/* line 3, app/assets/stylesheets/active_admin_custom.css */
.dashboard-storage {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* line 7, app/assets/stylesheets/active_admin_custom.css */
.storage-stats {
  background: linear-gradient(135deg, rgba(232, 235, 238, 0.85) 0%, rgba(210, 214, 219, 0.85) 100%);
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 1rem;
  box-shadow: inset 0 0 0 1px rgba(180, 185, 191, 0.35);
}

/* line 15, app/assets/stylesheets/active_admin_custom.css */
.storage-stats para {
  margin: 0.5rem 0;
  font-size: 14px;
  line-height: 1.6;
}

/* line 21, app/assets/stylesheets/active_admin_custom.css */
.storage-stats strong {
  color: #3a3f44;
  font-weight: 600;
  min-width: 140px;
  display: inline-block;
}

/* line 28, app/assets/stylesheets/active_admin_custom.css */
.storage-stats span {
  color: #5a5f65;
  font-weight: 500;
}

/* Storage file preview improvements */
/* line 34, app/assets/stylesheets/active_admin_custom.css */
.index_table td img {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease;
}

/* line 39, app/assets/stylesheets/active_admin_custom.css */
.index_table td img:hover {
  transform: scale(1.5);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  z-index: 100;
  position: relative;
}

/* Status tags for content types */
/* line 47, app/assets/stylesheets/active_admin_custom.css */
.status_tag {
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 56, app/assets/stylesheets/active_admin_custom.css */
.status_tag.ok {
  background: linear-gradient(135deg, #0db2ff 0%, #5b2fff 100%);
  color: white;
}

/* line 61, app/assets/stylesheets/active_admin_custom.css */
.status_tag.warning {
  background: #ff8a3d;
  color: white;
}

/* Dashboard panels styling */
/* line 67, app/assets/stylesheets/active_admin_custom.css */
#dashboard .panel h3 {
  background: linear-gradient(135deg, rgba(13, 178, 255, 0.1) 0%, rgba(91, 47, 255, 0.1) 100%);
  border-bottom: 2px solid #0db2ff;
  border-radius: 4px 4px 0 0;
  padding: 12px 15px;
  font-weight: 600;
}

/* Disk usage progress bar styling */
/* line 76, app/assets/stylesheets/active_admin_custom.css */
.disk-usage-bar {
  height: 24px;
  background: #f0f0f0;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* line 84, app/assets/stylesheets/active_admin_custom.css */
.disk-usage-fill {
  height: 100%;
  background: linear-gradient(90deg, #0db2ff 0%, #5b2fff 50%, #ff8a3d 100%);
  transition: width 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 600;
  font-size: 12px;
}

/* Table improvements */
/* line 97, app/assets/stylesheets/active_admin_custom.css */
.index_table th {
  background: linear-gradient(135deg, rgba(13, 178, 255, 0.05) 0%, rgba(91, 47, 255, 0.05) 100%);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.5px;
  color: #555;
}

/* line 106, app/assets/stylesheets/active_admin_custom.css */
.index_table tr:hover {
  background: rgba(13, 178, 255, 0.03);
}

/* Button styling */
/* line 111, app/assets/stylesheets/active_admin_custom.css */
.button {
  background: linear-gradient(135deg, #0db2ff 0%, #5b2fff 100%);
  border: none;
  color: white;
  padding: 8px 16px;
  border-radius: 4px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(13, 178, 255, 0.3);
}

/* line 126, app/assets/stylesheets/active_admin_custom.css */
.button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(13, 178, 255, 0.4);
}

/* Warning panel for orphaned files */
/* line 132, app/assets/stylesheets/active_admin_custom.css */
.panel[style*="border: 2px solid #ff6b6b"] {
  animation: pulse-warning 2s ease-in-out infinite;
}

@keyframes pulse-warning {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(255, 107, 107, 0.4);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(255, 107, 107, 0);
  }
}

/* Attributes table styling */
/* line 146, app/assets/stylesheets/active_admin_custom.css */
.attributes_table th {
  background: rgba(13, 178, 255, 0.05);
  font-weight: 600;
  width: 180px;
}

/* line 152, app/assets/stylesheets/active_admin_custom.css */
.attributes_table td {
  word-break: break-word;
}

/* Quick actions styling */
/* line 157, app/assets/stylesheets/active_admin_custom.css */
.quick-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 1rem;
}

/* line 164, app/assets/stylesheets/active_admin_custom.css */
.quick-actions .button {
  flex: 1;
  min-width: 150px;
  text-align: center;
}

/* Responsive improvements */
@media (max-width: 768px) {
  /* line 172, app/assets/stylesheets/active_admin_custom.css */
  .columns {
    flex-direction: column;
  }
  /* line 176, app/assets/stylesheets/active_admin_custom.css */
  .column {
    width: 100% !important;
  }
  /* line 180, app/assets/stylesheets/active_admin_custom.css */
  .storage-stats strong {
    min-width: auto;
    display: block;
    margin-bottom: 4px;
  }
}

/* Dark mode support (optional) */
@media (prefers-color-scheme: dark) {
  /* line 189, app/assets/stylesheets/active_admin_custom.css */
  .storage-stats {
    background: linear-gradient(135deg, rgba(60, 63, 67, 0.85) 0%, rgba(48, 51, 56, 0.85) 100%);
    box-shadow: inset 0 0 0 1px rgba(120, 124, 130, 0.35);
  }
  /* line 194, app/assets/stylesheets/active_admin_custom.css */
  .storage-stats strong {
    color: #e1e4e8;
  }
  /* line 198, app/assets/stylesheets/active_admin_custom.css */
  .storage-stats span {
    color: #c7ccd1;
  }
}

/* ===== Error Monitoring Dashboard Styles ===== */
/* line 204, app/assets/stylesheets/active_admin_custom.css */
.error-monitoring-dashboard {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* line 208, app/assets/stylesheets/active_admin_custom.css */
.error-monitoring-dashboard .panel {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  margin-bottom: 1.5rem;
}

/* line 215, app/assets/stylesheets/active_admin_custom.css */
.error-monitoring-dashboard .panel h3 {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 8px 8px 0 0;
  padding: 1rem;
  margin: 0;
  font-weight: 600;
  color: #212529;
  border-bottom: 2px solid #dee2e6;
}

/* line 225, app/assets/stylesheets/active_admin_custom.css */
.error-monitoring-dashboard .attributes_table th {
  background: #f8f9fa;
  font-weight: 600;
  color: #495057;
  width: 40%;
}

/* line 232, app/assets/stylesheets/active_admin_custom.css */
.error-monitoring-dashboard .attributes_table td {
  color: #212529;
}

/* line 236, app/assets/stylesheets/active_admin_custom.css */
.error-monitoring-dashboard .index_table {
  border-radius: 6px;
  overflow: hidden;
}

/* line 241, app/assets/stylesheets/active_admin_custom.css */
.error-monitoring-dashboard .index_table th {
  background: #f8f9fa;
  font-weight: 600;
  color: #495057;
  border-bottom: 2px solid #dee2e6;
}

/* line 248, app/assets/stylesheets/active_admin_custom.css */
.error-monitoring-dashboard .index_table tr:hover {
  background-color: #f8f9fa;
}

/* line 252, app/assets/stylesheets/active_admin_custom.css */
.occurrence-badge {
  background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
  color: white;
  padding: 4px 10px;
  border-radius: 12px;
  font-weight: bold;
  font-size: 12px;
  display: inline-block;
  min-width: 30px;
  text-align: center;
}

/* line 264, app/assets/stylesheets/active_admin_custom.css */
.action-buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 1rem;
}

/* line 271, app/assets/stylesheets/active_admin_custom.css */
.action-buttons .button {
  width: 100%;
  text-align: center;
  padding: 10px 15px;
  font-weight: 600;
  border-radius: 6px;
  transition: all 0.2s ease;
}

/* line 280, app/assets/stylesheets/active_admin_custom.css */
.action-buttons .button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Error Group Priority Border Colors */
/* line 286, app/assets/stylesheets/active_admin_custom.css */
.priority-critical {
  border-left: 4px solid #dc3545;
}

/* line 290, app/assets/stylesheets/active_admin_custom.css */
.priority-high {
  border-left: 4px solid #fd7e14;
}

/* line 294, app/assets/stylesheets/active_admin_custom.css */
.priority-medium {
  border-left: 4px solid #ffc107;
}

/* line 298, app/assets/stylesheets/active_admin_custom.css */
.priority-low {
  border-left: 4px solid #28a745;
}

/* Chart styling */
/* line 303, app/assets/stylesheets/active_admin_custom.css */
canvas {
  max-width: 100%;
  height: auto;
}

@media (prefers-color-scheme: dark) {
  /* line 309, app/assets/stylesheets/active_admin_custom.css */
  .error-monitoring-dashboard .panel {
    background: #1e1e1e;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  }
  /* line 314, app/assets/stylesheets/active_admin_custom.css */
  .error-monitoring-dashboard .panel h3 {
    background: linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%);
    color: #e9ecef;
    border-bottom-color: #3a3a3a;
  }
  /* line 320, app/assets/stylesheets/active_admin_custom.css */
  .error-monitoring-dashboard .attributes_table th,
.error-monitoring-dashboard .index_table th {
    background: #2d2d2d;
    color: #e9ecef;
    border-bottom-color: #3a3a3a;
  }
  /* line 327, app/assets/stylesheets/active_admin_custom.css */
  .error-monitoring-dashboard .attributes_table td,
.error-monitoring-dashboard .index_table td {
    color: #e9ecef;
    border-color: #3a3a3a;
  }
  /* line 333, app/assets/stylesheets/active_admin_custom.css */
  .error-monitoring-dashboard .index_table tr:hover {
    background-color: #2d2d2d;
  }
}
/* Custom styles for Storage Management in Active Admin */

.dashboard-storage {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.storage-stats {
  background: linear-gradient(135deg, rgba(232, 235, 238, 0.85) 0%, rgba(210, 214, 219, 0.85) 100%);
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 1rem;
  box-shadow: inset 0 0 0 1px rgba(180, 185, 191, 0.35);
}

.storage-stats para {
  margin: 0.5rem 0;
  font-size: 14px;
  line-height: 1.6;
}

.storage-stats strong {
  color: #3a3f44;
  font-weight: 600;
  min-width: 140px;
  display: inline-block;
}

.storage-stats span {
  color: #5a5f65;
  font-weight: 500;
}

/* Storage file preview improvements */
.index_table td img {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease;
}

.index_table td img:hover {
  transform: scale(1.5);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  z-index: 100;
  position: relative;
}

/* Status tags for content types */
.status_tag {
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.status_tag.ok {
  background: linear-gradient(135deg, #0db2ff 0%, #5b2fff 100%);
  color: white;
}

.status_tag.warning {
  background: #ff8a3d;
  color: white;
}

/* Dashboard panels styling */
#dashboard .panel h3 {
  background: linear-gradient(135deg, rgba(13, 178, 255, 0.1) 0%, rgba(91, 47, 255, 0.1) 100%);
  border-bottom: 2px solid #0db2ff;
  border-radius: 4px 4px 0 0;
  padding: 12px 15px;
  font-weight: 600;
}

/* Disk usage progress bar styling */
.disk-usage-bar {
  height: 24px;
  background: #f0f0f0;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

.disk-usage-fill {
  height: 100%;
  background: linear-gradient(90deg, #0db2ff 0%, #5b2fff 50%, #ff8a3d 100%);
  transition: width 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 600;
  font-size: 12px;
}

/* Table improvements */
.index_table th {
  background: linear-gradient(135deg, rgba(13, 178, 255, 0.05) 0%, rgba(91, 47, 255, 0.05) 100%);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.5px;
  color: #555;
}

.index_table tr:hover {
  background: rgba(13, 178, 255, 0.03);
}

/* Button styling */
.button {
  background: linear-gradient(135deg, #0db2ff 0%, #5b2fff 100%);
  border: none;
  color: white;
  padding: 8px 16px;
  border-radius: 4px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(13, 178, 255, 0.3);
}

.button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(13, 178, 255, 0.4);
}

/* Warning panel for orphaned files */
.panel[style*="border: 2px solid #ff6b6b"] {
  animation: pulse-warning 2s ease-in-out infinite;
}

@keyframes pulse-warning {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(255, 107, 107, 0.4);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(255, 107, 107, 0);
  }
}

/* Attributes table styling */
.attributes_table th {
  background: rgba(13, 178, 255, 0.05);
  font-weight: 600;
  width: 180px;
}

.attributes_table td {
  word-break: break-word;
}

/* Quick actions styling */
.quick-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 1rem;
}

.quick-actions .button {
  flex: 1;
  min-width: 150px;
  text-align: center;
}

/* Responsive improvements */
@media (max-width: 768px) {
  .columns {
    flex-direction: column;
  }
  
  .column {
    width: 100% !important;
  }
  
  .storage-stats strong {
    min-width: auto;
    display: block;
    margin-bottom: 4px;
  }
}

/* Dark mode support (optional) */
@media (prefers-color-scheme: dark) {
  .storage-stats {
    background: linear-gradient(135deg, rgba(60, 63, 67, 0.85) 0%, rgba(48, 51, 56, 0.85) 100%);
    box-shadow: inset 0 0 0 1px rgba(120, 124, 130, 0.35);
  }
  
  .storage-stats strong {
    color: #e1e4e8;
  }
  
  .storage-stats span {
    color: #c7ccd1;
  }
}

/* ===== Error Monitoring Dashboard Styles ===== */
.error-monitoring-dashboard {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.error-monitoring-dashboard .panel {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  margin-bottom: 1.5rem;
}

.error-monitoring-dashboard .panel h3 {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 8px 8px 0 0;
  padding: 1rem;
  margin: 0;
  font-weight: 600;
  color: #212529;
  border-bottom: 2px solid #dee2e6;
}

.error-monitoring-dashboard .attributes_table th {
  background: #f8f9fa;
  font-weight: 600;
  color: #495057;
  width: 40%;
}

.error-monitoring-dashboard .attributes_table td {
  color: #212529;
}

.error-monitoring-dashboard .index_table {
  border-radius: 6px;
  overflow: hidden;
}

.error-monitoring-dashboard .index_table th {
  background: #f8f9fa;
  font-weight: 600;
  color: #495057;
  border-bottom: 2px solid #dee2e6;
}

.error-monitoring-dashboard .index_table tr:hover {
  background-color: #f8f9fa;
}

.occurrence-badge {
  background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
  color: white;
  padding: 4px 10px;
  border-radius: 12px;
  font-weight: bold;
  font-size: 12px;
  display: inline-block;
  min-width: 30px;
  text-align: center;
}

.action-buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 1rem;
}

.action-buttons .button {
  width: 100%;
  text-align: center;
  padding: 10px 15px;
  font-weight: 600;
  border-radius: 6px;
  transition: all 0.2s ease;
}

.action-buttons .button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Error Group Priority Border Colors */
.priority-critical {
  border-left: 4px solid #dc3545;
}

.priority-high {
  border-left: 4px solid #fd7e14;
}

.priority-medium {
  border-left: 4px solid #ffc107;
}

.priority-low {
  border-left: 4px solid #28a745;
}

/* Chart styling */
canvas {
  max-width: 100%;
  height: auto;
}

@media (prefers-color-scheme: dark) {
  .error-monitoring-dashboard .panel {
    background: #1e1e1e;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  }

  .error-monitoring-dashboard .panel h3 {
    background: linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%);
    color: #e9ecef;
    border-bottom-color: #3a3a3a;
  }

  .error-monitoring-dashboard .attributes_table th,
  .error-monitoring-dashboard .index_table th {
    background: #2d2d2d;
    color: #e9ecef;
    border-bottom-color: #3a3a3a;
  }

  .error-monitoring-dashboard .attributes_table td,
  .error-monitoring-dashboard .index_table td {
    color: #e9ecef;
    border-color: #3a3a3a;
  }

  .error-monitoring-dashboard .index_table tr:hover {
    background-color: #2d2d2d;
  }
}
/* ============================================ */
/* Apps Section - EPIC Animation                */
/* ============================================ */

.bb-apps {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--bb-spacing-lg);
    align-items: center;
}

.bb-apps figure {
    position: relative;
    perspective: 1200px;
    transform-style: preserve-3d;
    width: 100%;
}

/* Phone container for layered effects */
.bb-apps figure::before {
    content: '';
    position: absolute;
    inset: -20%;
    background: 
        radial-gradient(ellipse at 30% 20%, rgba(99, 102, 241, 0.4) 0%, transparent 50%),
        radial-gradient(ellipse at 70% 80%, rgba(59, 130, 246, 0.3) 0%, transparent 50%),
        radial-gradient(ellipse at 50% 50%, rgba(139, 92, 246, 0.2) 0%, transparent 60%);
    filter: blur(60px);
    animation: aurora-shift 8s ease-in-out infinite;
    z-index: -1;
}

@keyframes aurora-shift {
    0%, 100% { 
        opacity: 0.7;
        transform: scale(1) rotate(0deg);
    }
    33% { 
        opacity: 1;
        transform: scale(1.05) rotate(2deg);
    }
    66% { 
        opacity: 0.8;
        transform: scale(0.98) rotate(-2deg);
    }
}

/* Phone with simple levitation */
.bb-apps-image {
    position: relative;
    z-index: 5;
    width: 100%;
    height: auto;
    display: block;
    animation: phone-levitate 5s ease-in-out infinite;
    filter: drop-shadow(0 30px 60px rgba(99, 102, 241, 0.4));
    transition: transform 0.15s ease-out, filter 0.3s ease;
}

@keyframes phone-levitate {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
}

/* Neon orbit rings - 4th ring with gradient */
.bb-apps figure::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120%;
    aspect-ratio: 1;
    transform: translate(-50%, -50%) rotateX(75deg);
    transform-style: preserve-3d;
    border: 2px solid transparent;
    border-radius: 50%;
    background: 
        linear-gradient(90deg, transparent, rgba(99, 102, 241, 0.8), transparent) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: orbit-spin 10s linear infinite;
    pointer-events: none;
    will-change: transform;
}

@keyframes orbit-spin {
    from { transform: translate(-50%, -50%) rotateX(75deg) rotateZ(0deg); }
    to { transform: translate(-50%, -50%) rotateX(75deg) rotateZ(360deg); }
}

/* Phone showcase container */
.bb-phone-showcase {
    position: relative;
    perspective: 1200px;
    transform-style: preserve-3d;
    overflow: visible;
    display: inline-block;
    width: 100%;
}

/* Neon rings */
.bb-neon-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 130%;
    aspect-ratio: 1;
    border: 2px solid rgba(99, 102, 241, 0.6);
    border-radius: 50%;
    transform: translate(-50%, -50%) rotateX(70deg);
    transform-style: preserve-3d;
    animation: ring-rotate 12s linear infinite;
    pointer-events: none;
    box-shadow: 
        0 0 20px rgba(99, 102, 241, 0.4),
        inset 0 0 20px rgba(99, 102, 241, 0.1);
    will-change: transform;
}

.bb-neon-ring--2 {
    width: 110%;
    aspect-ratio: 1;
    border-color: rgba(139, 92, 246, 0.4);
    animation: ring-rotate 8s linear infinite reverse;
    box-shadow: 
        0 0 15px rgba(139, 92, 246, 0.3),
        inset 0 0 15px rgba(139, 92, 246, 0.1);
}

.bb-neon-ring--3 {
    width: 150%;
    aspect-ratio: 1;
    border: 1px solid rgba(59, 130, 246, 0.2);
    animation: ring-rotate 20s linear infinite;
    box-shadow: 
        0 0 30px rgba(59, 130, 246, 0.1),
        inset 0 0 30px rgba(59, 130, 246, 0.05);
}

/* Floating particles */
.bb-particles {
    position: absolute;
    inset: -20%;
    pointer-events: none;
    overflow: hidden;
}

.bb-particle {
    position: absolute;
    width: 4px;
    height: 4px;
    background: rgba(99, 102, 241, 0.8);
    border-radius: 50%;
    animation: particle-float 5s ease-in-out infinite;
    box-shadow: 0 0 10px rgba(99, 102, 241, 0.6);
}

.bb-particle:nth-child(odd) {
    background: rgba(139, 92, 246, 0.8);
    box-shadow: 0 0 10px rgba(139, 92, 246, 0.6);
    width: 3px;
    height: 3px;
}

.bb-particle:nth-child(3n) {
    background: rgba(59, 130, 246, 0.9);
    box-shadow: 0 0 12px rgba(59, 130, 246, 0.7);
    width: 5px;
    height: 5px;
}

@keyframes particle-float {
    0%, 100% {
        transform: translateY(0) translateX(0) scale(1);
        opacity: 0.3;
    }
    25% {
        transform: translateY(-30px) translateX(10px) scale(1.2);
        opacity: 1;
    }
    50% {
        transform: translateY(-15px) translateX(-15px) scale(0.8);
        opacity: 0.6;
    }
    75% {
        transform: translateY(-40px) translateX(5px) scale(1.1);
        opacity: 0.9;
    }
}

/* Particles layering for 3D effect */
.bb-particles--back {
    z-index: 1;
}

.bb-particles--front {
    z-index: 10;
}

.bb-particles--front .bb-particle {
    width: 5px;
    height: 5px;
    opacity: 0.9;
}

@keyframes ring-rotate {
    from { transform: translate(-50%, -50%) rotateX(70deg) rotateZ(0deg); }
    to { transform: translate(-50%, -50%) rotateX(70deg) rotateZ(360deg); }
}

/* Reflection under phone */
.bb-phone-showcase::before {
    content: '';
    position: absolute;
    bottom: -40%;
    left: 50%;
    width: 80%;
    height: 50%;
    transform: translateX(-50%) rotateX(80deg);
    background: linear-gradient(
        to bottom,
        rgba(99, 102, 241, 0.15) 0%,
        transparent 100%
    );
    filter: blur(20px);
    pointer-events: none;
    opacity: 0.6;
}

/* Hover effects */
.bb-phone-showcase:hover .bb-apps-image {
    filter: drop-shadow(0 40px 80px rgba(99, 102, 241, 0.6));
}

.bb-phone-showcase:hover .bb-neon-ring {
    animation-duration: 6s;
    border-color: rgba(99, 102, 241, 1);
    box-shadow: 
        0 0 40px rgba(99, 102, 241, 0.8),
        0 0 80px rgba(99, 102, 241, 0.4),
        inset 0 0 30px rgba(99, 102, 241, 0.3);
}

.bb-phone-showcase:hover .bb-neon-ring--2 {
    animation-duration: 4s;
    border-color: rgba(139, 92, 246, 0.8);
    box-shadow: 
        0 0 30px rgba(139, 92, 246, 0.6),
        0 0 60px rgba(139, 92, 246, 0.3),
        inset 0 0 25px rgba(139, 92, 246, 0.2);
}

.bb-phone-showcase:hover::before {
    opacity: 1;
    filter: blur(15px);
}

.bb-phone-showcase:hover .bb-neon-ring--3 {
    animation-duration: 10s;
    border-color: rgba(59, 130, 246, 0.5);
    box-shadow: 
        0 0 50px rgba(59, 130, 246, 0.3),
        inset 0 0 40px rgba(59, 130, 246, 0.15);
}

.bb-phone-showcase:hover .bb-particle {
    animation-duration: 2s;
}

.bb-apps-content {
    display: flex;
    flex-direction: column;
    gap: var(--bb-spacing-sm);
}
/* ============================================ */
/* Base: CSS Variables & Properties            */
/* ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Rubik:wght@400;500;600;700&display=swap');

@property --gradient-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

:root {
    --bb-color-background: #05050a;
    --bb-color-surface: #0d0d1a;
    --bb-color-surface-alt: #131329;
    --bb-color-highlight: linear-gradient(135deg, #5b2fff 0%, #0db2ff 100%);
    --bb-color-accent: #ff8a3d;
    --bb-color-text-primary: #f5f7ff;
    --bb-color-text-secondary: #c5c7da;
    --bb-color-text-muted: #8b8d9e;
    --bb-color-divider: rgba(255, 255, 255, 0.08);

    --bb-spacing-xs: 0.75rem;
    --bb-spacing-sm: 1.25rem;
    --bb-spacing-md: 2rem;
    --bb-spacing-lg: 3rem;
    --bb-spacing-xl: 4.5rem;

    --bb-max-width: 1120px;
    --bb-border-radius: 18px;
    --bb-transition: all 0.3s ease;
}

.bb-site-blocks {
    background: radial-gradient(circle at 20% 20%, rgba(88, 91, 241, 0.22), transparent 55%), radial-gradient(circle at 80% 10%, rgba(12, 179, 255, 0.15), transparent 40%), var(--bb-color-background);
    color: var(--bb-color-text-primary);
    min-height: 100vh;
    flex-direction: column;
    position: relative;
}

.bb-global-padding {
    margin: 0 auto;
    padding: 0 var(--bb-spacing-md);
    position: relative;
    z-index: 1;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
/* ============================================ */
/* Components: Buttons, Cards, Media            */
/* ============================================ */

/* Media Text Layout */
.bb-media-text {
    display: grid;
    gap: var(--bb-spacing-lg);
    align-items: center;
}

.bb-media-text.has-media-right {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bb-media-content {
    display: flex;
    flex-direction: column;
    gap: var(--bb-spacing-sm);
}

.bb-media-text.has-media-right figure {
    position: relative;
    margin: 0;
    border-radius: calc(var(--bb-border-radius) + 6px);
}

.bb-media-text.has-media-right figure::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    padding: 1.5px;
    background:
        conic-gradient(
            from var(--gradient-angle) at 25% 20%,
            #0db2ff 0deg,
            #0db2ff 40deg,
            #5b2fff 85deg,
            #ff8a3d 145deg,
            rgba(13, 178, 255, 0.85) 190deg,
            #5b2fff 250deg,
            rgba(255, 138, 61, 0.85) 300deg,
            #0db2ff 360deg
        );
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 2;
    animation: rotate-gradient 6s linear infinite reverse;
}

.bb-media-text.has-media-right figure::after {
    content: "";
    position: absolute;
    inset: -25px;
    background:
        conic-gradient(
            from calc(var(--gradient-angle) * -1) at 70% 60%,
            rgba(13, 178, 255, 0.4) 0deg,
            rgba(13, 178, 255, 0) 70deg,
            rgba(91, 47, 255, 0.35) 110deg,
            rgba(255, 138, 61, 0.3) 200deg,
            rgba(13, 178, 255, 0.4) 320deg,
            rgba(13, 178, 255, 0.2) 360deg
        ),
        radial-gradient(circle at 15% 20%, rgba(13, 178, 255, 0.25) 0%, transparent 65%),
        radial-gradient(circle at 85% 80%, rgba(255, 138, 61, 0.2) 0%, transparent 70%);
    border-radius: inherit;
    filter: blur(30px);
    opacity: 0.7;
    z-index: -1;
    animation: rotate-gradient 7s linear infinite reverse;
}

.bb-media-text.has-media-right figure img {
    display: block;
    width: 100%;
    border-radius: calc(var(--bb-border-radius) + 6px);
    position: relative;
    z-index: 1;
}

.bb-media-text.has-media-right figure:hover::before {
    animation: rotate-gradient 2s linear infinite reverse;
}

.bb-media-text.has-media-right figure:hover::after {
    opacity: 1;
    filter: blur(35px);
    animation: rotate-gradient 2s linear infinite reverse;
}

@keyframes rotate-gradient {
    0% {
        --gradient-angle: 0deg;
    }
    100% {
        --gradient-angle: 360deg;
    }
}

/* Images */
.bb-hero-image,
.bb-qr-image {
    width: 100%;
    border-radius: calc(var(--bb-border-radius) + 6px);
    box-shadow: 0 24px 55px rgba(4, 6, 18, 0.6);
}

.bb-apps-image {
    width: 100%;
}

.store-badge {
    width: clamp(150px, 20vw, 200px);
    height: auto;
    transition: var(--bb-transition);
    filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.35));
}

.store-badge:hover,
.store-badge:focus {
    transform: translateY(-3px);
}

/* Disabled (coming soon) badge — visually dim so users see it's not active yet */
.store-badge--disabled {
    display: inline-block;
    opacity: 0.45;
    filter: grayscale(100%);
    cursor: not-allowed;
}
.store-badge--disabled:hover,
.store-badge--disabled:focus {
    transform: none;
}

/* Meta Cards */
.bb-hero-meta {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 0.85rem;
    margin-top: var(--bb-spacing-md);
}

.bb-meta-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.1rem 1.35rem;
    border-radius: 16px;
    background: rgba(13, 17, 35, 0.45);
    -webkit-backdrop-filter: blur(18px);
            backdrop-filter: blur(18px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow:
            0 8px 24px rgba(4, 6, 18, 0.35),
            inset 0 1px 0 rgba(255, 255, 255, 0.06);
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

.bb-meta-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg,
    rgba(93, 47, 255, 0.08) 0%,
    rgba(13, 178, 255, 0.08) 50%,
    rgba(255, 138, 61, 0.08) 100%);
    opacity: 0;
    transition: opacity 0.35s ease;
    z-index: -1;
}

.bb-meta-card:hover {
    transform: translateY(-4px);
    border-color: rgba(13, 178, 255, 0.35);
    box-shadow:
            0 16px 42px rgba(13, 178, 255, 0.25),
            inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.bb-meta-card:hover::before {
    opacity: 1;
}

.bb-meta-icon {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: linear-gradient(135deg,
    rgba(13, 178, 255, 0.18) 0%,
    rgba(93, 47, 255, 0.18) 100%);
    border: 1px solid rgba(13, 178, 255, 0.25);
    position: relative;
}

.bb-meta-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(circle at 30% 30%,
    rgba(255, 255, 255, 0.15) 0%,
    transparent 60%);
    opacity: 0.6;
}

.bb-meta-icon svg {
    width: 22px;
    height: 22px;
    color: #0db2ff;
    filter: drop-shadow(0 2px 8px rgba(13, 178, 255, 0.4));
    position: relative;
    z-index: 1;
}

.bb-meta-card span {
    font-size: 0.92rem;
    font-weight: 500;
    color: var(--bb-color-text-secondary);
    line-height: 1.4;
    letter-spacing: -0.01em;
}

.bb-meta-card:hover span {
    color: var(--bb-color-text-primary);
}

/* Buttons */
.bb-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bb-spacing-xs);
    margin: var(--bb-spacing-sm) 0;
}

.bb-element-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 2.2rem;
    border-radius: 999px;
    border: 1px solid rgba(13, 178, 255, 0.3);
    background: rgba(13, 17, 35, 0.5);
    -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);
    color: var(--bb-color-text-primary);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.88rem;
    font-weight: 600;
    text-decoration: none !important;
    overflow: hidden;
    isolation: isolate;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow:
            0 8px 24px rgba(4, 6, 18, 0.4),
            inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

/* Ensure no underline on button links in all states */
a.bb-element-button,
a.bb-element-button:link,
a.bb-element-button:visited,
a.bb-element-button:hover,
a.bb-element-button:active,
a.bb-element-button:focus {
    text-decoration: none !important;
}

.bb-element-button::before {
    content: "";
    position: absolute;
    inset: -2px;
    background: linear-gradient(135deg,
    rgba(13, 178, 255, 0.8) 0%,
    rgba(93, 47, 255, 0.8) 50%,
    rgba(255, 138, 61, 0.8) 100%);
    opacity: 0;
    transform: scale(0.85);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: -2;
    filter: blur(8px);
}

.bb-element-button::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.15) 50%,
    transparent 100%);
    transform: translateX(-100%);
    transition: transform 0.6s ease;
    z-index: -1;
}

.bb-element-button:hover {
    transform: translateY(-3px);
    border-color: rgba(13, 178, 255, 0.6);
    background: rgba(13, 178, 255, 0.12);
    box-shadow:
            0 16px 48px rgba(13, 178, 255, 0.45),
            0 4px 12px rgba(93, 47, 255, 0.3),
            inset 0 1px 0 rgba(255, 255, 255, 0.15);
    color: #ffffff;
}

.bb-element-button:hover::before {
    opacity: 1;
    transform: scale(1.05);
}

.bb-element-button:hover::after {
    transform: translateX(100%);
}

.bb-element-button:focus-visible {
    outline: none;
    transform: translateY(-3px);
    border-color: rgba(13, 178, 255, 0.8);
    background: rgba(13, 178, 255, 0.15);
    box-shadow:
            0 16px 48px rgba(13, 178, 255, 0.5),
            0 0 0 4px rgba(13, 178, 255, 0.2),
            inset 0 1px 0 rgba(255, 255, 255, 0.18);
    color: #ffffff;
}

.bb-element-button:focus-visible::before {
    opacity: 1;
    transform: scale(1.05);
}

.bb-element-button:active {
    transform: translateY(-1px) scale(0.98);
    background: linear-gradient(135deg,
    #0db2ff 0%,
    #5b2fff 50%,
    #ff8a3d 100%);
    border-color: transparent;
    box-shadow:
            0 8px 24px rgba(13, 178, 255, 0.4),
            inset 0 2px 8px rgba(0, 0, 0, 0.2);
    color: #ffffff;
}

.bb-element-button:active::before {
    opacity: 0;
}

.bb-element-button.is-style-outline {
    border-color: rgba(255, 255, 255, 0.3);
    background: rgba(10, 14, 30, 0.3);
    color: rgba(255, 255, 255, 0.9);
}

.bb-element-button.is-style-outline::before {
    background: linear-gradient(135deg,
    rgba(255, 255, 255, 0.08) 0%,
    rgba(13, 178, 255, 0.12) 50%,
    rgba(255, 138, 61, 0.08) 100%);
}

.bb-element-button.is-style-outline:hover {
    border-color: rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.08);
    box-shadow:
            0 16px 48px rgba(255, 255, 255, 0.15),
            inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.bb-element-button.is-style-outline:active {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.6);
    box-shadow:
            0 8px 24px rgba(255, 255, 255, 0.12),
            inset 0 2px 8px rgba(255, 255, 255, 0.1);
}

@keyframes button-pulse {
    0%, 100% {
        box-shadow:
                0 8px 24px rgba(4, 6, 18, 0.4),
                inset 0 1px 0 rgba(255, 255, 255, 0.08);
    }
    50% {
        box-shadow:
                0 8px 32px rgba(13, 178, 255, 0.25),
                inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
}

.bb-element-button {
    animation: button-pulse 3s ease-in-out infinite;
}

.bb-element-button:hover,
.bb-element-button:focus-visible,
.bb-element-button:active {
    animation: none;
}
/* ============================================ */
/* CTA Banner                                   */
/* ============================================ */

.bb-cta-banner {
    background: linear-gradient(135deg, rgba(91, 47, 255, 0.85) 0%, rgba(13, 178, 255, 0.6) 100%);
    border-radius: calc(var(--bb-border-radius) + 8px);
    padding: var(--bb-spacing-lg);
    color: #050505;
}

.bb-cta-text h2 {
    font-size: clamp(1.8rem, 1.6rem + 1.8vw, 2.6rem);
    margin: 0 0 var(--bb-spacing-xs);
}
/* ============================================ */
/* Eco Counter Section                          */
/* ============================================ */

.bb-section--eco {
    position: relative;
    margin-top: 12px;
    margin-bottom: var(--bb-spacing-md);
    padding: var(--bb-spacing-md) 0 var(--bb-spacing-sm);
    background: 
        radial-gradient(circle at 20% 80%, rgba(34, 197, 94, 0.12), transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(16, 185, 129, 0.10), transparent 50%),
        var(--bb-color-background);
    overflow: hidden;
    transition: background 0.5s ease;
}

/* Canvas for effects */
.bb-eco-canvas {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
}

.bb-section--eco::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(34, 197, 94, 0.3) 20%,
        rgba(16, 185, 129, 0.5) 50%,
        rgba(34, 197, 94, 0.3) 80%,
        transparent 100%
    );
}

.bb-eco-container {
    max-width: var(--bb-max-width);
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.bb-eco-header {
    text-align: center;
    margin-bottom: var(--bb-spacing-sm);
}

.bb-eco-header .bb-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(90deg, #22c55e 0%, #10b981 50%, #059669 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bb-eco-leaf {
    width: 1.5em;
    height: 1.5em;
    stroke: #22c55e;
    animation: leaf-sway 3s ease-in-out infinite;
}

@keyframes leaf-sway {
    0%, 100% { transform: rotate(-5deg); }
    50% { transform: rotate(5deg); }
}

.bb-eco-header .bb-section-title {
    background: linear-gradient(
        90deg, 
        var(--bb-color-text-primary) 0%,
        var(--bb-color-text-primary) 40%,
        rgba(34, 197, 94, 1) 50%,
        var(--bb-color-text-primary) 60%,
        var(--bb-color-text-primary) 100%
    );
    background-size: 300% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: eco-title-shimmer 15s linear infinite;
}

@keyframes eco-title-shimmer {
    0% { background-position: 100% 50%; }
    100% { background-position: -100% 50%; }
}

.bb-eco-header .bb-section-subtitle {
    max-width: 600px;
    margin: 0 auto;
}

/* Stats Container */
.bb-eco-stats {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--bb-spacing-lg);
}

/* Primary Counter */
.bb-eco-stat--primary {
    text-align: center;
    padding: var(--bb-spacing-md) var(--bb-spacing-lg);
    border-radius: calc(var(--bb-border-radius) + 8px);
    background: 
        linear-gradient(135deg, rgba(34, 197, 94, 0.08) 0%, rgba(16, 185, 129, 0.05) 100%);
    border: 1px solid rgba(34, 197, 94, 0.2);
    box-shadow: 
        0 20px 50px rgba(34, 197, 94, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    position: relative;
    overflow: hidden;
}

.bb-eco-stat--primary::before {
    content: "";
    position: absolute;
    inset: -50%;
    background: radial-gradient(circle, rgba(34, 197, 94, 0.1) 0%, transparent 70%);
    animation: pulse-glow 4s ease-in-out infinite;
}

@keyframes pulse-glow {
    0%, 100% { opacity: 0.3; transform: scale(0.8); }
    50% { opacity: 0.6; transform: scale(1.2); }
}

.bb-eco-stat__value {
    position: relative;
    font-size: clamp(3rem, 2.5rem + 4vw, 5rem);
    font-weight: 700;
    font-family: 'Rubik', sans-serif;
    background: linear-gradient(135deg, #22c55e 0%, #10b981 50%, #059669 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.1;
    letter-spacing: -0.02em;
    text-shadow: 0 0 40px rgba(34, 197, 94, 0.3);
}

.bb-eco-stat__label {
    position: relative;
    font-size: clamp(1.1rem, 1rem + 0.5vw, 1.4rem);
    font-weight: 600;
    color: var(--bb-color-text-primary);
    margin-top: 0.5rem;
}

.bb-eco-stat__sublabel {
    position: relative;
    font-size: 0.9rem;
    color: var(--bb-color-text-secondary);
    margin-top: 0.25rem;
}

/* Stats Grid */
.bb-eco-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: var(--bb-spacing-sm);
    width: 100%;
    max-width: 1200px;
}

/* Eco Cards */
.bb-eco-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: var(--bb-spacing-sm) var(--bb-spacing-xs);
    border-radius: var(--bb-border-radius);
    background: rgba(13, 17, 35, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.06);
    -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.bb-eco-card:hover {
    transform: translateY(-4px);
    border-color: rgba(34, 197, 94, 0.3);
    box-shadow: 0 12px 30px rgba(34, 197, 94, 0.15);
}

.bb-eco-card__icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(59, 130, 246, 0.1) 100%);
    border: 1px solid rgba(59, 130, 246, 0.3);
}

.bb-eco-card__icon svg {
    width: 24px;
    height: 24px;
    stroke: #3b82f6;
}

.bb-eco-card__icon--energy {
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.2) 0%, rgba(251, 191, 36, 0.1) 100%);
    border-color: rgba(251, 191, 36, 0.3);
}

.bb-eco-card__icon--energy svg {
    stroke: #fbbf24;
}

.bb-eco-card__icon--forest {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.2) 0%, rgba(34, 197, 94, 0.1) 100%);
    border-color: rgba(34, 197, 94, 0.3);
}

.bb-eco-card__icon--forest svg {
    stroke: #22c55e;
}

.bb-eco-card__icon--waste {
    background: linear-gradient(135deg, rgba(156, 163, 175, 0.2) 0%, rgba(156, 163, 175, 0.1) 100%);
    border-color: rgba(156, 163, 175, 0.3);
}

.bb-eco-card__icon--waste svg {
    stroke: #9ca3af;
}

.bb-eco-card__icon--trees {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.2) 0%, rgba(34, 197, 94, 0.1) 100%);
    border-color: rgba(34, 197, 94, 0.3);
}

.bb-eco-card__icon--trees svg {
    stroke: #22c55e;
}

.bb-eco-card__icon--carbon {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.2) 0%, rgba(239, 68, 68, 0.1) 100%);
    border-color: rgba(239, 68, 68, 0.3);
}

.bb-eco-card__icon--carbon svg {
    stroke: #ef4444;
}

.bb-eco-card__content {
    text-align: center;
}

.bb-eco-card__value {
    font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem);
    font-weight: 700;
    font-family: 'Rubik', sans-serif;
    color: var(--bb-color-text-primary);
    line-height: 1.2;
}

.bb-eco-card__unit {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--bb-color-text-secondary);
    margin-top: 0.1rem;
}

.bb-eco-card__label {
    font-size: 0.8rem;
    color: var(--bb-color-text-secondary);
    margin-top: 0.25rem;
}

/* Live Indicator */
.bb-eco-live {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 999px;
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.2);
}

.bb-eco-live__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #22c55e;
    animation: live-pulse 2s ease-in-out infinite;
}

@keyframes live-pulse {
    0%, 100% { 
        opacity: 1; 
        box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.4);
    }
    50% { 
        opacity: 0.6; 
        box-shadow: 0 0 0 8px rgba(34, 197, 94, 0);
    }
}

.bb-eco-live__text {
    font-size: 0.85rem;
    color: rgba(34, 197, 94, 0.9);
    font-weight: 500;
}

/* CTA */
.bb-eco-cta {
    text-align: center;
    margin-top: var(--bb-spacing-md);
    position: relative;
    z-index: 2;
}

.bb-eco-cta__text {
    font-size: clamp(1.1rem, 0.9rem + 0.8vw, 1.4rem);
    font-weight: 500;
    margin: 0;
    letter-spacing: 0.01em;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    background: linear-gradient(
        125deg,
        #047857 0%,
        #059669 8%,
        #10b981 16%,
        #34d399 24%,
        #6ee7b7 32%,
        #a7f3d0 40%,
        #6ee7b7 48%,
        #34d399 56%,
        #10b981 64%,
        #059669 72%,
        #047857 80%,
        #059669 88%,
        #10b981 96%,
        #047857 100%
    );
    background-size: 300% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: emerald-wave 6s ease-in-out infinite;
}

.bb-eco-cta__text::before {
    content: '';
    position: absolute;
    inset: -4px -8px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(16, 185, 129, 0.15),
        rgba(52, 211, 153, 0.2),
        rgba(16, 185, 129, 0.15),
        transparent
    );
    background-size: 200% 100%;
    border-radius: 8px;
    z-index: -1;
    animation: glow-pulse 4s ease-in-out infinite;
    filter: blur(8px);
}

@keyframes emerald-wave {
    0%, 100% {
        background-position: 0% 50%;
        filter: brightness(1);
    }
    25% {
        background-position: 50% 50%;
        filter: brightness(1.1);
    }
    50% {
        background-position: 100% 50%;
        filter: brightness(1.15);
    }
    75% {
        background-position: 50% 50%;
        filter: brightness(1.1);
    }
}

@keyframes glow-pulse {
    0%, 100% {
        background-position: -100% 0;
        opacity: 0.5;
    }
    50% {
        background-position: 100% 0;
        opacity: 0.8;
    }
}

.bb-eco-button {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.2) 0%, rgba(16, 185, 129, 0.15) 100%);
    border-color: rgba(34, 197, 94, 0.4);
}

.bb-eco-button:hover {
    background: rgba(34, 197, 94, 0.25);
    border-color: rgba(34, 197, 94, 0.6);
    box-shadow: 
        0 16px 48px rgba(34, 197, 94, 0.3),
        0 4px 12px rgba(16, 185, 129, 0.2);
}

/* Responsive */
@media (max-width: 1024px) {
    .bb-eco-grid {
        grid-template-columns: repeat(3, 1fr);
        max-width: 700px;
    }
}

@media (max-width: 768px) {
    .bb-section--eco {
        padding: var(--bb-spacing-md) 0;
    }

    .bb-eco-stat--primary {
        padding: var(--bb-spacing-sm) var(--bb-spacing-md);
    }

    .bb-eco-stat__value {
        font-size: clamp(2.5rem, 2rem + 3vw, 3.5rem);
    }

    .bb-eco-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--bb-spacing-xs);
    }

    .bb-eco-card {
        padding: var(--bb-spacing-xs);
    }

    .bb-eco-card__icon {
        width: 40px;
        height: 40px;
    }

    .bb-eco-card__icon svg {
        width: 20px;
        height: 20px;
    }

    .bb-eco-card__value {
        font-size: clamp(1.2rem, 1rem + 0.8vw, 1.5rem);
    }
}

@media (max-width: 480px) {
    .bb-eco-grid {
        grid-template-columns: 1fr 1fr;
        gap: 0.75rem;
    }

    .bb-eco-card__label {
        font-size: 0.75rem;
    }

    .bb-eco-live {
        padding: 0.4rem 0.8rem;
    }

    .bb-eco-live__text {
        font-size: 0.75rem;
    }
}
/* ============================================================ */
/* FAQ inside CTA banner — toggle pattern with wave-reveal       */
/* Panel A (marketing CTA) <-> Panel B (FAQ accordion)           */
/* FAQPage JSON-LD lives in <head>; visible content here for     */
/* Google FAQ rich snippets.                                     */
/* ============================================================ */

/* ── BANNER: block container; each panel takes full width. ── */
.bb-cta-banner {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    transition: color 0.45s ease;
}

.bb-cta-panel--main {
    display: flex;
    flex-direction: column;
    gap: var(--bb-spacing-md);
    position: relative;
    z-index: 1;
}

/* ── WAVE OVERLAY ──
   Dark, readable surface rises from the bottom of the banner when FAQ opens.
   Uses radial clip-path so it expands as a smooth circle ("wave").
   Same primary/secondary brand hues, but darkened to give FAQ contrast. */
.bb-cta-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    background:
        radial-gradient(ellipse 90% 70% at 50% 100%, rgba(13, 178, 255, 0.18) 0%, transparent 60%),
        radial-gradient(ellipse 60% 50% at 10% 0%,  rgba(91, 47, 255, 0.22) 0%, transparent 65%),
        linear-gradient(160deg, #0b0c20 0%, #0e1130 45%, #131434 100%);
    clip-path: circle(0% at 50% 100%);
    transition: clip-path 0.7s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 0;
}

.bb-cta-banner[data-cta-mode="faq"]::before {
    clip-path: circle(150% at 50% 100%);
}

.bb-cta-banner[data-cta-mode="faq"] { color: var(--bb-color-text-primary); }

@media (prefers-reduced-motion: reduce) {
    .bb-cta-banner::before { transition: none; }
}

/* ── FAQ PANEL ──
   Sits in the same banner cell, kept above the wave overlay. */
.bb-cta-panel {
    animation: bb-panel-in 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}

.bb-cta-panel--faq {
    position: relative;
    z-index: 1;
    color: var(--bb-color-text-primary);
}

@keyframes bb-panel-in {
    from { opacity: 0; transform: translateY(8px) scale(0.985); }
    to   { opacity: 1; transform: translateY(0)   scale(1);     }
}

@media (prefers-reduced-motion: reduce) {
    .bb-cta-panel { animation: none; }
}

/* ── "FAQ" TRIGGER — same family as primary buttons, compact ghost-icon ── */
.bb-element-button.is-style-ghost-icon {
    padding: 0.78rem 1.35rem;
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    gap: 0.45rem;
    border-color: rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.04);
}

.bb-element-button.is-style-ghost-icon svg {
    width: 18px;
    height: 18px;
    transition: transform 0.4s ease;
}

.bb-element-button.is-style-ghost-icon:hover svg,
.bb-element-button.is-style-ghost-icon:focus-visible svg {
    transform: rotate(15deg) scale(1.08);
}

/* ── BACK BUTTON inside FAQ panel ── */
.bb-faq-back {
    background: transparent;
    color: rgba(255, 255, 255, 0.7);
    border: none;
    padding: 0.4rem 0.7rem 0.4rem 0.3rem;
    margin-bottom: 1.1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
    font-weight: 500;
    font-size: 0.9rem;
    cursor: pointer;
    border-radius: 999px;
    transition: color 0.2s ease, background 0.2s ease;
    -webkit-tap-highlight-color: transparent;
}

.bb-faq-back svg {
    width: 18px;
    height: 18px;
    transition: transform 0.25s ease;
}

.bb-faq-back:hover,
.bb-faq-back:focus-visible {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
    outline: none;
}

.bb-faq-back:hover svg,
.bb-faq-back:focus-visible svg {
    transform: translateX(-3px);
}

/* ── FAQ TITLE INSIDE PANEL ── */
.bb-faq-title {
    font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
    font-size: clamp(1.4rem, 3vw, 1.85rem);
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 1.3rem;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

/* ── ACCORDION ITEMS ── */
.bb-faq {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    max-width: 760px;
}

.bb-faq__item {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    transition: border-color 0.25s ease, background 0.25s ease;
    overflow: hidden;
}

.bb-faq__item:hover {
    border-color: rgba(13, 178, 255, 0.45);
    background: rgba(13, 178, 255, 0.06);
}

.bb-faq__item[open] {
    border-color: rgba(13, 178, 255, 0.6);
    background: linear-gradient(180deg, rgba(91, 47, 255, 0.12) 0%, rgba(255, 255, 255, 0.03) 100%);
}

.bb-faq__q::-webkit-details-marker { display: none; }
.bb-faq__q { list-style: none; }
.bb-faq__q::marker { content: ""; }

.bb-faq__q {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.35rem;
    font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
    font-weight: 600;
    font-size: 1rem;
    color: #ffffff;
    line-height: 1.4;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.bb-faq__q:focus-visible {
    outline: 2px solid rgba(13, 178, 255, 0.55);
    outline-offset: -2px;
    border-radius: 14px;
}

.bb-faq__q-text { flex: 1; }

.bb-faq__chevron {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    color: rgba(255, 255, 255, 0.65);
    transition: transform 0.3s ease, color 0.25s ease;
}

.bb-faq__item[open] .bb-faq__chevron {
    transform: rotate(180deg);
    color: #0db2ff;
}

.bb-faq__a {
    padding: 0 1.35rem 1.2rem;
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.65;
    animation: bb-faq-slide 0.3s ease;
}

.bb-faq__a p {
    margin: 0;
    font-size: 0.96rem;
}

@keyframes bb-faq-slide {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0);     }
}

@media (prefers-reduced-motion: reduce) {
    .bb-faq__a { animation: none; }
    .bb-faq__chevron { transition: color 0.2s ease; }
}

/* ── MOBILE ── */
@media (max-width: 640px) {
    .bb-element-button.is-style-ghost-icon {
        padding: 0.65rem 1.15rem;
        font-size: 0.74rem;
    }
    .bb-faq__q     { padding: 1rem 1.1rem; font-size: 0.95rem; }
    .bb-faq__a     { padding: 0 1.1rem 1rem; }
    .bb-faq-title  { margin-bottom: 1rem; }
}
/* ============================================ */
/* Features Section                             */
/* ============================================ */

.bb-feature-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: var(--bb-spacing-md);
    margin-top: var(--bb-spacing-lg);
}

.bb-feature-card {
    position: relative;
    background: var(--bb-color-surface);
    border-radius: var(--bb-border-radius);
    padding: var(--bb-spacing-md);
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0 8px 24px rgba(5, 6, 18, 0.4);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    isolation: isolate;
}

/* Gradient Border */
.bb-feature-card::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(
        135deg,
        rgba(13, 178, 255, 0.2) 0%,
        rgba(91, 47, 255, 0.15) 50%,
        rgba(255, 138, 61, 0.1) 100%
    );
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: -1;
}

/* Ambient Glow */
.bb-feature-card::after {
    content: "";
    position: absolute;
    inset: -20px;
    background: radial-gradient(
        circle at 50% 0%,
        rgba(13, 178, 255, 0.12) 0%,
        transparent 60%
    );
    filter: blur(20px);
    opacity: 0;
    transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: -2;
}

.bb-feature-card:hover {
    transform: translateY(-8px) scale(1.02);
    border-color: rgba(13, 178, 255, 0.2);
    background: rgba(13, 17, 35, 0.65);
    -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);
    box-shadow: 
        0 16px 48px rgba(13, 178, 255, 0.15),
        0 8px 24px rgba(5, 6, 18, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.bb-feature-card:hover::before {
    opacity: 1;
}

.bb-feature-card:hover::after {
    opacity: 0.8;
}

.bb-feature-card h3 {
    position: relative;
    margin-top: 0;
    margin-bottom: 0.75rem;
    color: var(--bb-color-text-primary);
    font-size: 1.25rem;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
}

.bb-feature-card:hover h3 {
    color: #ffffff;
    text-shadow: 0 0 20px rgba(13, 178, 255, 0.3);
}

.bb-feature-card p {
    position: relative;
    margin: 0;
    color: var(--bb-color-text-secondary);
    line-height: 1.6;
    transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
}

.bb-feature-card:hover p {
    color: rgba(255, 255, 255, 0.85);
}

/* Shimmer Gradient Animation */
@keyframes shimmer-sweep {
    0% {
        background-position: -200% center;
    }
    100% {
        background-position: 200% center;
    }
}

.bb-feature-card:hover::before {
    background: linear-gradient(
        135deg,
        rgba(13, 178, 255, 0.2) 0%,
        rgba(91, 47, 255, 0.15) 40%,
        rgba(255, 255, 255, 0.3) 50%,
        rgba(91, 47, 255, 0.15) 60%,
        rgba(255, 138, 61, 0.1) 100%
    );
    background-size: 200% 200%;
    animation: shimmer-sweep 1s ease-out;
}
/* ============================================ */
/* Footer                                       */
/* ============================================ */

.bb-footer {
    text-align: center;
    padding: var(--bb-spacing-lg) var(--bb-spacing-md);
    border-top: 1px solid var(--bb-color-divider);
    background: rgba(6, 6, 16, 0.9);
}

.bb-footer a {
    color: var(--bb-color-text-primary);
    text-decoration: none;
}

.bb-footer a:hover,
.bb-footer a:focus {
    color: var(--bb-color-accent);
}
/* ============================================ */
/* Header & Navigation                          */
/* ============================================ */

.bb-header {
    position: sticky;
    top: 0;
    z-index: 9998;
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    background: rgba(6, 8, 22, 0.82);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0 24px 60px rgba(3, 6, 20, 0.55);
}

.bb-header::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(9, 151, 253, 0.12), rgba(255, 140, 63, 0.08));
    opacity: 0;
    transition: opacity 0.4s ease;
}

.bb-header:hover::before {
    opacity: 1;
}

.bb-container-header {
    position: relative;
    margin: 0 auto;
    max-width: var(--bb-max-width);
    padding: 1rem var(--bb-spacing-md);
    display: flex;
    justify-content: center;
    align-items: center;
}

.bb-header-shell {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: visible;
    padding-bottom: 2px;
    padding-top: 2px;
}

.bb-nav-toggle {
    display: none;
}

.bb-nav-trigger {
    display: none;
    position: relative;
    width: 46px;
    height: 46px;
    border-radius: 12px;
    border: 1.5px solid transparent;
    background: 
        linear-gradient(135deg, rgba(10, 14, 30, 0.95), rgba(20, 24, 50, 0.9)) padding-box,
        linear-gradient(135deg, rgba(13, 178, 255, 0.5), rgba(139, 92, 246, 0.5), rgba(255, 138, 61, 0.4)) border-box;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 
        0 4px 15px rgba(13, 178, 255, 0.2),
        0 0 20px rgba(139, 92, 246, 0.1);
}

.bb-nav-trigger::before {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(13, 178, 255, 0.3), rgba(139, 92, 246, 0.3), rgba(255, 138, 61, 0.2));
    filter: blur(8px);
    opacity: 0.6;
    z-index: -1;
    transition: opacity 0.3s ease;
}

.bb-nav-trigger:hover::before {
    opacity: 1;
}

.bb-nav-trigger span {
    display: block;
    width: 20px;
    height: 2.5px;
    border-radius: 999px;
    background: linear-gradient(90deg, #0db2ff, #8b5cf6);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 8px rgba(13, 178, 255, 0.5);
}

.bb-nav-trigger span:nth-child(2) {
    width: 14px;
    margin-left: 6px;
}

.bb-nav-trigger:hover span {
    background: linear-gradient(90deg, #0db2ff, #ff8a3d);
    box-shadow: 0 0 12px rgba(255, 138, 61, 0.6);
}

.bb-nav-trigger:hover span:nth-child(2) {
    width: 20px;
    margin-left: 0;
}

.bb-nav-toggle:checked + .bb-nav-trigger {
    background: 
        linear-gradient(135deg, rgba(13, 178, 255, 0.15), rgba(139, 92, 246, 0.15)) padding-box,
        linear-gradient(135deg, rgba(13, 178, 255, 0.8), rgba(139, 92, 246, 0.8)) border-box;
    box-shadow: 
        0 4px 20px rgba(13, 178, 255, 0.4),
        0 0 30px rgba(139, 92, 246, 0.2);
}

.bb-nav-toggle:checked + .bb-nav-trigger span:nth-child(1) {
    transform: translateY(7.5px) rotate(45deg);
    width: 20px;
}

.bb-nav-toggle:checked + .bb-nav-trigger span:nth-child(2) {
    opacity: 0;
    width: 0;
    margin-left: 0;
}

.bb-nav-toggle:checked + .bb-nav-trigger span:nth-child(3) {
    transform: translateY(-7.5px) rotate(-45deg);
    width: 20px;
}

.bb-navigation {
    position: relative;
    width: 100%;
    max-width: 1022px;
}

.bb-navigation__container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: clamp(0.85rem, 0.5rem + 0.8vw, 1.5rem);
    padding: clamp(0.3rem, 0.25rem + 0.25vw, 0.55rem) clamp(1.1rem, 0.9rem + 1vw, 1.9rem);
    margin: 0;
    list-style: none;
    border-radius: 999px;
    background: rgba(10, 14, 30, 0.78);
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04), 0 20px 38px rgba(3, 8, 28, 0.4);
    -webkit-backdrop-filter: blur(16px);
            backdrop-filter: blur(16px);
    white-space: nowrap;
}

.bb-navigation__container li {
    list-style: none;
}

.bb-navigation-item__label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.4rem 0.2rem;
    font-size: clamp(0.82rem, 0.7rem + 0.4vw, 0.98rem);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: rgba(230, 234, 255, 0.75);
    text-decoration: none !important;
    position: relative;
    isolation: isolate;
    transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
                transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
                text-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.bb-navigation-item__label:link,
.bb-navigation-item__label:visited {
    text-decoration: none !important;
    color: rgba(230, 234, 255, 0.75);
}

/* Gradient underline */
.bb-navigation-item__label::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(13, 178, 255, 0.0) 5%,
        rgba(13, 178, 255, 1) 25%,
        rgba(93, 47, 255, 1) 45%,
        rgba(255, 138, 61, 1) 55%,
        rgba(255, 180, 120, 1) 75%,
        rgba(255, 138, 61, 0.0) 95%,
        transparent 100%
    );
    background-size: 200% 100%;
    background-position: 100% 50%;
    opacity: 0;
    transform: scaleX(0.3) scaleY(0.8);
    transform-origin: center;
    filter: blur(0px);
    box-shadow: 0 0 0 rgba(13, 178, 255, 0);
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1),
                opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1),
                background-position 0.8s cubic-bezier(0.4, 0, 0.2, 1),
                filter 0.5s ease,
                box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Glow effect layer */
.bb-navigation-item__label::before {
    content: "";
    position: absolute;
    left: -5%;
    right: -5%;
    bottom: -8px;
    height: 12px;
    border-radius: 999px;
    background: radial-gradient(
        ellipse at center,
        rgba(13, 178, 255, 0.6) 0%,
        rgba(93, 47, 255, 0.4) 30%,
        rgba(255, 138, 61, 0.3) 60%,
        transparent 100%
    );
    opacity: 0;
    filter: blur(8px);
    transform: scaleX(0.4) scaleY(0.5);
    z-index: -1;
    transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1),
                transform 0.7s cubic-bezier(0.34, 1.56, 0.64, 1),
                filter 0.5s ease;
}

.bb-navigation-item__label:hover,
.bb-navigation-item__label:focus-visible {
    color: #ffffff;
    transform: translateY(-4px) scale(1.05);
    animation: text-glow-wave 1.2s ease-in-out 1,
               text-pulse 0.6s ease-in-out 2,
               text-wiggle 0.15s ease-in-out 3;
}

.bb-navigation-item__label:hover::after,
.bb-navigation-item__label:focus-visible::after {
    opacity: 1;
    transform: scaleX(1.05) scaleY(1);
    background-position: 0% 50%;
    filter: blur(0.5px);
    box-shadow: 0 0 20px rgba(13, 178, 255, 0.6),
                0 0 40px rgba(93, 47, 255, 0.4),
                0 0 60px rgba(255, 138, 61, 0.3);
    animation: shimmer-underline 2s ease-in-out infinite;
}

.bb-navigation-item__label:hover::before,
.bb-navigation-item__label:focus-visible::before {
    opacity: 1;
    transform: scaleX(1.1) scaleY(1);
    filter: blur(12px);
}

.bb-navigation-item__label:active {
    transform: translateY(-1px);
}

.bb-navigation-item__label.is-active {
    color: #ffffff;
    text-shadow: 0 8px 18px rgba(13, 178, 255, 0.45);
}

/* Navigation Enhanced Styles with Animations */
@media (min-width: 769px) {
    .bb-header-shell {
        overflow: hidden;
    }

    .bb-navigation::after {
        content: "";
        position: absolute;
        inset: -12px;
        background: radial-gradient(circle at 50% -40%, rgba(13, 178, 255, 0.18), transparent 55%),
                    radial-gradient(circle at 50% 140%, rgba(255, 138, 61, 0.14), transparent 55%);
        filter: blur(28px);
        opacity: 0.35;
        z-index: -2;
        animation: glow-pulse 3s ease-in-out infinite;
    }

    .bb-navigation__container::before {
        content: "";
        position: absolute;
        inset: -2px;
        border-radius: 999px;
        padding: 3px;
        will-change: opacity, transform;
        background: linear-gradient(
                135deg,
                rgba(13, 178, 255, 0.8) 0%,
                rgba(93, 47, 255, 0.8) 25%,
                rgba(255, 138, 61, 0.8) 50%,
                rgba(13, 178, 255, 0.8) 75%,
                rgba(93, 47, 255, 0.8) 100%
        );
        -webkit-mask:
                linear-gradient(#fff 0 0) content-box,
                linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0.6;
        z-index: -1;
        animation: border-flow 4s linear infinite, border-pulse 2s ease-in-out infinite;
        background-size: 200% 200%;
    }

    .bb-navigation__container:hover::before {
        opacity: 1;
        animation: border-flow 2s linear infinite, border-pulse 1s ease-in-out infinite;
    }

    .bb-navigation:hover::after {
        opacity: 0.65;
        filter: blur(35px);
    }
}

/* Keyframe animations */
@keyframes border-flow {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@keyframes border-pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 0.6;
    }
    50% {
        transform: scale(1.02);
        opacity: 0.9;
    }
}

@keyframes glow-pulse {
    0%, 100% {
        opacity: 0.35;
        filter: blur(28px);
    }
    50% {
        opacity: 0.55;
        filter: blur(32px);
    }
}

@keyframes shimmer-underline {
    0%, 100% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
}

@keyframes text-glow-wave {
    0% {
        text-shadow: 0 2px 8px rgba(13, 178, 255, 0),
                     0 8px 24px rgba(13, 178, 255, 0),
                     0 16px 40px rgba(93, 47, 255, 0),
                     0 0 60px rgba(255, 138, 61, 0);
    }
    20% {
        text-shadow: 0 2px 12px rgba(13, 178, 255, 0.8),
                     0 8px 32px rgba(13, 178, 255, 0.6),
                     0 16px 48px rgba(13, 178, 255, 0.4),
                     0 0 80px rgba(13, 178, 255, 0.3);
    }
    40% {
        text-shadow: 0 2px 12px rgba(93, 47, 255, 0.8),
                     0 8px 32px rgba(93, 47, 255, 0.6),
                     0 16px 48px rgba(93, 47, 255, 0.4),
                     0 0 80px rgba(93, 47, 255, 0.3);
    }
    60% {
        text-shadow: 0 2px 12px rgba(255, 138, 61, 0.8),
                     0 8px 32px rgba(255, 138, 61, 0.6),
                     0 16px 48px rgba(255, 138, 61, 0.4),
                     0 0 80px rgba(255, 138, 61, 0.3);
    }
    80% {
        text-shadow: 0 2px 12px rgba(255, 180, 120, 0.7),
                     0 8px 32px rgba(255, 138, 61, 0.5),
                     0 16px 48px rgba(93, 47, 255, 0.3),
                     0 0 80px rgba(13, 178, 255, 0.2);
    }
    100% {
        text-shadow: 0 2px 8px rgba(13, 178, 255, 0.3),
                     0 8px 24px rgba(13, 178, 255, 0.25),
                     0 16px 40px rgba(93, 47, 255, 0.2),
                     0 0 60px rgba(255, 138, 61, 0.15);
    }
}

@keyframes text-pulse {
    0%, 100% {
        transform: translateY(-4px) scale(1.05);
    }
    50% {
        transform: translateY(-5px) scale(1.08);
    }
}

@keyframes text-wiggle {
    0%, 100% {
        transform: translateY(-4px) scale(1.05) rotate(0deg);
    }
    25% {
        transform: translateY(-4px) scale(1.05) rotate(-1deg);
    }
    75% {
        transform: translateY(-4px) scale(1.05) rotate(1deg);
    }
}
/* ============================================ */
/* Hero Section                                 */
/* ============================================ */

#hero .bb-media-text > figure {
    margin-top: clamp(1.75rem, 1rem + 2.5vw, 3.5rem);
}

/* ============================================ */
/* HERO TO ECO SPACING                          */
/* Adjust this value to change gap between      */
/* HERO section and ECO IMPACT section          */
/* ============================================ */
#hero {
    margin-bottom: clamp(4rem, 3rem + 4vw, 8rem);
}

/* ============================================ */
/* Animated Eyebrow — "Because first impressions matter" */
/* ============================================ */

.bb-eyebrow {
    opacity: 0;
    animation: eyebrow-reveal 1s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards;
}

@keyframes eyebrow-reveal {
    0% {
        opacity: 0;
        transform: translateY(20px);
        filter: blur(8px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

/* Gradient shimmer effect for primary eyebrow */
#hero .bb-eyebrow:first-of-type {
    color: var(--bb-color-text-muted);
    background: linear-gradient(
        90deg,
        var(--bb-color-text-muted) 0%,
        #0db2ff 25%,
        #8b5cf6 50%,
        #ff8a3d 75%,
        var(--bb-color-text-muted) 100%
    );
    background-size: 200% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: 
        eyebrow-reveal 1s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards,
        gradient-shimmer 4s ease-in-out 1.2s infinite;
}

/* Fallback for browsers without background-clip support.
   Split into two @supports rules instead of `or not` so libsass (sassc-rails)
   can parse the file during asset compression. */
@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
    #hero .bb-eyebrow:first-of-type {
        color: var(--bb-color-text-muted);
        -webkit-text-fill-color: initial;
    }
}

@supports not (-webkit-background-clip: text) {
    #hero .bb-eyebrow:first-of-type {
        color: var(--bb-color-text-muted);
        -webkit-text-fill-color: initial;
    }
}

@keyframes gradient-shimmer {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* ============================================ */
/* Secondary Eyebrow — "Move with the times"    */
/* Appears after first eyebrow                  */
/* ============================================ */

.bb-eyebrow--secondary {
    margin-top: 2rem;
    opacity: 0;
    animation: eyebrow-secondary-reveal 0.8s cubic-bezier(0.16, 1, 0.3, 1) 1.5s forwards;
    color: var(--bb-color-text-muted);
    font-size: 0.9em;
    letter-spacing: 0.05em;
    position: relative;
}

/* Holographic sweep — overlays the same text via ::after so the original
   muted color is restored automatically after the animation ends. */
.bb-eyebrow--secondary::after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    background-image: linear-gradient(110deg,
        #ff79c6 0%,
        #bd93f9 16%,
        #8be9fd 32%,
        #50fa7b 48%,
        #ffd166 64%,
        #ff79c6 80%,
        #bd93f9 100%);
    background-size: 220% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    letter-spacing: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.bb-eyebrow--secondary.bb-animate-on-scroll.is-visible::after {
    animation: holo-sweep 2.2s cubic-bezier(0.4, 0, 0.2, 1) 0.45s forwards;
}

@keyframes holo-sweep {
    0%   { opacity: 0; background-position: -20% 50%; }
    10%  { opacity: 1; }
    45%  { opacity: 1; }
    70%  { opacity: 0.6; }
    88%  { opacity: 0.2; }
    100% { opacity: 0; background-position: 200% 50%; }
}

@media (prefers-reduced-motion: reduce) {
    .bb-eyebrow--secondary.bb-animate-on-scroll.is-visible::after {
        animation: none;
    }
}

@keyframes eyebrow-secondary-reveal {
    0% {
        opacity: 0;
        transform: translateX(-30px);
    }
    100% {
        opacity: 0.8;
        transform: translateX(0);
    }
}

/* Fast scroll-triggered animation */
.bb-eyebrow--secondary.bb-animate-on-scroll.is-visible {
    animation: eyebrow-scroll-reveal 0.4s ease-out forwards;
}

@keyframes eyebrow-scroll-reveal {
    0% {
        opacity: 0;
        transform: scale(0.9);
    }
    100% {
        opacity: 0.8;
        transform: scale(1);
    }
}

/* ============================================ */
/* Floating Spark Effect on CTA Buttons         */
/* ============================================ */

.bb-buttons {
    position: relative;
}

.bb-buttons::before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: #0db2ff;
    border-radius: 50%;
    box-shadow: 
        0 0 10px #0db2ff,
        0 0 20px rgba(13, 178, 255, 0.5);
    animation: spark-float 6s ease-in-out infinite;
    pointer-events: none;
    z-index: 10;
}

.bb-buttons:nth-of-type(1)::before {
    top: -10px;
    left: 10%;
    animation-delay: 0s;
}

.bb-buttons:nth-of-type(2)::before {
    top: 50%;
    right: 5%;
    left: auto;
    background: #8b5cf6;
    box-shadow: 
        0 0 10px #8b5cf6,
        0 0 20px rgba(139, 92, 246, 0.5);
    animation-delay: -2s;
}

@keyframes spark-float {
    0%, 100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.8;
    }
    25% {
        transform: translate(20px, -15px) scale(1.2);
        opacity: 1;
    }
    50% {
        transform: translate(40px, 5px) scale(0.8);
        opacity: 0.6;
    }
    75% {
        transform: translate(15px, -20px) scale(1.1);
        opacity: 0.9;
    }
}

/* Second floating spark */
.bb-buttons::after {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background: #ff8a3d;
    border-radius: 50%;
    box-shadow: 
        0 0 8px #ff8a3d,
        0 0 16px rgba(255, 138, 61, 0.5);
    animation: spark-float-alt 8s ease-in-out infinite;
    pointer-events: none;
    z-index: 10;
}

.bb-buttons:nth-of-type(1)::after {
    bottom: -8px;
    right: 15%;
    animation-delay: -3s;
}

.bb-buttons:nth-of-type(2)::after {
    top: 30%;
    left: 8%;
    animation-delay: -5s;
}

@keyframes spark-float-alt {
    0%, 100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.7;
    }
    33% {
        transform: translate(-25px, 10px) scale(1.3);
        opacity: 1;
    }
    66% {
        transform: translate(-10px, -15px) scale(0.9);
        opacity: 0.5;
    }
}

/* ============================================ */
/* Title Animation                              */
/* ============================================ */

#hero .bb-section-title {
    opacity: 0;
    animation: title-reveal 1s cubic-bezier(0.16, 1, 0.3, 1) 0.5s forwards;
}

@keyframes title-reveal {
    0% {
        opacity: 0;
        transform: translateY(40px);
        filter: blur(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

/* Lead text animation */
#hero .bb-lead {
    opacity: 0;
    animation: lead-reveal 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.8s forwards;
}

@keyframes lead-reveal {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Buttons stagger animation */
#hero .bb-buttons {
    opacity: 0;
    animation: buttons-reveal 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

#hero .bb-buttons:nth-of-type(1) {
    animation-delay: 1s;
}

#hero .bb-buttons:nth-of-type(2) {
    animation-delay: 1.2s;
}

@keyframes buttons-reveal {
    0% {
        opacity: 0;
        transform: translateY(15px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Hero meta cards stagger */
#hero .bb-hero-meta {
    opacity: 0;
    animation: meta-reveal 0.6s cubic-bezier(0.16, 1, 0.3, 1) 1.4s forwards;
}

@keyframes meta-reveal {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ============================================ */
/* Reduced Motion                               */
/* ============================================ */

@media (prefers-reduced-motion: reduce) {
    .bb-eyebrow,
    .bb-eyebrow--secondary,
    #hero .bb-section-title,
    #hero .bb-lead,
    #hero .bb-buttons,
    #hero .bb-hero-meta {
        opacity: 1;
        transform: none;
        filter: none;
        animation: none;
    }
    
    .bb-buttons::before,
    .bb-buttons::after {
        display: none;
    }
}
/* ============================================ */
/* Legal Pages (Privacy Policy, Terms of Use)  */
/* ============================================ */

.bb-legal-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: rgba(13,17,35,0.22);
    margin-top: 1rem;
    border-radius: 14px;
    overflow: hidden;
    font-size: 0.98em;
    box-shadow: 0 6px 24px rgba(12,24,52,0.10);
}

.bb-legal-table th, .bb-legal-table td {
    padding: 0.85rem 1rem;
    border-bottom: 1px solid rgba(93,47,255,0.08);
}

.bb-legal-table th {
    background: rgba(13,178,255,0.07);
    font-weight: 600;
    color: #0db2ff;
}

.bb-legal-table tr:last-child td {
    border-bottom: none;
}

.bb-legal-table a {
    color: #0db2ff;
    text-decoration: underline;
    word-break: break-all;
}

.bb-site-blocks--legal {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.bb-site-blocks--legal main {
    flex: 1 0 auto;
}

.bb-legal-page {
    padding: var(--bb-spacing-xl) 0;
}

.bb-legal-card {
    position: relative;
    background: rgba(13, 17, 35, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: calc(var(--bb-border-radius) + 6px);
    padding: clamp(1.8rem, 1.4rem + 1.2vw, 2.65rem);
    box-shadow:
            0 32px 70px rgba(4, 6, 18, 0.5),
            inset 0 1px 0 rgba(255, 255, 255, 0.05);
    overflow: hidden;
}

.bb-legal-card::before {
    content: "";
    position: absolute;
    inset: -40% -20% auto;
    height: 280px;
    background: radial-gradient(circle at top left, rgba(13, 178, 255, 0.22), transparent 70%);
    opacity: 0.6;
    pointer-events: none;
}

.bb-legal-card::after {
    content: "";
    position: absolute;
    inset: auto -10% -30%;
    height: 320px;
    background: radial-gradient(circle at bottom right, rgba(255, 138, 61, 0.18), transparent 70%);
    opacity: 0.55;
    pointer-events: none;
}

.bb-legal-header {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--bb-spacing-xs);
    margin-bottom: var(--bb-spacing-md);
    z-index: 1;
}

.bb-legal-title {
    margin: 0;
    font-size: clamp(2.1rem, 1.6rem + 2vw, 3rem);
    font-weight: 600;
    letter-spacing: -0.01em;
}

.bb-legal-subtitle {
    margin: 0;
    max-width: 720px;
    color: var(--bb-color-text-secondary);
    font-size: clamp(1.02rem, 0.95rem + 0.4vw, 1.2rem);
    line-height: 1.7;
}

.bb-legal-content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.bb-legal-content > *:first-child {
    margin-top: 0;
}

.bb-legal-content h2,
.bb-legal-content h3 {
    color: var(--bb-color-text-primary);
    font-family: 'Rubik', 'Plus Jakarta Sans', sans-serif;
    letter-spacing: -0.01em;
}

.bb-legal-content h2 {
    margin: var(--bb-spacing-lg) 0 var(--bb-spacing-xs);
    font-size: clamp(1.55rem, 1.3rem + 1vw, 2.15rem);
}

.bb-legal-content h3 {
    margin: var(--bb-spacing-sm) 0 0.5rem;
    font-size: clamp(1.15rem, 1.05rem + 0.6vw, 1.45rem);
}

.bb-legal-content p {
    margin: 0;
    color: var(--bb-color-text-secondary);
    line-height: 1.75;
}

.bb-legal-content p + p {
    margin-top: 0.85rem;
}

.bb-legal-content strong {
    color: var(--bb-color-text-primary);
}

.bb-legal-content em {
    color: rgba(245, 247, 255, 0.85);
}

.bb-legal-content ul,
.bb-legal-content ol {
    margin: 0;
    padding: 0 0 0 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.bb-legal-content li {
    position: relative;
    color: var(--bb-color-text-secondary);
    line-height: 1.65;
}

.bb-legal-content ul li::marker {
    color: #0db2ff;
}

.bb-legal-content ul li::before {
    content: "";
    position: absolute;
    left: -1.25rem;
    top: 0.7rem;
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(13, 178, 255, 0.95), rgba(91, 47, 255, 0.95));
    box-shadow: 0 0 12px rgba(13, 178, 255, 0.45);
}

.bb-legal-content ul {
    list-style: none;
    padding-left: 1.75rem;
}

.bb-legal-content ul li {
    padding-left: 0.25rem;
}

.bb-legal-content ol {
    counter-reset: bb-ordered;
}

.bb-legal-content ol > li {
    counter-increment: bb-ordered;
    padding-left: 1.1rem;
}

.bb-legal-content ol > li::before {
    content: counter(bb-ordered) ".";
    position: absolute;
    left: -1.45rem;
    top: 0;
    color: #0db2ff;
    font-weight: 600;
}

.bb-legal-content a {
    color: #0db2ff;
    text-decoration: underline;
    transition: color 0.25s ease, text-shadow 0.25s ease;
}

.bb-legal-content a:hover,
.bb-legal-content a:focus-visible {
    color: #ff8a3d;
    text-shadow: 0 0 12px rgba(255, 138, 61, 0.45);
}

.bb-legal-callout {
    margin: var(--bb-spacing-sm) 0;
    padding: 1.15rem 1.35rem;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(13, 178, 255, 0.16), rgba(91, 47, 255, 0.18));
    border: 1px solid rgba(13, 178, 255, 0.35);
    box-shadow: 0 12px 32px rgba(13, 178, 255, 0.15);
    color: var(--bb-color-text-primary);
    line-height: 1.7;
}

.bb-legal-callout p {
    margin: 0;
    color: inherit;
}

.bb-legal-callout p + p {
    margin-top: 0.35rem;
}

.bb-legal-meta-list {
    display: grid;
    gap: 0.6rem;
    margin: var(--bb-spacing-sm) 0;
    padding: 0;
    list-style: none;
}

.bb-legal-meta-list li {
    color: var(--bb-color-text-secondary);
}
/* ============================================ */
/* Responsive Styles (Media Queries)           */
/* ============================================ */

@media (max-width: 1100px) {
    .bb-navigation-item__label {
        font-size: 0.9rem;
        letter-spacing: 0.14em;
    }
}

@media (max-width: 1024px) {
    .bb-navigation__container {
        gap: clamp(0.75rem, 0.5rem + 0.8vw, 1.2rem);
    }

    .bb-navigation-item__label {
        font-size: 0.85rem;
        letter-spacing: 0.12em;
    }

    .bb-global-padding {
        padding: 0 var(--bb-spacing-sm);
    }

    .bb-media-text.has-media-right,
    .bb-apps {
        grid-template-columns: 1fr;
    }

    .bb-cta-banner {
        text-align: center;
    }

    .bb-cta-panel--main {
        align-items: center;
    }

    .bb-buttons {
        justify-content: center;
    }

    .bb-legal-card {
        padding: clamp(1.6rem, 1.3rem + 1vw, 2.1rem);
    }
}

@media (max-width: 950px) {
    .bb-container-header {
        justify-content: stretch;
    }

    .bb-header-shell {
        justify-content: space-between;
        align-items: center;
        gap: 0.75rem;
    }

    .bb-nav-trigger {
        display: inline-flex;
    }

    .bb-navigation {
        max-width: none;
        position: static;
    }

    .bb-navigation__container {
        position: fixed;
        top: 70px;
        right: 16px;
        z-index: 10001;
        align-items: stretch;
        flex-direction: column;
        gap: 0.35rem;
        padding: var(--bb-spacing-sm);
        min-width: min(320px, 85vw);
        border-radius: calc(var(--bb-border-radius) + 4px);
        background: rgba(10, 14, 30, 0.98);
        -webkit-backdrop-filter: blur(20px);
                backdrop-filter: blur(20px);
        border: 1px solid rgba(255, 255, 255, 0.12);
        box-shadow: 0 28px 55px rgba(6, 8, 22, 0.75), 0 10px 40px rgba(0, 0, 0, 0.5);
        transform-origin: top right;
        transform: scale(0.92);
        opacity: 0;
        pointer-events: none;
        transition: var(--bb-transition);
    }

    .bb-nav-toggle:checked ~ .bb-navigation .bb-navigation__container {
        transform: scale(1);
        opacity: 1;
        pointer-events: auto;
    }

    .bb-navigation-item__label {
        justify-content: flex-start;
        padding: 0.6rem 0.4rem;
        letter-spacing: 0.12em;
        font-size: 0.95rem;
    }

    .bb-navigation-item__label::after {
        left: 0;
        right: 0;
        bottom: -4px;
    }

    .bb-navigation-item__label:hover,
    .bb-navigation-item__label:focus-visible {
        transform: translateX(6px);
    }

    /* Mobile navigation effects */
    .bb-navigation::after {
        display: none;
    }

    .bb-navigation__container::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        background: linear-gradient(
                135deg,
                rgba(13, 178, 255, 0.15) 0%,
                rgba(93, 47, 255, 0.15) 50%,
                rgba(255, 138, 61, 0.15) 100%
        );
        opacity: 0.5;
        z-index: -1;
    }

    .bb-media-text {
        grid-template-columns: 1fr;
    }

    .bb-hero-meta {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .bb-meta-card {
        padding: 1rem 1.2rem;
    }

    .bb-meta-icon {
        width: 38px;
        height: 38px;
    }

    .bb-meta-icon svg {
        width: 20px;
        height: 20px;
    }

    .bb-section {
        padding: var(--bb-spacing-lg) 0;
    }

    .bb-hero-image,
    .bb-qr-image {
        border-radius: var(--bb-border-radius);
    }

    .bb-element-button {
        padding: 0.9rem 1.8rem;
        font-size: 0.82rem;
    }

    .bb-step-item {
        gap: 1rem;
    }

    .bb-step-item:hover {
        transform: translateX(4px);
    }

    .bb-step-number span {
        width: 48px;
        height: 48px;
        font-size: 1.3rem;
    }

    .bb-step-connector {
        top: 48px;
    }

    .bb-step-content {
        padding: 0.9rem 1.2rem;
    }

    .bb-step-title {
        font-size: 1.1rem;
    }

    .bb-step-description {
        font-size: 0.9rem;
    }

    .bb-legal-page {
        padding: var(--bb-spacing-lg) 0;
    }

    .bb-legal-card {
        padding: clamp(1.3rem, 1.15rem + 2vw, 1.8rem);
        border-radius: calc(var(--bb-border-radius) + 4px);
    }

    .bb-legal-content ol > li {
        padding-left: 0.75rem;
    }

    .bb-legal-content ol > li::before {
        left: -1.15rem;
    }
}

@media (max-width: 520px) {
    .bb-navigation__container {
        min-width: calc(100vw - 2.5rem);
        right: -1rem;
    }

    .bb-navigation-item__label {
        letter-spacing: 0.12em;
    }

    .bb-legal-card {
        padding: clamp(1.1rem, 1rem + 2vw, 1.5rem);
    }

    .bb-legal-content ul {
        padding-left: 1.4rem;
    }

    .bb-legal-content ul li::before {
        left: -1.1rem;
    }
}

@media (max-width: 480px) {
    .bb-lead {
        font-size: 1rem;
    }

    .bb-cta-banner {
        padding: var(--bb-spacing-md);
    }

    .bb-buttons {
        flex-direction: column;
    }

    .store-badge {
        width: clamp(180px, 60vw, 220px);
    }

    .bb-element-button {
        width: 100%;
        justify-content: center;
    }

    .bb-steps {
        gap: 1.2rem;
    }

    .bb-step-item {
        gap: 0.85rem;
    }

    .bb-step-number span {
        width: 42px;
        height: 42px;
        font-size: 1.15rem;
    }

    .bb-step-connector {
        top: 42px;
    }
}
/* ============================================ */
/* Steps (How It Works Section)                */
/* ============================================ */

.bb-steps {
    list-style: none;
    padding: 0;
    margin: var(--bb-spacing-md) 0;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.bb-step-item {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1.5rem;
    align-items: start;
    transition: all 0.3s ease;
}

.bb-step-item:hover {
    transform: translateX(8px);
}

.bb-step-number {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
}

.bb-step-number span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: rgba(13, 17, 35, 0.5);
    -webkit-backdrop-filter: blur(16px);
            backdrop-filter: blur(16px);
    border: 1px solid rgba(13, 178, 255, 0.3);
    font-size: 1.5rem;
    font-weight: 700;
    color: #0db2ff;
    box-shadow:
            0 8px 24px rgba(4, 6, 18, 0.4),
            inset 0 1px 0 rgba(255, 255, 255, 0.08);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 2;
}

.bb-step-number span::before {
    content: "";
    position: absolute;
    inset: -2px;
    background: linear-gradient(135deg,
    rgba(13, 178, 255, 0.6) 0%,
    rgba(93, 47, 255, 0.6) 100%);
    border-radius: inherit;
    opacity: 0;
    filter: blur(8px);
    transition: opacity 0.4s ease;
    z-index: -1;
}

.bb-step-number span::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(circle at 30% 30%,
    rgba(255, 255, 255, 0.2) 0%,
    transparent 60%);
    opacity: 0.5;
}

.bb-step-item:hover .bb-step-number span {
    transform: scale(1.08) rotate(-3deg);
    border-color: rgba(13, 178, 255, 0.6);
    box-shadow:
            0 16px 42px rgba(13, 178, 255, 0.45),
            inset 0 1px 0 rgba(255, 255, 255, 0.15);
    color: #ffffff;
}

.bb-step-item:hover .bb-step-number span::before {
    opacity: 1;
}

.bb-step-connector {
    position: absolute;
    top: 56px;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: calc(100% + 1.5rem);
    background: linear-gradient(180deg,
    rgba(13, 178, 255, 0.4) 0%,
    rgba(93, 47, 255, 0.2) 50%,
    rgba(255, 138, 61, 0.1) 100%);
    z-index: 1;
}

.bb-step-item:last-child .bb-step-connector {
    display: none;
}

@keyframes connector-glow {
    0%, 100% {
        opacity: 0.3;
    }
    50% {
        opacity: 0.6;
    }
}

.bb-step-connector::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,
    rgba(13, 178, 255, 0.6) 0%,
    transparent 100%);
    filter: blur(4px);
    animation: connector-glow 3s ease-in-out infinite;
}

.bb-step-content {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem 1.5rem;
    border-radius: 16px;
    background: rgba(13, 17, 35, 0.35);
    -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow:
            0 8px 24px rgba(4, 6, 18, 0.3),
            inset 0 1px 0 rgba(255, 255, 255, 0.04);
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.bb-step-item:hover .bb-step-content {
    background: rgba(13, 17, 35, 0.5);
    border-color: rgba(13, 178, 255, 0.25);
    box-shadow:
            0 12px 32px rgba(13, 178, 255, 0.2),
            inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.bb-step-title {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--bb-color-text-primary);
    letter-spacing: -0.01em;
}

.bb-step-description {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--bb-color-text-secondary);
}

.bb-step-item:hover .bb-step-title {
    color: #0db2ff;
}

.bb-step-item:hover .bb-step-description {
    color: var(--bb-color-text-primary);
}
/* ============================================ */
/* Typography                                   */
/* ============================================ */

body {
    margin: 0;
    font-family: 'Plus Jakarta Sans', 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background: var(--bb-color-background);
    color: var(--bb-color-text-primary);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

h1, h2, h3, h4 {
    font-family: 'Rubik', 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: var(--bb-color-text-primary);
}

.bb-eyebrow {
    display: inline-block;
    margin-bottom: var(--bb-spacing-xs);
    font-size: clamp(1.35rem, 1.05rem + 1.1vw, 2.1rem);
    font-style: italic;
    font-weight: 600;
    letter-spacing: 0.05em;
    background: linear-gradient(90deg, #0db2ff 0%, #ff8a3d 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bb-lead {
    font-size: clamp(1rem, 1.1rem + 0.6vw, 1.35rem);
    color: var(--bb-color-text-secondary);
    max-width: 520px;
}

.bb-section-title {
    margin-top: 12.001px;
    font-size: clamp(2rem, 2.1rem + 1.5vw, 3.1rem);
    margin-bottom: var(--bb-spacing-xs);
}

.bb-section-subtitle {
    color: var(--bb-color-text-secondary);
    max-width: 640px;
}

.bb-small-text {
    font-size: 0.95rem;
}

.bb-smaller-text {
    font-size: 0.85rem;
    color: var(--bb-color-text-secondary);
}
/* ============================================ */
/* ULTIMATE TEMPLATES — Next Level Designs     */
/* Beyond Ultra - The Pinnacle of Card Design  */
/* ============================================ */

/* ============================================ */
/* TEMPLATE 1: QUANTUM                         */
/* Particle Physics + Energy Fields + Glitch   */
/* ============================================ */

.ultimate-quantum {
    --quantum-1: #00ffff;
    --quantum-2: #ff00ff;
    --quantum-3: #ffff00;
    --quantum-4: #00ff00;
    --quantum-dark: #030318;
}

.ultimate-quantum__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: var(--quantum-dark);
    overflow: hidden;
}

/* Quantum Field Grid */
.ultimate-quantum__field {
    position: absolute;
    inset: -50%;
    background: 
        radial-gradient(circle at 50% 50%, transparent 0%, var(--quantum-dark) 70%),
        repeating-linear-gradient(0deg, transparent, transparent 50px, rgba(0, 255, 255, 0.03) 50px, rgba(0, 255, 255, 0.03) 51px),
        repeating-linear-gradient(90deg, transparent, transparent 50px, rgba(255, 0, 255, 0.03) 50px, rgba(255, 0, 255, 0.03) 51px);
    animation: field-warp 20s ease-in-out infinite;
}

@keyframes field-warp {
    0%, 100% { transform: perspective(500px) rotateX(0deg) scale(1); }
    25% { transform: perspective(500px) rotateX(2deg) scale(1.02); }
    50% { transform: perspective(500px) rotateX(-2deg) scale(0.98); }
    75% { transform: perspective(500px) rotateX(1deg) scale(1.01); }
}

/* Energy Rings */
.ultimate-quantum__rings {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 1;
}

.ultimate-quantum__ring {
    position: absolute;
    border: 1px solid;
    border-radius: 50%;
    animation: ring-pulse 4s ease-in-out infinite;
}

.ultimate-quantum__ring--1 {
    width: 200%;
    height: 200%;
    border-color: rgba(0, 255, 255, 0.2);
    animation-delay: 0s;
}

.ultimate-quantum__ring--2 {
    width: 250%;
    height: 250%;
    border-color: rgba(255, 0, 255, 0.15);
    animation-delay: -1s;
}

.ultimate-quantum__ring--3 {
    width: 300%;
    height: 300%;
    border-color: rgba(255, 255, 0, 0.1);
    animation-delay: -2s;
}

@keyframes ring-pulse {
    0%, 100% {
        transform: scale(0.8) rotate(0deg);
        opacity: 0.3;
    }
    50% {
        transform: scale(1) rotate(180deg);
        opacity: 0.8;
    }
}

/* Quantum Particles */
.ultimate-quantum__particles {
    position: absolute;
    inset: 0;
    z-index: 2;
}

.ultimate-quantum__particle {
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    animation: quantum-jump 3s ease-in-out infinite;
}

@keyframes quantum-jump {
    0%, 100% {
        transform: translate(0, 0) scale(1);
        opacity: 1;
    }
    25% {
        transform: translate(30px, -50px) scale(0);
        opacity: 0;
    }
    26% {
        transform: translate(-40px, 20px) scale(0);
    }
    50% {
        transform: translate(-40px, 20px) scale(1.5);
        opacity: 1;
    }
    75% {
        transform: translate(20px, 40px) scale(0);
        opacity: 0;
    }
    76% {
        transform: translate(0, 0) scale(0);
    }
}

/* Glitch Effect */
.ultimate-quantum__glitch {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    animation: glitch-scan 8s linear infinite;
}

.ultimate-quantum__glitch::before,
.ultimate-quantum__glitch::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        var(--quantum-1) 20%, 
        var(--quantum-2) 50%, 
        var(--quantum-1) 80%, 
        transparent 100%
    );
    opacity: 0;
    animation: glitch-line 8s linear infinite;
}

.ultimate-quantum__glitch::after {
    animation-delay: 4s;
}

@keyframes glitch-scan {
    0%, 100% { opacity: 0; }
    5%, 10% { opacity: 1; }
    15%, 85% { opacity: 0; }
    90%, 95% { opacity: 1; }
}

@keyframes glitch-line {
    0% { top: 0; opacity: 0; }
    5% { opacity: 0.8; }
    50% { top: 100%; }
    55% { opacity: 0; }
    100% { top: 100%; opacity: 0; }
}

/* Card Quantum Border */
.ultimate-quantum .ultra-card__frame::before {
    content: '';
    position: absolute;
    inset: -3px;
    background: conic-gradient(
        from 0deg,
        var(--quantum-1),
        var(--quantum-2),
        var(--quantum-3),
        var(--quantum-4),
        var(--quantum-1)
    );
    border-radius: 23px;
    z-index: -1;
    animation: quantum-spin 3s linear infinite;
    filter: blur(1px);
}

.ultimate-quantum .ultra-card__frame::after {
    content: '';
    position: absolute;
    inset: -30px;
    background: radial-gradient(circle, rgba(0, 255, 255, 0.2) 0%, transparent 50%);
    z-index: -2;
    animation: quantum-glow 2s ease-in-out infinite alternate;
}

@keyframes quantum-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes quantum-glow {
    0% { opacity: 0.3; transform: scale(1); filter: hue-rotate(0deg); }
    100% { opacity: 0.8; transform: scale(1.1); filter: hue-rotate(60deg); }
}

/* ============================================ */
/* TEMPLATE 2: HORIZON                         */
/* Cinematic Sunrise + Volumetric Light        */
/* ============================================ */

.ultimate-horizon {
    --horizon-sky-1: #0c1445;
    --horizon-sky-2: #1a237e;
    --horizon-sun-1: #ff6b35;
    --horizon-sun-2: #ff8a65;
    --horizon-sun-3: #ffab40;
    --horizon-glow: #ffd180;
}

.ultimate-horizon__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(
        180deg,
        var(--horizon-sky-1) 0%,
        var(--horizon-sky-2) 40%,
        #283593 60%,
        var(--horizon-sun-1) 85%,
        var(--horizon-sun-2) 95%,
        var(--horizon-sun-3) 100%
    );
    animation: sky-shift 30s ease-in-out infinite alternate;
}

@keyframes sky-shift {
    0% { filter: hue-rotate(0deg) brightness(1); }
    100% { filter: hue-rotate(15deg) brightness(1.1); }
}

/* Sun */
.ultimate-horizon__sun {
    position: absolute;
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: radial-gradient(circle, 
        #fff 0%, 
        var(--horizon-glow) 20%, 
        var(--horizon-sun-2) 50%, 
        var(--horizon-sun-1) 100%
    );
    box-shadow: 
        0 0 60px 30px rgba(255, 171, 64, 0.5),
        0 0 120px 60px rgba(255, 107, 53, 0.3),
        0 0 200px 100px rgba(255, 107, 53, 0.1);
    animation: sun-pulse 5s ease-in-out infinite;
    z-index: 1;
}

@keyframes sun-pulse {
    0%, 100% { transform: translateX(-50%) scale(1); }
    50% { transform: translateX(-50%) scale(1.05); }
}

/* Volumetric Rays */
.ultimate-horizon__rays {
    position: absolute;
    bottom: 20%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 80%;
    z-index: 2;
    pointer-events: none;
}

.ultimate-horizon__ray {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 3px;
    height: 100%;
    background: linear-gradient(
        to top,
        rgba(255, 209, 128, 0.6) 0%,
        rgba(255, 209, 128, 0.2) 30%,
        transparent 100%
    );
    transform-origin: bottom center;
    animation: ray-sway 8s ease-in-out infinite;
}

.ultimate-horizon__ray--1 { transform: translateX(-50%) rotate(-30deg); animation-delay: 0s; }
.ultimate-horizon__ray--2 { transform: translateX(-50%) rotate(-20deg); animation-delay: -1s; }
.ultimate-horizon__ray--3 { transform: translateX(-50%) rotate(-10deg); animation-delay: -2s; }
.ultimate-horizon__ray--4 { transform: translateX(-50%) rotate(0deg); animation-delay: -3s; }
.ultimate-horizon__ray--5 { transform: translateX(-50%) rotate(10deg); animation-delay: -4s; }
.ultimate-horizon__ray--6 { transform: translateX(-50%) rotate(20deg); animation-delay: -5s; }
.ultimate-horizon__ray--7 { transform: translateX(-50%) rotate(30deg); animation-delay: -6s; }

@keyframes ray-sway {
    0%, 100% { opacity: 0.6; }
    50% { opacity: 1; }
}

/* Horizon Line */
.ultimate-horizon__line {
    position: absolute;
    bottom: 18%;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--horizon-glow) 20%,
        #fff 50%,
        var(--horizon-glow) 80%,
        transparent 100%
    );
    box-shadow: 0 0 30px 10px rgba(255, 209, 128, 0.5);
    z-index: 3;
}

/* Atmospheric Particles */
.ultimate-horizon__atmosphere {
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none;
}

.ultimate-horizon__dust {
    position: absolute;
    width: 3px;
    height: 3px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    animation: dust-rise 15s linear infinite;
}

@keyframes dust-rise {
    0% {
        transform: translateY(100vh) scale(0);
        opacity: 0;
    }
    10% {
        opacity: 1;
        transform: translateY(90vh) scale(1);
    }
    90% {
        opacity: 0.5;
    }
    100% {
        transform: translateY(-10vh) scale(0.5);
        opacity: 0;
    }
}

/* Lens Flare */
.ultimate-horizon__flare {
    position: absolute;
    bottom: 25%;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
    height: 20px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.1) 20%,
        rgba(255, 255, 255, 0.4) 50%,
        rgba(255, 255, 255, 0.1) 80%,
        transparent 100%
    );
    filter: blur(3px);
    animation: flare-move 10s ease-in-out infinite;
    z-index: 5;
}

@keyframes flare-move {
    0%, 100% { transform: translateX(-50%) scaleX(1); opacity: 0.5; }
    50% { transform: translateX(-30%) scaleX(1.5); opacity: 1; }
}

/* Card Horizon Border */
.ultimate-horizon .ultra-card__frame::before {
    content: '';
    position: absolute;
    inset: -2px;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.3) 0%,
        var(--horizon-glow) 50%,
        var(--horizon-sun-1) 100%
    );
    border-radius: 22px;
    z-index: 1;
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 2px;
}

.ultimate-horizon .ultra-card__frame::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(255, 171, 64, 0.2) 0%,
        transparent 50%
    );
    border-radius: 20px;
    z-index: 3;
    pointer-events: none;
}

/* ============================================ */
/* TEMPLATE 3: ETHEREAL                        */
/* Mystical Aura + Floating Runes + Tendrils   */
/* ============================================ */

.ultimate-ethereal {
    --ethereal-1: #e040fb;
    --ethereal-2: #7c4dff;
    --ethereal-3: #536dfe;
    --ethereal-4: #40c4ff;
    --ethereal-dark: #0a0015;
}

.ultimate-ethereal__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: radial-gradient(ellipse at 50% 100%, 
        rgba(124, 77, 255, 0.2) 0%, 
        var(--ethereal-dark) 50%
    );
}

/* Mystic Fog */
.ultimate-ethereal__fog {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
}

.ultimate-ethereal__fog-layer {
    position: absolute;
    width: 200%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(224, 64, 251, 0.05) 25%,
        rgba(124, 77, 255, 0.08) 50%,
        rgba(224, 64, 251, 0.05) 75%,
        transparent 100%
    );
    filter: blur(40px);
    animation: fog-drift 20s linear infinite;
}

.ultimate-ethereal__fog-layer--1 {
    top: 20%;
    animation-duration: 25s;
}

.ultimate-ethereal__fog-layer--2 {
    top: 50%;
    animation-duration: 30s;
    animation-direction: reverse;
}

.ultimate-ethereal__fog-layer--3 {
    top: 70%;
    animation-duration: 35s;
}

@keyframes fog-drift {
    from { transform: translateX(-50%); }
    to { transform: translateX(0%); }
}

/* Floating Runes */
.ultimate-ethereal__runes {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
}

.ultimate-ethereal__rune {
    position: absolute;
    font-size: 24px;
    font-family: serif;
    color: rgba(224, 64, 251, 0.6);
    text-shadow: 0 0 10px var(--ethereal-1), 0 0 20px var(--ethereal-2);
    animation: rune-float 10s ease-in-out infinite;
}

.ultimate-ethereal__rune--1 { top: 10%; left: 15%; animation-delay: 0s; }
.ultimate-ethereal__rune--2 { top: 25%; right: 10%; animation-delay: -2s; }
.ultimate-ethereal__rune--3 { top: 60%; left: 8%; animation-delay: -4s; }
.ultimate-ethereal__rune--4 { top: 75%; right: 15%; animation-delay: -6s; }
.ultimate-ethereal__rune--5 { top: 40%; left: 5%; animation-delay: -8s; }

@keyframes rune-float {
    0%, 100% {
        transform: translateY(0) rotate(0deg) scale(1);
        opacity: 0.4;
    }
    25% {
        transform: translateY(-20px) rotate(10deg) scale(1.1);
        opacity: 0.8;
    }
    50% {
        transform: translateY(-10px) rotate(-5deg) scale(1.05);
        opacity: 0.6;
    }
    75% {
        transform: translateY(-30px) rotate(5deg) scale(0.95);
        opacity: 0.9;
    }
}

/* Energy Tendrils */
.ultimate-ethereal__tendrils {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
}

.ultimate-ethereal__tendril {
    position: absolute;
    width: 200px;
    height: 200px;
    border: 2px solid transparent;
    border-top-color: var(--ethereal-1);
    border-radius: 50%;
    opacity: 0.4;
    animation: tendril-orbit 15s linear infinite;
}

.ultimate-ethereal__tendril--1 {
    top: 20%;
    left: 10%;
    animation-duration: 12s;
}

.ultimate-ethereal__tendril--2 {
    top: 50%;
    right: 5%;
    width: 150px;
    height: 150px;
    border-top-color: var(--ethereal-2);
    animation-duration: 18s;
    animation-direction: reverse;
}

.ultimate-ethereal__tendril--3 {
    bottom: 15%;
    left: 20%;
    width: 180px;
    height: 180px;
    border-top-color: var(--ethereal-3);
    animation-duration: 20s;
}

@keyframes tendril-orbit {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Aura Glow */
.ultimate-ethereal__aura {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120%;
    height: 120%;
    background: radial-gradient(
        ellipse at center,
        rgba(224, 64, 251, 0.15) 0%,
        rgba(124, 77, 255, 0.1) 30%,
        transparent 60%
    );
    filter: blur(30px);
    animation: aura-breathe 6s ease-in-out infinite;
    z-index: 4;
    pointer-events: none;
}

@keyframes aura-breathe {
    0%, 100% { opacity: 0.5; transform: translate(-50%, -50%) scale(1); }
    50% { opacity: 1; transform: translate(-50%, -50%) scale(1.1); }
}

/* Sparkles */
.ultimate-ethereal__sparkles {
    position: absolute;
    inset: 0;
    z-index: 5;
}

.ultimate-ethereal__sparkle {
    position: absolute;
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px 2px var(--ethereal-1);
    animation: sparkle-pop 4s ease-in-out infinite;
}

@keyframes sparkle-pop {
    0%, 100% {
        transform: scale(0);
        opacity: 0;
    }
    50% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Card Ethereal Border */
.ultimate-ethereal .ultra-card__frame::before {
    content: '';
    position: absolute;
    inset: -3px;
    background: linear-gradient(
        135deg,
        var(--ethereal-1) 0%,
        var(--ethereal-2) 25%,
        var(--ethereal-3) 50%,
        var(--ethereal-4) 75%,
        var(--ethereal-1) 100%
    );
    background-size: 400% 400%;
    border-radius: 23px;
    z-index: 1;
    animation: ethereal-border 8s ease infinite;
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 3px;
}

.ultimate-ethereal .ultra-card__frame::after {
    content: '';
    position: absolute;
    inset: -40px;
    background: radial-gradient(circle, 
        rgba(224, 64, 251, 0.3) 0%, 
        transparent 50%
    );
    z-index: -1;
    animation: ethereal-pulse 4s ease-in-out infinite;
}

@keyframes ethereal-border {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

@keyframes ethereal-pulse {
    0%, 100% { opacity: 0.3; transform: scale(1); }
    50% { opacity: 0.6; transform: scale(1.05); }
}

/* ============================================ */
/* Responsive for Ultimate Templates           */
/* ============================================ */

@media (max-width: 768px) {
    .ultimate-quantum__ring {
        display: none;
    }
    
    .ultimate-horizon__sun {
        width: 80px;
        height: 80px;
    }
    
    .ultimate-horizon__ray {
        width: 2px;
    }
    
    .ultimate-ethereal__tendril {
        display: none;
    }
    
    .ultimate-ethereal__rune {
        font-size: 18px;
    }
}

/* ============================================ */
/* Reduced Motion                               */
/* ============================================ */

@media (prefers-reduced-motion: reduce) {
    .ultimate-quantum__field,
    .ultimate-quantum__ring,
    .ultimate-quantum__particle,
    .ultimate-quantum__glitch,
    .ultimate-horizon__sun,
    .ultimate-horizon__ray,
    .ultimate-horizon__dust,
    .ultimate-horizon__flare,
    .ultimate-ethereal__fog-layer,
    .ultimate-ethereal__rune,
    .ultimate-ethereal__tendril,
    .ultimate-ethereal__aura,
    .ultimate-ethereal__sparkle,
    .ultra-card__frame::before,
    .ultra-card__frame::after {
        animation: none !important;
    }
}
/* ============================================ */
/* ULTRA TEMPLATES — Premium Living Designs    */
/* ============================================ */

/* ============================================ */
/* Shared Ultra Base                           */
/* ============================================ */

.ultra-card {
    position: relative;
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #000;
}

.ultra-card__stage {
    flex: 1;
    display: grid;
    place-items: center;
    padding: 24px;
    position: relative;
    z-index: 2;
}

.ultra-card__frame {
    position: relative;
    width: min(100%, 500px);
    z-index: 10;
}

.ultra-card__image {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 20px;
    position: relative;
    z-index: 2;
}

.ultra-card__canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

/* ============================================ */
/* TEMPLATE 1: AURORA                          */
/* Flowing Northern Lights + Particle Rain     */
/* ============================================ */

.ultra-aurora {
    --aurora-1: #00d4ff;
    --aurora-2: #7b2cff;
    --aurora-3: #ff2d92;
    --aurora-4: #00ff88;
}

.ultra-aurora__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
}

/* Flowing aurora waves */
.ultra-aurora__wave {
    position: absolute;
    width: 200%;
    height: 60%;
    left: -50%;
    opacity: 0.4;
    filter: blur(80px);
    animation: aurora-flow 12s ease-in-out infinite;
}

.ultra-aurora__wave--1 {
    top: -20%;
    background: linear-gradient(90deg, 
        transparent 0%, 
        var(--aurora-1) 20%, 
        var(--aurora-2) 50%, 
        var(--aurora-3) 80%, 
        transparent 100%
    );
    animation-duration: 15s;
}

.ultra-aurora__wave--2 {
    top: 10%;
    background: linear-gradient(90deg, 
        transparent 0%, 
        var(--aurora-4) 25%, 
        var(--aurora-1) 50%, 
        var(--aurora-2) 75%, 
        transparent 100%
    );
    animation-duration: 18s;
    animation-delay: -5s;
}

.ultra-aurora__wave--3 {
    top: 30%;
    background: linear-gradient(90deg, 
        transparent 0%, 
        var(--aurora-3) 30%, 
        var(--aurora-4) 60%, 
        var(--aurora-1) 90%, 
        transparent 100%
    );
    animation-duration: 20s;
    animation-delay: -10s;
}

@keyframes aurora-flow {
    0%, 100% {
        transform: translateX(-10%) skewX(-5deg) scaleY(1);
    }
    25% {
        transform: translateX(5%) skewX(3deg) scaleY(1.2);
    }
    50% {
        transform: translateX(10%) skewX(-3deg) scaleY(0.9);
    }
    75% {
        transform: translateX(-5%) skewX(5deg) scaleY(1.1);
    }
}

/* Particle rain effect */
.ultra-aurora__particles {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.ultra-aurora__particle {
    position: absolute;
    width: 2px;
    height: 2px;
    background: #fff;
    border-radius: 50%;
    opacity: 0;
    animation: particle-fall linear infinite;
}

@keyframes particle-fall {
    0% {
        opacity: 0;
        transform: translateY(-20px) scale(0);
    }
    10% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    90% {
        opacity: 0.8;
    }
    100% {
        opacity: 0;
        transform: translateY(100vh) scale(0.5);
    }
}

/* Card glow for Aurora */
.ultra-aurora .ultra-card__frame::before {
    content: '';
    position: absolute;
    inset: -4px;
    background: linear-gradient(135deg, var(--aurora-1), var(--aurora-2), var(--aurora-3));
    border-radius: 24px;
    z-index: -1;
    opacity: 0.8;
    filter: blur(20px);
    animation: glow-pulse 4s ease-in-out infinite;
}

.ultra-aurora .ultra-card__frame::after {
    content: '';
    position: absolute;
    inset: -2px;
    background: linear-gradient(135deg, var(--aurora-1), var(--aurora-2), var(--aurora-3));
    background-size: 300% 300%;
    border-radius: 22px;
    z-index: 1;
    animation: gradient-rotate 6s linear infinite;
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 2px;
}

@keyframes glow-pulse {
    0%, 100% { opacity: 0.6; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.02); }
}

@keyframes gradient-rotate {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* ============================================ */
/* TEMPLATE 2: NEBULA                          */
/* Cosmic Dust + Floating Orbs + Starfield     */
/* ============================================ */

.ultra-nebula {
    --nebula-1: #ff6b35;
    --nebula-2: #f72585;
    --nebula-3: #7209b7;
    --nebula-4: #3a0ca3;
    --nebula-5: #4cc9f0;
}

.ultra-nebula__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: radial-gradient(ellipse at 30% 20%, rgba(114, 9, 183, 0.3) 0%, transparent 50%),
                radial-gradient(ellipse at 70% 80%, rgba(247, 37, 133, 0.25) 0%, transparent 50%),
                radial-gradient(ellipse at 50% 50%, rgba(58, 12, 163, 0.4) 0%, transparent 70%),
                #050510;
}

/* Starfield */
.ultra-nebula__stars {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.ultra-nebula__star {
    position: absolute;
    width: 2px;
    height: 2px;
    background: #fff;
    border-radius: 50%;
    animation: star-twinkle 3s ease-in-out infinite;
}

@keyframes star-twinkle {
    0%, 100% { opacity: 0.3; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.5); }
}

/* Floating cosmic orbs */
.ultra-nebula__orbs {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
}

.ultra-nebula__orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(1px);
    animation: orb-float 20s ease-in-out infinite;
}

.ultra-nebula__orb--1 {
    width: 300px;
    height: 300px;
    top: -10%;
    left: -10%;
    background: radial-gradient(circle, var(--nebula-2) 0%, transparent 70%);
    opacity: 0.5;
    animation-duration: 25s;
}

.ultra-nebula__orb--2 {
    width: 200px;
    height: 200px;
    top: 60%;
    right: -5%;
    background: radial-gradient(circle, var(--nebula-5) 0%, transparent 70%);
    opacity: 0.4;
    animation-duration: 18s;
    animation-delay: -5s;
}

.ultra-nebula__orb--3 {
    width: 150px;
    height: 150px;
    bottom: 10%;
    left: 10%;
    background: radial-gradient(circle, var(--nebula-1) 0%, transparent 70%);
    opacity: 0.45;
    animation-duration: 22s;
    animation-delay: -10s;
}

@keyframes orb-float {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }
    25% {
        transform: translate(30px, -40px) scale(1.1);
    }
    50% {
        transform: translate(-20px, 20px) scale(0.95);
    }
    75% {
        transform: translate(40px, 30px) scale(1.05);
    }
}

/* Cosmic dust particles */
.ultra-nebula__dust {
    position: absolute;
    inset: 0;
    z-index: 3;
}

.ultra-nebula__dust-particle {
    position: absolute;
    width: 4px;
    height: 4px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    box-shadow: 0 0 6px 2px rgba(255, 255, 255, 0.4);
    animation: dust-drift 30s linear infinite;
}

@keyframes dust-drift {
    0% {
        transform: translate(0, 0) rotate(0deg);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    90% {
        opacity: 0.8;
    }
    100% {
        transform: translate(100px, -200px) rotate(360deg);
        opacity: 0;
    }
}

/* Card cosmic border */
.ultra-nebula .ultra-card__frame::before {
    content: '';
    position: absolute;
    inset: -3px;
    background: conic-gradient(
        from 0deg,
        var(--nebula-5),
        var(--nebula-3),
        var(--nebula-2),
        var(--nebula-1),
        var(--nebula-5)
    );
    border-radius: 23px;
    z-index: -1;
    animation: cosmic-spin 8s linear infinite;
    filter: blur(2px);
}

.ultra-nebula .ultra-card__frame::after {
    content: '';
    position: absolute;
    inset: -20px;
    background: radial-gradient(circle, rgba(247, 37, 133, 0.3) 0%, transparent 60%);
    z-index: -2;
    animation: nebula-breathe 5s ease-in-out infinite;
}

@keyframes cosmic-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes nebula-breathe {
    0%, 100% { opacity: 0.5; transform: scale(1); }
    50% { opacity: 0.8; transform: scale(1.1); }
}

/* ============================================ */
/* TEMPLATE 3: PRISM                           */
/* Geometric Morphing + Crystal Reflections    */
/* ============================================ */

.ultra-prism {
    --prism-1: #00f5d4;
    --prism-2: #00bbf9;
    --prism-3: #9b5de5;
    --prism-4: #f15bb5;
    --prism-5: #fee440;
}

.ultra-prism__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(135deg, #0a0a1a 0%, #1a0a2e 50%, #0a1a2a 100%);
}

/* Geometric grid */
.ultra-prism__grid {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: 
        linear-gradient(rgba(0, 245, 212, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 245, 212, 0.03) 1px, transparent 1px);
    background-size: 50px 50px;
    animation: grid-move 20s linear infinite;
}

@keyframes grid-move {
    0% { transform: perspective(500px) rotateX(60deg) translateY(0); }
    100% { transform: perspective(500px) rotateX(60deg) translateY(50px); }
}

/* Floating geometric shapes */
.ultra-prism__shapes {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
}

.ultra-prism__shape {
    position: absolute;
    border: 2px solid;
    opacity: 0.6;
    animation: shape-morph 15s ease-in-out infinite;
}

.ultra-prism__shape--1 {
    width: 80px;
    height: 80px;
    top: 15%;
    left: 10%;
    border-color: var(--prism-1);
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    animation-duration: 12s;
    box-shadow: 
        0 0 20px var(--prism-1),
        inset 0 0 20px rgba(0, 245, 212, 0.2);
}

.ultra-prism__shape--2 {
    width: 120px;
    height: 120px;
    top: 60%;
    right: 8%;
    border-color: var(--prism-3);
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    animation-duration: 18s;
    animation-delay: -3s;
    box-shadow: 0 0 30px var(--prism-3);
}

.ultra-prism__shape--3 {
    width: 60px;
    height: 60px;
    bottom: 20%;
    left: 15%;
    border-color: var(--prism-4);
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    animation-duration: 14s;
    animation-delay: -7s;
    box-shadow: 0 0 25px var(--prism-4);
}

.ultra-prism__shape--4 {
    width: 100px;
    height: 100px;
    top: 25%;
    right: 15%;
    border-color: var(--prism-2);
    clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
    animation-duration: 20s;
    animation-delay: -12s;
    box-shadow: 0 0 20px var(--prism-2);
}

@keyframes shape-morph {
    0%, 100% {
        transform: translate(0, 0) rotate(0deg) scale(1);
        opacity: 0.5;
    }
    25% {
        transform: translate(20px, -30px) rotate(90deg) scale(1.1);
        opacity: 0.8;
    }
    50% {
        transform: translate(-15px, 15px) rotate(180deg) scale(0.9);
        opacity: 0.6;
    }
    75% {
        transform: translate(25px, 20px) rotate(270deg) scale(1.05);
        opacity: 0.7;
    }
}

/* Crystal light beams */
.ultra-prism__beams {
    position: absolute;
    inset: 0;
    z-index: 3;
    overflow: hidden;
    pointer-events: none;
}

.ultra-prism__beam {
    position: absolute;
    width: 2px;
    height: 150%;
    background: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(255, 255, 255, 0.1) 20%,
        rgba(255, 255, 255, 0.4) 50%,
        rgba(255, 255, 255, 0.1) 80%,
        transparent 100%
    );
    animation: beam-scan 8s ease-in-out infinite;
}

.ultra-prism__beam--1 {
    left: 20%;
    animation-delay: 0s;
    transform: rotate(15deg);
}

.ultra-prism__beam--2 {
    left: 50%;
    animation-delay: -2.5s;
    transform: rotate(-10deg);
}

.ultra-prism__beam--3 {
    left: 80%;
    animation-delay: -5s;
    transform: rotate(20deg);
}

@keyframes beam-scan {
    0%, 100% {
        opacity: 0;
        transform: translateY(-50%) rotate(var(--beam-angle, 15deg));
    }
    10%, 90% {
        opacity: 1;
    }
    50% {
        transform: translateY(50%) rotate(var(--beam-angle, 15deg));
    }
}

/* Holographic card effect */
.ultra-prism .ultra-card__frame {
    perspective: 1000px;
}

.ultra-prism .ultra-card__image {
    transition: transform 0.3s ease;
}

.ultra-prism .ultra-card__frame:hover .ultra-card__image {
    transform: rotateY(5deg) rotateX(-3deg);
}

.ultra-prism .ultra-card__frame::before {
    content: '';
    position: absolute;
    inset: -2px;
    background: linear-gradient(
        135deg,
        var(--prism-1) 0%,
        var(--prism-2) 25%,
        var(--prism-3) 50%,
        var(--prism-4) 75%,
        var(--prism-5) 100%
    );
    background-size: 400% 400%;
    border-radius: 22px;
    z-index: 1;
    animation: prism-shift 4s ease infinite;
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 2px;
}

.ultra-prism .ultra-card__frame::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        105deg,
        transparent 40%,
        rgba(255, 255, 255, 0.2) 45%,
        rgba(255, 255, 255, 0.4) 50%,
        rgba(255, 255, 255, 0.2) 55%,
        transparent 60%
    );
    border-radius: 20px;
    z-index: 3;
    animation: hologram-sweep 3s ease-in-out infinite;
    pointer-events: none;
}

@keyframes prism-shift {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

@keyframes hologram-sweep {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

/* ============================================ */
/* Store CTA — Shared for all Ultra templates  */
/* ============================================ */

.ultra-card__cta {
    position: sticky;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 16px;
    padding: 20px 24px;
    padding-bottom: calc(20px + env(safe-area-inset-bottom));
    background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.8) 30%, #000 100%);
    z-index: 100;
}

.ultra-card__cta-link {
    display: inline-block;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.ultra-card__cta-link:hover {
    transform: scale(1.05);
    opacity: 0.9;
}

.ultra-card__cta-badge {
    display: block;
    width: clamp(140px, 22vw, 200px);
    height: auto;
}

/* ============================================ */
/* Responsive                                   */
/* ============================================ */

@media (max-width: 768px) {
    .ultra-card__stage {
        padding: 16px;
    }
    
    .ultra-card__frame {
        width: 100%;
    }
    
    .ultra-prism__shape {
        transform: scale(0.7);
    }
    
    .ultra-nebula__orb {
        transform: scale(0.6);
    }
}

/* ============================================ */
/* Reduced Motion                               */
/* ============================================ */

@media (prefers-reduced-motion: reduce) {
    .ultra-aurora__wave,
    .ultra-aurora__particle,
    .ultra-nebula__orb,
    .ultra-nebula__star,
    .ultra-nebula__dust-particle,
    .ultra-prism__shape,
    .ultra-prism__beam,
    .ultra-prism__grid,
    .ultra-card__frame::before,
    .ultra-card__frame::after {
        animation: none !important;
    }
}
/*


*/

/* ---------- Глобальные сбросы ---------- */
*,
*::before,
*::after { box-sizing: border-box; }

html, body { height: 100%; overflow-x: hidden; }

body{
    margin: 0;
    background: #000;             /* чёрный фон */
    color: #fff;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* ---------- Переменные ---------- */
:root{
    --badge-w-min: 140px;      /* телефоны */
    --badge-w-max: 200px;      /* как на 1-й картинке */
    --content-max: 600px;      /* ширина карточки на больших экранах */
    --cta-gap: 16px;           /* чуть больше зазор между кнопками */
    --cta-pad-x: clamp(12px, 4vw, 24px);
    --cta-pad-y: 16px;
    --cta-reserved-h: 130px;   /* резерв под панель кнопок на моб. */
}

/* ---------- Контейнер страницы ---------- */
.landing{
    min-height: 100svh;
    display: flex;
    flex-direction: column;
}

/* ---------- Десктоп/планшет (дефолт) ---------- */
.card-stage{
    flex: 1 1 auto;
    display: grid;
    place-items: center;
    padding: 16px;
}

.image-frame{
    width: min(100%, var(--content-max));
    max-height: none;
}

.card-image{
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;      /* на вебе без обрезки */
    display: block;
    border-radius: 12px;
}

/* ---------- Панель с кнопками ---------- */
.store-cta{
    position: sticky;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: var(--cta-gap);
    padding: var(--cta-pad-y) var(--cta-pad-x);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 20%, #000 60%);
    padding-bottom: calc(var(--cta-pad-y) + env(safe-area-inset-bottom));
    box-shadow: 0 -2px 10px rgba(0,0,0,.35);
    z-index: 10;
}

.store-link{ display: inline-block; }

.store-badge{
    display: block;
    width: clamp(var(--badge-w-min), 22vw, var(--badge-w-max));
    height: auto;
}

@media (hover: hover){
    .store-link:hover .store-badge{ opacity: .85; transition: opacity .15s ease-in-out; }
}

/* ---------- Мобильные правки (без кропа и без горизонтального скролла) ---------- */
@media (max-width: 768px){
    .card-stage{
        padding: 0;                /* без лишних отступов вокруг картинки */
    }

    .image-frame{
        width: 100%;               /* важно: не 100vw, чтобы не было горизонтального скролла */
        height: calc(100svh - var(--cta-reserved-h));
        max-height: calc(100svh - var(--cta-reserved-h));
    }

    .card-image{
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain;       /* без обрезки */
        border-radius: 0;          /* в край */
    }

    .store-cta{
        gap: var(--cta-gap);
        padding: 12px var(--cta-pad-x);
        padding-bottom: calc(12px + env(safe-area-inset-bottom));
        background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 10%, #000 55%);
    }
}

/* ---------- Уточнение для больших экранов ---------- */
@media (min-width: 769px){
    .card-stage{ padding: 24px; }
    .image-frame{ max-height: none; }
}