/* Blue Crystal Pro: lightweight shared skin for login, admin shell and lists. */
:root{
  --skin-bg:#f4f7fb;
  --skin-panel:#ffffff;
  --skin-soft:#f7faff;
  --skin-line:#dce6f2;
  --skin-line-soft:#edf2f8;
  --skin-text:#1f2f46;
  --skin-muted:#6a7890;
  --skin-blue:#1677ff;
  --skin-blue-deep:#0a38a8;
  --skin-blue-soft:#eaf3ff;
  --skin-cyan:#13b7c7;
  --skin-teal:#16baaa;
  --skin-green:#138a42;
  --skin-danger:#ff4d4f;
  --skin-radius:8px;
  --skin-shadow:0 12px 32px -26px rgba(20,63,128,.38);
}

html{background:var(--skin-bg);}
body{color:var(--skin-text);}
body:not(.admin-login-pro){background:var(--skin-bg);}

/* Login */
body.admin-login-pro{
  min-height:100vh;
  overflow:auto !important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.10) 0,rgba(255,255,255,0) 44%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.065) 0,rgba(255,255,255,.065) 1px,transparent 1px,transparent 80px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0,rgba(255,255,255,.045) 1px,transparent 1px,transparent 80px),
    linear-gradient(125deg,#1383ff 0%,#3e92fa 52%,#78a8eb 100%) !important;
  font-family:"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
}
body.admin-login-pro:before{
  content:"";
  position:fixed;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0) 48%,rgba(6,45,179,.16));
  pointer-events:none;
}
body.admin-login-pro .bg-particles{display:none !important;}
body.admin-login-pro .layadmin-user-login{
  min-height:100vh !important;
  padding:0 !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  background:transparent !important;
}
body.admin-login-pro .layadmin-user-login.has-custom-bg{
  background:
    linear-gradient(135deg,rgba(19,131,255,.86),rgba(120,168,235,.72)),
    var(--admin-login-image) center/cover no-repeat !important;
}
body.admin-login-pro .layadmin-user-login-main{
  width:500px !important;
  max-width:calc(100vw - 32px);
  margin:0 auto !important;
  padding:54px 56px 46px !important;
  top:auto !important;
  position:relative !important;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  border:1px solid rgba(255,255,255,.86) !important;
  border-radius:20px !important;
  background:#fff !important;
  box-shadow:0 20px 58px -34px rgba(2,39,116,.72) !important;
}
body.admin-login-pro .layadmin-user-login-main:hover{
  transform:none !important;
  box-shadow:0 22px 62px -34px rgba(2,39,116,.76) !important;
}
body.admin-login-pro .dianda-title{
  width:100%;
  margin:0 0 34px !important;
  padding:0 !important;
  text-align:center !important;
}
body.admin-login-pro .dianda-title:before{
  content:"";
  display:block;
  width:46px;
  height:3px;
  margin:0 auto 18px;
  border-radius:3px;
  background:linear-gradient(90deg,var(--skin-blue),var(--skin-teal));
}
body.admin-login-pro .dianda-title div{
  margin:0 !important;
  color:var(--skin-blue) !important;
  font-size:27px !important;
  font-weight:600 !important;
  line-height:1.25;
  letter-spacing:0 !important;
}
body.admin-login-pro .layadmin-user-login-body{
  width:100%;
  margin:0 !important;
  padding:0 !important;
}
body.admin-login-pro .layadmin-user-login-box.layadmin-user-login-body{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
body.admin-login-pro .layadmin-user-login-box .layui-form-item{
  margin-bottom:22px !important;
}
body.admin-login-pro .layadmin-user-login-icon{
  left:0 !important;
  top:0 !important;
  width:42px !important;
  height:40px !important;
  line-height:40px !important;
  color:var(--skin-blue) !important;
  background:#eef5ff;
  border-right:1px solid var(--skin-line-soft);
  border-radius:10px 0 0 10px;
  font-size:18px !important;
}
body.admin-login-pro .layadmin-user-login-box .layui-input{
  height:40px !important;
  line-height:40px !important;
  padding:0 13px 0 56px !important;
  border:1px solid #d7e2ee !important;
  border-radius:10px !important;
  background:#fff !important;
  color:var(--skin-text);
  box-shadow:0 7px 18px -17px rgba(23,72,138,.48) !important;
  transition:border-color .16s,box-shadow .16s;
}
body.admin-login-pro .layadmin-user-login-box .layui-input:focus{
  border-color:var(--skin-blue) !important;
  box-shadow:0 0 0 3px rgba(22,119,255,.12) !important;
}
body.admin-login-pro .layadmin-user-login-codeimg{
  height:40px;
  max-height:40px !important;
  border:1px solid #d7e2ee !important;
  border-radius:10px !important;
  box-shadow:none !important;
}
body.admin-login-pro .layui-form-checkbox[lay-skin=primary] span{
  color:var(--skin-muted);
}
body.admin-login-pro .layui-form-checked[lay-skin=primary] i{
  border-color:var(--skin-blue) !important;
  background:var(--skin-blue);
}
body.admin-login-pro .layadmin-user-login-box .layui-btn-fluid{
  height:46px !important;
  line-height:46px !important;
  border:0 !important;
  border-radius:11px !important;
  background:linear-gradient(90deg,#1685ff,#0e6ff1) !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:600 !important;
  letter-spacing:1px !important;
  box-shadow:0 14px 26px -18px rgba(7,88,222,.82) !important;
}
body.admin-login-pro .layadmin-user-login-box .layui-btn-fluid:hover{
  background:linear-gradient(90deg,#0f78f2,#0a5ed7) !important;
}
body.admin-login-pro .layadmin-link{
  color:var(--skin-blue) !important;
  font-size:13px;
  font-weight:500 !important;
  text-decoration:none !important;
}
body.admin-login-pro .layadmin-link:hover{color:#075ed7 !important;}
body.admin-login-pro .layadmin-user-login-footer{
  z-index:1;
  color:rgba(255,255,255,.88) !important;
  font-size:12px !important;
  text-shadow:none !important;
}
body.admin-login-pro .layadmin-user-login-footer a{
  color:rgba(255,255,255,.92) !important;
}

/* Shell */
body.admin-skin-pro.layui-layout-body{
  background:var(--skin-bg) !important;
}
body.admin-skin-pro .layui-layout-admin .layui-header{
  height:50px;
  background:linear-gradient(90deg,#1768f0 0%,#0d5fa6 55%,#11883e 100%) !important;
  border-bottom:0 !important;
  box-shadow:0 7px 20px -18px rgba(6,20,56,.64) !important;
}
body.admin-skin-pro .layui-header .layui-nav .layui-nav-item > a{
  height:34px !important;
  line-height:34px !important;
  margin:8px 5px !important;
  padding:0 14px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.14) !important;
  color:#fff !important;
  box-shadow:none !important;
}
body.admin-skin-pro .layui-header .layui-nav .layui-nav-item > a:hover,
body.admin-skin-pro .layui-header .layui-nav .layui-this > a{
  background:rgba(255,255,255,.25) !important;
  border-color:rgba(255,255,255,.28) !important;
}
body.admin-skin-pro .layui-header cite{color:#fff !important;}
body.admin-skin-pro .layui-header .layui-nav .layui-nav-more{border-top-color:rgba(255,255,255,.88) !important;}
body.admin-skin-pro .layui-header .layui-nav .layui-nav-mored{border-bottom-color:rgba(255,255,255,.88) !important;}
body.admin-skin-pro .layui-header .layui-nav-child{
  border:1px solid var(--skin-line-soft);
  border-radius:8px;
  box-shadow:0 12px 28px -22px rgba(11,35,75,.45);
}
body.admin-skin-pro .layui-header .layui-badge-dot{box-shadow:0 0 0 2px rgba(255,255,255,.82) !important;}

body.admin-skin-pro .layui-side-menu{
  background:linear-gradient(180deg,#1735c7 0%,#092a91 43%,#061743 100%) !important;
  box-shadow:5px 0 18px -24px rgba(0,0,0,.7) !important;
}
body.admin-skin-pro .layui-layout-admin .layui-logo{
  background:#1768f0 !important;
  border-bottom:1px solid rgba(255,255,255,.10);
  color:#fff !important;
  box-shadow:none !important;
}
body.admin-skin-pro .layui-logo span{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-weight:600;
}
body.admin-skin-pro .layui-side-menu .layui-nav-tree{
  padding-top:8px;
}
body.admin-skin-pro .layui-side-menu .layui-nav-tree > .layui-nav-item{
  margin:4px 6px !important;
}
body.admin-skin-pro .layui-side-menu .layui-nav-tree > .layui-nav-item > a.sm-entry{
  height:40px !important;
  line-height:40px !important;
  padding:0 18px 0 45px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:8px !important;
  background:rgba(255,255,255,.055) !important;
  color:rgba(255,255,255,.83) !important;
  box-shadow:none !important;
  font-size:13px !important;
  letter-spacing:0 !important;
}
body.admin-skin-pro .layui-side-menu .layui-nav-tree > .layui-nav-item > a.sm-entry i{
  position:absolute;
  left:17px !important;
  top:50% !important;
  width:auto !important;
  height:auto !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
  color:rgba(255,255,255,.85);
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-size:16px !important;
  transform:translateY(-50%) !important;
}
body.admin-skin-pro .layui-side-menu .layui-nav-tree > .layui-nav-item > a.sm-entry:hover{
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(255,255,255,.18) !important;
  color:#fff !important;
}
body.admin-skin-pro .layui-side-menu .layui-nav-tree > .layui-nav-item.layui-this > a.sm-entry{
  background:linear-gradient(90deg,rgba(20,184,166,.38),rgba(255,255,255,.13)) !important;
  border-color:rgba(255,255,255,.36) !important;
  color:#fff !important;
  box-shadow:0 8px 18px -18px rgba(3,15,50,.8) !important;
}
body.admin-skin-pro .layui-side-menu .layui-nav-tree > .layui-nav-item.layui-this > a.sm-entry:before{
  content:"";
  position:absolute;
  left:6px;
  top:8px;
  bottom:8px;
  width:3px;
  border-radius:3px;
  background:#75fff0 !important;
  box-shadow:0 0 10px rgba(117,255,240,.72) !important;
}
body.admin-skin-pro .menu-modern > .layui-nav-item.has-sub > a.sm-entry:after{
  right:10px;
  color:rgba(255,255,255,.60);
}
body.admin-skin-pro.layadmin-side-shrink .layui-side-menu .layui-nav-tree > .layui-nav-item > a.sm-entry{
  padding:0 !important;
}
body.admin-skin-pro.layadmin-side-shrink .layui-side-menu .layui-nav-tree > .layui-nav-item > a.sm-entry i{
  left:50% !important;
  transform:translate(-50%,-50%) !important;
}

body.admin-skin-pro .wb-subnav{
  width:122px !important;
  background:#fff !important;
  border-right:1px solid var(--skin-line-soft) !important;
  border-top:0 !important;
  border-radius:0 9px 9px 0 !important;
  box-shadow:10px 0 24px -24px rgba(11,35,75,.42) !important;
  color:var(--skin-text) !important;
}
body.admin-skin-pro .wb-subnav .subnav-scene{
  height:56px !important;
  line-height:56px !important;
  padding-left:16px !important;
  color:var(--skin-text);
  font-weight:600;
}
body.admin-skin-pro .wb-subnav .menu-header{
  height:42px !important;
  line-height:42px !important;
  margin:2px 8px;
  padding-left:12px !important;
  border-radius:7px;
  color:var(--skin-text);
}
body.admin-skin-pro .wb-subnav .menu-header:hover,
body.admin-skin-pro .wb-subnav .menu-header.active{
  background:var(--skin-blue-soft) !important;
  color:var(--skin-blue-deep);
}
body.admin-skin-pro .wb-subnav ul.multiple{
  margin:0 8px 5px;
  border-radius:7px;
  background:#f7fbff !important;
}
body.admin-skin-pro .wb-subnav ul li{
  height:38px !important;
  line-height:38px !important;
  margin:2px 7px !important;
  border-radius:7px !important;
}
body.admin-skin-pro .wb-subnav ul li a{
  padding-left:12px !important;
  color:var(--skin-muted) !important;
}
body.admin-skin-pro .wb-subnav ul li:hover,
body.admin-skin-pro .wb-subnav ul li.active{
  background:var(--skin-blue-soft) !important;
  box-shadow:none !important;
}
body.admin-skin-pro .wb-subnav ul li.active a,
body.admin-skin-pro .wb-subnav ul li:hover a{
  color:var(--skin-blue-deep) !important;
}
body.admin-skin-pro .wb-subnav .wb-subnav-fold{
  border-color:var(--skin-line-soft) !important;
  background:#fff !important;
  color:var(--skin-muted) !important;
  border-radius:6px 0 0 6px;
}
body.admin-skin-pro .layui-body{background:var(--skin-bg) !important;}

/* Keep the shell skin ahead of the older inline unified-teal rules. */
body.layui-layout-body.unified-teal.admin-skin-pro .layui-header .layui-nav .layui-nav-item > a{
  background:rgba(255,255,255,.14) !important;
  border-color:rgba(255,255,255,.12) !important;
  color:#fff !important;
}
body.layui-layout-body.unified-teal.admin-skin-pro .layui-header .layui-nav .layui-nav-item > a:hover,
body.layui-layout-body.unified-teal.admin-skin-pro .layui-header .layui-nav .layui-this > a{
  background:rgba(255,255,255,.25) !important;
  border-color:rgba(255,255,255,.28) !important;
}
body.layui-layout-body.unified-teal.admin-skin-pro .wb-subnav{
  background:#fff !important;
  backdrop-filter:none !important;
}
body.layui-layout-body.unified-teal.admin-skin-pro .wb-subnav ul.multiple,
body.layui-layout-body.unified-teal.admin-skin-pro .wb-subnav .menu-header.active{
  background:#f7fbff !important;
}
body.layui-layout-body.unified-teal.admin-skin-pro .wb-subnav .menu-header:hover,
body.layui-layout-body.unified-teal.admin-skin-pro .wb-subnav ul li:hover,
body.layui-layout-body.unified-teal.admin-skin-pro .wb-subnav ul li.active{
  background:var(--skin-blue-soft) !important;
}
body.layui-layout-body.unified-teal.admin-skin-pro .wb-subnav ul li.active a,
body.layui-layout-body.unified-teal.admin-skin-pro .wb-subnav ul li:hover a{
  color:var(--skin-blue-deep) !important;
}

/* Layer dialogs */
body:not(.admin-login-pro) .layui-layer:not(.layui-layer-tips):not(.layui-layer-msg):not(.layui-layer-loading){
  border:1px solid rgba(213,225,240,.92) !important;
  border-radius:10px !important;
  background:#fff !important;
  box-shadow:0 24px 58px -34px rgba(9,36,82,.72),0 8px 20px -20px rgba(21,63,128,.42) !important;
  overflow:hidden !important;
}
body:not(.admin-login-pro) .layui-layer:not(.layui-layer-tips):not(.layui-layer-msg):not(.layui-layer-loading):before{
  content:"";
  position:absolute;
  z-index:2;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:linear-gradient(90deg,var(--skin-blue),var(--skin-cyan),var(--skin-teal));
  pointer-events:none;
}
body:not(.admin-login-pro) .layui-layer.layui-anim{
  animation-duration:.16s !important;
}
body:not(.admin-login-pro) .layui-layer-title,
body:not(.admin-login-pro) .layui-layer-admin .layui-layer-title{
  height:48px !important;
  line-height:48px !important;
  padding:0 54px 0 20px !important;
  border:0 !important;
  border-bottom:1px solid var(--skin-line-soft) !important;
  background:linear-gradient(180deg,#fbfdff 0%,#f6f9fd 100%) !important;
  color:var(--skin-text) !important;
  font-size:14px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}
body:not(.admin-login-pro) .layui-layer-title:before{
  content:"";
  display:inline-block;
  width:3px;
  height:14px;
  margin-right:9px;
  border-radius:3px;
  background:linear-gradient(180deg,var(--skin-blue),var(--skin-teal));
  vertical-align:-2px;
}
body:not(.admin-login-pro) .layui-layer-setwin{
  top:15px !important;
  right:15px !important;
}
body:not(.admin-login-pro) .layui-layer-setwin a{
  opacity:.66;
  transition:opacity .12s;
}
body:not(.admin-login-pro) .layui-layer-setwin a:hover{
  opacity:1;
}
body:not(.admin-login-pro) .layui-layer-admin i[close]{
  top:12px !important;
  right:14px !important;
  width:24px !important;
  height:24px !important;
  padding:0 !important;
  border-radius:7px;
  background:#eef5ff;
  color:var(--skin-muted) !important;
  line-height:24px !important;
  text-align:center;
  transition:background .12s,color .12s;
}
body:not(.admin-login-pro) .layui-layer-admin i[close]:hover{
  background:#e4f0ff;
  color:var(--skin-blue-deep) !important;
}
body:not(.admin-login-pro) .layui-layer-content{
  color:#334155;
}
body:not(.admin-login-pro) .layui-layer-admin .layui-layer-content{
  padding:22px !important;
  line-height:1.65 !important;
}
body:not(.admin-login-pro) .layui-layer-dialog{
  min-width:330px;
}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content{
  padding:26px 28px 18px !important;
  color:#26384f;
  font-size:14px;
  line-height:1.7 !important;
}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content.layui-layer-padding{
  min-height:42px;
  padding-left:82px !important;
}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content .layui-layer-ico{
  top:25px !important;
  left:28px !important;
  width:38px !important;
  height:38px !important;
  margin:0 !important;
  border-radius:50%;
  background:none !important;
  font-style:normal;
  line-height:38px !important;
  text-align:center;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.82);
}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content .layui-layer-ico:before{
  display:block;
  font-family:layui-icon !important;
  font-size:20px;
  font-weight:400;
}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content .layui-layer-ico0{background:#eaf3ff !important;color:var(--skin-blue) !important;}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content .layui-layer-ico0:before{content:"i";font-family:Arial,sans-serif !important;font-weight:700;}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content .layui-layer-ico1,
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content .layui-layer-ico6{background:#e9fbf5 !important;color:#14a06f !important;}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content .layui-layer-ico1:before,
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content .layui-layer-ico6:before{content:"\1005";}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content .layui-layer-ico2,
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content .layui-layer-ico5{background:#fff1f0 !important;color:#e64646 !important;}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content .layui-layer-ico2:before,
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content .layui-layer-ico5:before{content:"\1006";}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content .layui-layer-ico3,
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content .layui-layer-ico4,
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content .layui-layer-ico7{background:#fff7e6 !important;color:#d28700 !important;}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content .layui-layer-ico3:before{content:"?";font-family:Arial,sans-serif !important;font-weight:700;}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content .layui-layer-ico4:before,
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content .layui-layer-ico7:before{content:"!";font-family:Arial,sans-serif !important;font-weight:700;}
body:not(.admin-login-pro) .layui-layer-btn{
  padding:12px 18px 18px !important;
  border-top:1px solid var(--skin-line-soft);
  background:#fbfdff;
  text-align:right;
}
body:not(.admin-login-pro) .layui-layer-btn a{
  height:32px !important;
  min-width:62px;
  margin:0 0 0 8px !important;
  padding:0 15px !important;
  border:1px solid #d7e2ee !important;
  border-radius:8px !important;
  background:#fff !important;
  color:var(--skin-text) !important;
  line-height:32px !important;
  font-size:13px;
  font-weight:500;
  box-shadow:none !important;
  transition:background .12s,border-color .12s,color .12s,box-shadow .12s;
}
body:not(.admin-login-pro) .layui-layer-btn a:hover{
  border-color:var(--skin-blue) !important;
  color:var(--skin-blue-deep) !important;
}
body:not(.admin-login-pro) .layui-layer-btn .layui-layer-btn0{
  border-color:transparent !important;
  background:linear-gradient(90deg,var(--skin-blue),#10a6c8) !important;
  color:#fff !important;
  box-shadow:0 11px 22px -17px rgba(22,119,255,.95) !important;
}
body:not(.admin-login-pro) .layui-layer-btn .layui-layer-btn0:hover{
  background:linear-gradient(90deg,#0f6fea,#0c96b7) !important;
  color:#fff !important;
}
body:not(.admin-login-pro) .layui-layer-iframe iframe{
  background:#fff;
}
body:not(.admin-login-pro) .layui-layer-adminRight{
  border-width:0 0 0 1px !important;
  border-radius:0 !important;
  box-shadow:-12px 0 30px -24px rgba(8,32,78,.55) !important;
}
body:not(.admin-login-pro) .layui-layer-adminRight:before{
  display:none !important;
}

/* Refined message dialogs */
body:not(.admin-login-pro) .layui-layer-shade{
  background:rgba(15,23,42,.32) !important;
  opacity:1 !important;
}
body:not(.admin-login-pro) .layui-layer-dialog:not(.layui-layer-msg){
  min-width:300px;
  max-width:420px !important;
  border:1px solid rgba(224,232,242,.96) !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%) !important;
  box-shadow:0 28px 70px -40px rgba(15,34,67,.72),0 14px 38px -28px rgba(15,34,67,.42) !important;
}
body:not(.admin-login-pro) .layui-layer-dialog:not(.layui-layer-msg):before{
  display:none !important;
}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-title{
  height:0 !important;
  line-height:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:transparent !important;
  font-size:0 !important;
  overflow:hidden !important;
}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-title:before{
  display:none !important;
}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-setwin{
  top:12px !important;
  right:12px !important;
}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-setwin .layui-layer-close1{
  width:28px !important;
  height:28px !important;
  margin:0 !important;
  border-radius:50%;
  background:none !important;
  color:#8a97aa;
  line-height:28px;
  text-align:center;
  opacity:1;
}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-setwin .layui-layer-close1:before{
  content:"\1006";
  font-family:layui-icon !important;
  font-size:14px;
}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-setwin .layui-layer-close1:hover{
  background:#f1f5fa !important;
  color:#334155;
}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content{
  padding:34px 30px 18px !important;
  color:#22324a;
  font-size:14px;
  line-height:1.7 !important;
  text-align:center;
  word-break:break-word;
}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content.layui-layer-padding{
  min-height:0;
  padding:34px 30px 18px !important;
}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content .layui-layer-ico{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  display:block !important;
  width:50px !important;
  height:50px !important;
  margin:0 auto 14px !important;
  line-height:50px !important;
  border-radius:50%;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.9);
}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content .layui-layer-ico:before{
  font-size:23px;
}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content .layui-layer-ico0{
  background:#eef6ff !important;
  color:#1677ff !important;
  box-shadow:0 0 0 7px rgba(22,119,255,.07),inset 0 0 0 1px rgba(22,119,255,.12);
}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content .layui-layer-ico1,
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content .layui-layer-ico6{
  background:#eafaf4 !important;
  color:#10a36f !important;
  box-shadow:0 0 0 7px rgba(16,163,111,.08),inset 0 0 0 1px rgba(16,163,111,.14);
}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content .layui-layer-ico2,
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content .layui-layer-ico5{
  background:#fff0f0 !important;
  color:#e5484d !important;
  box-shadow:0 0 0 7px rgba(229,72,77,.08),inset 0 0 0 1px rgba(229,72,77,.14);
}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content .layui-layer-ico3,
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content .layui-layer-ico4,
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-content .layui-layer-ico7{
  background:#fff7e8 !important;
  color:#d98713 !important;
  box-shadow:0 0 0 7px rgba(217,135,19,.09),inset 0 0 0 1px rgba(217,135,19,.16);
}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-btn{
  padding:0 24px 24px !important;
  border-top:0 !important;
  background:transparent !important;
  text-align:center;
}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-btn a{
  height:34px !important;
  min-width:76px;
  margin:0 5px !important;
  padding:0 18px !important;
  border:1px solid #dbe5f0 !important;
  border-radius:18px !important;
  background:#fff !important;
  color:#43536a !important;
  line-height:34px !important;
  font-size:13px;
  font-weight:500;
}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-btn a:hover{
  border-color:#b9c8da !important;
  color:#172033 !important;
  background:#f8fafc !important;
}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-btn .layui-layer-btn0{
  border-color:transparent !important;
  background:linear-gradient(180deg,#1f3b67 0%,#142a4a 100%) !important;
  color:#fff !important;
  box-shadow:0 14px 24px -18px rgba(20,42,74,.78) !important;
}
body:not(.admin-login-pro) .layui-layer-dialog .layui-layer-btn .layui-layer-btn0:hover{
  background:linear-gradient(180deg,#255087 0%,#17345b 100%) !important;
  color:#fff !important;
}
body:not(.admin-login-pro) .layui-layer-msg{
  border:1px solid rgba(222,231,241,.95) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.98) !important;
  box-shadow:0 16px 38px -26px rgba(15,34,67,.55) !important;
}
body:not(.admin-login-pro) .layui-layer-msg .layui-layer-content{
  padding:12px 18px !important;
  color:#22324a !important;
  font-weight:500;
}
body:not(.admin-login-pro) .layui-layer-hui{
  border:0 !important;
  background:rgba(19,31,51,.92) !important;
  color:#fff !important;
}

/* Content pages */
body:not(.admin-login-pro) .layui-fluid{padding:16px;}
body:not(.admin-login-pro) .layui-card{
  border:1px solid var(--skin-line-soft);
  border-radius:var(--skin-radius);
  box-shadow:var(--skin-shadow);
  overflow:hidden;
}
body:not(.admin-login-pro) .layui-card-header{
  height:46px;
  line-height:46px;
  border-bottom:1px solid var(--skin-line-soft);
  color:var(--skin-text);
  font-weight:600;
}
body:not(.admin-login-pro) .layui-card-body{color:var(--skin-text);}
body:not(.admin-login-pro) .layui-input,
body:not(.admin-login-pro) .layui-select,
body:not(.admin-login-pro) .layui-textarea{
  border-color:#d8e2ee !important;
  border-radius:7px !important;
  color:var(--skin-text);
}
body:not(.admin-login-pro) .layui-input:focus,
body:not(.admin-login-pro) .layui-textarea:focus{
  border-color:var(--skin-blue) !important;
  box-shadow:0 0 0 3px rgba(22,119,255,.10) !important;
}
body:not(.admin-login-pro) .layui-form-label{color:var(--skin-text);}
body:not(.admin-login-pro) .layui-form-mid.layui-word-aux{color:var(--skin-muted) !important;}
body:not(.admin-login-pro) .layui-btn{
  border-radius:18px !important;
  background:var(--skin-teal);
  border-color:var(--skin-teal);
  box-shadow:none;
}
body:not(.admin-login-pro) .layui-btn:hover{
  background:#0da392;
  border-color:#0da392;
}
body:not(.admin-login-pro) .layui-btn-primary{
  background:#fff !important;
  border-color:#d7e0eb !important;
  color:var(--skin-text) !important;
}
body:not(.admin-login-pro) .layui-btn-primary:hover{
  border-color:var(--skin-blue) !important;
  color:var(--skin-blue-deep) !important;
}
body:not(.admin-login-pro) .layui-btn-danger{background:var(--skin-danger) !important;border-color:var(--skin-danger) !important;}
body:not(.admin-login-pro) .layui-btn-warm{background:#f59e0b !important;border-color:#f59e0b !important;}

/* Tables and list toolbars */
.gs-table-style .layui-table-view,
.layui-table-view{
  border:1px solid var(--skin-line-soft) !important;
  border-radius:var(--skin-radius) !important;
  box-shadow:var(--skin-shadow) !important;
  overflow:hidden;
  background:#fff;
}
.gs-table-style .layui-table-header,
.layui-table-header{
  background:#f6f9fd !important;
  border-color:var(--skin-line-soft) !important;
}
.gs-table-style .layui-table-header th,
.layui-table-header th{
  background:transparent !important;
  color:#243852 !important;
  font-size:13px !important;
  font-weight:600 !important;
}
.layui-table th,
.layui-table td,
.layui-table[lay-skin=line],
.layui-table-view,
.layui-table-header,
.layui-table-tool,
.layui-table-page{
  border-color:var(--skin-line-soft) !important;
}
.gs-table-style .layui-table tbody td,
.layui-table tbody td{
  color:#334155;
  font-size:12px;
}
.layui-table tbody tr:hover,
.gs-table-style .layui-table-hover:not(.layui-table-click){
  background:#f2f8ff !important;
}
.layui-table-click{background:#eaf3ff !important;}
.layui-table-page{
  background:#fff !important;
  color:var(--skin-muted);
}
.layui-laypage .layui-laypage-curr .layui-laypage-em{
  background:var(--skin-teal) !important;
  border-radius:6px;
}

.gs-toolbar{
  align-items:center !important;
  gap:12px !important;
  margin:2px 0 14px !important;
  padding:12px 14px !important;
  background:#fff !important;
  border:1px solid var(--skin-line-soft) !important;
  border-radius:var(--skin-radius) !important;
  box-shadow:var(--skin-shadow) !important;
}
.gs-toolbar-left{gap:7px !important;}
.gs-toolbar .gs-btn,
.gs-toolbar .layui-btn{
  height:32px !important;
  line-height:32px !important;
  padding:0 14px !important;
  border-radius:18px !important;
  font-size:12px !important;
  box-shadow:none !important;
}
.gs-toolbar .gs-btn-primary{
  background:linear-gradient(90deg,#15b8ac,#10a6c8) !important;
  border-color:transparent !important;
  color:#fff !important;
}
.gs-toolbar .gs-btn-primary:hover{
  background:linear-gradient(90deg,#0fa69a,#0b96b7) !important;
}
.gs-toolbar .gs-search-panel{
  column-gap:10px !important;
  row-gap:8px !important;
  align-items:center !important;
}
.gs-toolbar .layui-inline{
  height:32px !important;
  margin:0 8px 8px 0 !important;
}
.gs-toolbar .layui-inline .layui-form-label,
.gs-toolbar .gs-field label{
  color:var(--skin-muted) !important;
  font-size:12px !important;
}
.gs-toolbar .layui-inline .layui-input-inline .layui-input,
.gs-toolbar .gs-field .layui-input{
  height:32px !important;
  line-height:32px !important;
  border-radius:7px !important;
}
.gs-table-style .table-btn{
  border-radius:7px !important;
  padding:3px 9px !important;
  background:#e9fbf8 !important;
  border:1px solid rgba(22,186,170,.32) !important;
  color:#0b7d73 !important;
  box-shadow:none !important;
}
.gs-table-style .table-btn:hover{
  background:#dff8f3 !important;
  color:#075f58 !important;
}

/* Settings enhancements */
body.gs-settings-auto{background:var(--skin-bg) !important;}
.gs-anchor-bar{
  border:1px solid var(--skin-line-soft) !important;
  border-radius:var(--skin-radius) !important;
  box-shadow:var(--skin-shadow);
}
.gs-anchor-bar a{
  border-radius:7px !important;
  background:#f6f9fd !important;
  color:var(--skin-muted) !important;
}
.gs-anchor-bar a:hover,
.gs-anchor-bar a.active,
.gs-anchor-bar a[data-active="1"]{
  background:var(--skin-blue) !important;
  color:#fff !important;
}
body.gs-settings-page .layui-tab-content{
  border-radius:var(--skin-radius) !important;
  border-color:var(--skin-line-soft) !important;
  box-shadow:var(--skin-shadow) !important;
}
body.gs-settings-page .layui-tab-brief>.layui-tab-title li{
  border-radius:7px !important;
  letter-spacing:0 !important;
}
body.gs-settings-page .layui-tab-brief>.layui-tab-title .layui-this{
  background:var(--skin-blue) !important;
  border-color:var(--skin-blue) !important;
  box-shadow:none !important;
}
.gs-stat{
  border-radius:var(--skin-radius) !important;
  box-shadow:var(--skin-shadow) !important;
}
.gs-stat-icon{border-radius:7px !important;}
.gs-sticky-submit{
  border-top:1px solid var(--skin-line-soft);
  box-shadow:0 -10px 20px -24px rgba(11,35,75,.55) !important;
}

@media (max-width:768px){
  body.admin-login-pro .layadmin-user-login{align-items:center !important;padding:18px 0 !important;}
  body.admin-login-pro .layadmin-user-login-main{width:calc(100vw - 28px) !important;padding:34px 24px 28px !important;border-radius:16px !important;}
  body.admin-login-pro .dianda-title{margin-bottom:24px !important;}
  body.admin-login-pro .dianda-title div{font-size:22px !important;}
  body:not(.admin-login-pro) .layui-fluid{padding:12px;}
  body:not(.admin-login-pro) .layui-layer-dialog{min-width:0;max-width:calc(100vw - 24px) !important;}
  body:not(.admin-login-pro) .layui-layer-title{padding-right:48px !important;}
  .gs-toolbar{align-items:flex-start !important;}
}

/* Executive Blue alignment: keep the refined dialog language across the full backend. */
:root{
  --skin-bg:#f4f7fb;
  --skin-panel:#ffffff;
  --skin-soft:#f8fbff;
  --skin-line:#d9e4f0;
  --skin-line-soft:#e8eef6;
  --skin-text:#172033;
  --skin-muted:#66758a;
  --skin-blue:#1f4f85;
  --skin-blue-deep:#142a4a;
  --skin-blue-soft:#eef5ff;
  --skin-cyan:#2b8cf0;
  --skin-teal:#0f9f8f;
  --skin-green:#16845a;
  --skin-danger:#e5484d;
  --skin-radius:8px;
  --skin-shadow:0 18px 44px -34px rgba(15,34,67,.58),0 8px 20px -24px rgba(15,34,67,.32);
}

body:not(.admin-login-pro){
  background:linear-gradient(180deg,#f7f9fd 0%,#f1f5fa 100%) !important;
}
body:not(.admin-login-pro) .layui-fluid{padding:16px 18px;}
body:not(.admin-login-pro) .layui-card,
.gs-toolbar,
.gs-table-style .layui-table-view,
.layui-table-view,
body.gs-settings-page .layui-tab-content,
.gs-anchor-bar,
.gs-stat{
  border:1px solid var(--skin-line-soft) !important;
  border-radius:8px !important;
  background:#fff !important;
  box-shadow:var(--skin-shadow) !important;
}
body:not(.admin-login-pro) .layui-card-header{
  height:48px !important;
  line-height:48px !important;
  padding:0 18px !important;
  border-bottom:1px solid var(--skin-line-soft) !important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%) !important;
  color:var(--skin-text) !important;
  font-weight:600 !important;
}

body.admin-skin-pro .layui-layout-admin .layui-header,
body.layui-layout-body.unified-teal.admin-skin-pro .layui-header{
  height:50px !important;
  background:linear-gradient(90deg,#15294d 0%,#1d4679 58%,#0e7f73 100%) !important;
  box-shadow:0 10px 28px -24px rgba(3,12,28,.72) !important;
}
body.admin-skin-pro .layui-header .layui-nav .layui-nav-item > a,
body.layui-layout-body.unified-teal.admin-skin-pro .layui-header .layui-nav .layui-nav-item > a{
  height:32px !important;
  line-height:32px !important;
  margin:9px 4px !important;
  padding:0 13px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:17px !important;
  background:rgba(255,255,255,.10) !important;
  color:rgba(255,255,255,.94) !important;
  box-shadow:none !important;
}
body.admin-skin-pro .layui-header .layui-nav .layui-nav-item > a:hover,
body.admin-skin-pro .layui-header .layui-nav .layui-this > a,
body.layui-layout-body.unified-teal.admin-skin-pro .layui-header .layui-nav .layui-nav-item > a:hover,
body.layui-layout-body.unified-teal.admin-skin-pro .layui-header .layui-nav .layui-this > a{
  background:rgba(255,255,255,.20) !important;
  border-color:rgba(255,255,255,.28) !important;
}
body.admin-skin-pro .layui-header .layui-nav-child{
  border:1px solid rgba(228,236,246,.96) !important;
  border-radius:10px !important;
  box-shadow:0 18px 38px -30px rgba(15,34,67,.55) !important;
}

body.admin-skin-pro .layui-side-menu,
body.layui-layout-body.unified-teal.admin-skin-pro .layui-side-menu{
  background:linear-gradient(180deg,#1a315b 0%,#132847 58%,#0e1c35 100%) !important;
  box-shadow:8px 0 24px -28px rgba(0,0,0,.9) !important;
}
body.admin-skin-pro .layui-layout-admin .layui-logo,
body.layui-layout-body.unified-teal.admin-skin-pro .layui-logo{
  background:#162a4e !important;
  border-bottom:1px solid rgba(255,255,255,.09) !important;
}
body.admin-skin-pro .layui-side-menu .layui-nav-tree > .layui-nav-item > a.sm-entry,
body.layui-layout-body.unified-teal.admin-skin-pro .menu-modern > .layui-nav-item > a.sm-entry{
  height:40px !important;
  line-height:40px !important;
  margin:0 !important;
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:8px !important;
  background:rgba(255,255,255,.045) !important;
  color:rgba(255,255,255,.82) !important;
  box-shadow:none !important;
}
body.admin-skin-pro .layui-side-menu .layui-nav-tree > .layui-nav-item > a.sm-entry:hover,
body.layui-layout-body.unified-teal.admin-skin-pro .menu-modern > .layui-nav-item > a.sm-entry:hover{
  background:rgba(255,255,255,.105) !important;
  border-color:rgba(255,255,255,.16) !important;
  color:#fff !important;
}
body.admin-skin-pro .layui-side-menu .layui-nav-tree > .layui-nav-item.layui-this > a.sm-entry,
body.layui-layout-body.unified-teal.admin-skin-pro .menu-modern > .layui-nav-item.layui-this > a.sm-entry{
  background:linear-gradient(90deg,rgba(43,140,240,.34),rgba(255,255,255,.10)) !important;
  border-color:rgba(255,255,255,.25) !important;
  box-shadow:0 10px 20px -20px rgba(0,0,0,.9) !important;
  color:#fff !important;
}
body.admin-skin-pro .layui-side-menu .layui-nav-tree > .layui-nav-item.layui-this > a.sm-entry:before{
  left:6px !important;
  top:9px !important;
  bottom:9px !important;
  width:3px !important;
  background:linear-gradient(180deg,#73b7ff,#45d8c7) !important;
  box-shadow:none !important;
}
body.admin-skin-pro .layui-side-menu .layui-nav-tree > .layui-nav-item > a.sm-entry i{
  color:rgba(255,255,255,.86) !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

body.admin-skin-pro .wb-subnav,
body.layui-layout-body.unified-teal.admin-skin-pro .wb-subnav{
  width:128px !important;
  border-right:1px solid var(--skin-line-soft) !important;
  border-radius:0 10px 10px 0 !important;
  background:#fff !important;
  box-shadow:12px 0 28px -28px rgba(15,34,67,.52) !important;
}
body.admin-skin-pro .wb-subnav .subnav-scene{
  height:58px !important;
  line-height:58px !important;
  padding-left:17px !important;
  color:var(--skin-text) !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}
body.admin-skin-pro .wb-subnav .menu-header,
body.admin-skin-pro .wb-subnav ul li{
  border-radius:7px !important;
}
body.admin-skin-pro .wb-subnav .menu-header:hover,
body.admin-skin-pro .wb-subnav .menu-header.active,
body.admin-skin-pro .wb-subnav ul li:hover,
body.admin-skin-pro .wb-subnav ul li.active,
body.layui-layout-body.unified-teal.admin-skin-pro .wb-subnav .menu-header:hover,
body.layui-layout-body.unified-teal.admin-skin-pro .wb-subnav ul li:hover,
body.layui-layout-body.unified-teal.admin-skin-pro .wb-subnav ul li.active{
  background:#eef5ff !important;
  box-shadow:none !important;
}
body.admin-skin-pro .wb-subnav ul.multiple,
body.layui-layout-body.unified-teal.admin-skin-pro .wb-subnav ul.multiple,
body.layui-layout-body.unified-teal.admin-skin-pro .wb-subnav .menu-header.active{
  background:#f8fbff !important;
}
body.admin-skin-pro .wb-subnav ul li.active a,
body.admin-skin-pro .wb-subnav ul li:hover a,
body.layui-layout-body.unified-teal.admin-skin-pro .wb-subnav ul li.active a,
body.layui-layout-body.unified-teal.admin-skin-pro .wb-subnav ul li:hover a{
  color:#1f4f85 !important;
}

body:not(.admin-login-pro) .layui-input,
body:not(.admin-login-pro) .layui-select,
body:not(.admin-login-pro) .layui-textarea{
  border-color:#dbe5f0 !important;
  border-radius:8px !important;
  background:#fff !important;
}
body:not(.admin-login-pro) .layui-btn,
.gs-toolbar .layui-btn,
.gs-toolbar .gs-btn{
  border-radius:8px !important;
}
body:not(.admin-login-pro) .layui-btn:not(.layui-btn-primary):not(.layui-btn-danger):not(.layui-btn-warm):not(.layui-btn-disabled),
.gs-toolbar .gs-btn-primary{
  border-color:transparent !important;
  background:linear-gradient(180deg,#1f4f85 0%,#142a4a 100%) !important;
  color:#fff !important;
  box-shadow:0 12px 24px -18px rgba(20,42,74,.68) !important;
}
body:not(.admin-login-pro) .layui-btn:not(.layui-btn-primary):not(.layui-btn-danger):not(.layui-btn-warm):not(.layui-btn-disabled):hover,
.gs-toolbar .gs-btn-primary:hover{
  background:linear-gradient(180deg,#27619f 0%,#183760 100%) !important;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em{
  background:#1f4f85 !important;
}
.layui-table-header,
.gs-table-style .layui-table-header{
  background:#f8fbff !important;
}
.layui-table tbody tr:hover,
.gs-table-style .layui-table-hover:not(.layui-table-click){
  background:#f3f8ff !important;
}
.gs-table-style .table-btn{
  border-color:#d9e7f7 !important;
  background:#f4f8fd !important;
  color:#1f4f85 !important;
}

body.admin-login-pro{
  background:
    linear-gradient(135deg,rgba(31,79,134,.08) 0,rgba(31,79,134,0) 42%),
    repeating-linear-gradient(90deg,rgba(31,79,134,.045) 0,rgba(31,79,134,.045) 1px,transparent 1px,transparent 96px),
    linear-gradient(180deg,#f5f8fc 0%,#edf3f9 100%) !important;
  color:var(--skin-text);
}
body.admin-login-pro:before{
  background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,0) 48%,rgba(20,42,74,.08)) !important;
}
body.admin-login-pro .layadmin-user-login.has-custom-bg{
  background:
    linear-gradient(135deg,rgba(245,248,252,.90),rgba(237,243,249,.80)),
    var(--admin-login-image) center/cover no-repeat !important;
}
body.admin-login-pro .layadmin-user-login-main{
  width:460px !important;
  padding:48px 50px 42px !important;
  border:1px solid rgba(224,232,242,.98) !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%) !important;
  box-shadow:0 30px 78px -48px rgba(15,34,67,.72),0 12px 32px -28px rgba(15,34,67,.38) !important;
  overflow:hidden;
}
body.admin-login-pro .layadmin-user-login-main:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:linear-gradient(90deg,#2b8cf0,#45d8c7);
}
body.admin-login-pro .layadmin-user-login-main:hover{
  box-shadow:0 30px 78px -48px rgba(15,34,67,.72),0 12px 32px -28px rgba(15,34,67,.38) !important;
}
body.admin-login-pro .dianda-title{
  margin-bottom:30px !important;
}
body.admin-login-pro .dianda-title:before{
  width:42px !important;
  height:3px !important;
  margin-bottom:16px !important;
  background:linear-gradient(90deg,#1f4f85,#2b8cf0) !important;
}
body.admin-login-pro .dianda-title div{
  color:#172033 !important;
  font-size:25px !important;
  font-weight:600 !important;
}
body.admin-login-pro .layadmin-user-login-box .layui-form-item{
  margin-bottom:20px !important;
}
body.admin-login-pro .layadmin-user-login-icon{
  left:13px !important;
  width:24px !important;
  height:44px !important;
  line-height:44px !important;
  color:#1f4f85 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  font-size:17px !important;
}
body.admin-login-pro .layadmin-user-login-box .layui-input{
  height:44px !important;
  line-height:44px !important;
  padding:0 14px 0 46px !important;
  border:1px solid #dbe5f0 !important;
  border-radius:10px !important;
  background:#fff !important;
  color:#172033 !important;
  box-shadow:0 8px 18px -20px rgba(15,34,67,.48) !important;
}
body.admin-login-pro .layadmin-user-login-box .layui-input:focus{
  border-color:#2b8cf0 !important;
  box-shadow:0 0 0 3px rgba(43,140,240,.13) !important;
}
body.admin-login-pro .layadmin-user-login-codeimg{
  height:44px !important;
  max-height:44px !important;
  border-color:#dbe5f0 !important;
  border-radius:10px !important;
}
body.admin-login-pro .layadmin-user-login-box .layui-btn-fluid{
  height:44px !important;
  line-height:44px !important;
  border-radius:10px !important;
  background:linear-gradient(180deg,#1f4f85 0%,#142a4a 100%) !important;
  box-shadow:0 16px 28px -20px rgba(20,42,74,.72) !important;
  letter-spacing:0 !important;
}
body.admin-login-pro .layadmin-user-login-box .layui-btn-fluid:hover{
  background:linear-gradient(180deg,#27619f 0%,#183760 100%) !important;
}
body.admin-login-pro .layadmin-link{
  color:#1f4f85 !important;
}
body.admin-login-pro .layadmin-user-login-footer,
body.admin-login-pro .layadmin-user-login-footer a{
  color:#66758a !important;
}

body .layui-layer-shade{
  background:rgba(15,23,42,.28) !important;
  opacity:1 !important;
}
body .layui-layer:not(.layui-layer-tips):not(.layui-layer-msg):not(.layui-layer-loading){
  border:1px solid rgba(224,232,242,.98) !important;
  border-radius:14px !important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%) !important;
  box-shadow:0 30px 78px -48px rgba(15,34,67,.72),0 12px 32px -28px rgba(15,34,67,.38) !important;
  overflow:hidden !important;
}
body .layui-layer:not(.layui-layer-tips):not(.layui-layer-msg):not(.layui-layer-loading):before{
  display:none !important;
}
body .layui-layer.layui-anim{
  animation-duration:.14s !important;
}
body .layui-layer-title,
body .layui-layer-admin .layui-layer-title{
  height:48px !important;
  line-height:48px !important;
  border-bottom:1px solid var(--skin-line-soft) !important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%) !important;
  color:var(--skin-text) !important;
  font-weight:600 !important;
}
body .layui-layer-dialog:not(.layui-layer-msg){
  min-width:300px !important;
  max-width:420px !important;
  border-radius:16px !important;
}
body .layui-layer-dialog .layui-layer-title{
  height:0 !important;
  line-height:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:transparent !important;
  font-size:0 !important;
  overflow:hidden !important;
}
body .layui-layer-dialog .layui-layer-title:before{
  display:none !important;
}
body .layui-layer-dialog .layui-layer-setwin{
  top:12px !important;
  right:12px !important;
}
body .layui-layer-dialog .layui-layer-setwin .layui-layer-close1{
  width:28px !important;
  height:28px !important;
  margin:0 !important;
  border-radius:50% !important;
  background:transparent !important;
  color:#8a97aa !important;
  line-height:28px !important;
  text-align:center !important;
  opacity:1 !important;
}
body .layui-layer-dialog .layui-layer-setwin .layui-layer-close1:before{
  content:"\1006";
  font-family:layui-icon !important;
  font-size:14px !important;
}
body .layui-layer-dialog .layui-layer-setwin .layui-layer-close1:hover{
  background:#f1f5fa !important;
  color:#334155 !important;
}
body .layui-layer-dialog .layui-layer-content{
  padding:34px 30px 18px !important;
  color:#22324a !important;
  font-size:14px !important;
  line-height:1.7 !important;
  text-align:center !important;
  word-break:break-word;
}
body .layui-layer-dialog .layui-layer-content.layui-layer-padding{
  min-height:0 !important;
  padding:34px 30px 18px !important;
}
body .layui-layer-dialog .layui-layer-content .layui-layer-ico{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  display:block !important;
  width:58px !important;
  height:58px !important;
  margin:0 auto 10px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  font-style:normal !important;
  line-height:58px !important;
  text-align:center !important;
}
body .layui-layer-dialog .layui-layer-content .layui-layer-ico:before{
  display:block !important;
  font-family:layui-icon !important;
  font-size:38px !important;
  font-weight:400 !important;
  line-height:58px !important;
}
body .layui-layer-dialog .layui-layer-content .layui-layer-ico0,
body .layui-layer-dialog .layui-layer-content .layui-layer-ico1,
body .layui-layer-dialog .layui-layer-content .layui-layer-ico2,
body .layui-layer-dialog .layui-layer-content .layui-layer-ico3,
body .layui-layer-dialog .layui-layer-content .layui-layer-ico4,
body .layui-layer-dialog .layui-layer-content .layui-layer-ico5,
body .layui-layer-dialog .layui-layer-content .layui-layer-ico6,
body .layui-layer-dialog .layui-layer-content .layui-layer-ico7{
  background:transparent !important;
  box-shadow:none !important;
}
body .layui-layer-dialog .layui-layer-content .layui-layer-ico0{color:#2b8cf0 !important;}
body .layui-layer-dialog .layui-layer-content .layui-layer-ico0:before{content:"i";font-family:Arial,sans-serif !important;font-weight:700 !important;}
body .layui-layer-dialog .layui-layer-content .layui-layer-ico1,
body .layui-layer-dialog .layui-layer-content .layui-layer-ico6{color:#16a073 !important;}
body .layui-layer-dialog .layui-layer-content .layui-layer-ico1:before,
body .layui-layer-dialog .layui-layer-content .layui-layer-ico6:before{content:"\1005";}
body .layui-layer-dialog .layui-layer-content .layui-layer-ico2,
body .layui-layer-dialog .layui-layer-content .layui-layer-ico5{color:#e5484d !important;}
body .layui-layer-dialog .layui-layer-content .layui-layer-ico2:before,
body .layui-layer-dialog .layui-layer-content .layui-layer-ico5:before{content:"\1006";}
body .layui-layer-dialog .layui-layer-content .layui-layer-ico3,
body .layui-layer-dialog .layui-layer-content .layui-layer-ico4,
body .layui-layer-dialog .layui-layer-content .layui-layer-ico7{color:#d58a13 !important;}
body .layui-layer-dialog .layui-layer-content .layui-layer-ico3:before{content:"?";font-family:Arial,sans-serif !important;font-weight:700 !important;}
body .layui-layer-dialog .layui-layer-content .layui-layer-ico4:before,
body .layui-layer-dialog .layui-layer-content .layui-layer-ico7:before{content:"!";font-family:Arial,sans-serif !important;font-weight:700 !important;}
body .layui-layer-dialog .layui-layer-btn{
  padding:0 24px 24px !important;
  border-top:0 !important;
  background:transparent !important;
  text-align:center !important;
}
body .layui-layer-dialog .layui-layer-btn a{
  height:34px !important;
  min-width:76px !important;
  margin:0 5px !important;
  padding:0 18px !important;
  border:1px solid #dbe5f0 !important;
  border-radius:18px !important;
  background:#fff !important;
  color:#43536a !important;
  line-height:34px !important;
  font-size:13px !important;
  font-weight:500 !important;
  box-shadow:none !important;
}
body .layui-layer-dialog .layui-layer-btn a:hover{
  border-color:#b9c8da !important;
  background:#f8fafc !important;
  color:#172033 !important;
}
body .layui-layer-dialog .layui-layer-btn .layui-layer-btn0{
  border-color:transparent !important;
  background:linear-gradient(180deg,#1f4f85 0%,#142a4a 100%) !important;
  color:#fff !important;
  box-shadow:0 14px 24px -18px rgba(20,42,74,.78) !important;
}
body .layui-layer-dialog .layui-layer-btn .layui-layer-btn0:hover{
  background:linear-gradient(180deg,#27619f 0%,#183760 100%) !important;
  color:#fff !important;
}
body .layui-layer-msg{
  border:1px solid rgba(222,231,241,.95) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.98) !important;
  box-shadow:0 16px 38px -26px rgba(15,34,67,.55) !important;
}
body .layui-layer-msg .layui-layer-content{
  padding:12px 18px !important;
  color:#22324a !important;
  font-weight:500 !important;
}
body .layui-layer-hui{
  border:0 !important;
  background:rgba(19,31,51,.92) !important;
  color:#fff !important;
}
body .layui-layer-hui.layui-layer-msg .layui-layer-content{
  color:#fff !important;
  font-weight:600 !important;
  text-shadow:0 1px 1px rgba(0,0,0,.22);
}
body .layui-layer-adminRight{
  border-radius:0 !important;
}

@media (max-width:768px){
  body.admin-login-pro .layadmin-user-login{padding:18px 0 !important;}
  body.admin-login-pro .layadmin-user-login-main{width:calc(100vw - 28px) !important;padding:34px 24px 28px !important;border-radius:14px !important;}
  body.admin-login-pro .dianda-title div{font-size:22px !important;}
  body:not(.admin-login-pro) .layui-fluid{padding:12px !important;}
  body .layui-layer-dialog{min-width:0 !important;max-width:calc(100vw - 24px) !important;}
  body .layui-layer-dialog .layui-layer-content,
  body .layui-layer-dialog .layui-layer-content.layui-layer-padding{padding:32px 22px 18px !important;}
}

/* List feedback pass: export button, toolbar alignment, table shadow, active color. */
:root{
  --skin-blue:#1f4f85;
}
body:not(.admin-login-pro) .gs-toolbar{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
  gap:14px !important;
}
body:not(.admin-login-pro) .gs-toolbar-left{
  flex:0 0 auto !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:8px !important;
  padding-top:0 !important;
}
body:not(.admin-login-pro) .gs-toolbar-left > [class*="layui-col-md"]{
  float:none !important;
  width:auto !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}
body:not(.admin-login-pro) .gs-toolbar .gs-search-panel,
body:not(.admin-login-pro) .gs-toolbar > .layui-form-search{
  float:none !important;
  clear:none !important;
  width:auto !important;
  min-width:0 !important;
  flex:1 1 auto !important;
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
  align-items:center !important;
  column-gap:10px !important;
  row-gap:8px !important;
  margin:0 !important;
}
body:not(.admin-login-pro) .gs-toolbar .layui-inline{
  height:32px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
}
body:not(.admin-login-pro) .gs-toolbar .layui-form-label{
  height:32px !important;
  line-height:32px !important;
  padding:0 !important;
  margin:0 !important;
}
body:not(.admin-login-pro) .gs-toolbar .layui-input-inline{
  width:auto !important;
}
body:not(.admin-login-pro) .gs-toolbar .layui-btn,
body:not(.admin-login-pro) .gs-toolbar .gs-btn{
  height:32px !important;
  line-height:32px !important;
  margin:0 !important;
  white-space:nowrap !important;
}
body:not(.admin-login-pro) .layui-btn.layuiadmin-btn-list[data-form-export],
body:not(.admin-login-pro) .gs-toolbar .layui-btn.layuiadmin-btn-list[data-form-export],
body:not(.admin-login-pro) .gs-toolbar .layui-btn.gs-btn-primary{
  border-color:#1f4f85 !important;
  background:#1f4f85 !important;
  color:#fff !important;
  box-shadow:0 10px 18px -16px rgba(31,79,133,.72) !important;
}
body:not(.admin-login-pro) .layui-btn.layuiadmin-btn-list[data-form-export]:hover,
body:not(.admin-login-pro) .gs-toolbar .layui-btn.layuiadmin-btn-list[data-form-export]:hover,
body:not(.admin-login-pro) .gs-toolbar .layui-btn.gs-btn-primary:hover{
  border-color:#183f6d !important;
  background:#183f6d !important;
  color:#fff !important;
}
body:not(.admin-login-pro) .gs-toolbar .layui-btn-primary:not([data-form-export]){
  background:#fff !important;
  border-color:#dbe5f0 !important;
  color:#243852 !important;
}
body:not(.admin-login-pro) .gs-toolbar .layui-btn-primary:not([data-form-export]):hover{
  border-color:#1f4f85 !important;
  color:#1f4f85 !important;
}
body:not(.admin-login-pro) .gs-table-style .layui-table-view,
body:not(.admin-login-pro) .layui-table-view{
  box-shadow:none !important;
}
body:not(.admin-login-pro) .layui-laypage .layui-laypage-curr .layui-laypage-em,
body:not(.admin-login-pro) .layui-form-onswitch,
body:not(.admin-login-pro) .layui-form-checked[lay-skin=primary] i{
  background-color:#1f4f85 !important;
  border-color:#1f4f85 !important;
}
body:not(.admin-login-pro) .layui-form-radioed > i,
body:not(.admin-login-pro) .layui-form-radio > i:hover,
body:not(.admin-login-pro) .layui-tab-brief > .layui-tab-title .layui-this{
  color:#1f4f85 !important;
}
body:not(.admin-login-pro) [style*="background-color:#5FB878"],
body:not(.admin-login-pro) [style*="background-color: #5FB878"],
body:not(.admin-login-pro) [style*="background:#5FB878"],
body:not(.admin-login-pro) [style*="background: #5FB878"],
body:not(.admin-login-pro) [style*="background-color:#5fb878"],
body:not(.admin-login-pro) [style*="background-color: #5fb878"],
body:not(.admin-login-pro) [style*="background:#5fb878"],
body:not(.admin-login-pro) [style*="background: #5fb878"]{
  background:#1f4f85 !important;
  border-color:#1f4f85 !important;
}
body:not(.admin-login-pro) [style*="color:#5FB878"],
body:not(.admin-login-pro) [style*="color: #5FB878"],
body:not(.admin-login-pro) [style*="color:#5fb878"],
body:not(.admin-login-pro) [style*="color: #5fb878"]{
  color:#1f4f85 !important;
}
@media (max-width:1280px){
  body:not(.admin-login-pro) .gs-toolbar{
    flex-wrap:wrap !important;
  }
  body:not(.admin-login-pro) .gs-toolbar .gs-search-panel,
  body:not(.admin-login-pro) .gs-toolbar > .layui-form-search{
    justify-content:flex-start !important;
  }
}

/* Merged hint and input controls. */
body:not(.admin-login-pro) .layui-module-color{
  box-sizing:border-box;
  min-height:38px;
  line-height:20px;
  padding:8px 10px !important;
  border:1px solid #dbe5f0;
  border-radius:8px;
  background:#f1f5f9;
  color:#43536a;
  white-space:nowrap;
}
body:not(.admin-login-pro) .layui-module-itemL,
body:not(.admin-login-pro) .layui-module-itemR{
  display:flex;
  align-items:center;
  width:auto !important;
}
body:not(.admin-login-pro) .layui-module-itemL > div,
body:not(.admin-login-pro) .layui-module-itemR > div{
  box-sizing:border-box;
  min-height:38px;
  line-height:20px;
  padding:8px 10px !important;
  border:1px solid #dbe5f0;
  background:#f1f5f9;
  color:#43536a;
  white-space:nowrap;
}
body:not(.admin-login-pro) .layui-module-itemL > div{
  margin-right:0;
  border-right:0;
  border-radius:8px 0 0 8px;
}
body:not(.admin-login-pro) .layui-module-itemL > .layui-input{
  width:100px;
  height:38px;
  line-height:38px;
  margin-right:10px;
  border-left:0 !important;
  border-radius:0 8px 8px 0 !important;
}
body:not(.admin-login-pro) .layui-module-itemL > input + div{
  margin-left:-10px;
  margin-right:10px;
  border-left:0;
  border-right:1px solid #dbe5f0;
  border-radius:0 8px 8px 0;
}
body:not(.admin-login-pro) .layui-module-itemR > .layui-input{
  width:100px;
  height:38px;
  line-height:38px;
  margin-right:0;
  border-right:0 !important;
  border-radius:8px 0 0 8px !important;
}
body:not(.admin-login-pro) .layui-module-itemR > div{
  margin-right:10px;
  border-left:0;
  border-radius:0 8px 8px 0;
}
body:not(.admin-login-pro) .layui-module-itemL > .layui-input:focus,
body:not(.admin-login-pro) .layui-module-itemR > .layui-input:focus{
  box-shadow:none !important;
}

/* Dialog close and active contrast fixes. */
body .layui-layer-setwin{
  top:10px !important;
  right:12px !important;
  z-index:20 !important;
}
body .layui-layer-setwin .layui-layer-close1,
body .layui-layer-setwin .layui-layer-close2{
  width:28px !important;
  height:28px !important;
  margin-left:0 !important;
  border-radius:50% !important;
  background:none !important;
  color:#7b8798 !important;
  line-height:28px !important;
  text-align:center !important;
  text-indent:0 !important;
  opacity:1 !important;
  overflow:visible !important;
}
body .layui-layer-setwin .layui-layer-close2{
  position:relative !important;
  top:auto !important;
  right:auto !important;
}
body .layui-layer-setwin .layui-layer-close1:before,
body .layui-layer-setwin .layui-layer-close2:before{
  content:"\1006";
  display:block;
  font-family:layui-icon !important;
  font-size:14px !important;
  font-weight:400 !important;
}
body .layui-layer-setwin .layui-layer-close1:hover,
body .layui-layer-setwin .layui-layer-close2:hover,
body:not(.admin-login-pro) .layui-layer-admin i[close]:hover{
  background:#f1f5fa !important;
  color:#26384f !important;
}
body:not(.admin-login-pro) .layui-layer-admin i[close]{
  top:10px !important;
  right:12px !important;
  width:28px !important;
  height:28px !important;
  padding:0 !important;
  border-radius:50% !important;
  background:#f7fafc !important;
  color:#7b8798 !important;
  line-height:28px !important;
  text-align:center !important;
}
body.gs-settings-page .layui-tab-brief > .layui-tab-title .layui-this,
body.gs-settings-page .layui-tab-brief > .layui-tab-title .layui-this a,
body.gs-settings-page .layui-tab-brief > .layui-tab-title .layui-this cite{
  color:#fff !important;
}
body.gs-settings-page .layui-tab-brief > .layui-tab-title .layui-this:after{
  display:none !important;
}