/*
 * SMK Patriot Nusantara — Liquid Glass iOS 26 inspired system
 * One visual layer for the entire PHP application.
 * Inspired by Apple's Liquid Glass principles: translucent materials,
 * depth, adaptive surfaces, restrained color, and content-first hierarchy.
 */
:root{
  --lg-blue:#0a84ff;
  --lg-blue-2:#007aff;
  --lg-green:#34c759;
  --lg-orange:#ff9f0a;
  --lg-red:#ff453a;
  --lg-text:#172033;
  --lg-muted:#687386;
  --lg-bg:#eef3f9;
  --lg-glass:rgba(255,255,255,.60);
  --lg-glass-strong:rgba(255,255,255,.76);
  --lg-glass-soft:rgba(255,255,255,.45);
  --lg-stroke:rgba(255,255,255,.76);
  --lg-stroke-dark:rgba(13,35,62,.10);
  --lg-shadow:0 24px 70px rgba(36,55,84,.12),0 4px 18px rgba(36,55,84,.07),inset 0 1px 0 rgba(255,255,255,.84);
  --lg-shadow-soft:0 12px 36px rgba(36,55,84,.10),inset 0 1px 0 rgba(255,255,255,.80);
  --lg-radius-xl:30px;
  --lg-radius-lg:24px;
  --lg-radius-md:18px;
  --lg-radius-sm:14px;
  --lg-blur:24px;
  --lg-sat:170%;
  --lg-control:rgba(255,255,255,.50);
  --lg-hover:rgba(255,255,255,.72);
  color-scheme:light;
}

html{min-height:100%;scroll-behavior:smooth;}
body{
  min-height:100vh;
  color:var(--lg-text)!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Inter,system-ui,sans-serif!important;
  background:
    radial-gradient(900px 520px at -8% -8%,rgba(10,132,255,.12),transparent 62%),
    radial-gradient(800px 500px at 108% 8%,rgba(52,199,89,.10),transparent 60%),
    radial-gradient(900px 580px at 55% 110%,rgba(120,90,255,.08),transparent 62%),
    linear-gradient(180deg,#f7faff 0%,#edf2f8 100%)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

body::before,body::after{
  content:"";
  position:fixed;
  pointer-events:none;
  z-index:-1;
  border-radius:999px;
  filter:blur(50px);
  opacity:.55;
}
body::before{width:340px;height:340px;left:-110px;top:18vh;background:rgba(10,132,255,.13);}
body::after{width:320px;height:320px;right:-100px;bottom:8vh;background:rgba(52,199,89,.11);}

/* App chrome */
.top-header,
.sidebar{
  background:rgba(255,255,255,.58)!important;
  border:1px solid var(--lg-stroke)!important;
  box-shadow:var(--lg-shadow-soft)!important;
  -webkit-backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-sat))!important;
  backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-sat))!important;
}
.top-header{
  top:10px!important;
  right:12px!important;
  left:292px!important;
  height:68px!important;
  padding:0 18px!important;
  border-radius:24px!important;
  border-bottom:1px solid var(--lg-stroke)!important;
}
.sidebar{
  inset:10px auto 10px 10px!important;
  width:264px!important;
  padding:14px 12px!important;
  border-radius:28px!important;
  border-right:1px solid var(--lg-stroke)!important;
  overflow:hidden!important;
}
.sidebar-content-scroll{padding-right:4px!important;}
.sidebar-edge-toggle{
  left:266px!important;
  width:28px!important;
  height:56px!important;
  border:1px solid var(--lg-stroke)!important;
  border-radius:0 16px 16px 0!important;
  background:rgba(255,255,255,.58)!important;
  box-shadow:var(--lg-shadow-soft)!important;
  -webkit-backdrop-filter:blur(18px) saturate(160%)!important;
  backdrop-filter:blur(18px) saturate(160%)!important;
  color:var(--lg-muted)!important;
}
.sidebar-edge-toggle:hover{background:rgba(10,132,255,.84)!important;color:#fff!important;}
body.sidebar-collapsed .sidebar{transform:translateX(-112%)!important;}
body.sidebar-collapsed .top-header{left:12px!important;}
body.sidebar-collapsed .main{margin-left:0!important;}
body.sidebar-collapsed .sidebar-edge-toggle{left:0!important;}

.brand .logo,
.academic-year-sidebar,
.sidebar-footer-account,
.theme-palette-bubble{
  background:rgba(255,255,255,.46)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 8px 26px rgba(36,55,84,.06)!important;
  -webkit-backdrop-filter:blur(18px) saturate(150%)!important;
  backdrop-filter:blur(18px) saturate(150%)!important;
}
.brand{padding:3px 2px 6px!important;}
.brand .logo{width:42px!important;height:42px!important;border-radius:15px!important;}
.brand img{width:27px!important;height:27px!important;}
.brand strong{font-size:12px!important;color:var(--lg-text)!important;letter-spacing:-.25px!important;}
.academic-year-sidebar{border-radius:18px!important;}

.menu-item{
  margin:3px 0!important;
  padding:11px 12px!important;
  border-radius:16px!important;
  border:1px solid transparent!important;
  color:#566174!important;
  font-weight:650!important;
  transition:background .18s ease,transform .18s ease,box-shadow .18s ease,color .18s ease!important;
}
.menu-item i{color:#7a8698!important;}
.menu-item:hover{
  background:rgba(255,255,255,.66)!important;
  color:var(--lg-blue)!important;
  transform:translateX(2px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 7px 20px rgba(36,55,84,.06)!important;
}
.menu-item.active{
  background:linear-gradient(135deg,rgba(10,132,255,.92),rgba(0,122,255,.80))!important;
  border-color:rgba(255,255,255,.34)!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(10,132,255,.24),inset 0 1px 0 rgba(255,255,255,.28)!important;
}
.menu-item.active i{color:#fff!important;}
.sidebar-submenu{padding-left:7px;}
.sidebar-submenu .menu-item{font-size:12px!important;padding:9px 11px!important;}

.main{
  margin-left:280px!important;
  padding:98px 30px 34px!important;
  max-width:100%!important;
}

/* Generic Liquid Glass surfaces */
.card,
.glass-card,
.panel,
.surface,
.dashboard-card,
.stat-card,
.profile-card,
.info-card,
.content-card,
.widget,
.list-card{
  background:var(--lg-glass)!important;
  border:1px solid var(--lg-stroke)!important;
  border-radius:var(--lg-radius-lg)!important;
  box-shadow:var(--lg-shadow)!important;
  -webkit-backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-sat))!important;
  backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-sat))!important;
  color:var(--lg-text)!important;
}
.card{overflow:hidden;}
.card::before,.glass-card::before,.panel::before{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),transparent);}
.card-header,.card-footer{
  background:rgba(255,255,255,.22)!important;
  border-color:rgba(255,255,255,.46)!important;
  color:inherit!important;
}
.card-header:first-child{border-radius:inherit!important;}
.card-title,.header-title,h1,h2,h3,h4,h5,h6{color:var(--lg-text)!important;letter-spacing:-.02em;}
.text-muted{color:#728097!important;}

/* Bootstrap surfaces become glass surfaces */
.bg-white,.bg-light,.bg-body,.dropdown-menu,.list-group,.list-group-item,.accordion-item,
.popover,.offcanvas,.toast,.toast-header,.input-group-text,.nav-tabs,
.table-responsive,.alert,.pagination{
  background:rgba(255,255,255,.48)!important;
  border-color:var(--lg-stroke)!important;
  -webkit-backdrop-filter:blur(20px) saturate(155%)!important;
  backdrop-filter:blur(20px) saturate(155%)!important;
}
.bg-white,.bg-light,.bg-body{border-radius:20px;}
.dropdown-menu{padding:8px!important;border-radius:20px!important;box-shadow:var(--lg-shadow)!important;}
.dropdown-item{border-radius:13px!important;padding:9px 12px!important;color:#526074!important;}
.dropdown-item:hover,.dropdown-item:focus{background:rgba(10,132,255,.10)!important;color:var(--lg-blue)!important;}
.list-group{overflow:hidden;border-radius:18px!important;}
.list-group-item{color:var(--lg-text)!important;}
.table-responsive{border:1px solid var(--lg-stroke)!important;border-radius:22px!important;box-shadow:var(--lg-shadow-soft)!important;}

/* Controls */
.form-control,.form-select,select,textarea,
input[type="text"],input[type="search"],input[type="email"],input[type="password"],input[type="number"],input[type="date"],input[type="time"],input[type="datetime-local"],input[type="file"]{
  min-height:44px;
  border:1px solid rgba(118,137,163,.16)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.56)!important;
  color:var(--lg-text)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 4px 14px rgba(36,55,84,.03)!important;
  -webkit-backdrop-filter:blur(16px) saturate(145%)!important;
  backdrop-filter:blur(16px) saturate(145%)!important;
}
.form-control:focus,.form-select:focus,select:focus,textarea:focus,
input:not([type="checkbox"]):not([type="radio"]):focus{
  border-color:rgba(10,132,255,.48)!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:0 0 0 4px rgba(10,132,255,.10),inset 0 1px 0 rgba(255,255,255,.90)!important;
}
.input-group-text{border-radius:14px!important;color:#667388!important;}
.form-check-input{border:1px solid rgba(118,137,163,.28)!important;background-color:rgba(255,255,255,.72)!important;}
.form-check-input:checked{background-color:var(--lg-blue)!important;border-color:var(--lg-blue)!important;}
::placeholder{color:#97a3b3!important;}

/* Buttons / controls */
.btn{
  min-height:42px;
  border-radius:14px!important;
  padding:.62rem 1rem!important;
  border:1px solid rgba(255,255,255,.54)!important;
  font-weight:700!important;
  letter-spacing:-.01em;
  box-shadow:0 8px 20px rgba(36,55,84,.08),inset 0 1px 0 rgba(255,255,255,.34)!important;
  transition:transform .15s ease,filter .15s ease,box-shadow .15s ease!important;
}
.btn:hover{transform:translateY(-1px);filter:saturate(1.03);}
.btn:active{transform:translateY(0) scale(.985);}
.btn-primary{background:linear-gradient(135deg,#0a84ff,#007aff)!important;color:#fff!important;box-shadow:0 12px 24px rgba(10,132,255,.22),inset 0 1px 0 rgba(255,255,255,.30)!important;}
.btn-success{background:linear-gradient(135deg,#34c759,#28b34b)!important;color:#fff!important;}
.btn-danger{background:linear-gradient(135deg,#ff453a,#e9382f)!important;color:#fff!important;}
.btn-warning{background:linear-gradient(135deg,#ff9f0a,#f38b00)!important;color:#fff!important;}
.btn-info{background:linear-gradient(135deg,#5ac8fa,#32ade6)!important;color:#fff!important;}
.btn-secondary,.btn-light,.btn-outline-secondary{
  background:rgba(255,255,255,.56)!important;
  border-color:rgba(118,137,163,.18)!important;
  color:#4d5a6e!important;
}
.btn-outline-primary{background:rgba(10,132,255,.07)!important;border-color:rgba(10,132,255,.30)!important;color:var(--lg-blue)!important;}
.btn-outline-success{background:rgba(52,199,89,.07)!important;border-color:rgba(52,199,89,.28)!important;color:#1e9e42!important;}
.btn-outline-danger{background:rgba(255,69,58,.07)!important;border-color:rgba(255,69,58,.28)!important;color:#e6352d!important;}
.btn-close{filter:none!important;opacity:.7;}

/* Tables */
.table{--bs-table-bg:transparent!important;--bs-table-color:var(--lg-text)!important;color:var(--lg-text)!important;margin-bottom:0!important;}
.table thead th{background:rgba(255,255,255,.30)!important;color:#556277!important;border-bottom:1px solid rgba(118,137,163,.12)!important;font-weight:750!important;white-space:nowrap;}
.table tbody td,.table tbody th{background:transparent!important;border-color:rgba(118,137,163,.10)!important;color:inherit!important;}
.table-hover>tbody>tr:hover>*{background:rgba(255,255,255,.46)!important;}
.table-striped>tbody>tr:nth-of-type(odd)>*{background:rgba(255,255,255,.20)!important;}

/* Navigation tabs/pills */
.nav-tabs{border:0!important;border-radius:18px!important;padding:5px!important;gap:3px;}
.nav-tabs .nav-link,.nav-pills .nav-link{border:0!important;border-radius:14px!important;color:#647187!important;font-weight:700!important;}
.nav-tabs .nav-link.active,.nav-pills .nav-link.active{background:rgba(10,132,255,.88)!important;color:#fff!important;box-shadow:0 8px 20px rgba(10,132,255,.16),inset 0 1px 0 rgba(255,255,255,.28)!important;}

/* Badges, alerts, pagination */
.badge{border-radius:999px!important;padding:.45em .72em!important;font-weight:750!important;letter-spacing:.01em;}
.alert{border-radius:18px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 8px 22px rgba(36,55,84,.05)!important;}
.pagination{border-radius:16px!important;padding:4px!important;gap:3px;}
.page-link{border:0!important;border-radius:12px!important;background:transparent!important;color:#647187!important;}
.page-item.active .page-link{background:var(--lg-blue)!important;color:#fff!important;box-shadow:0 8px 18px rgba(10,132,255,.18)!important;}

/* Modals / SweetAlert */
.modal-backdrop.show{background:rgba(17,30,52,.22)!important;opacity:1!important;backdrop-filter:blur(10px) saturate(115%)!important;-webkit-backdrop-filter:blur(10px) saturate(115%)!important;}

.modal-header,.modal-footer{border-color:rgba(118,137,163,.10)!important;background:rgba(255,255,255,.18)!important;}








/* Loader: visual skin for the real page-loading lifecycle */
#pageLoadingOverlay.siakad-canonical-loader{
  background:rgba(239,244,250,.52)!important;
  -webkit-backdrop-filter:blur(22px) saturate(155%)!important;
  backdrop-filter:blur(22px) saturate(155%)!important;
}
.siakad-page-loading-box{
  background:rgba(255,255,255,.62)!important;
  border:1px solid rgba(255,255,255,.82)!important;
  border-radius:30px!important;
  box-shadow:0 30px 90px rgba(28,47,77,.16),inset 0 1px 0 rgba(255,255,255,.94)!important;
  -webkit-backdrop-filter:blur(28px) saturate(170%)!important;
  backdrop-filter:blur(28px) saturate(170%)!important;
}
.siakad-page-loading-logo-ring{border-top-color:#0a84ff!important;border-right-color:#34c759!important;}
.siakad-page-loading-title{color:#182237!important;font-family:inherit!important;}
.siakad-page-loading-text{color:#748094!important;font-family:inherit!important;}

/* Common dashboard/stat/icon surfaces */
.stat-icon,.icon-box,.icon-container,.summary-icon,.metric-icon,.pulse-icon-box,.account-avatar{
  border-radius:17px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 10px 24px rgba(36,55,84,.08)!important;
}

/* Login / authentication surfaces */
.login-card,.auth-card,.card-login,.login-box,.auth-panel,.login-container>div,.login-wrapper .card{
  background:rgba(255,255,255,.58)!important;
  border:1px solid rgba(255,255,255,.82)!important;
  border-radius:30px!important;
  box-shadow:var(--lg-shadow)!important;
  -webkit-backdrop-filter:blur(28px) saturate(175%)!important;
  backdrop-filter:blur(28px) saturate(175%)!important;
}

/* Search and icon controls */
.search-box,.icon-btn,.theme-toggle,.palette-trigger,.notification-btn,
.btn-icon,.sidebar-edge-toggle{
  border-radius:15px!important;
}
.icon-btn,.theme-toggle,.notification-btn,.btn-icon{
  background:rgba(255,255,255,.50)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 8px 20px rgba(36,55,84,.06)!important;
  color:#607087!important;
}
.icon-btn:hover,.theme-toggle:hover,.notification-btn:hover,.btn-icon:hover{background:rgba(255,255,255,.76)!important;color:var(--lg-blue)!important;}

/* Reduce radius on dense utilities */
hr,.sidebar-divider{border:0!important;background:linear-gradient(90deg,transparent,rgba(118,137,163,.16),transparent)!important;}

/* Dark mode — still glass, but with deeper optical contrast */
html[data-bs-theme="dark"],body.dark{
  color-scheme:dark;
}
body.dark{
  color:#edf3fb!important;
  background:
    radial-gradient(900px 520px at -8% -8%,rgba(10,132,255,.17),transparent 62%),
    radial-gradient(800px 500px at 108% 8%,rgba(52,199,89,.10),transparent 60%),
    radial-gradient(900px 580px at 55% 110%,rgba(120,90,255,.12),transparent 62%),
    linear-gradient(180deg,#0b1220 0%,#070c15 100%)!important;
}
body.dark::before{background:rgba(10,132,255,.14);}
body.dark::after{background:rgba(52,199,89,.09);}
body.dark .top-header,body.dark .sidebar,
body.dark .card,body.dark .glass-card,body.dark .panel,body.dark .surface,
body.dark .dashboard-card,body.dark .stat-card,body.dark .profile-card,
body.dark .info-card,body.dark .content-card,body.dark .widget,
body.dark .list-card{
  background:rgba(20,29,44,.54)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
body.dark .menu-item{color:#b7c2d2!important;}
body.dark .menu-item i{color:#8998ac!important;}
body.dark .menu-item:hover{background:rgba(255,255,255,.07)!important;color:#60a9ff!important;}
body.dark .brand strong,body.dark .header-title,body.dark h1,body.dark h2,body.dark h3,body.dark h4,body.dark h5,body.dark h6,body.dark .card-title{color:#f3f7fd!important;}
body.dark .text-muted,body.dark .table thead th{color:#98a5b8!important;}
body.dark .bg-white,body.dark .bg-light,body.dark .bg-body,body.dark .dropdown-menu,
body.dark .list-group,body.dark .list-group-item,body.dark .accordion-item,
body.dark .popover,body.dark .offcanvas,body.dark .toast,body.dark .toast-header,
body.dark .input-group-text,body.dark .nav-tabs,body.dark .table-responsive,body.dark .alert{
  background:rgba(20,29,44,.52)!important;border-color:rgba(255,255,255,.09)!important;color:#e8eef6!important;
}
body.dark .dropdown-item{color:#bec9d8!important;}
body.dark .dropdown-item:hover{background:rgba(10,132,255,.14)!important;color:#6cb2ff!important;}
body.dark .form-control,body.dark .form-select,body.dark select,body.dark textarea,
body.dark input[type="text"],body.dark input[type="search"],body.dark input[type="email"],body.dark input[type="password"],body.dark input[type="number"],body.dark input[type="date"],body.dark input[type="time"],body.dark input[type="datetime-local"],body.dark input[type="file"]{
  background:rgba(10,16,27,.48)!important;border-color:rgba(255,255,255,.10)!important;color:#f1f5fb!important;
}
body.dark .form-control:focus,body.dark .form-select:focus,body.dark select:focus,body.dark textarea:focus{background:rgba(18,26,40,.62)!important;}
body.dark .table tbody td,body.dark .table tbody th{color:#e7edf5!important;border-color:rgba(255,255,255,.07)!important;}
body.dark .table-hover>tbody>tr:hover>*{background:rgba(255,255,255,.045)!important;}
body.dark .card-header,body.dark .card-footer{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.07)!important;}



body.dark #pageLoadingOverlay.siakad-canonical-loader{background:rgba(6,11,19,.56)!important;}
body.dark .siakad-page-loading-box{background:rgba(18,26,40,.72)!important;border-color:rgba(255,255,255,.11)!important;}
body.dark .siakad-page-loading-title{color:#f4f7fb!important;}
body.dark .siakad-page-loading-text{color:#9daabd!important;}

/* Responsive shell */
@media (max-width:992px){
  .top-header{top:8px!important;left:8px!important;right:8px!important;height:62px!important;border-radius:20px!important;padding:0 12px!important;}
  .sidebar{top:8px!important;bottom:8px!important;left:8px!important;width:270px!important;border-radius:25px!important;transform:translateX(-112%)!important;}
  .sidebar.show{transform:translateX(0)!important;}
  .sidebar-overlay.show{background:rgba(14,24,40,.24)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;}
  .main{margin-left:0!important;padding:86px 14px 24px!important;}
  body.sidebar-collapsed .top-header{left:8px!important;}
}
@media (max-width:640px){
  .main{padding:82px 10px 18px!important;}
  .card,.dashboard-card,.stat-card,.profile-card,.content-card{border-radius:22px!important;}
  .table-responsive{border-radius:18px!important;}
  .top-header{border-radius:18px!important;}
  .siakad-page-loading-box{width:min(310px,88vw)!important;padding:26px 22px 23px!important;border-radius:28px!important;}
}

/* Keep print output clean */
@media print{
  body{background:#fff!important;}
  body::before,body::after{display:none!important;}
  .card,.table-responsive{box-shadow:none!important;background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
}

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

/* =============================================================
   GLOBAL SWEETALERT — VIBRANT LIQUID GLASS
   One global skin for every alert/confirm in the application.
   Clean composition, stronger material depth, vivid accent glass.
   ============================================================= */
html body .swal2-container,
html body .swal2-container.swal2-backdrop-show{
  --swal-accent:var(--ui-primary,var(--palette-primary,var(--primary-blue,#2563eb)));
  --swal-accent-2:var(--ui-dark,var(--palette-dark,var(--dark-blue,#1e40af)));
  --swal-accent-rgb:var(--ui-rgb,var(--palette-rgb,37,99,235));
  z-index:2147483646!important;
  padding:16px!important;
  background:
    radial-gradient(520px 300px at 50% 40%,rgba(var(--swal-accent-rgb),.14),transparent 68%),
    radial-gradient(460px 260px at 50% 76%,rgba(var(--swal-accent-rgb),.08),transparent 72%),
    rgba(11,18,30,.38)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
}
html body .swal2-popup,
html body .swal2-popup.liquid-glass-popup{
  --swal-accent:var(--ui-primary,var(--palette-primary,var(--primary-blue,#2563eb)));
  --swal-accent-2:var(--ui-dark,var(--palette-dark,var(--dark-blue,#1e40af)));
  --swal-accent-rgb:var(--ui-rgb,var(--palette-rgb,37,99,235));
  box-sizing:border-box!important;
  position:relative!important;
  isolation:isolate!important;
  width:min(430px,calc(100vw - 32px))!important;
  max-width:430px!important;
  padding:30px 28px 24px!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:28px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.64),rgba(255,255,255,.38)),
    radial-gradient(220px 130px at 50% 4%,rgba(255,255,255,.42),transparent 74%)!important;
  background-blend-mode:screen,normal!important;
  box-shadow:
    0 30px 90px rgba(4,10,24,.24),
    0 10px 30px rgba(20,38,68,.12),
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -1px 0 rgba(255,255,255,.25)!important;
  backdrop-filter:blur(38px) saturate(180%)!important;
  -webkit-backdrop-filter:blur(38px) saturate(180%)!important;
  color:#162033!important;
  overflow:hidden!important;
  font-family:inherit!important;
}
html body .swal2-popup::before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:42%!important;
  pointer-events:none!important;
  z-index:0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,0))!important;
  mask-image:linear-gradient(180deg,#000,transparent)!important;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent)!important;
}
html body .swal2-popup::after{
  content:""!important;
  position:absolute!important;
  width:190px!important;
  height:190px!important;
  left:50%!important;
  top:-112px!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;
  pointer-events:none!important;
  z-index:0!important;
  background:radial-gradient(circle,rgba(var(--swal-accent-rgb),.20) 0%,rgba(var(--swal-accent-rgb),.07) 42%,transparent 72%)!important;
  filter:blur(20px)!important;
}
html body .swal2-popup > *{position:relative!important;z-index:1!important;}
html body .swal2-popup .swal2-image{
  display:block!important;
  width:86px!important;
  height:86px!important;
  object-fit:contain!important;
  margin:0 auto 18px!important;
  padding:10px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.80)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.56),rgba(255,255,255,.25)),
    radial-gradient(circle at 35% 25%,rgba(255,255,255,.55),transparent 58%)!important;
  box-shadow:
    0 14px 32px rgba(16,28,52,.12),
    0 0 0 7px rgba(255,255,255,.10),
    0 0 34px rgba(var(--swal-accent-rgb),.16),
    inset 0 1px 0 rgba(255,255,255,.96)!important;
  backdrop-filter:blur(20px) saturate(160%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(160%)!important;
}
html body .swal2-popup .swal2-icon{display:none!important;}
html body .swal2-popup .swal2-title{
  margin:0!important;
  padding:0!important;
  color:#172033!important;
  font-size:1.55rem!important;
  line-height:1.22!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
  text-align:center!important;
  font-family:inherit!important;
}
html body .swal2-popup .swal2-html-container,
html body .swal2-popup .swal2-content{
  max-width:340px!important;
  margin:10px auto 0!important;
  padding:0!important;
  color:#667085!important;
  font-size:.97rem!important;
  line-height:1.52!important;
  font-weight:450!important;
  text-align:center!important;
  font-family:inherit!important;
}
html body .swal2-popup .swal2-actions{
  width:100%!important;
  max-width:344px!important;
  margin:24px auto 0!important;
  padding:0!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:12px!important;
}
html body .swal2-popup .swal2-styled,
html body .swal2-popup .swal2-confirm,
html body .swal2-popup .swal2-cancel{
  flex:1 1 0!important;
  min-width:0!important;
  min-height:48px!important;
  margin:0!important;
  padding:0 18px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.50)!important;
  font:650 .96rem/1 inherit!important;
  letter-spacing:-.01em!important;
  text-transform:none!important;
  box-shadow:
    0 10px 22px rgba(15,23,42,.08),
    inset 0 1px 0 rgba(255,255,255,.76)!important;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important;
}
html body .swal2-popup .swal2-styled:hover{
  transform:translateY(-1px)!important;
  filter:saturate(1.08)!important;
}
html body .swal2-popup .swal2-styled:active{
  transform:translateY(0) scale(.985)!important;
}
html body .swal2-popup .swal2-cancel{
  color:#4b5565!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.60),rgba(255,255,255,.34))!important;
  border-color:rgba(255,255,255,.58)!important;
  backdrop-filter:blur(16px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(145%)!important;
}
html body .swal2-popup .swal2-confirm{
  color:#fff!important;
  background:
    linear-gradient(135deg,rgba(var(--swal-accent-rgb),.98),var(--swal-accent-2))!important;
  border-color:rgba(255,255,255,.36)!important;
  box-shadow:
    0 12px 26px rgba(var(--swal-accent-rgb),.24),
    inset 0 1px 0 rgba(255,255,255,.40)!important;
}
html body .swal2-popup .swal2-actions .swal2-confirm:only-child,
html body .swal2-popup .swal2-actions .swal2-styled:only-child{
  flex:0 1 190px!important;
}
/* Vivid but restrained status accents. */
html body .swal2-popup.siakad-swal-success{--swal-accent:#22c55e;--swal-accent-2:#4ade80;--swal-accent-rgb:34,197,94;}
html body .swal2-popup.siakad-swal-error{--swal-accent:#ef4444;--swal-accent-2:#fb7185;--swal-accent-rgb:239,68,68;}
html body .swal2-popup.siakad-swal-warning{--swal-accent:#f59e0b;--swal-accent-2:#fbbf24;--swal-accent-rgb:245,158,11;}
html body .swal2-popup.siakad-swal-info,
html body .swal2-popup.siakad-swal-question{--swal-accent:var(--ui-primary,var(--palette-primary,var(--primary-blue,#2563eb)));--swal-accent-2:var(--ui-dark,var(--palette-dark,var(--dark-blue,#1e40af)));--swal-accent-rgb:var(--ui-rgb,var(--palette-rgb,37,99,235));}
html body .swal2-popup .swal2-input,
html body .swal2-popup .swal2-textarea,
html body .swal2-popup .swal2-select{
  width:100%!important;
  margin:14px auto 0!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.46)!important;
  background:rgba(255,255,255,.36)!important;
  color:#162033!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.80),0 7px 18px rgba(16,28,52,.05)!important;
  backdrop-filter:blur(15px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(15px) saturate(145%)!important;
}
html body .swal2-popup .swal2-input:focus,
html body .swal2-popup .swal2-textarea:focus,
html body .swal2-popup .swal2-select:focus{
  border-color:rgba(var(--swal-accent-rgb),.38)!important;
  box-shadow:0 0 0 4px rgba(var(--swal-accent-rgb),.10),inset 0 1px 0 rgba(255,255,255,.88)!important;
}
html body .swal2-popup .swal2-validation-message{border-radius:12px!important;}
html body .swal2-popup .swal2-loader{border-color:var(--swal-accent) transparent var(--swal-accent) transparent!important;}

/* Global: hide legacy SweetAlert detail metadata without touching page logic. */
html body .swal2-popup .swal-detail-row,
html body .swal2-popup .swal-detail-pill,
html body .siakad-swal-fallback-popup .swal-detail-row,
html body .siakad-swal-fallback-popup .swal-detail-pill{display:none!important;}
html body .swal2-popup .swal-detail-row{margin-top:14px!important;display:flex!important;gap:8px!important;}
html body .swal2-popup .swal-detail-pill{flex:1!important;padding:9px!important;border-radius:12px!important;background:rgba(255,255,255,.30)!important;border:1px solid rgba(255,255,255,.30)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.66)!important;}
@media(max-width:560px){
  html body .swal2-container{padding:12px!important;}
  html body .swal2-popup,
  html body .swal2-popup.liquid-glass-popup{width:calc(100vw - 24px)!important;padding:24px 18px 20px!important;border-radius:24px!important;}
  html body .swal2-popup .swal2-image{width:76px!important;height:76px!important;margin-bottom:16px!important;}
  html body .swal2-popup .swal2-title{font-size:1.35rem!important;}
  html body .swal2-popup .swal2-html-container{font-size:.93rem!important;}
  html body .swal2-popup .swal2-actions{gap:9px!important;margin-top:20px!important;}
  html body .swal2-popup .swal2-styled{min-height:46px!important;padding:0 12px!important;font-size:.91rem!important;}
}
html body.dark .swal2-container,html body.dark .swal2-container.swal2-backdrop-show{
  background:
    radial-gradient(520px 300px at 50% 40%,rgba(var(--swal-accent-rgb),.10),transparent 68%),
    radial-gradient(460px 260px at 50% 76%,rgba(var(--swal-accent-rgb),.06),transparent 72%),
    rgba(2,6,14,.56)!important;
}
html body.dark .swal2-popup,
html body.dark .swal2-popup.liquid-glass-popup{
  background:
    linear-gradient(145deg,rgba(30,38,53,.72),rgba(18,24,36,.52)),
    radial-gradient(220px 130px at 50% 4%,rgba(255,255,255,.08),transparent 74%)!important;
  border-color:rgba(255,255,255,.14)!important;
  color:#f5f7fb!important;
  box-shadow:0 30px 90px rgba(0,0,0,.42),0 10px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
html body.dark .swal2-popup .swal2-title{color:#f5f7fb!important;}
html body.dark .swal2-popup .swal2-html-container,html body.dark .swal2-popup .swal2-content{color:#b6c0cf!important;}
html body.dark .swal2-popup .swal2-cancel{background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.07))!important;color:#edf2f8!important;border-color:rgba(255,255,255,.12)!important;}
html body.dark .swal2-popup .swal-detail-pill{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.10)!important;}


/* SweetAlert fallback layer uses the exact same material when SweetAlert2 is unavailable. */
html body .siakad-swal-fallback-layer{
  --swal-accent:var(--ui-primary,var(--palette-primary,var(--primary-blue,#2563eb)));
  --swal-accent-2:var(--ui-dark,var(--palette-dark,var(--dark-blue,#1e40af)));
  --swal-accent-rgb:var(--ui-rgb,var(--palette-rgb,37,99,235));
  position:fixed!important;
  inset:0!important;
  z-index:2147483646!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:16px!important;
  background:
    radial-gradient(520px 300px at 50% 40%,rgba(var(--swal-accent-rgb),.14),transparent 68%),
    radial-gradient(460px 260px at 50% 76%,rgba(var(--swal-accent-rgb),.08),transparent 72%),
    rgba(11,18,30,.38)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
}
html body .siakad-swal-fallback-popup{
  box-sizing:border-box!important;
  position:relative!important;
  isolation:isolate!important;
  width:min(430px,calc(100vw - 32px))!important;
  max-width:430px!important;
  padding:30px 28px 24px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.64),rgba(255,255,255,.38)),radial-gradient(220px 130px at 50% 4%,rgba(255,255,255,.42),transparent 74%)!important;
  box-shadow:0 30px 90px rgba(4,10,24,.24),0 10px 30px rgba(20,38,68,.12),inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(255,255,255,.25)!important;
  backdrop-filter:blur(38px) saturate(180%)!important;
  -webkit-backdrop-filter:blur(38px) saturate(180%)!important;
  color:#162033!important;
  overflow:hidden!important;
}
html body .siakad-swal-fallback-popup > *{position:relative!important;z-index:1!important;}
html body .siakad-swal-fallback-logo{display:block!important;width:86px!important;height:86px!important;object-fit:contain!important;margin:0 auto 18px!important;padding:10px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.80)!important;background:linear-gradient(145deg,rgba(255,255,255,.56),rgba(255,255,255,.25)),radial-gradient(circle at 35% 25%,rgba(255,255,255,.55),transparent 58%)!important;box-shadow:0 14px 32px rgba(16,28,52,.12),0 0 0 7px rgba(255,255,255,.10),0 0 34px rgba(var(--swal-accent-rgb),.16),inset 0 1px 0 rgba(255,255,255,.96)!important;}
html body .siakad-swal-fallback-title{margin:0!important;padding:0!important;color:#172033!important;font-size:1.55rem!important;line-height:1.22!important;font-weight:700!important;letter-spacing:-.025em!important;text-align:center!important;}
html body .siakad-swal-fallback-message{max-width:340px!important;margin:10px auto 0!important;padding:0!important;color:#667085!important;font-size:.97rem!important;line-height:1.52!important;text-align:center!important;}
html body .siakad-swal-fallback-actions{width:100%!important;max-width:344px!important;margin:24px auto 0!important;display:flex!important;gap:12px!important;}
html body .siakad-swal-fallback-actions button{flex:1 1 0!important;min-height:48px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.50)!important;font:650 .96rem/1 inherit!important;cursor:pointer!important;box-shadow:0 10px 22px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.76)!important;}
html body .siakad-swal-fallback-cancel{color:#4b5565!important;background:linear-gradient(145deg,rgba(255,255,255,.60),rgba(255,255,255,.34))!important;}
html body .siakad-swal-fallback-confirm{color:#fff!important;background:linear-gradient(135deg,rgba(var(--swal-accent-rgb),.98),var(--swal-accent-2))!important;box-shadow:0 12px 26px rgba(var(--swal-accent-rgb),.24),inset 0 1px 0 rgba(255,255,255,.40)!important;}
html body .siakad-swal-fallback-actions button:only-child{flex:0 1 190px!important;}