/* @bulk:start mas-front/kits/dashboard-kit/styles/dashboard-kit stylesheet Dashboard Kit Styles */
* { box-sizing: border-box; }
html { min-height: 100%; overflow-y: auto; scrollbar-gutter: stable; background: var(--mas-bg); scroll-behavior: smooth; }
body {
  min-height: 100%;
  margin: 0;
  font-family: var(--mas-font-sans);
  font-size: var(--mas-font-size-base);
  line-height: var(--mas-line-height-body);
  color: var(--mas-text);
  background:
    radial-gradient(circle at 10% 8%, var(--mas-grad-a), transparent 32rem),
    radial-gradient(circle at 92% 0%, var(--mas-grad-b), transparent 32rem),
    radial-gradient(circle at 50% 100%, var(--mas-grad-c), transparent 36rem),
    linear-gradient(180deg, var(--mas-bg), var(--mas-bg-2));
}
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .55; }
a { color: inherit; text-decoration: none; }
img, svg, canvas { display: block; max-width: 100%; }
::selection { background: color-mix(in srgb, var(--mas-primary) 35%, transparent); color: var(--mas-text); }
:focus-visible {
  outline: 3px solid var(--mas-ring);
  outline-offset: 3px;
}
#app { min-height: 100svh; }

.mas-loading-canvas{position:fixed;inset:0;z-index:9999;display:flex;background:var(--mas-bg)}
.mas-loading-canvas__sidebar{width:min(calc(100vw - 1.5rem),var(--mas-sidebar-w,260px));min-width:240px;height:100%;padding:1rem .75rem;display:flex;flex-direction:column;gap:.75rem;border-inline-end:1px solid var(--mas-border);background:color-mix(in srgb,var(--mas-surface) 96%,transparent)}
.mas-loading-canvas__sidebar-brand{display:flex;align-items:center;gap:.62rem;padding-bottom:.75rem;border-bottom:1px solid var(--mas-border)}
.mas-loading-canvas__sidebar-brand-copy{display:flex;flex-direction:column;gap:.28rem;flex:1}
.mas-sk{border-radius:.7rem;background:linear-gradient(90deg,color-mix(in srgb,var(--mas-muted) 14%,transparent) 25%,color-mix(in srgb,var(--mas-muted) 28%,transparent) 50%,color-mix(in srgb,var(--mas-muted) 14%,transparent) 75%);background-size:200% 100%;animation:masSkimmer 1.5s ease-in-out infinite}
@keyframes masSkimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.mas-sk--brand{height:40px;width:40px;border-radius:.95rem;flex:0 0 auto}.mas-sk--title{height:13px;width:58%;border-radius:.4rem}.mas-sk--sub{height:10px;width:38%;border-radius:.4rem}.mas-sk--divider{height:1px;background:var(--mas-border);animation:none;margin:.1rem 0}.mas-sk--search{height:36px;width:100%}.mas-sk--nav{height:38px;width:100%}.mas-sk--nav-sm{height:32px;width:83%;margin-inline-start:14px}
.mas-loading-canvas__content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem}.mas-loading-canvas__icons{display:flex;gap:1.4rem;align-items:center}.mas-loading-icon{font-size:2.6rem;line-height:1;opacity:.9;animation:masIconFloat 2.4s ease-in-out infinite}.mas-loading-icon:nth-child(1){animation-delay:0s}.mas-loading-icon:nth-child(2){animation-delay:.25s}.mas-loading-icon:nth-child(3){animation-delay:.5s}.mas-loading-icon:nth-child(4){animation-delay:.75s}.mas-loading-icon:nth-child(5){animation-delay:1s}
@keyframes masIconFloat{0%{opacity:.7;transform:translateY(6px) scale(.9)}35%{opacity:1;transform:translateY(-6px) scale(1.1)}65%{opacity:1;transform:translateY(0) scale(1.02)}100%{opacity:.7;transform:translateY(6px) scale(.9)}}
.mas-loading-canvas__label{font-size:.9rem;color:var(--mas-muted);letter-spacing:.05em;opacity:.8;animation:masPulse 1.7s ease-in-out infinite}@keyframes masPulse{0%,100%{opacity:.6}50%{opacity:1}}
@media(max-width:959px){.mas-loading-canvas__sidebar{display:none}.mas-loading-canvas__content{width:100%}}

.mas-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;
}

.mas-shell { min-height: 100svh; min-width: 0; }
.mas-shell-bg {
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(110deg, transparent 0 40%, color-mix(in srgb, var(--mas-primary) 8%, transparent), transparent 70%),
    radial-gradient(circle at 70% 14%, color-mix(in srgb, var(--mas-accent) 14%, transparent), transparent 24rem);
  opacity: .9;
}
.mas-backdrop {
  position: fixed;
  inset: 0;
  border: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 35;
  background: color-mix(in srgb, var(--mas-bg) 72%, transparent);
  backdrop-filter: blur(10px);
  transition: opacity var(--mas-motion-med), visibility var(--mas-motion-med);
}
.mas-shell.is-mobile-open .mas-backdrop { opacity: 1; visibility: visible; }
.mas-main {
  min-width: 0;
  min-height: 100svh;
}
.mas-page-wrap {
  width: min(100%, var(--mas-content-max));
  min-width: 0;
  margin-inline: auto;
}

@keyframes masPageIn { from { opacity: 0; translate: 0 10px; } to { opacity: 1; translate: 0 0; } }
@keyframes masCardIn { from { opacity: 0; translate: 0 8px; } to { opacity: 1; translate: 0 0; } }
.mas-page-wrap > * { animation: masPageIn .22s cubic-bezier(.4,0,.2,1) forwards; }
body[data-mas-overlay="modal"] .mas-page-wrap > *,
body.mas-modal-open .mas-page-wrap > * { animation: none; }
body.mas-modal-open { overflow: hidden; }
body:not(.mas-modal-open) { overflow-y: auto; }
[data-mas-overlay-layer] {
  position: fixed !important;
  inset: 0 !important;
  z-index: var(--mas-overlay-z, 2000) !important;
  max-width: 100vw;
  max-height: 100dvh;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.mas-page-wrap > * .mas-card:nth-child(1){animation:masCardIn .28s .04s cubic-bezier(.4,0,.2,1) both;}
.mas-page-wrap > * .mas-card:nth-child(2){animation:masCardIn .28s .08s cubic-bezier(.4,0,.2,1) both;}
.mas-page-wrap > * .mas-card:nth-child(3){animation:masCardIn .28s .12s cubic-bezier(.4,0,.2,1) both;}
.mas-page-wrap > * .mas-card:nth-child(4){animation:masCardIn .28s .16s cubic-bezier(.4,0,.2,1) both;}
@keyframes mas-fmodal-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes mas-spin {
  to { transform: rotate(360deg); }
}
@keyframes mas-shimmer {
  from { background-position: 200% 0; }
  to { background-position: -200% 0; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }
}
/* @bulk:end */