/* ==========================================================================
   datag-ui.css 閳?閸╄桨绨?D:\eagle-local閵嗗矂娴傞崺鐔粹偓宥堫潒鐟欏缍嬬化缁樻暭闁?   姒涙垿鍣?璺?閻滆崵鎷戦幏鐔糕偓?璺?閻㈤潧濂栭幇鐔粹偓鍌欑矌鐟曞棛娲婇弽宄扮础閿涘奔绗夐弨閫涚瑹閸旓繝鈧槒绶妴?   ========================================================================== */
:root{
  --dg-bg:#05070d;
  --dg-bg2:#080b14;
  --dg-panel:rgba(16,20,31,.82);
  --dg-panel-2:rgba(22,27,41,.72);
  --dg-line:rgba(212,175,55,.16);
  --dg-line-2:rgba(255,255,255,.07);
  --dg-gold:#d8b45a;
  --dg-gold-2:#f2d68b;
  --dg-gold-3:#a67c2b;
  --dg-text:#e9edf6;
  --dg-muted:#8f9bb3;
  --dg-radius:16px;
  --dg-shadow:0 24px 60px -30px rgba(0,0,0,.9);
}
html,body{background:var(--dg-bg) !important;color:var(--dg-text);}
body{
  background-image:
    radial-gradient(60% 50% at 12% -10%, rgba(216,180,90,.10), transparent 62%),
    radial-gradient(50% 45% at 96% 4%, rgba(120,90,255,.10), transparent 60%),
    radial-gradient(70% 60% at 50% 120%, rgba(216,180,90,.05), transparent 60%) !important;
  background-attachment:fixed !important;
}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(216,180,90,.55),rgba(166,124,43,.45));border-radius:10px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-track{background:transparent}

/* ============ 閻ц缍嶆い纰夌窗瀹革箒瀚抽梿?/ 閸欏疇顓荤拠浣稿幢 ============ */
.login-page{background:radial-gradient(90% 70% at 70% 10%,rgba(216,180,90,.10),transparent 60%),linear-gradient(180deg,#04060b 0%,#070a12 55%,#05070d 100%) !important}
.login-page .grid-overlay{opacity:.35;background-image:linear-gradient(rgba(216,180,90,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(216,180,90,.06) 1px,transparent 1px) !important}
.login-page .orb{filter:blur(90px);opacity:.5}
.login-page .orb-1{background:rgba(216,180,90,.35) !important}
.login-page .orb-2{background:rgba(120,80,255,.22) !important}
.login-page .orb-3{background:rgba(216,180,90,.18) !important}

.login-wrap{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:clamp(32px,6vw,110px) !important;
  width:min(1240px,94vw) !important;
  max-width:none !important;
  padding:40px 0 !important;
  text-align:left !important;
}
.login-header{
  margin:0 !important;
  max-width:520px;
  position:relative;
  padding-left:8px;
  animation:dgRise .7s cubic-bezier(.2,.9,.3,1) both;
}
.login-header::before{
  content:"ZERO-DOMAIN // DATAG";
  display:block;
  font:700 11px/1 ui-monospace,Consolas,monospace;
  letter-spacing:.34em;
  color:var(--dg-gold);
  opacity:.85;
  margin-bottom:18px;
}
.login-header::after{
  content:"";
  display:block;
  width:120px;height:1px;margin-top:22px;
  background:linear-gradient(90deg,var(--dg-gold),transparent);
}
.login-header .login-logo-img{
  width:112px !important;height:112px !important;border-radius:26px !important;
  border:1px solid rgba(216,180,90,.35) !important;
  box-shadow:0 0 0 6px rgba(216,180,90,.06),0 30px 70px -30px rgba(216,180,90,.6) !important;
  margin-bottom:22px !important;
  filter:saturate(1.05);
}
.login-header h1{
  font-size:clamp(34px,4vw,54px) !important;
  line-height:1.08 !important;
  letter-spacing:.02em !important;
  font-weight:800 !important;
  background:linear-gradient(180deg,#fff 0%,#f4e2b7 45%,#c8a45a 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent !important;
  text-shadow:none !important;
  margin:0 0 10px !important;
}
.login-header p{
  color:var(--dg-muted) !important;
  letter-spacing:.42em !important;
  font:600 11px/1.8 ui-monospace,Consolas,monospace !important;
  text-transform:uppercase;
}
.login-card{
  position:relative !important;
  width:min(430px,92vw) !important;
  padding:34px 34px 26px !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,rgba(18,23,35,.92),rgba(10,13,21,.94)) !important;
  border:1px solid rgba(216,180,90,.22) !important;
  box-shadow:0 40px 100px -50px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px rgba(0,0,0,.4) !important;
  backdrop-filter:blur(18px);
  animation:dgRise .8s .08s cubic-bezier(.2,.9,.3,1) both;
}
.login-card::before{
  content:"";position:absolute;inset:-1px;border-radius:22px;pointer-events:none;
  background:linear-gradient(140deg,rgba(216,180,90,.5),transparent 30%,transparent 70%,rgba(216,180,90,.25));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;padding:1px;
}
.login-card .corner{display:none !important}
.login-card .welcome{
  color:var(--dg-gold) !important;
  font:700 10.5px/1 ui-monospace,Consolas,monospace !important;
  letter-spacing:.3em !important;
  text-transform:uppercase;
  margin-bottom:22px !important;
}
.login-card .welcome b{color:var(--dg-gold-2)}
.login-card label{
  color:var(--dg-muted) !important;
  font-size:12px !important;
  letter-spacing:.08em;
  margin-bottom:16px !important;
}
.login-card input{
  margin-top:8px !important;
  height:48px !important;
  background:rgba(6,9,15,.85) !important;
  border:1px solid rgba(216,180,90,.18) !important;
  border-radius:12px !important;
  color:var(--dg-text) !important;
  padding:0 14px !important;
  font-size:14px !important;
  transition:border-color .2s,box-shadow .2s,background .2s !important;
}
.login-card input::placeholder{color:#5b667e !important}
.login-card input:focus{
  border-color:rgba(216,180,90,.65) !important;
  box-shadow:0 0 0 4px rgba(216,180,90,.12) !important;
  background:rgba(8,11,18,.95) !important;
  outline:none !important;
}
.login-card button{
  margin-top:8px !important;
  height:50px !important;
  border:none !important;
  border-radius:12px !important;
  background:linear-gradient(135deg,#f2d68b 0%,#d8b45a 45%,#b98d33 100%) !important;
  color:#1a1408 !important;
  font-weight:800 !important;
  letter-spacing:.16em !important;
  font-size:13px !important;
  cursor:pointer;
  box-shadow:0 16px 40px -18px rgba(216,180,90,.85),inset 0 1px 0 rgba(255,255,255,.5) !important;
  transition:transform .15s,box-shadow .2s,filter .2s !important;
}
.login-card button:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 22px 50px -20px rgba(216,180,90,.95),inset 0 1px 0 rgba(255,255,255,.55) !important}
.login-card button:active{transform:translateY(0) scale(.995)}
.login-card footer{
  color:#5d6880 !important;
  font:600 9.5px/1.6 ui-monospace,Consolas,monospace !important;
  letter-spacing:.22em !important;
  margin-top:18px !important;
  text-transform:uppercase;
}
/* 閻ц缍嶆い闈涗箯娓氀呭閹冨幢閿涘牏鏁?datag-ui.js 濞夈劌鍙嗛敍?*/
.dg-hero{padding-top:26px;max-width:520px;animation:dgRise .9s .16s cubic-bezier(.2,.9,.3,1) both}
.dg-hero .dg-hero-line{color:#c9d3e6;font-size:14px;letter-spacing:.06em;margin-bottom:18px;opacity:.9}
.dg-hero .dg-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dg-hero .dg-fcard{
  padding:14px 14px 12px;border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.07);
  transition:border-color .2s,transform .2s,background .2s;
}
.dg-hero .dg-fcard:hover{border-color:rgba(216,180,90,.35);transform:translateY(-2px);background:linear-gradient(180deg,rgba(216,180,90,.08),rgba(255,255,255,.015))}
.dg-hero .dg-fcard i{display:block;font:700 9px/1 ui-monospace,Consolas,monospace;color:var(--dg-gold);letter-spacing:.18em;font-style:normal;margin-bottom:8px;opacity:.8}
.dg-hero .dg-fcard b{display:block;font-size:15px;color:#fff;margin-bottom:4px;letter-spacing:.02em}
.dg-hero .dg-fcard span{font-size:11.5px;color:#8b97ad;line-height:1.5}
.dg-hero .dg-hero-foot{margin-top:18px;font:600 9.5px/1.6 ui-monospace,Consolas,monospace;letter-spacing:.24em;color:#4f5a72}
@keyframes dgRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ============ 妞よ埖鐖?============ */
.dashboard-topbar{
  background:linear-gradient(180deg,rgba(8,11,18,.96),rgba(6,8,14,.92)) !important;
  border-bottom:1px solid rgba(216,180,90,.14) !important;
  backdrop-filter:blur(14px);
  height:52px !important;
}
.topbar-clock{color:var(--dg-gold-2) !important;font-variant-numeric:tabular-nums;letter-spacing:.06em}
.topbar-brand-dot{background:var(--dg-gold) !important;box-shadow:0 0 12px rgba(216,180,90,.8) !important}
.topbar-user{color:var(--dg-gold-2) !important;font-weight:700}
.topbar-muted,.topbar-sep{color:#5d6880 !important}
.topbar-online b{color:var(--dg-gold-2) !important}
.topbar-tz{
  background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.08) !important;
  color:#cfd8ea !important;border-radius:9px !important;height:30px !important;padding:0 10px !important;
}
.topbar-tz:focus{outline:none;border-color:rgba(216,180,90,.5) !important}
.status-dot.online{background:#3ddc97 !important;box-shadow:0 0 10px rgba(61,220,151,.7) !important}

/* ============ 娓氀嗙珶閺?============ */
.rc-sidebar{
  background:linear-gradient(180deg,#0a0e17 0%,#070a12 100%) !important;
  border-right:1px solid rgba(216,180,90,.12) !important;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.02);
}
.rc-brand,.rc-logo{
  position:relative;
}
.rc-brand{
  border-bottom:1px solid rgba(255,255,255,.05) !important;
  padding:16px 14px !important;
}
.rc-brand .rc-logo{
  border-radius:14px !important;
  border:1px solid rgba(216,180,90,.35) !important;
  box-shadow:0 0 24px -6px rgba(216,180,90,.55) !important;
}
.rc-brand-text,.rc-brand h1,.rc-brand h2,.rc-brand strong{
  background:linear-gradient(180deg,#fff,#e8cf95 60%,#c3a05a) !important;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  letter-spacing:.04em;
}
.rc-main,.rc-sub{
  color:#aab6cc !important;
  border-radius:11px !important;
  margin:3px 8px !important;
  padding:10px 12px !important;
  transition:background .18s,color .18s,transform .18s;
  border:1px solid transparent;
}
.rc-main:hover,.rc-sub:hover{
  background:rgba(216,180,90,.07) !important;
  color:#f0e6cd !important;
  transform:translateX(2px);
}
.rc-main.active,.rc-sub.active,.rc-main[data-active="true"],.rc-sub[data-active="true"],
.rc-main.on,.rc-sub.on{
  background:linear-gradient(90deg,rgba(216,180,90,.20),rgba(216,180,90,.03)) !important;
  color:#ffe9b8 !important;
  border:1px solid rgba(216,180,90,.30) !important;
  box-shadow:inset 2px 0 0 var(--dg-gold),0 10px 24px -18px rgba(216,180,90,.9);
}
.nav-svg{filter:none}
.rc-sidebar .nav-svg path,.rc-sidebar .nav-svg circle,.rc-sidebar .nav-svg rect{transition:fill .18s,stroke .18s}

/* ============ 娑撹灏?/ 瀹搞儱鍙块弶?============ */
.rc-shell{background:transparent !important}
.rc-topbar{
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01)) !important;
  border:1px solid rgba(255,255,255,.06) !important;
  border-radius:14px !important;
  padding:10px 12px !important;
  backdrop-filter:blur(10px);
  box-shadow:0 18px 40px -34px #000;
}
.rc-search{
  background:rgba(4,7,12,.85) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:10px !important;
  color:#dbe4f5 !important;
}
.rc-search:focus-within,.rc-search:focus{
  border-color:rgba(216,180,90,.55) !important;
  box-shadow:0 0 0 4px rgba(216,180,90,.10) !important;
  outline:none !important;
}
.rc-search input{background:transparent !important;color:#e9edf6 !important}
.rc-search input::placeholder{color:#5b667e !important}

/* ============ 缂佺喕顓搁崡?============ */
.rc-stats{gap:12px !important}
.s-card{
  background:linear-gradient(180deg,rgba(22,27,41,.85),rgba(12,16,25,.85)) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:16px !important;
  box-shadow:0 20px 40px -34px #000,inset 0 1px 0 rgba(255,255,255,.05) !important;
  transition:transform .2s,border-color .2s,box-shadow .2s !important;
  position:relative;overflow:hidden;
}
.s-card::after{
  content:"";position:absolute;inset:0 0 auto 0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(216,180,90,.45),transparent);opacity:.6;
}
.s-card:hover{
  transform:translateY(-3px);
  border-color:rgba(216,180,90,.35) !important;
  box-shadow:0 26px 60px -30px rgba(216,180,90,.35),inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.s-title{color:#94a1b8 !important;letter-spacing:.04em}
.s-val{font-variant-numeric:tabular-nums;letter-spacing:.01em}
.s-ico{border-radius:11px !important}

/* ============ 鐠佹儳顦崡?============ */
.device-card{
  background:linear-gradient(180deg,rgba(20,25,38,.85),rgba(10,14,22,.9)) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:16px !important;
  box-shadow:0 24px 50px -40px #000 !important;
  transition:transform .2s,border-color .2s,box-shadow .2s !important;
}
.device-card:hover{
  transform:translateY(-3px);
  border-color:rgba(216,180,90,.35) !important;
  box-shadow:0 30px 60px -30px rgba(216,180,90,.28) !important;
}
.dc-header{border-bottom:1px dashed rgba(255,255,255,.07) !important;padding-bottom:10px}
.dc-id{color:#cfd9ea !important;letter-spacing:.06em;font-family:ui-monospace,Consolas,monospace}
.dc-label{color:#7f8ca3 !important}
.dc-row{border-bottom:1px dashed rgba(255,255,255,.05) !important}
.dc-phone-icon{border-radius:12px !important}
.status-mark.on{background:#3ddc97 !important;box-shadow:0 0 10px rgba(61,220,151,.75) !important}
.status-mark.off{background:#5a6478 !important}
.status-mark.sleeping{background:#f0b429 !important;box-shadow:0 0 10px rgba(240,180,41,.7) !important}
.pill{border-radius:999px !important;padding:2px 8px !important;border:1px solid rgba(255,255,255,.08);color:#9fb0c8}
.pill.green{color:#7ff0b5;border-color:rgba(61,220,151,.25);background:rgba(61,220,151,.10)}
.pill.red{color:#ff9aa2;border-color:rgba(255,107,120,.28);background:rgba(255,107,120,.10)}
.pill.blue{color:#9fd0ff;border-color:rgba(96,165,250,.3);background:rgba(96,165,250,.10)}
.pill.orange{color:#ffcf8f;border-color:rgba(240,180,41,.3);background:rgba(240,180,41,.10)}

/* ============ 閹稿鎸?============ */
.rc-btn,.v-btn,.act-btn{
  border-radius:10px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:rgba(255,255,255,.04) !important;
  color:#c9d5e8 !important;
  transition:all .18s !important;
  font-weight:600 !important;
}
.rc-btn:hover,.v-btn:hover,.act-btn:hover{
  border-color:rgba(216,180,90,.45) !important;
  color:#ffeabd !important;
  background:rgba(216,180,90,.08) !important;
}
.rc-btn.primary,.v-btn.primary,.act-btn.primary,.rc-btn[data-variant="primary"]{
  background:linear-gradient(135deg,#f2d68b,#d8b45a 50%,#b98d33) !important;
  color:#1a1408 !important;
  border:none !important;
  box-shadow:0 14px 30px -16px rgba(216,180,90,.85) !important;
}
.rc-btn.primary:hover,.v-btn.primary:hover{filter:brightness(1.06)}

/* ============ 閸掑棝銆?============ */
.data-pagination{
  background:linear-gradient(180deg,rgba(22,27,41,.8),rgba(10,14,22,.8)) !important;
  border:1px solid rgba(255,255,255,.06) !important;
  border-radius:12px !important;
  color:#a9b6cb !important;
}
.data-page-btn{
  border-radius:8px !important;border:1px solid rgba(255,255,255,.08) !important;
  background:rgba(255,255,255,.03) !important;color:#c3cfe2 !important;
}
.data-page-btn:hover{border-color:rgba(216,180,90,.45) !important;color:#ffe9b8 !important}
.data-page-current{background:rgba(216,180,90,.16) !important;border-color:rgba(216,180,90,.45) !important;color:#ffe9b8 !important}
.data-page-size{background:rgba(4,7,12,.9) !important;border:1px solid rgba(255,255,255,.08) !important;color:#cfd8ea !important;border-radius:8px !important}

/* ============ 闁氨鏁ら幒褌娆?/ 鐞涖劍鐗?/ 瀵湱鐛?============ */
input,textarea,select{color-scheme:dark}
input:not([type="checkbox"]):not([type="radio"]),textarea,select{
  border-color:rgba(255,255,255,.09);
}
input:focus,textarea:focus,select:focus{
  border-color:rgba(216,180,90,.55) !important;
  box-shadow:0 0 0 4px rgba(216,180,90,.10) !important;
  outline:none !important;
}
table{border-color:rgba(255,255,255,.07) !important}
th{color:#93a0b6 !important;font-weight:600 !important}
tbody tr:hover{background:rgba(216,180,90,.045) !important}
a{color:#e8cf95}
::selection{background:rgba(216,180,90,.35);color:#fff}

/* ============ 娴滎喛澹婃稉濠氼暯閸忕厧顔愰敍鍫滅瑝閻潙娼栭崚鍥ㄥ床閿?============ */
body.light,html.light body,.theme-light body{background:#eef3fb !important;color:#101828}
body.light .rc-sidebar,.theme-light .rc-sidebar{background:linear-gradient(180deg,#fbfcff,#f1f5fb) !important;border-right-color:rgba(30,64,175,.10) !important}
body.light .s-card,.theme-light .s-card,body.light .device-card,.theme-light .device-card{background:#fff !important;border-color:rgba(15,23,42,.08) !important}
body.light .rc-main,body.light .rc-sub,.theme-light .rc-main,.theme-light .rc-sub{color:#3b4a63 !important}
body.light .rc-main.active,.body.light .rc-sub.active,.theme-light .rc-main.active,.theme-light .rc-sub.active{color:#7a5a12 !important}

@media (max-width:980px){
  .login-wrap{flex-direction:column !important;gap:28px !important;text-align:center !important}
  .login-header{max-width:none;padding-left:0}
  .login-header::before,.login-header::after{display:none}
  .dg-hero{display:none}
}
/* ===== v2: 娓氀嗙珶閺嶅繑瀵滈柦顔肩础鐎佃壈鍩呴敍鍫濈杽濞?DOM: aside.rc-sidebar nav > button.on閿?===== */
.rc-sidebar .rc-brand img{
  border:1px solid rgba(216,180,90,.45) !important;
  box-shadow:0 0 20px -4px rgba(216,180,90,.7) !important;
  background:#0a0d15;
}
.rc-brand .rc-logo{
  font-weight:800 !important;letter-spacing:.06em !important;
  background:linear-gradient(180deg,#fff,#efd79c 55%,#c8a45a) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  -webkit-text-fill-color:transparent !important;color:transparent !important;
}
.rc-brand .rc-sub{
  color:#7d889c !important;font-size:10.5px !important;letter-spacing:.22em !important;
  -webkit-text-fill-color:#7d889c !important;background:none !important;
}
.rc-sidebar nav{display:flex !important;flex-direction:column !important;gap:4px !important;padding:10px 8px !important}
.rc-sidebar nav button{
  display:flex !important;align-items:center !important;gap:11px !important;
  width:100% !important;padding:10px 12px !important;margin:0 !important;
  border-radius:11px !important;border:1px solid transparent !important;
  background:transparent !important;color:#a9b5c9 !important;
  font-size:13.5px !important;font-weight:600 !important;text-align:left !important;
  cursor:pointer !important;transition:all .18s !important;
  box-shadow:none !important;
}
.rc-sidebar nav button:hover{
  background:rgba(216,180,90,.07) !important;color:#f2e6c9 !important;
  border-color:rgba(216,180,90,.16) !important;transform:translateX(2px);
}
.rc-sidebar nav button .nav-svg{color:#8b96ab}
.rc-sidebar nav button:hover .nav-svg{color:#e8cf95}
.rc-sidebar nav button.on{
  background:linear-gradient(90deg,rgba(216,180,90,.22),rgba(216,180,90,.04)) !important;
  color:#ffe9b8 !important;border:1px solid rgba(216,180,90,.36) !important;
  box-shadow:inset 2px 0 0 #d8b45a,0 12px 26px -20px rgba(216,180,90,.9) !important;
}
.rc-sidebar nav button.on .nav-svg{color:#ffe0a3 !important}
.rc-sidebar nav button.on svg{filter:drop-shadow(0 0 6px rgba(216,180,90,.45))}
/* 娓氀勭埉鎼存洟鍎村〒鎰綁閹殿偄鍘?*/
.rc-sidebar::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:160px;pointer-events:none;
  background:radial-gradient(60% 100% at 50% 100%,rgba(216,180,90,.10),transparent 70%);
}
.rc-sidebar{position:relative;overflow:hidden}
/* 閻ц缍嶉弽鍥暯閹烘帞澧楀顔跨殶 */
.login-header h1{max-width:620px;font-size:clamp(30px,3.4vw,46px) !important}
.login-header{max-width:600px}
/* 閸愬懎顔愰崡锛勫闁氨鏁ら悳鑽ゆ嫅閸?*/
.rc-shell > main, .rc-main-panel, .panel, .card{
  border-color:rgba(255,255,255,.06) !important;
}
/* ===== v3: 鍘嬭繃 app 鍐呯疆 .dark 涓婚锛堝悓/鏇撮珮鐗瑰紓鎬?+ 鍚庡姞杞斤級 ===== */
html.dark body .rc-sidebar{background:linear-gradient(180deg,#0a0e17,#070a12) !important;border-right:1px solid rgba(216,180,90,.14) !important}
html.dark body .rc-sidebar .rc-brand{border-bottom:1px solid rgba(255,255,255,.06) !important;background:transparent !important}
html.dark body .rc-brand .rc-logo{background:linear-gradient(180deg,#fff,#efd79c 55%,#c8a45a) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important;font-weight:800 !important}
html.dark body .rc-brand .rc-sub{color:#7d889c !important;-webkit-text-fill-color:#7d889c !important;font-size:10.5px !important;letter-spacing:.2em !important}
html.dark body .rc-sidebar nav button{background:transparent !important;color:#a9b5c9 !important;border:1px solid transparent !important;box-shadow:none !important;height:auto !important;min-height:40px !important;padding:10px 12px !important;border-radius:11px !important}
html.dark body .rc-sidebar nav button:hover{background:rgba(216,180,90,.08) !important;color:#f2e6c9 !important;border-color:rgba(216,180,90,.18) !important;box-shadow:none !important;transform:translateX(2px) !important}
html.dark body .rc-sidebar nav button.on{background:linear-gradient(90deg,rgba(216,180,90,.24),rgba(216,180,90,.05)) !important;color:#ffe9b8 !important;border:1px solid rgba(216,180,90,.38) !important;box-shadow:inset 2px 0 0 #d8b45a,0 12px 26px -18px rgba(216,180,90,.9) !important}
html.dark body .rc-sidebar nav button.on .nav-svg,html.dark body .rc-sidebar nav button.on svg{color:#ffe0a3 !important;stroke:#ffe0a3}
html.dark body .rc-topbar{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012)) !important;border:1px solid rgba(255,255,255,.07) !important;border-radius:14px !important}
html.dark body .rc-search{background:rgba(4,7,12,.85) !important;border:1px solid rgba(255,255,255,.08) !important;color:#dbe4f5 !important;box-shadow:none !important}
html.dark body .rc-search input{background:transparent !important;color:#e9edf6 !important}
html.dark body .s-card{background:linear-gradient(180deg,rgba(22,27,41,.9),rgba(12,16,25,.9)) !important;border:1px solid rgba(255,255,255,.07) !important;border-radius:16px !important;box-shadow:0 20px 40px -34px #000,inset 0 1px 0 rgba(255,255,255,.05) !important}
html.dark body .s-card:hover{border-color:rgba(216,180,90,.4) !important;box-shadow:0 26px 60px -30px rgba(216,180,90,.35),inset 0 1px 0 rgba(255,255,255,.07) !important}
html.dark body .s-title{color:#94a1b8 !important}
html.dark body .device-card{background:linear-gradient(180deg,rgba(20,25,38,.9),rgba(10,14,22,.92)) !important;border:1px solid rgba(255,255,255,.07) !important;border-radius:16px !important;box-shadow:0 24px 50px -40px #000 !important}
html.dark body .device-card:hover{background:linear-gradient(180deg,rgba(26,32,47,.95),rgba(12,17,26,.95)) !important;border-color:rgba(216,180,90,.42) !important;box-shadow:0 30px 60px -30px rgba(216,180,90,.3) !important;transform:translateY(-3px) !important}
html.dark body .dc-header{background:transparent !important;border-bottom:1px dashed rgba(255,255,255,.08) !important}
html.dark body .dc-row{border-bottom:1px dashed rgba(255,255,255,.05) !important}
html.dark body .dc-id{color:#cfd9ea !important}
html.dark body .data-pagination{background:linear-gradient(180deg,rgba(22,27,41,.85),rgba(10,14,22,.85)) !important;border:1px solid rgba(255,255,255,.07) !important;color:#a9b6cb !important}
html.dark body .rc-btn,html.dark body .v-btn,html.dark body .act-btn,html.dark body .act-btn-mini{background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.08) !important;color:#c9d5e8 !important;box-shadow:none !important}
html.dark body .rc-btn:hover,html.dark body .v-btn:hover,html.dark body .act-btn:hover,html.dark body .act-btn-mini:hover{background:rgba(216,180,90,.10) !important;border-color:rgba(216,180,90,.45) !important;color:#ffeabd !important}
html.dark body .rc-btn.primary,html.dark body .v-btn.primary,html.dark body .act-btn.primary{background:linear-gradient(135deg,#f2d68b,#d8b45a 50%,#b98d33) !important;color:#1a1408 !important;border:none !important;box-shadow:0 14px 30px -16px rgba(216,180,90,.85) !important}
html.dark body .pill{border:1px solid rgba(255,255,255,.1) !important;color:#9fb0c8 !important}
html.dark body .pill.green{color:#7ff0b5 !important;border-color:rgba(61,220,151,.28) !important;background:rgba(61,220,151,.10) !important}
html.dark body .pill.red{color:#ff9aa2 !important;border-color:rgba(255,107,120,.3) !important;background:rgba(255,107,120,.10) !important}
html.dark body .pill.blue{color:#9fd0ff !important;border-color:rgba(96,165,250,.3) !important;background:rgba(96,165,250,.10) !important}
html.dark body .theme-track{background:#1a1f2b !important;border:1px solid rgba(255,255,255,.1) !important}
html.dark body .theme-thumb{background:linear-gradient(135deg,#f2d68b,#d8b45a) !important}
html.dark body .rc-main select,html.dark body .rc-main input:not([type=checkbox]):not([type=radio]),html.dark body .rc-main textarea{background:#0a0e16 !important;border-color:rgba(255,255,255,.1) !important;color:#e5e7eb !important}
html.dark body .rc-table th{background:rgba(255,255,255,.03) !important;color:#93a0b6 !important;border-bottom:1px solid rgba(255,255,255,.07) !important}
*{scrollbar-color:rgba(216,180,90,.5) transparent}