:root {
  --bg0: #050712;
  --bg1: #0b1220;
  --bg2: #0f1a2f;
  --panel: rgba(255,255,255,.06);
  --panel2: rgba(255,255,255,.085);
  --panel3: rgba(255,255,255,.11);
  --border: rgba(255,255,255,.12);
  --border2: rgba(255,255,255,.18);
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.68);
  --faint: rgba(255,255,255,.45);
  --accent: #8b5cf6;
  --accent2: #22c55e;
  --info: #38bdf8;
  --warn: #fbbf24;
  --danger: #ef4444;
  --radius-xs: 10px;
  --radius: 16px;
  --radius-lg: 22px;
  --shadow: 0 18px 50px rgba(0,0,0,.50);
  --shadow-sm: 0 10px 28px rgba(0,0,0,.35);
  --glow: 0 0 0 4px rgba(139,92,246,.16);
  --ring: 0 0 0 4px rgba(56,189,248,.16);
  --ease: cubic-bezier(.2,.8,.2,1);
  --aside-w: 280px;
  --aside-w-collapsed: 86px
}
body,
html {
  color: var(--text)!important;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans";
  letter-spacing: .1px;
  min-height: 100%;
  background: url('/static/img/bg.png') no-repeat center center fixed !important;
  background-size: cover !important;
}
::selection {
  background: rgba(139,92,246,.35)
}
a {
  color: rgba(196,181,253,.95)!important;
  transition: filter .12s var(--ease),opacity .12s var(--ease),transform .12s var(--ease)
}
a:hover {
  color: #ddd6fe!important;
  filter: brightness(1.07)
}
hr {
  background-color: rgba(255,255,255,.1)!important
}
strong {
  color: rgba(255,255,255,.95)!important
}
code {
  background: rgba(255,255,255,.08)!important;
  border: 1px solid rgba(255,255,255,.12)!important;
  color: rgba(255,255,255,.9)!important;
  border-radius: 10px!important
}
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.18) transparent
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px
}
::-webkit-scrollbar-track {
  background: 0 0
}
::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.14);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,.2)
}
#app {
  min-height: 100vh
}
.section {
  padding: 1.25rem 1rem!important
}
.container {
  max-width: 1160px!important
}
nav.navbar {
  background: rgba(0,0,0,.28)!important;
  border-bottom: 1px solid var(--border)!important;
  backdrop-filter: blur(14px);
  box-shadow: 0 10px 35px rgba(0,0,0,.3)
}
.navbar.is-info {
  background: rgba(0,0,0,.28)!important
}
.navbar-item,
.navbar-link {
  color: var(--text)!important
}
.navbar-item:hover,
.navbar-link:hover {
  background: rgba(255,255,255,.06)!important
}
.navbar-dropdown {
  background: rgba(12,16,28,.92)!important;
  border: 1px solid var(--border)!important;
  border-radius: var(--radius)!important;
  backdrop-filter: blur(16px);
  box-shadow: var(--shadow-sm);
  overflow: hidden
}
.navbar-divider {
  background: rgba(255,255,255,.1)!important
}
.logo img {
  filter: drop-shadow(0 8px 18px rgba(0,0,0,.35))
}
.aside {
  background: rgba(0,0,0,.18)!important;
  border-right: 1px solid var(--border)!important;
  backdrop-filter: blur(14px)
}
.aside-tools {
  background: 0 0!important;
  border-bottom: 1px solid rgba(255,255,255,.08)!important
}
.aside-tools-label {
  color: rgba(255,255,255,.85)!important;
  font-weight: 700;
  letter-spacing: .3px
}
.menu-label {
  color: var(--muted)!important;
  letter-spacing: .14em;
  font-size: .72rem!important;
  text-transform: uppercase;
  padding: .8rem .95rem .35rem!important
}
.menu-list a {
  border-radius: 14px!important;
  margin: .15rem .55rem!important;
  padding: .6rem .75rem!important;
  color: var(--text)!important;
  background: 0 0!important;
  border: 1px solid transparent!important;
  transition: transform .12s var(--ease),background .12s var(--ease),border-color .12s var(--ease),filter .12s var(--ease)
}
.menu-list a.has-icon {
  display: flex;
  align-items: center;
  gap: .55rem
}
.menu-list a .icon {
  opacity: .95
}
.menu-list a:hover {
  background: rgba(255,255,255,.06)!important;
  border-color: rgba(255,255,255,.08)!important;
  transform: translateY(-1px)
}
.menu-list li.is-active > a {
  background: rgba(255,255,255,.06)!important;
  border-color: rgba(255,255,255,.1)!important
}
.menu-list li ul {
  margin: .35rem .55rem .65rem!important;
  padding: .35rem!important;
  border-left: none!important;
  background: rgba(255,255,255,.03)!important;
  border: 1px solid rgba(255,255,255,.06)!important;
  border-radius: 14px!important
}
.dropdown-icon .icon.minus,
.dropdown-icon .icon.plus {
  opacity: .8
}
.content#main-content,
.hero.is-hero-bar {
  background: 0 0!important
}
.hero-body {
  padding: 1.1rem 1rem .6rem!important
}
.hero-body .title {
  color: rgba(255,255,255,.95)!important;
  font-weight: 800;
  letter-spacing: .2px
}
.hero-body .subtitle {
  color: var(--muted)!important
}
.box,
.card,
.message,
.notification,
.panel {
  background: var(--panel)!important;
  border: 1px solid var(--border)!important;
  border-radius: var(--radius)!important;
  box-shadow: var(--shadow);
  backdrop-filter: blur(12px);
  margin-bottom: 1rem
}
.card-header {
  background: rgba(255,255,255,.05)!important;
  border-bottom: 1px solid rgba(255,255,255,.08)!important
}
.card-header-title {
  color: rgba(255,255,255,.92)!important
}
.panel-heading {
  background: rgba(255,255,255,.05)!important;
  border-bottom: 1px solid rgba(255,255,255,.08)!important;
  color: rgba(255,255,255,.9)!important;
  border-radius: var(--radius) var(--radius) 0 0!important
}
.button {
  border-radius: 14px!important;
  border: 1px solid rgba(255,255,255,.1)!important;
  background: rgba(255,255,255,.06)!important;
  color: var(--text)!important;
  transition: transform .12s var(--ease),filter .12s var(--ease),background .12s var(--ease),box-shadow .12s var(--ease)
}
.button:hover {
  transform: translateY(-1px);
  filter: brightness(1.06);
  background: rgba(255,255,255,.085)!important
}
.button:active {
  transform: translateY(0);
  filter: brightness(.98)
}
.button.is-primary {
  border: 0!important;
  background: linear-gradient(135deg,rgba(139,92,246,.95),rgba(34,197,94,.7))!important;
  box-shadow: 0 14px 35px rgba(139,92,246,.18)
}
.button.is-info {
  border: 0!important;
  background: linear-gradient(135deg,rgba(56,189,248,.95),rgba(139,92,246,.65))!important;
  box-shadow: 0 14px 35px rgba(56,189,248,.14)
}
.button.is-warning {
  border: 0!important;
  background: linear-gradient(135deg,rgba(251,191,36,.95),rgba(139,92,246,.55))!important;
  box-shadow: 0 14px 35px rgba(251,191,36,.14)
}
.button.is-danger {
  border: 0!important;
  background: linear-gradient(135deg,rgba(239,68,68,.95),rgba(239,68,68,.55))!important;
  box-shadow: 0 14px 35px rgba(239,68,68,.16)
}
.button.is-light {
  background: rgba(255,255,255,.1)!important
}
.button .icon {
  opacity: .95
}
.label {
  color: rgba(255,255,255,.85)!important
}
.help {
  color: var(--muted)!important
}
.input,
.select select,
.textarea {
  background: rgba(255,255,255,.05)!important;
  border: 1px solid var(--border)!important;
  border-radius: 12px!important;
  color: var(--text)!important;
  transition: box-shadow .12s var(--ease),border-color .12s var(--ease)
}
.input::placeholder,
.textarea::placeholder {
  color: rgba(255,255,255,.38)!important
}
.input:focus,
.select select:focus,
.textarea:focus {
  border-color: rgba(139,92,246,.72)!important;
  box-shadow: var(--glow)!important;
  outline: 0!important
}
.checkbox,
.radio {
  color: var(--text)!important
}
.notification {
  border-radius: var(--radius)!important
}
.notification.is-success {
  background: rgba(34,197,94,.12)!important;
  border: 1px solid rgba(34,197,94,.3)!important;
  color: rgba(255,255,255,.92)!important
}
.notification.is-danger {
  background: rgba(239,68,68,.12)!important;
  border: 1px solid rgba(239,68,68,.3)!important;
  color: rgba(255,255,255,.92)!important
}
.message.is-info .message-header {
  background: rgba(56,189,248,.18)!important;
  color: rgba(255,255,255,.95)!important
}
.message .message-body {
  background: rgba(255,255,255,.05)!important;
  border: 1px solid rgba(255,255,255,.1)!important;
  border-top: 0!important;
  border-radius: 0 0 var(--radius) var(--radius)!important;
  color: rgba(255,255,255,.9)!important
}
.table {
  background: 0 0!important;
  color: var(--text)!important
}
.table thead th {
  color: var(--muted)!important;
  border-bottom: 1px solid var(--border)!important;
  font-weight: 700
}
.table td {
  border-bottom: 1px solid rgba(255,255,255,.06)!important
}
.table tbody tr:hover {
  background: var(--panel2)!important
}
.table.is-striped tbody tr:not(.is-selected):nth-child(2n) {
  background: rgba(255,255,255,.03)!important
}
.table.is-hoverable tbody tr:not(.is-selected):hover {
  background: var(--panel2)!important
}
.tabs a {
  color: var(--muted)!important;
  border-bottom-color: rgba(255,255,255,.1)!important
}
.tabs li.is-active a {
  color: rgba(255,255,255,.95)!important;
  border-bottom-color: rgba(139,92,246,.8)!important
}
.modal-card,
.modal-card-body,
.modal-card-foot,
.modal-card-head {
  background: rgba(12,16,28,.92)!important;
  border: 1px solid rgba(255,255,255,.12)!important
}
.modal-card {
  border-radius: var(--radius-lg)!important;
  overflow: hidden;
  box-shadow: var(--shadow);
  backdrop-filter: blur(16px)
}
.modal-card-head {
  border-bottom: 1px solid rgba(255,255,255,.1)!important
}
.modal-card-title {
  color: rgba(255,255,255,.92)!important
}
footer.footer {
  background: 0 0!important;
  border-top: 1px solid rgba(255,255,255,.1)
}
footer.footer .content {
  color: rgba(255,255,255,.7)!important
}
[data-tooltip]::before {
  background: rgba(12,16,28,.92)!important;
  border: 1px solid rgba(255,255,255,.12)!important;
  color: rgba(255,255,255,.92)!important;
  backdrop-filter: blur(12px)
}
.mdi {
  filter: drop-shadow(0 6px 12px rgba(0,0,0,.25))
}
.has-text-grey,
.has-text-grey-light {
  color: var(--muted)!important
}
.has-background-light,
.has-background-white {
  background: rgba(255,255,255,.06)!important
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(8,12,20,.5);
  z-index: -1;
  pointer-events: none
}
.select select,
select {
  color-scheme: dark;
  background: rgba(255,255,255,.05)!important;
  color: var(--text)!important;
  border: 1px solid rgba(255,255,255,.15)!important;
  scrollbar-color: rgba(0,0,0,.4) transparent;
}
.select select::-webkit-scrollbar-thumb,
select::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.3)!important;
}
.select select::-webkit-scrollbar-thumb:hover,
select::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,.5)!important;
}
.select select option,
select option {
  color: #0b1220!important;
  background: #fff!important
}
select option:checked {
  color: #0b1220!important;
  background: #dbeafe!important
}
select optgroup {
  color: #0b1220!important;
  background: #fff!important
}
.select {
  background: 0 0!important
}
.select:not(.is-multiple):not(.is-loading)::after {
  border-color: rgba(255,255,255,.6)!important
}
.menu-list li.is-active > a:not(.is-active) {
  background: rgba(255,255,255,.025)!important;
  border-color: rgba(255,255,255,.06)!important;
  box-shadow: none!important
}
.menu-list a.is-active {
  background: linear-gradient(135deg,rgba(139,92,246,.3),rgba(34,197,94,.18))!important;
  border-color: rgba(139,92,246,.35)!important;
  box-shadow: 0 12px 30px rgba(139,92,246,.12)!important
}
body.auth-body {
  background: radial-gradient(1200px 800px at 10% 10%, rgba(139,92,246,.25), transparent 60%), radial-gradient(900px 600px at 90% 20%, rgba(34,197,94,.18), transparent 60%), url('/static/img/loginBG.png') no-repeat center center fixed !important;
  background-size: cover !important;
  min-height: 100vh;
}
body.auth-body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(6,10,20,.65);
  z-index: 0;
  pointer-events: none
}
.auth-container {
  position: relative;
  z-index: 1
}