:root{--font-poppins: "Poppins", sans-serif;--font-roboto: "Roboto", sans-serif;--avatar-size: 110px}body{font-family:var(--font-poppins),var(--font-roboto),-apple-system,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.premium-surface{position:relative;border:1px solid rgba(255,255,255,.06)!important;background:#ffffff05!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;transition:box-shadow .25s ease,border-color .25s ease,-webkit-transform .25s ease;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,-webkit-transform .25s ease}.premium-surface:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(520px 160px at 12% 0%,rgba(105,108,255,.18),transparent 60%),radial-gradient(520px 180px at 88% 18%,rgba(97,242,154,.1),transparent 65%);transition:opacity .25s ease}.premium-surface:hover{border-color:#696cff26!important;box-shadow:0 18px 60px #00000038;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.premium-surface:hover:before{opacity:1}.premium-hero{position:relative;background:linear-gradient(135deg,#696cff29,#61f29a12);border-bottom:1px solid rgba(255,255,255,.06);overflow:hidden}.premium-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 180px at 20% 0%,rgba(105,108,255,.22),transparent 60%),radial-gradient(500px 200px at 90% 20%,rgba(97,242,154,.14),transparent 60%);pointer-events:none;opacity:.9}.premium-avatar-ring{width:78px;height:78px;border-radius:999px;padding:3px;background:conic-gradient(#61f29a 0 var(--progress, 35%),rgba(255,255,255,.12) var(--progress, 35%) 100%);box-shadow:0 18px 55px #00000052;-ms-flex:0 0 auto;flex:0 0 auto}.premium-avatar{width:72px;height:72px;border-radius:999px;-o-object-fit:cover;object-fit:cover;border:1px solid rgba(255,255,255,.12);background:#00000040;display:block}.premium-tile{border-radius:16px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;box-shadow:0 16px 45px #00000038;overflow:hidden;height:100%}.premium-tile-topline{height:3px;background:linear-gradient(90deg,#61f29a00,#61f29ab3,#61f29a00);opacity:.9}.premium-tile-head{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;gap:.75rem}.premium-miniicon{width:28px;height:28px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:10px;background:rgba(var(--accent-rgb, 255, 255, 255),.12);border:1px solid rgba(var(--accent-rgb, 255, 255, 255),.18);box-shadow:0 12px 28px #0000002e;-ms-flex:0 0 auto;flex:0 0 auto}.premium-label{font-size:.72rem;color:#ffffff73;font-weight:600;letter-spacing:.02em}.premium-value{font-size:1.1rem;font-weight:800;color:#ffffffeb;line-height:1.1}.premium-icon-btn{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#ffffffbf;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;transition:background .2s ease,border-color .2s ease,color .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease,-webkit-transform .2s ease}.premium-icon-btn:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);background:#ffffff0f;border-color:#ffffff24;color:#ffffffeb}.premium-ref-box{border-radius:16px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;padding:.9rem 1rem}.premium-ref-link{color:#ffffffe0;font-weight:700;font-size:.9rem;letter-spacing:.01em}@media (max-width: 575.98px){.premium-hero{border-bottom:1px solid rgba(255,255,255,.05)}}.light-style .menu .app-brand.demo,.dark-style .menu .app-brand.demo{height:64px}.app-brand-logo.demo{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;display:-ms-flexbox;display:flex}.app-brand-logo.demo img{margin-left:-1px}.app-brand-text.demo{font-size:1.375rem}.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page{padding-top:64px!important}.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page{padding-top:72px!important}.content-wrapper .navbar{z-index:auto}.demo-blocks>*{display:block!important}.demo-inline-spacing>*{margin:1rem .375rem 0 0!important}.demo-vertical-spacing>*{margin-top:1rem!important;margin-bottom:0!important}.demo-vertical-spacing.demo-only-element>:first-child{margin-top:0!important}.demo-vertical-spacing-lg>*{margin-top:1.875rem!important;margin-bottom:0!important}.demo-vertical-spacing-lg.demo-only-element>:first-child{margin-top:0!important}.demo-vertical-spacing-xl>*{margin-top:5rem!important;margin-bottom:0!important}.demo-vertical-spacing-xl.demo-only-element>:first-child{margin-top:0!important}.rtl-only{display:none!important;text-align:left!important;direction:ltr!important}[dir=rtl] .rtl-only{display:block!important}@media (max-width: 576px){#dropdown-variation-demo .btn-group .text-truncate{width:254px;position:relative}#dropdown-variation-demo .btn-group .text-truncate:after{position:absolute;top:45%;right:.65rem}}.layout-demo-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;margin-top:1rem}.layout-demo-placeholder img{width:900px}.layout-demo-info{text-align:center;margin-top:1rem}.shop-card{cursor:pointer;overflow:hidden;position:relative;transition:background-color .5s,-webkit-transform .5s!important;transition:transform .5s,background-color .5s!important;transition:transform .5s,background-color .5s,-webkit-transform .5s!important;border-radius:12px;min-height:220px}.shop-card:hover.shop-price-card{-webkit-transform:none!important;transform:none!important;border:2px solid var(--bs-primary)!important;overflow:hidden}.card-selected{border:2px solid var(--bs-primary)!important;overflow:hidden;transition:border .3s ease-in-out,-webkit-transform .2s ease-in-out;transition:border .3s ease-in-out,transform .2s ease-in-out;transition:border .3s ease-in-out,transform .2s ease-in-out,-webkit-transform .2s ease-in-out;-webkit-transform:scale(1.05);transform:scale(1.05)}.progress-circle{margin:auto;position:relative;--ring-size: clamp(3px, calc(var(--avatar-size) * .06), 8px);--inner-border: 0px;width:calc(var(--avatar-size) + (var(--ring-size) * 2));height:calc(var(--avatar-size) + (var(--ring-size) * 2));min-width:calc(var(--avatar-size) + (var(--ring-size) * 2));min-height:calc(var(--avatar-size) + (var(--ring-size) * 2));border-radius:50%;box-sizing:border-box;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-negative:0;flex-shrink:0;box-shadow:0 2px 6px rgba(var(--bs-primary-rgb),.3)}.progress-circle.pc-pink{--ring-clr: #ff2b6a;--track-clr: rgba(255,255,255,.1);background:conic-gradient(var(--ring-clr) 0 var(--progress, 0%),var(--track-clr) var(--progress, 0%) 100%)}.progress-circle.pc-green{--ring-clr: #22c55e;--track-clr: rgba(255,255,255,.1);background:conic-gradient(var(--ring-clr) 0 var(--progress, 0%),var(--track-clr) var(--progress, 0%) 100%);-webkit-filter:drop-shadow(0 2px 8px rgba(34,197,94,.25));filter:drop-shadow(0 2px 8px rgba(34,197,94,.25))}.progress-circle img{position:absolute;top:50%;left:50%;width:var(--avatar-size);height:var(--avatar-size);display:block;-o-object-fit:cover;object-fit:cover;border-radius:50%;background:#0f141b;z-index:10;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}.progress-circle img:hover{-webkit-transform:translate(-50%,-50%) scale(1.03);transform:translate(-50%,-50%) scale(1.03);box-shadow:0 0 15px rgba(var(--bs-primary-rgb),.5)}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.progress-circle img{-webkit-animation:fadeIn .5s ease-out;animation:fadeIn .5s ease-out}.progress-circle:before{content:"";position:absolute;inset:var(--ring-size);border-radius:50%;background:#0f141b;border:var(--inner-border) solid rgba(255,255,255,.18);box-sizing:border-box;z-index:7}.progress-circle .badge{position:absolute;bottom:0;right:0;-webkit-transform:translate(25%,25%);transform:translate(25%,25%);font-size:10px;z-index:11;padding:2px 8px;border-radius:999px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:18px;min-height:18px;line-height:1;background:#22c55e!important;color:#0b1218!important;border:2px solid #0f141b;box-shadow:0 4px 10px #22c55e40;font-weight:800}@media only screen and (max-width: 600px){.progress-circle{--avatar-size: 50px}}