/* AURA WIDGET */
.aw{background:linear-gradient(145deg,var(--card-bg1),var(--card-bg2));border:1px solid rgba(255,255,255,.07);border-radius:20px;overflow:hidden;position:relative;transition:all .4s var(--eo);display:flex;flex-direction:column}
.aw:hover{border-color:rgba(201,168,76,.15);transform:translateY(-3px);box-shadow:0 20px 50px rgba(0,0,0,.4)}
.aw::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 5%,rgba(255,255,255,.07) 30%,rgba(255,255,255,.07) 70%,transparent 95%);z-index:1}
.awg{position:absolute;inset:0;pointer-events:none;transition:background .6s var(--eo)}
.awh{padding:12px 16px 0;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}
.awn{font-size:13px;font-weight:700}.awb{padding:3px 9px;border-radius:99px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:4px}
.awm{padding:8px 16px;position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.awf{padding:8px 16px 12px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;border-top:1px solid var(--awf-bd);margin-top:auto}
.awfl{font-size:10px;color:var(--tm)}
.tg{width:42px;height:24px;border-radius:12px;position:relative;cursor:pointer;border:none;transition:all .35s var(--eo);flex-shrink:0}
.tg.on{background:var(--gold);box-shadow:0 2px 12px rgba(201,168,76,.3)}.tg.of{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}
.tg .kn{width:18px;height:18px;border-radius:9px;background:#fff;position:absolute;top:3px;transition:left .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 4px rgba(0,0,0,.2)}
.tg.on .kn{left:21px}.tg.of .kn{left:3px}

/* DASHBOARD */
#control{background:var(--bg);min-height:100vh}
.df{background:linear-gradient(145deg,var(--card-bg1),var(--card-bg2));border:1px solid var(--gb);border-radius:28px;padding:28px;box-shadow:0 0 100px rgba(201,168,76,.04),0 40px 80px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.04);transform:perspective(1200px) rotateX(3deg);transition:transform .6s var(--eo);max-width:1000px;margin:60px auto 0}
.df:hover{transform:perspective(1200px) rotateX(0)}
.dt{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0 4px}
.dt h3{font-family:var(--fd);font-size:16px;font-weight:600}
.dd{width:8px;height:8px;border-radius:50%;background:var(--grn);box-shadow:0 0 10px rgba(76,175,80,.4);animation:dp 2s ease-in-out infinite}
@keyframes dp{0%,100%{box-shadow:0 0 6px rgba(76,175,80,.3)}50%{box-shadow:0 0 14px rgba(76,175,80,.6)}}
.dg{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.dsc-wrap{max-width:1000px;margin:60px auto 0;border-radius:20px;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.06);transform:perspective(1200px) rotateX(3deg);transition:transform .6s var(--eo),box-shadow .4s}
.dsc-wrap:hover{transform:perspective(1200px) rotateX(0);box-shadow:0 60px 100px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.08)}
html[data-theme="light"] .dsc-wrap{box-shadow:0 30px 70px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.08)}