.dashboard-backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background-color:#e8f2fd;transform:translateZ(0)}.dashboard-backdrop__scene{position:absolute;width:max(100vw,177.68vh);height:max(100vh,56.28vw);left:80%;top:60%;transform:translate(-80%,-60%);container-type:size;background:radial-gradient(ellipse 45% 55% at 18% 18%,#fff,#fff0 70%),radial-gradient(ellipse 40% 45% at 92% 8%,#73b1fc8c,#73b1fc00 70%),linear-gradient(118deg,#f8fcff,#eaf5fe 32%,#cfe6fd 62%,#a6d0fc 85%,#8fc6fd)}@media(min-width:768px){.dashboard-backdrop__scene{left:50%;top:50%;transform:translate(-50%,-50%)}}.dashboard-backdrop__svg{position:absolute;inset:0;width:100%;height:100%}.dashboard-backdrop__bar{position:absolute;background:linear-gradient(90deg,#8fc0fa,#6aa6f6 52%,#3a7fec 52%,#2f72e3);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 100%);box-shadow:inset 1px 0 #ffffff8c}.dashboard-backdrop__bar:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:.9cqw;background:linear-gradient(90deg,#d6eaff,#a9cffc);clip-path:polygon(0 100%,30% 0,100% 0,100% 100%)}.dashboard-backdrop__card{--s: 1;position:absolute;font-size:calc(var(--s) * 1cqw);width:13.4em;padding:1.5em 1.5em 1.7em;border-radius:1.3em;background:linear-gradient(160deg,#fffffff7,#f0f7ffe6);border:.08em solid rgba(255,255,255,.95);box-shadow:0 1.6em 3.2em -1em #2d78dc59,0 .3em .8em #2d78dc1f,inset 0 .1em #fff;transform:perspective(60em) rotateY(-16deg) rotate(-9deg);transform-origin:center;animation:dbk-card-float 9s ease-in-out var(--d, 0s) infinite}.dashboard-backdrop__card-head{display:flex;align-items:center;gap:1em;margin-bottom:1.4em}.dashboard-backdrop__avatar{position:relative;flex:none;width:3.6em;height:3.6em;border-radius:50%;background:linear-gradient(160deg,#e3f0ff,#c4defc);box-shadow:inset 0 0 0 .12em #ffffffe6;overflow:hidden}.dashboard-backdrop__avatar:before,.dashboard-backdrop__avatar:after{content:"";position:absolute;left:50%;transform:translate(-50%);background:linear-gradient(180deg,#5b9df5,#2f72e3)}.dashboard-backdrop__avatar:before{top:.75em;width:1.15em;height:1.15em;border-radius:50%}.dashboard-backdrop__avatar:after{bottom:-.55em;width:2.3em;height:1.8em;border-radius:50% 50% 0 0}.dashboard-backdrop__lines{display:grid;gap:.45em;flex:1}.dashboard-backdrop__lines i,.dashboard-backdrop__line{display:block;height:.5em;border-radius:1em;background:#d3e6fc}.dashboard-backdrop__lines i:nth-child(2){width:75%}.dashboard-backdrop__lines i:nth-child(3){width:50%}.dashboard-backdrop__accent{display:block;width:62%;height:.7em;margin-bottom:1em;border-radius:1em;background:linear-gradient(90deg,#2f72e3,#6aa9f7)}.dashboard-backdrop__line{margin-bottom:.6em}.dashboard-backdrop__line--short{width:72%;margin-bottom:0}.dashboard-backdrop__gem{position:absolute;aspect-ratio:1;border-radius:24%;background:linear-gradient(135deg,#ffffffb3,#fff0 38%),linear-gradient(150deg,#7db6fa,#3f84ee 55%,#2a69da);box-shadow:0 .6cqw 1.4cqw -.3cqw #2a69da73,inset 0 0 0 1px #ffffff59;transform:rotate(45deg) skew(-6deg,-6deg);animation:dbk-gem-float 7s ease-in-out var(--d, 0s) infinite}.dashboard-backdrop__gem--glass{background:linear-gradient(140deg,#ffffffd9,#d6eaff73);box-shadow:0 .5cqw 1.2cqw -.4cqw #2a69da40,inset 0 0 0 1px #fffc;transform:rotate(-12deg) skew(-4deg,8deg)}.dashboard-backdrop__gem--blur{filter:blur(var(--blur));opacity:.85;animation:none}.dashboard-backdrop__node circle:last-child{animation:dbk-node-pulse 4s ease-in-out infinite}@keyframes dbk-card-float{0%,to{translate:0 0}50%{translate:0 -.5cqw}}@keyframes dbk-gem-float{0%,to{translate:0 0}50%{translate:0 -.7cqw}}@keyframes dbk-node-pulse{0%,to{opacity:1}50%{opacity:.7}}@media(prefers-reduced-motion:reduce){.dashboard-backdrop__card,.dashboard-backdrop__gem,.dashboard-backdrop__node circle{animation:none}}.dashboard-backdrop__veil{position:absolute;inset:0;background:linear-gradient(180deg,#ffffff6b,#ffffff38 45%,#ffffff4d)}.dashboard-backdrop__glow{position:absolute;border-radius:9999px}.dashboard-backdrop__glow--top-left{left:-12rem;top:-10rem;width:clamp(22rem,42vw,40rem);height:clamp(22rem,42vw,40rem);background:radial-gradient(circle,#dceeffe6,#dceeff00 68%)}.dashboard-backdrop__glow--top-right{right:-10rem;top:-8rem;width:clamp(20rem,38vw,36rem);height:clamp(20rem,38vw,36rem);background:radial-gradient(circle,#2d8cef2e,#2d8cef00 68%)}.dashboard-backdrop__glow--bottom{left:30%;bottom:-14rem;width:clamp(24rem,50vw,48rem);height:clamp(24rem,50vw,48rem);background:radial-gradient(circle,#7bb9f438,#7bb9f400 68%)}
