@import "https://fonts.cdnfonts.com/css/outfit";@import "https://fonts.cdnfonts.com/css/roboto";.login-page{box-sizing:border-box;color:#151824;background:linear-gradient(135deg,#111827fa 0%,#1f2937f5 44%,#ebebebf5 44%,#f5f7fbfa 100%),#ebebeb;place-items:center;height:100dvh;min-height:100dvh;padding:clamp(12px,3vh,32px) 20px;display:grid;position:relative;overflow:auto}.login-page:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#ffffff13 1px,#0000 1px),linear-gradient(0deg,#fff1 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:38px 38px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;display:block;position:fixed;inset:0;-webkit-mask-image:linear-gradient(90deg,#000000d1,#0000 60%);mask-image:linear-gradient(90deg,#000000d1,#0000 60%)}.login-page__shell{z-index:1;grid-template-columns:minmax(0,.95fr) minmax(360px,430px);align-items:stretch;gap:clamp(18px,3vw,28px);width:min(100%,980px);height:auto;min-height:0;max-height:none;display:grid;position:relative}.login-page__shell--compact{max-height:none}.login-page__auth{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #e6eaf2;border-radius:8px;flex-direction:column;justify-content:flex-start;gap:18px;min-height:0;padding:clamp(22px,5vw,34px);display:flex;box-shadow:0 18px 45px #0f172a1a}.login-page__brand{color:#111827;align-items:center;gap:12px;display:flex}.login-page__brand span,.login-page__brand strong{line-height:1.2;display:block}.login-page__brand span{color:#6b7280;font-size:13px;font-weight:700}.login-page__brand strong{margin-top:2px;font-size:16px;font-weight:900}.login-page__mark{z-index:1;background:0 0;border:0;flex:0 0 56px;place-items:center;width:56px;height:56px;padding:0;display:grid;position:relative}.login-page__mark:before{content:"";z-index:-1;background:radial-gradient(circle,#00000038 0%,#00000024 20%,#00000012 40%,#00000006 60%,#0000 78%);border-radius:50%;width:180px;height:180px;position:absolute}.login-page__mark img{object-fit:contain;filter:contrast(1.25)brightness(.95)drop-shadow(0 2px 3px #00000040)drop-shadow(0 4px 10px #0000002e);width:100%;height:100%;display:block;transform:scale(1.22)}.login-page__intro h1{color:#151824;letter-spacing:0;margin:4px 0 6px;font-size:34px;font-weight:900;line-height:1.08}.login-page__intro p{color:#6b7280;margin:0;font-size:15px;line-height:1.55}.login-page__eyebrow{letter-spacing:0;text-transform:uppercase;font-weight:900;color:#9333ea!important;font-size:12px!important;line-height:1.3!important}.login-hero{color:#fff;background:linear-gradient(150deg,#9333ea47,#0000 42%),linear-gradient(320deg,#ec489933,#0000 48%),#111827;border:1px solid #ffffff29;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:560px;padding:clamp(28px,4vw,42px);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #11182738}.login-hero:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#ffffff14 1px,#0000 1px),linear-gradient(0deg,#ffffff12 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#0000003d);mask-image:linear-gradient(#000000e6,#0000003d)}.login-hero>*{z-index:1;position:relative}.login-hero__logo{width:126px;height:126px;box-shadow:none;background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid;overflow:visible}.login-hero__logo img{object-fit:contain;filter:brightness(1.18)contrast(1.14)drop-shadow(0 16px 24px #f3ecec4d)drop-shadow(0 0 14px #f6f6f61f);width:100%;height:100%;display:block;transform:scale(1.22)}.login-hero__copy{max-width:430px}.login-hero__copy span{color:#f3e8ff;letter-spacing:0;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:900;display:block}.login-hero__copy h2{color:#fff;letter-spacing:0;margin:0;font-size:clamp(34px,4.8vw,48px);font-weight:900;line-height:1.04}.login-hero__copy p{color:#ffffffb8;max-width:360px;margin:18px 0 0;font-size:15px;line-height:1.7}.login-hero__features{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.login-hero__features span{color:#ffffffd6;text-align:center;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;min-width:0;padding:12px 10px;font-size:12px;font-weight:900;line-height:1.2}.login-showcase{color:#fff;background:linear-gradient(145deg,#2563eb2e,#7c3aed33 42%,#2563eb29),#111827;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:0;padding:clamp(22px,3vh,34px);display:flex;position:relative;overflow:hidden;box-shadow:0 28px 70px #1f232c33,inset 0 1px #ffffff1a}.login-showcase:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#ffffff0f 1px,#0000 1px),linear-gradient(0deg,#ffffff0d 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000d9,#0003);mask-image:linear-gradient(#000000d9,#0003)}.login-showcase>*{z-index:1;position:relative}.login-showcase__brand{align-items:center;gap:14px;display:flex}.login-showcase__brand .login-page__mark{background:#fffffff2}.login-showcase__brand span,.login-showcase__brand strong{line-height:1.2;display:block}.login-showcase__brand span{color:#ffffffb8;font-size:13px;font-weight:800}.login-showcase__brand strong{color:#fff;margin-top:3px;font-size:18px;font-weight:900}.login-showcase__headline{width:min(100%,560px);margin-top:clamp(20px,4vh,42px)}.login-showcase__headline p{color:#f3e8ff;letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:900}.login-showcase__headline h2{color:#fff;letter-spacing:0;margin:0;font-size:clamp(32px,5.2vh,46px);font-weight:900;line-height:1.06}.login-showcase__board{grid-template-columns:minmax(0,1fr) 132px;gap:16px;margin:clamp(18px,4.2vh,38px) 0;display:grid}.login-showcase__session,.login-showcase__stack article,.login-showcase__stats>div{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;box-shadow:inset 0 1px #ffffff1a}.login-showcase__session{min-height:0;padding:clamp(16px,2.5vh,20px)}.login-showcase__session-top{color:#ffffffb8;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:800;display:flex}.login-showcase__session-top strong{color:#fff;background:linear-gradient(135deg,#9333ea,#ec4899);border-radius:8px;padding:7px 10px;font-size:12px;line-height:1}.login-showcase__wave{grid-template-columns:repeat(10,1fr);align-items:end;gap:9px;height:clamp(76px,17vh,122px);margin:clamp(18px,4vh,34px) 0 clamp(14px,3vh,22px);display:grid}.login-showcase__wave span{min-height:24px;height:var(--height);background:linear-gradient(#fff,#ec4899 38%,#2563eb);border-radius:8px 8px 3px 3px;box-shadow:0 10px 22px #7c3aed3d}.login-showcase__timeline{background:#ffffff2e;border-radius:8px;height:10px;overflow:hidden}.login-showcase__timeline span{border-radius:inherit;background:#fff;width:64%;height:100%;display:block}.login-showcase__stack{gap:12px;display:grid}.login-showcase__stack article{flex-direction:column;justify-content:center;min-height:0;padding:14px;display:flex}.login-showcase__stack span,.login-showcase__stack strong{line-height:1.2;display:block}.login-showcase__stack span{color:#ffffff8f;text-transform:uppercase;font-size:11px;font-weight:900}.login-showcase__stack strong{color:#fff;margin-top:7px;font-size:15px;font-weight:900}.login-showcase__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.login-showcase__stats div{padding:16px}.login-showcase__stats span,.login-showcase__stats strong{line-height:1.2;display:block}.login-showcase__stats span{color:#ffffffa3;text-transform:uppercase;font-size:12px;font-weight:900}.login-showcase__stats strong{color:#fff;margin-top:8px;font-size:16px;font-weight:900}.login-form{flex-direction:column;gap:clamp(12px,1.8vh,16px);display:flex}.login-form__field{flex-direction:column;gap:8px;margin:0;display:flex}.login-form__field>span:first-child{color:#151824;font-size:14px;font-weight:900}.login-form__control{background:#f8fafc;border:1px solid #d7deea;border-radius:8px;align-items:center;gap:11px;min-height:52px;padding:0 15px;transition:background .2s,border-color .2s,box-shadow .2s;display:flex}.login-form__control:focus-within{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb21}.login-form__control input{color:#151824;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:15px}.login-form__control input::placeholder{color:#98a2b3}.login-form__control>svg{fill:#7b8494;flex:none;width:20px;height:20px}.login-form__toggle{color:#6b7280;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;padding:0;transition:background .2s,color .2s;display:grid}.login-form__toggle:hover,.login-form__toggle:focus-visible{color:#2563eb;background:#edf4ff;outline:0}.login-form__toggle[aria-pressed=true] .login-form__eye--show{display:block}.login-form__toggle[aria-pressed=true] .login-form__eye--hide{display:none}.login-form__eye{fill:currentColor;width:20px;height:20px}.login-form__eye--show{display:none}.login-form__eye--hide{display:block}.login-form__error,.login-form__success{border-radius:8px;margin:0;padding:12px 14px;font-size:14px;font-weight:800;line-height:1.45}.login-form__error{color:#e11d48;background:#fff1f2;border:1px solid #fecdd3}.login-form__success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.login-form__meta{color:#6b7280;justify-content:space-between;align-items:center;gap:16px;font-size:14px;line-height:1.4;display:flex}.login-form__meta a,.login-form__meta button{color:#2563eb;font-weight:900;text-decoration:none}.login-form__meta a:hover,.login-form__meta a:focus-visible,.login-form__meta button:hover,.login-form__meta button:focus-visible{color:#111827;outline:0;text-decoration:underline}.login-form__link{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.login-form__remember{color:#151824;cursor:pointer;align-items:center;gap:9px;margin:0;display:flex}.login-form__remember input{accent-color:#2563eb;width:17px;height:17px}.login-form__submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9333ea,#ec4899);border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:54px;font-size:16px;font-weight:900;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 16px 30px #7c3aed3d}.login-form__submit svg{fill:currentColor;width:19px;height:19px}.login-form__submit:hover{background:linear-gradient(150deg,#9333ea47,#0000 42%),linear-gradient(120deg,#ec489933,#0000 48%),#213258;transform:translateY(-1px);box-shadow:0 18px 34px #2563eb4d}.login-form__submit:focus-visible{outline-offset:2px;outline:4px solid #7c3aed3d}.login-form__divider{color:#8b95a5;text-transform:uppercase;place-items:center;font-size:12px;font-weight:900;line-height:1;display:grid;position:relative}.login-form__divider:before{content:"";background:#e5e7eb;width:100%;height:1px;display:block}.login-form__divider span{background:#fff;padding:0 10px;position:absolute}.login-form__register{color:#6b7280;text-align:center;background:0 0;border:0;border-radius:8px;padding:0;font-size:14px;line-height:1.5}.login-form__register span,.login-form__register a{display:inline-block}.login-form__register span{margin-right:5px}.login-form__register a{color:#2563eb;font-weight:900;text-decoration:none}.login-form__register a:hover{text-decoration:underline}.login-form__register p{color:#6b7280;margin:8px 0 0;font-size:13px}.login-form__register--quiet{background:#f8fafc;border-color:#e2e8f0}.login-form__social-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.login-form__google,.login-form__facebook{background:#fff;border:1px solid #d7deea;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:44px;font-size:14px;font-weight:900;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;box-shadow:0 10px 22px #11182712;color:#1f2937!important;display:inline-flex!important}.login-form__google svg,.login-form__facebook svg{flex:none;width:20px;height:20px}.login-form__google:hover,.login-form__google:focus-visible,.login-form__facebook:hover,.login-form__facebook:focus-visible{border-color:#aab6c7;outline:0;transform:translateY(-1px);box-shadow:0 14px 26px #1118271f;text-decoration:none!important}.login-form__facebook{background:#2563eb;border-color:#2563eb;color:#fff!important}.login-form__facebook:hover,.login-form__facebook:focus-visible{background:#1e40af;border-color:#1e40af;color:#fff!important}.login-form__register-copy{background:#f8faff;border:1px solid #dbe4ff;border-radius:8px;padding:13px 14px;display:block}.login-form__status{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.login-form__status span{color:#6b7280;text-align:center;white-space:nowrap;background:#ffffffa8;border:1px solid #dce3ece6;border-radius:8px;min-width:0;padding:8px 6px;font-size:11px;font-weight:900;line-height:1.2}.password-reset-modal{--bs-modal-width:430px}.password-reset-modal .modal-dialog{padding:12px}.password-reset-modal__content{background:#fff;border:1px solid #e6eaf2;border-radius:8px;gap:16px;padding:clamp(22px,5vw,30px);box-shadow:0 24px 60px #11182733}.password-reset-modal__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.password-reset-modal__header span{color:#6b7280;margin-bottom:3px;font-size:13px;font-weight:700;line-height:1.2;display:block}.password-reset-modal__header h2{color:#151824;margin:0;font-size:26px;font-weight:900;line-height:1.1}.password-reset-modal__brand{align-items:center;gap:12px;display:flex}.password-reset-modal__mark{flex:0 0 52px;place-items:center;width:52px;height:52px;display:grid}.password-reset-modal__mark img{object-fit:contain;filter:contrast(1.25)brightness(.95)drop-shadow(0 2px 3px #0003);width:100%;height:100%;display:block;transform:scale(1.18)}.password-reset-modal__close{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:none;place-items:center;width:36px;height:36px;padding:0;display:grid}.password-reset-modal__close svg{fill:currentColor;width:18px;height:18px}.password-reset-modal__close:hover,.password-reset-modal__close:focus-visible{color:#151824;border-color:#cbd5e1;outline:0}.password-reset-modal__copy{color:#6b7280;margin:0;font-size:14px;line-height:1.55}.password-reset-modal__actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.password-reset-modal__actions button{cursor:pointer;border-radius:8px;min-height:46px;font-size:14px;font-weight:900;transition:border-color .2s,background .2s,color .2s,transform .2s,box-shadow .2s}.password-reset-modal__actions button:first-child{color:#111827;background:#fff;border:1px solid #d5dce6}.password-reset-modal__actions button:first-child:hover,.password-reset-modal__actions button:first-child:focus-visible{color:#2563eb;background:#edf4ff;border-color:#2563eb;outline:0}.password-reset-modal__actions button:last-child{color:#fff;background:linear-gradient(135deg,#9333ea,#ec4899);border:0;box-shadow:0 12px 24px #7c3aed38}.password-reset-modal__actions button:last-child:hover,.password-reset-modal__actions button:last-child:focus-visible{background:linear-gradient(135deg,#7e22ce,#db2777);outline:0;transform:translateY(-1px);box-shadow:0 14px 28px #7c3aed4d}@media (width<=940px){.login-page{background:#f4f5f7;align-items:center;padding:18px}.login-page:before{display:none}.login-page__shell{grid-template-columns:1fr;gap:14px;width:min(100%,560px);max-height:100%}.login-page__auth{padding:clamp(18px,4vh,28px)}.login-page__brand{display:flex}.login-hero{gap:26px;min-height:auto;padding:24px}.login-hero__logo{width:90px;height:90px}.login-hero__copy h2{font-size:30px}.login-hero__copy p{margin-top:12px}.login-showcase{display:none}}@media (width<=560px){.login-page{padding:12px}.login-page__shell{gap:12px;width:100%}.login-page__auth{padding:18px;box-shadow:0 14px 34px #1118271c}.login-page__intro h1{font-size:30px}.login-hero{padding:18px}.login-hero__logo{width:72px;height:72px}.login-hero__copy span{margin-bottom:8px;font-size:11px}.login-hero__copy h2{font-size:24px;line-height:1.1}.login-hero__copy p{font-size:14px;line-height:1.5}.login-hero__features{grid-template-columns:1fr}.login-hero__features span{padding:10px}.login-form__meta{flex-direction:column;align-items:flex-start}.login-form__register{text-align:left}.login-form__status{display:none}}@media (height<=720px){.login-form__status,.login-showcase__stats{display:none}}@media (width<=520px){.login-form__social-buttons{grid-template-columns:1fr}}.sidebar{color:#fff;background:#111827;border:none;border-radius:35px 0 0 35px;flex-direction:column;justify-content:space-between;width:250px;height:97vh;margin:10px 0 10px 10px;padding:30px 20px;position:fixed;left:0;box-shadow:0 25px 50px -12px #6366f133}.sidebar .hall-first{flex-direction:column;width:100%;height:100%;display:flex}.sidebar .hall-first .sidebar-header{border-bottom:1px solid #1f2937;align-items:center;gap:14px;padding:0 12px 20px;display:flex}.sidebar .hall-first .sidebar-header .logo{width:64px;height:64px;box-shadow:none;background:0 0;border:0;border-radius:0;flex:0 0 64px;justify-content:center;align-items:center;padding:0;display:flex;overflow:visible}.sidebar .hall-first .sidebar-header .logo img{object-fit:contain;filter:brightness(1.18)contrast(1.14)drop-shadow(0 16px 24px #e7e7e745)drop-shadow(0 0 14px #bdbdbde2);width:100%;height:100%;display:block;transform:scale(1.22)}.sidebar .hall-first .sidebar-header h2{margin:4px 0;font-size:20px}.sidebar .hall-first .sidebar-header p{color:#9ca3af;margin:4px 0;font-size:13px}.sidebar .hall-first .atasbawah{flex-direction:column;justify-content:space-between;height:100%;display:flex}.sidebar .hall-first .atasbawah .sidebar-menu{flex:1}.sidebar .hall-first .atasbawah .sidebar-user{border-top:1px solid #1f2937}.sidebar .hall-first .atasbawah .sidebar-user form{margin:0}.sidebar .hall-first .atasbawah .sidebar-user a,.sidebar .hall-first .atasbawah .sidebar-user button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9333ea,#ec4899);border:0;border-radius:12px;justify-content:center;width:100%;padding:12px;text-decoration:none;transition:all .3s;display:flex}.sidebar .hall-first .atasbawah .sidebar-user a:hover,.sidebar .hall-first .atasbawah .sidebar-user button:hover{background:#374151}.sidebar .menu-item{color:#d1d5db;border-radius:12px;align-items:center;gap:14px;margin-bottom:10px;padding:14px 16px;text-decoration:none;transition:all .3s;display:flex}.sidebar .menu-item .icon{flex:0 0 20px;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.sidebar .menu-item .icon img{width:18px;height:18px}.sidebar .menu-item .icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.sidebar .menu-item:hover{color:#fff;background:#1f2937}.sidebar .menu-item.active{color:#fff;background:linear-gradient(135deg,#9333ea,#ec4899)}.sidebar .dropdown-wrapper{margin-top:10px}.sidebar .dropdown-btn{color:#d1d5db;cursor:pointer;background:0 0;border:none;border-radius:14px;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;padding:14px 16px;transition:all .3s;display:flex}.sidebar .dropdown-btn:hover{background:#1f2937}.sidebar .dropdown-btn .left{align-items:center;gap:14px;font-size:16px;display:flex}.sidebar .dropdown-btn .left .icon{flex:0 0 20px;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.sidebar .dropdown-btn .left .icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.sidebar .dropdown-btn #arrow{justify-content:center;align-items:center;transition:all .3s;display:inline-flex}.sidebar .dropdown-btn #arrow svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.sidebar .dropdown-btn #arrow.rotate{transform:rotate(180deg)}.sidebar .dropdown-btn.active{color:#fff;background:linear-gradient(135deg,#9333ea,#ec4899)}.sidebar .dropdown-content{border-left:2px solid #374151;max-height:430px;margin-top:12px;padding-left:16px;display:none;overflow-y:auto}.sidebar .dropdown-content.show{display:block}.sidebar .dropdown-section{margin-bottom:28px}.sidebar .dropdown-title{color:#6b7280;margin-bottom:14px;font-size:13px}.sidebar .submenu-item.active{color:#f3e8ff;background:#4c1d95}.sidebar .submenu-item{color:#9ca3af;border-radius:10px;margin-bottom:6px;padding:10px 14px;font-size:14px;text-decoration:none;transition:all .3s;display:block}.sidebar .submenu-item:hover{color:#fff;background:#1f2937}.sidebar #arrow{transition:all .3s}.sidebar .rotate{transform:rotate(180deg)}.admin-sidebar{color:#fff;background:#111827;border:none;border-radius:35px 0 0 35px;flex-direction:column;justify-content:space-between;width:250px;height:97vh;margin:10px 0 10px 10px;padding:30px 20px;position:fixed;left:0;box-shadow:0 25px 50px -12px #6366f133}.admin-sidebar .hall-first{flex-direction:column;width:100%;height:100%;display:flex}.admin-sidebar .hall-first .sidebar-header{border-bottom:1px solid #1f2937;align-items:center;gap:14px;padding:0 12px 20px;display:flex}.admin-sidebar .hall-first .sidebar-header .logo{width:68px;height:68px;box-shadow:none;background:0 0;border:0;border-radius:0;flex:0 0 68px;justify-content:center;align-items:center;padding:0;display:flex;overflow:visible}.admin-sidebar .hall-first .sidebar-header .logo img{object-fit:contain;filter:brightness(1.18)contrast(1.14)drop-shadow(0 16px 24px #e7e7e745)drop-shadow(0 0 14px #bdbdbde2);width:100%;height:100%;display:block;transform:scale(1.22)}.admin-sidebar .hall-first .sidebar-header h2{margin:4px 0;font-size:20px}.admin-sidebar .hall-first .sidebar-header p{color:#9ca3af;margin:4px 0;font-size:13px}.admin-sidebar .hall-first .atasbawah{flex-direction:column;justify-content:space-between;height:100%;display:flex}.admin-sidebar .hall-first .atasbawah .sidebar-menu{flex:1}.admin-sidebar .hall-first .atasbawah .sidebar-user{border-top:1px solid #1f2937}.admin-sidebar .hall-first .atasbawah .sidebar-user form{margin:0}.admin-sidebar .hall-first .atasbawah .sidebar-user a,.admin-sidebar .hall-first .atasbawah .sidebar-user button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9333ea,#ec4899);border:0;border-radius:12px;justify-content:center;width:100%;padding:12px;text-decoration:none;transition:all .3s;display:flex}.admin-sidebar .hall-first .atasbawah .sidebar-user a:hover,.admin-sidebar .hall-first .atasbawah .sidebar-user button:hover{background:#374151}.admin-sidebar .menu-item{color:#d1d5db;border-radius:12px;align-items:center;gap:14px;margin-bottom:10px;padding:14px 10px;text-decoration:none;transition:all .3s;display:flex}.admin-sidebar .menu-item .icon{flex:0 0 20px;justify-content:center;align-items:center;width:20px;height:20px;font-size:18px;display:inline-flex}.admin-sidebar .menu-item .icon img{width:18px;height:18px}.admin-sidebar .menu-item .icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.admin-sidebar .menu-item:hover{color:#fff;background:#1f2937}.admin-sidebar .menu-item.active{color:#fff;background:linear-gradient(135deg,#9333ea,#ec4899)}.admin-sidebar .menu-item.disabled{color:#6b7280;cursor:default;opacity:.72}.admin-sidebar .menu-item.disabled:hover{color:#6b7280;background:0 0}.admin-sidebar .dropdown-wrapper{margin-top:10px}.admin-sidebar .dropdown-btn{color:#d1d5db;cursor:pointer;background:0 0;border:none;border-radius:14px;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;transition:all .3s;display:flex}.admin-sidebar .dropdown-btn:hover{background:#111827}.admin-sidebar .dropdown-btn .left{align-items:center;gap:17px;font-size:16px;display:flex}.admin-sidebar .dropdown-btn #arrow{font-size:18px;transition:all .3s}.admin-sidebar .dropdown-btn #arrow svg{fill:#d1d5db;width:20px;height:20px}.admin-sidebar .dropdown-btn #arrow.rotate{transform:rotate(180deg)}.admin-sidebar .dropdown-btn.active{color:#fff;background:linear-gradient(135deg,#9333ea,#ec4899)}.admin-sidebar .dropdown-content{border-left:2px solid #374151;margin-top:12px;padding-left:16px;display:none}.admin-sidebar .dropdown-content.show{display:block}.admin-sidebar .dropdown-section{margin-bottom:28px}.admin-sidebar .dropdown-title{color:#6b7280;margin-bottom:14px;font-size:13px}.admin-sidebar .submenu-item.active{color:#f3e8ff;background:#4c1d95}.admin-sidebar .submenu-item{color:#9ca3af;border-radius:10px;margin-bottom:6px;padding:10px 14px;font-size:14px;text-decoration:none;transition:all .3s;display:block}.admin-sidebar .submenu-item:hover{color:#fff;background:#1f2937}.admin-sidebar #arrow{transition:all .3s}.admin-sidebar .rotate{transform:rotate(180deg)}.modal.fade{-webkit-backdrop-filter:blur(3px);background-color:#0006!important}.modal.fade .modal-content{background:#fffffffa;border:1px solid #8f8d8d;border-radius:8px;width:100%;font-family:Roboto,sans-serif;position:relative;overflow:hidden;box-shadow:0 28px 80px #0f172a3d}.modal.fade .modal-content:before{content:"";background:linear-gradient(90deg,#2563eb,#0f766e,#f59e0b);height:5px;padding:3px;position:absolute;inset:0 0 auto}.modal.fade .modal-content>*{z-index:1;position:relative}.modal.fade .modal-content .modal-header{border:0;align-items:flex-start;gap:16px;padding:24px 24px 16px}.modal.fade .modal-content .modal-header>div{min-width:0}.modal.fade .modal-content .modal-header .btn-close{border-radius:8px;flex:none}.modal.fade .modal-content .modal-header .modal-title{color:#151824;margin:4px 0 0;font-size:22px;font-weight:900;line-height:1.2}.modal.fade .modal-content .modal-eyebrow{color:#0f766e;text-transform:uppercase;font-size:12px;font-weight:900;display:block}.modal.fade .modal-content .modal-body{gap:16px;padding:20px 24px 24px;display:grid}.modal.fade .modal-content .modal-body>label,.modal.fade .modal-content .modal-body .modal-grid>label{color:#334155;gap:8px;height:fit-content;margin:0;font-size:13px;font-weight:900;display:grid}.modal.fade .modal-content .modal-body input,.modal.fade .modal-content .modal-body select,.modal.fade .modal-content .modal-body textarea{color:#151824;width:100%;font:inherit;background:#f8fafc;border:1px solid #8f8d8d;border-radius:8px;outline:0;transition:border-color .2s,box-shadow .2s,background .2s}.modal.fade .modal-content .modal-body input:focus,.modal.fade .modal-content .modal-body select:focus,.modal.fade .modal-content .modal-body textarea:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.modal.fade .modal-content .modal-body input,.modal.fade .modal-content .modal-body select,.modal.fade .modal-content .modal-body textarea{height:43px}.modal.fade .modal-content .modal-body input,.modal.fade .modal-content .modal-body select{min-height:44px;padding:0 12px}.modal.fade .modal-content .modal-body input[type=file]{background:#fff;min-height:auto;padding:11px}.modal.fade .modal-content .modal-body textarea{resize:vertical;min-height:96px;padding:12px}.modal.fade .modal-content .modal-body .modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.modal.fade .modal-content .modal-body .modal-dropzone{text-align:center;cursor:pointer;background:linear-gradient(135deg,#2563eb14,#0f766e14),#f8fbff;border:1px dashed #2563eb73;border-radius:8px;place-items:center;min-height:168px;padding:24px;transition:border-color .2s,transform .2s,background .2s;position:relative;overflow:hidden}.modal.fade .modal-content .modal-body .modal-dropzone:hover{background:linear-gradient(135deg,#2563eb1f,#0f766e1a),#fff;border-color:#2563eb;transform:translateY(-2px)}.modal.fade .modal-content .modal-body .modal-dropzone input{display:none}.modal.fade .modal-content .modal-body .modal-dropzone svg{color:#2563eb;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;background:#fff;border-radius:8px;width:40px;height:40px;padding:8px;box-shadow:0 12px 24px #2563eb24}.modal.fade .modal-content .modal-body .modal-dropzone strong{overflow-wrap:anywhere;color:#151824;max-width:100%;font-size:17px}.modal.fade .modal-content .modal-body .modal-dropzone span{color:#64748b;max-width:260px;font-size:13px;font-weight:700;line-height:1.45}.modal.fade .modal-content .modal-body .modal-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.modal.fade .modal-content .modal-body .modal-summary div{background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;padding:16px}.modal.fade .modal-content .modal-body .modal-summary span,.modal.fade .modal-content .modal-body .modal-summary strong{display:block}.modal.fade .modal-content .modal-body .modal-summary span{color:#1d4ed8;text-transform:uppercase;font-size:12px;font-weight:900}.modal.fade .modal-content .modal-body .modal-summary strong{color:#151824;margin-top:5px;font-size:20px;font-weight:900}.modal.fade .modal-content .modal-body .modal-section span{color:#2563eb;text-transform:uppercase;font-size:12px;font-weight:900}.modal.fade .modal-content .modal-body .modal-section h3{color:#151824;margin:4px 0 0;font-size:22px;font-weight:900}.modal.fade .modal-content .modal-body .modal-toggle{cursor:pointer;background:#f8fafc;border:1px solid #8f8d8d;border-radius:8px;align-items:center;min-height:48px;padding:11px 12px;gap:11px!important;display:flex!important}.modal.fade .modal-content .modal-body .modal-toggle input{display:none}.modal.fade .modal-content .modal-body .modal-toggle span{background:#cbd5e1;border-radius:999px;flex:0 0 44px;width:44px;height:26px;transition:background .2s;position:relative}.modal.fade .modal-content .modal-body .modal-toggle span:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:4px;left:4px;box-shadow:0 3px 8px #0f172a29}.modal.fade .modal-content .modal-body .modal-toggle input:checked+span{background:#f59e0b}.modal.fade .modal-content .modal-body .modal-toggle input:checked+span:after{transform:translate(18px)}.modal.fade .modal-content .modal-footer{grid-template-columns:1fr 1fr;gap:10px;width:100%;padding:10px 24px;display:grid}.modal.fade .modal-content .modal-footer button{cursor:pointer;border-radius:8px;width:100%;padding:12px;font-size:13px;font-weight:900}.modal.fade .modal-content .modal-footer button:first-child{color:#151824;background:#fff;border:1px solid #8f8d8d;margin:0!important}.modal.fade .modal-content .modal-footer button:last-child{background:#2563eb;border:0;box-shadow:0 12px 24px #2563eb2e}.modal.fade .modal-content .modal-footer button:last-child:hover{background:#195aea;box-shadow:0 14px 28px #2563eb33}.modal.fade .modal-content .modal-footer button:last-child{color:#fff}.modal.fade .modal-content .modal-footer button:hover:first-child{color:#fff;background:#7d7d7d}.modal.fade .solid{stroke:var(--Neutral-01,#e7e8e9);stroke-width:1px;margin:0}.modal.fade hr{border-top:2px solid #8f8d8d;width:90%;margin:0 auto}.modal.fade .modal-form{margin:0;display:grid}#subscriptionPaymentModal .modal-content:before{content:"";background:linear-gradient(90deg,#7c3aed,#2563eb,#ec4899);height:5px;padding:3px;position:absolute;inset:0 0 auto}#subscriptionPaymentModal .modal-eyebrow{color:#7c3aed}#subscriptionPaymentModal .modal-body input,#subscriptionPaymentModal .modal-body select{color:#151824;width:100%;font:inherit;background:#f8fafc;border:1px solid #8f8d8d;border-radius:8px;outline:0;transition:border-color .2s,box-shadow .2s,background .2s}#subscriptionPaymentModal .modal-body input,#subscriptionPaymentModal .modal-body select{border-color:#c7c7c7}#subscriptionPaymentModal .modal-body input:hover,#subscriptionPaymentModal .modal-body select:hover{border-color:#000}#subscriptionPaymentModal .modal-body input:focus,#subscriptionPaymentModal .modal-body select:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}#subscriptionPaymentModal .modal-body .ts-wrapper{width:100%;min-width:0}#subscriptionPaymentModal .modal-footer button:last-child{background:linear-gradient(135deg,#7c3aed,#ec4899);box-shadow:0 14px 28px #7c3aed33}#uploadStyleModal .modal-dialog{max-width:600px}.modal-alert{border-radius:8px;gap:6px;padding:12px;display:grid}.modal-alert p{margin:0;font-size:13px;font-weight:800;line-height:1.4}.modal-alert--danger{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.modal-warning{background:#d819420f;border:1px solid #d819422e;border-radius:8px;grid-template-columns:44px minmax(0,1fr);align-items:flex-start;gap:14px;padding:16px;display:grid}.modal-warning svg{color:#d81942;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;background:#fff;border-radius:8px;width:44px;height:44px;padding:10px}.modal-warning strong{color:#151824;font-size:16px;font-weight:950;display:block}.modal-warning p{color:#64748b;margin:5px 0 0;font-size:13px;line-height:1.5}.modal-form--danger .modal-footer button:last-child{background:#d81942;box-shadow:0 12px 24px #d819422e}.modal-form--danger .modal-footer button:last-child:hover{background:#cd183f;box-shadow:0 14px 28px #d8194233}.modal-form--delivery{width:100%;max-width:480px;margin:0 auto}.modal-form--delivery .modal-body input,.modal-form--delivery .modal-body select,.modal-form--delivery .modal-body textarea{color:#151824;width:100%;font:inherit;background:#f8fafc;border:1px solid #8f8d8d;border-radius:8px;outline:0;transition:border-color .2s,box-shadow .2s,background .2s}.modal-form--delivery .modal-body input:focus,.modal-form--delivery .modal-body select:focus,.modal-form--delivery .modal-body textarea:focus{background:#fff;border-color:#0f766e;box-shadow:0 0 0 4px #0f766e1f}.modal-form--delivery .modal-body input,.modal-form--delivery .modal-body select,.modal-form--delivery .modal-body textarea{background:#fff}.modal-form--delivery .modal-footer button:last-child{background:#0f766e;box-shadow:0 12px 24px #0f766e2e}.modal-form--delivery .modal-footer button:last-child:hover{background:#0e7069;box-shadow:0 14px 28px #0f766e33}.modal-file span{color:#64748b;font-size:12px;font-weight:700;line-height:1.45}.social-register{gap:8px;display:grid}.social-register__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.social-register__button{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d5dce6;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:46px;font-size:14px;font-weight:900;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:inline-flex;box-shadow:0 10px 22px #0f172a14}.social-register__button svg{flex:none;width:20px;height:20px}.social-register__button:hover,.social-register__button:focus-visible{border-color:#aab6c7;outline:0;transform:translateY(-1px);box-shadow:0 14px 28px #0f172a1f}.social-register__button--facebook{color:#fff;background:#1877f2;border-color:#1877f2}.social-register__button--facebook:hover,.social-register__button--facebook:focus-visible{color:#fff;background:#1264d8;border-color:#1264d8}.social-register__connected{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:10px 14px;display:flex}.social-register__connected strong,.social-register__connected span{min-width:0}.social-register__connected span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.social-register p{color:#64748b;text-align:center;margin:0;font-size:12px;font-weight:700;line-height:1.45}@media (width<=540px){.social-register__actions{grid-template-columns:1fr}}.modal-note{background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.modal-note span,.modal-note strong{display:block}.modal-note span{color:#1d4ed8;text-transform:uppercase;font-size:12px;font-weight:900}.modal-note strong{color:#151824;margin-top:4px;font-size:24px;font-weight:900}.modal-note p{color:#475569;max-width:360px;margin:0;font-size:13px;line-height:1.45}@media (width<=700px){.modal-grid,.modal-summary{grid-template-columns:1fr}.modal-header,.modal-body,.modal-footer{padding-left:16px;padding-right:16px}.modal-note{display:grid}}.sectionprofil .profil .profilsvg a{text-decoration:none}.sectionprofil .profil .profilsvg a.active svg path{fill:#fff}.sectionprofil .profil .profilsvg a p{color:#fff;background:var(--Primary,#2e2e2e);border:1px solid #f6f6f6;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:14px;height:14px;font-family:Roboto,sans-serif;font-size:8px;font-style:normal;font-weight:400;line-height:normal;display:flex;position:absolute;top:0;right:0}.sectionprofil .notification-panel{z-index:1000;pointer-events:none;background:#f8f8f8;flex-direction:column;width:340px;height:100vh;padding:15px;transition:right .3s ease-in-out;display:flex;position:fixed;top:0;right:-350px;box-shadow:-2px 0 5px #0003}.sectionprofil .notification-panel hr{margin:0}.sectionprofil .notification-panel.active{pointer-events:auto;width:min(500px,100vw);right:0}.sectionprofil .notification-header{border-bottom:1px solid #a4a4a4;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.sectionprofil .notification-header h3{margin:0;font-size:18px}.sectionprofil .notification-header button{cursor:pointer;background:0 0;border:none;font-size:20px}.sectionprofil .notification-body{flex-grow:1;margin-top:10px;overflow-y:auto}.sectionprofil .notification-item{color:inherit;background:#f8f8f8;border-radius:5px;flex-direction:column;gap:4px;margin-bottom:10px;padding:10px;text-decoration:none;display:flex}.sectionprofil .notification-item strong svg{flex:0 0 22px;width:22px;height:22px}.sectionprofil .notification-item p{color:var(--Secondary,#8c8c8c);padding-left:25px;font-family:Roboto,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.sectionprofil .notification-item span{color:var(--Gray-03,#a1a1a1);font-family:Roboto,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.sectionprofil .notification-item strong{font-size:14px}.sectionprofil .notification-item p{color:#333;margin:0;font-size:13px}.sectionprofil .notification-item span{color:gray;align-self:flex-end;font-size:12px}.sectionprofil .notification-empty{color:#3d3d3d;text-align:center;padding:20px 12px}.sectionprofil .notification-empty strong{margin-bottom:6px;font-family:Roboto,sans-serif;font-size:15px;display:block}.sectionprofil .notification-empty p{color:#8c8c8c;margin:0;font-family:Roboto,sans-serif;font-size:13px;line-height:1.5}.sectionprofil{color:#ebebeb;background:#ebebeb;border:none;border-radius:0 35px 35px 0;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:10px 25px 15px 10px;display:flex}.sectionprofil .page-header{justify-content:space-between;align-items:flex-start;display:flex}.sectionprofil .page-header__eyebrow{color:#5b5f71;letter-spacing:0;text-transform:uppercase;margin-bottom:6px;font-size:.72rem;font-weight:800;display:inline-flex}.sectionprofil .page-header__title{color:#0f0f14;letter-spacing:-.02em;font-family:Syne,sans-serif;font-size:2rem;font-weight:600}.sectionprofil .page-header__title .wave{transform-origin:70% 70%;animation:2s infinite wave;display:inline-block}.sectionprofil .page-header__subtitle{color:#8b8fa8;margin-top:4px;margin-bottom:0;font-size:.9rem}.sectionprofil .page-header--admin .page-header__title{margin:0}.sectionprofil .profil{color:#fff;background:linear-gradient(135deg,#9333ea,#ec4899);border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;padding:10px;display:flex}.sectionprofil .profil .profilview{mix-blend-mode:luminosity;background:#d3d3d3 50%/cover no-repeat;border-radius:51px;width:45px;height:45px;overflow:hidden}.sectionprofil .profil .profilview img{object-fit:cover;width:100%;height:100%;display:block}.sectionprofil .profil .profilname{flex-direction:column;display:flex}.sectionprofil .profil .profilname h1{color:var(--Primary,#f7f6f6);font-family:Syne,sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:normal}.sectionprofil .profil .profilname p{color:var(--Secondary,#a8a8a8);margin:0;font-family:Syne,sans-serif;font-size:10px;font-style:normal;font-weight:400;line-height:normal}.sectionprofil .profil .profilsvg{position:relative}.sectionprofil .profil .profilsvg a{color:#fff;background:#ffffff2e;border:1px solid #ffffff47;border-radius:8px;place-items:center;width:42px;height:42px;transition:transform .2s,background .2s,box-shadow .2s;display:grid;position:relative}.sectionprofil .profil .profilsvg a:hover,.sectionprofil .profil .profilsvg a.active{background:#ffffff47;transform:translateY(-1px);box-shadow:0 12px 24px #0f172a33}.sectionprofil .profil .profilsvg a svg{width:22px;height:22px}.sectionprofil .profil .profilsvg a svg path{fill:currentColor}.sectionprofil .profil .profilsvg a p{color:#fff;background:#ef4444;border:1px solid #f6f6f6;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:14px;height:14px;margin:0;font-family:Syne,sans-serif;font-size:8px;font-style:normal;font-weight:400;line-height:normal;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 8px 16px #ef444459}.sectionprofil .notification-panel{z-index:1000;pointer-events:none;background:linear-gradient(#2563eb14,#0000 210px),#fff;border-left:1px solid #e2e8f0e6;flex-direction:column;width:min(460px,100vw - 24px);height:100vh;padding:18px;transition:transform .32s,box-shadow .32s;display:flex;position:fixed;top:0;right:0;transform:translate(calc(100% + 24px));box-shadow:0 24px 60px #0f172a29}.sectionprofil .notification-panel hr{display:none}.sectionprofil .notification-panel.active{pointer-events:auto;transform:translate(0)}.sectionprofil .notification-header{border-bottom:1px solid #e6eaf2;justify-content:space-between;align-items:center;gap:16px;padding:10px 4px 18px;display:flex}.sectionprofil .notification-header h3{color:#0f0f14;margin:0;font-size:22px;font-weight:900;line-height:1.15}.sectionprofil .notification-header button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e6eaf2;border-radius:8px;place-items:center;width:38px;height:38px;font-size:24px;line-height:1;transition:transform .2s,border-color .2s,background .2s,color .2s;display:grid}.sectionprofil .notification-header button:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px)}.sectionprofil .notification-body{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-grow:1;gap:12px;margin-top:14px;padding-right:4px;display:grid;overflow-y:auto}.sectionprofil .notification-body::-webkit-scrollbar{width:8px}.sectionprofil .notification-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.sectionprofil .notification-item{background:#f8fafc;border:1px solid #e6eaf2;border-radius:8px;flex-direction:column;gap:8px;margin-bottom:0;padding:14px 14px 14px 16px;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:flex;position:relative;overflow:hidden}.sectionprofil .notification-item:before{content:"";background:linear-gradient(#2563eb,#0f766e);width:4px;position:absolute;inset:0 auto 0 0}.sectionprofil .notification-item{color:inherit;text-decoration:none}.sectionprofil .notification-item:hover{background:#fff;border-color:#2563eb38;transform:translateY(-2px);box-shadow:0 16px 34px #0f172a14}.sectionprofil .notification-item strong{color:#172033;align-items:center;gap:9px;font-family:Syne,sans-serif;font-size:14px;font-style:normal;font-weight:900;line-height:1.3;display:flex}.sectionprofil .notification-item strong svg{color:#7c3aed;background:#eef2ff;border-radius:8px;flex:0 0 32px;width:32px;height:32px;padding:7px}.sectionprofil .notification-item strong svg path{fill:currentColor}.sectionprofil .notification-item p{color:#64748b;margin:0;padding-left:41px;font-family:Syne,sans-serif;font-size:13px;font-style:normal;font-weight:500;line-height:1.55}.sectionprofil .notification-item span{color:#94a3b8;align-self:flex-end;align-items:center;gap:7px;font-family:Syne,sans-serif;font-size:12px;font-style:normal;font-weight:800;line-height:normal;display:inline-flex}.sectionprofil .notification-item span svg{width:7px;height:7px}.sectionprofil .notification-empty{color:#64748b;text-align:center;background:#f8fafc;border:1px dashed #e6eaf2;border-radius:8px;padding:32px 18px}.sectionprofil .notification-empty strong{color:#0f0f14;margin-bottom:6px;font-family:Syne,sans-serif;font-size:15px;font-weight:900;display:block}.sectionprofil .notification-empty p{color:#64748b;margin:0;font-family:Syne,sans-serif;font-size:13px;font-weight:500;line-height:1.5}@media (width<=760px){.sectionprofil{flex-direction:column;align-items:stretch;gap:14px;padding:12px}.sectionprofil .profil{justify-content:flex-start}.sectionprofil .notification-panel{width:100vw}}.customer-contact{z-index:2;color:#111827;background:0 0;position:relative}.customer-contact--auth{padding:14px 20px 18px}.customer-contact--customer{width:calc(100% - 290px);margin:14px 20px 18px 270px}.customer-contact__frame{border-top:1px solid #dfe3ea;width:100%;margin:0 auto;padding-top:14px;position:relative}.customer-contact__inner{justify-content:space-between;align-items:center;gap:18px;display:flex}.customer-contact__frame:before{content:"";background:linear-gradient(90deg,#9333ea,#ec4899);border-radius:999px;width:92px;height:2px;position:absolute;top:-1px;left:0}.customer-contact--auth .customer-contact__frame{width:min(100%,980px)}.customer-contact__heading{align-items:center;gap:10px;display:flex}.customer-contact__heading>span{color:#15803d;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:5px;font-size:9px;font-weight:900;display:inline-flex}.customer-contact__heading>span i{background:#22c55e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #22c55e1f}.customer-contact__copy{min-width:0}.customer-contact__copy h2{color:#111827;margin:0 0 3px;font-size:15px;font-weight:900}.customer-contact__copy p{color:#6b7280;margin:0;font-size:12px;line-height:1.4}.customer-contact__actions{flex:none;gap:8px;display:flex}.customer-contact__link{color:#111827;background:0 0;border:1px solid #d7dce5;border-radius:8px;grid-template-columns:28px minmax(0,1fr) 14px;align-items:center;gap:8px;min-width:160px;padding:7px 9px;text-decoration:none;transition:border-color .2s,color .2s,transform .2s,box-shadow .2s;display:grid}.customer-contact__link small,.customer-contact__link strong{white-space:nowrap;display:block}.customer-contact__link small{color:#9ca3af;text-transform:uppercase;margin-bottom:1px;font-size:9px;font-weight:800}.customer-contact__link strong{color:inherit;font-size:12px;font-weight:900}.customer-contact__link:focus-visible{outline-offset:2px;outline:3px solid #2563eb29}.customer-contact__link--whatsapp:hover,.customer-contact__link--whatsapp:focus-visible{color:#15803d;border-color:#16a34a;transform:translateY(-2px);box-shadow:0 7px 18px #16a34a1a}.customer-contact__link--instagram:hover,.customer-contact__link--instagram:focus-visible{color:#be185d;border-color:#db2777;transform:translateY(-2px);box-shadow:0 7px 18px #db27771a}.customer-contact__icon{color:#6b7280;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.customer-contact__icon svg{fill:currentColor;width:18px;height:18px}.customer-contact__link--whatsapp .customer-contact__icon{color:#16a34a;background:#f0fdf4}.customer-contact__link--instagram .customer-contact__icon{color:#db2777;background:#fdf2f8}.customer-contact__arrow{fill:currentColor;color:#9ca3af;width:13px;height:13px}.customer-contact__meta{color:#9ca3af;border-top:1px dashed #e5e7eb;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding-top:9px;font-size:10px;font-weight:700;display:flex}.customer-contact__meta span:last-child{align-items:center;gap:7px;display:flex}.customer-contact__meta span:last-child i{background:#c4b5fd;border-radius:50%;width:3px;height:3px}@media (width<=900px){.customer-contact--customer{width:auto;margin:14px 16px 18px}.customer-contact__inner{flex-direction:column;align-items:flex-start;gap:12px}.customer-contact__actions{width:100%}.customer-contact__link{flex:1;min-width:0}}@media (width<=540px){.customer-contact--auth{padding-inline:16px}.customer-contact__actions{flex-direction:column}.customer-contact__link{width:100%}.customer-contact__meta{flex-direction:column;align-items:flex-start;gap:5px}}.content .content-hall-first .hall-second{background:linear-gradient(#ffffffa6,#f5f7fbf2),#f5f7fb;width:calc(100% - 250px);min-width:0;min-height:100vh;padding:20px}.content .content-hall-first .hall-second .dashboard-wrapper{min-height:100vh;margin-top:10px}.customer-dashboard{color:#172033;gap:22px;width:min(100%,1180px);margin:0 auto;display:grid}.dashboard-hero{background:linear-gradient(135deg,#fffffff2,#eff6ffeb),#fff;border:1px solid #2563eb21;border-radius:8px;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:24px;min-height:310px;display:grid;overflow:hidden;box-shadow:0 18px 45px #18203314}.dashboard-hero__content{align-content:center;gap:16px;padding:34px;display:grid}.dashboard-hero__eyebrow{color:#0f766e;text-transform:uppercase;background:#0f766e17;border:1px solid #0f766e2e;border-radius:999px;align-items:center;width:fit-content;min-height:30px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.dashboard-hero h1{color:#172033;max-width:620px;margin:0;font-size:38px;font-weight:950;line-height:1.08}.dashboard-hero p{color:#697589;max-width:600px;margin:0;font-size:15px;line-height:1.65}.dashboard-hero__actions{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.dashboard-hero__button{color:#172033;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:9px;min-height:44px;padding:0 16px;font-size:14px;font-weight:900;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex}.dashboard-hero__button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.dashboard-hero__button polygon{fill:currentColor;stroke:none}.dashboard-hero__button:hover{border-color:#2563eb47;transform:translateY(-1px);box-shadow:0 14px 30px #2563eb1f}.dashboard-hero__button--primary{color:#fff;background:#2563eb;border-color:#0000}.dashboard-hero__visual{background:linear-gradient(145deg,#0f766e1f,#f59e0b1c),#eef6f4;min-height:310px;padding:24px;position:relative}.hero-style{background:#111827;border:1px solid #ffffff9e;border-radius:8px;margin:0;position:absolute;overflow:hidden;box-shadow:0 20px 45px #0f172a29}.hero-style img{object-fit:cover;width:100%;height:100%;display:block}.hero-style figcaption{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ac2;border-radius:8px;gap:2px;padding:10px;display:grid;position:absolute;inset:auto 12px 12px}.hero-style strong,.hero-style span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hero-style strong{font-size:13px;font-weight:900}.hero-style span{color:#ffffffc2;font-size:12px;font-weight:800}.hero-style--1{z-index:3;width:min(68%,300px);height:202px;top:28px;right:34px}.hero-style--2{z-index:2;width:min(48%,210px);height:150px;bottom:24px;right:210px}.hero-style--3{z-index:1;width:min(42%,182px);height:132px;bottom:28px;right:22px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat-card{background:linear-gradient(180deg, var(--stat-soft), #fff0 58%), #fff;border:1px solid #e6eaf2;border-radius:8px;grid-template-rows:auto auto auto;grid-template-columns:53px minmax(0,1fr);align-items:center;gap:10px;min-height:100px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 6px #0f172a1a,0 8px 24px #0f172a1a}.stat-card:before{content:"";background:var(--stat-color);width:4px;position:absolute;inset:0 auto 0 0}.stat-card:after{content:"";background:var(--stat-soft);border-radius:50%;width:112px;height:112px;position:absolute;bottom:-44px;right:-32px}.stat-card:hover{border-color:#2563eb38;transform:translateY(-3px);box-shadow:0 24px 60px #0f172a1f}.stat-card__top{display:contents}.stat-card__top span{z-index:1;color:#697589;text-transform:uppercase;grid-area:1/2;font-size:12px;font-weight:900;position:relative}.stat-card__icon{z-index:1;background:var(--stat-color);color:#fff;border-radius:8px;grid-area:1/1/4;place-items:center;width:53px;height:53px;display:grid;position:relative}.stat-card__icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.stat-card__icon polygon{fill:currentColor;stroke:none}.stat-card strong{z-index:1;color:#172033;overflow-wrap:anywhere;grid-area:2/2;margin:0;font-size:30px;font-weight:950;line-height:1.1;display:block;position:relative}.stat-card p{z-index:1;color:#697589;grid-area:3/2;margin:2px 0 0;font-size:12px;font-weight:700;position:relative}.stat-card--styles{--stat-color:#2563eb;--stat-soft:#2563eb1c}.stat-card--demos{--stat-color:#7c3aed;--stat-soft:#7c3aed1c}.stat-card--downloads{--stat-color:#0f766e;--stat-soft:#0f766e1c}.stat-card--premium{--stat-color:#f59e0b;--stat-soft:#f59e0b21}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.65fr);gap:18px;display:grid}.dashboard-panel,.style-showcase{background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:0;box-shadow:0 12px 30px #1820330f}.dashboard-panel{padding:22px}.dashboard-panel__header h2{color:#172033;margin:0;font-size:20px;font-weight:950;line-height:1.2}.dashboard-panel__header a{color:#2563eb;white-space:nowrap;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-height:34px;padding:0 12px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.demo-list{gap:10px;display:grid}.demo-item{background:#f8fafc;border:1px solid #0000;border-radius:8px;grid-template-columns:58px minmax(0,1fr) auto 38px;align-items:center;gap:14px;min-height:76px;padding:9px;transition:background .2s,border-color .2s,transform .2s;display:grid}.demo-item:hover{background:#fff;border-color:#2563eb38;transform:translateY(-1px)}.demo-item img{object-fit:cover;border-radius:8px;width:58px;height:58px}.demo-item__body{gap:5px;min-width:0;display:grid}.demo-item__body strong,.demo-item__body span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo-item__body strong{color:#172033;font-size:15px;font-weight:950}.demo-item__body span{color:#697589;font-size:13px;font-weight:700}.demo-item__badge{color:#2563eb;background:#2563eb1f;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.demo-item a{color:#fff;background:#2563eb;border-radius:999px;place-items:center;width:38px;height:38px;display:grid}.demo-item a svg{fill:currentColor;width:15px;height:15px}.plan-panel{--plan-accent:#2563eb;--plan-soft:#2563eb1a;border-color:#2563eb24;align-content:start;gap:10px;padding:0;display:grid;position:relative;overflow:hidden}.plan-panel:before{content:"";background:linear-gradient(90deg, var(--plan-accent), #2563eb);height:4px;position:absolute;inset:0 0 auto}.plan-panel:after{content:"";background:var(--plan-soft);pointer-events:none;border-radius:50%;width:190px;height:190px;position:absolute;top:-70px;right:-78px}.plan-panel.is-premium{--plan-accent:#0f766e;--plan-soft:#0f766e1f;border-color:#0f766e2e}.plan-panel__status{z-index:1;gap:10px;padding:24px 22px 0;display:grid;position:relative}.plan-panel__status-top{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.plan-panel__badge{border:1px solid color-mix(in srgb, var(--plan-accent), white 74%);background:color-mix(in srgb, var(--plan-accent), white 88%);width:fit-content;min-height:30px;color:var(--plan-accent);letter-spacing:0;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 11px;font-size:12px;font-weight:950;display:inline-flex}.plan-panel__icon{background:var(--plan-accent);color:#fff;width:46px;height:46px;box-shadow:0 14px 28px color-mix(in srgb, var(--plan-accent), transparent 72%);border-radius:8px;flex:0 0 46px;place-items:center;display:grid}.plan-panel__icon svg{fill:none;stroke:currentColor;stroke-width:2.3px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.plan-panel__icon path[d*="15 8.3"]{fill:currentColor;stroke:none}.plan-panel__status>small{color:#697589;text-transform:uppercase;font-size:12px;font-weight:900}.plan-panel__status>strong{color:#172033;overflow-wrap:anywhere;font-size:28px;font-weight:950;line-height:1.08}.plan-panel__status>p{color:#697589;max-width:34ch;margin:0;font-size:14px;font-weight:750;line-height:1.55}.plan-panel__meta{border:1px solid color-mix(in srgb, var(--plan-accent), white 80%);width:fit-content;min-height:32px;color:var(--plan-accent);background:#fff;border-radius:8px;align-items:center;padding:0 11px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:0 10px 22px #1820330d}.plan-panel__perks{z-index:1;gap:8px;padding:0 22px;display:grid;position:relative}.plan-panel__perk{border:1px solid color-mix(in srgb, var(--plan-accent), white 82%);color:#172033;background:#ffffffc7;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:11px;min-height:54px;padding:9px 11px;display:grid;box-shadow:0 8px 18px #18203309}.plan-panel__perk.is-muted{color:#697589;background:#f8fafc;border-color:#e2e8f0}.plan-panel__perk svg{background:color-mix(in srgb, var(--plan-accent), white 88%);width:34px;height:34px;color:var(--plan-accent);fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;border-radius:8px;padding:8px}.plan-panel__perk span{gap:2px;min-width:0;display:grid}.plan-panel__perk strong,.plan-panel__perk small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.plan-panel__perk strong{font-size:13px;font-weight:950}.plan-panel__perk small{color:#697589;font-size:12px;font-weight:750}.plan-panel__cta{z-index:1;background:linear-gradient(135deg, var(--plan-accent), #2563eb);color:#fff;min-height:46px;box-shadow:0 16px 34px color-mix(in srgb, var(--plan-accent), transparent 78%);border-radius:8px;justify-content:center;align-items:center;gap:10px;margin:2px 22px 22px;padding:0 16px;font-size:14px;font-weight:950;text-decoration:none;transition:transform .2s,box-shadow .2s,filter .2s;display:inline-flex;position:relative}.plan-panel__cta svg{fill:currentColor;width:18px;height:18px}.plan-panel__cta:hover{filter:saturate(1.08);transform:translateY(-1px);box-shadow:0 20px 42px #2563eb33}.style-showcase{padding:22px}.style-showcase__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.style-tile{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.style-tile img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.style-tile__content{gap:8px;padding:14px;display:grid}.style-tile__content span{color:#2563eb;background:#2563eb17;border-radius:999px;align-items:center;width:fit-content;min-height:24px;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}.style-tile__content h3,.style-tile__content p,.style-tile__content small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.style-tile__content h3{color:#172033;margin:0;font-size:16px;font-weight:950}.style-tile__content p{color:#697589;margin:0;font-size:13px;font-weight:750}.style-tile__content div{border-top:1px solid #e2e8f0;gap:3px;padding-top:4px;display:grid}.style-tile__content strong{color:#0f766e;font-size:13px;font-weight:950}.style-tile__content small{color:#697589;font-size:12px;font-weight:700}.dashboard-empty{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;gap:4px;padding:18px;display:grid}.dashboard-empty strong{color:#172033;font-size:15px;font-weight:950}.dashboard-empty span{color:#697589;font-size:13px;font-weight:750;line-height:1.5}@media (width<=1180px){.dashboard-hero,.dashboard-grid{grid-template-columns:1fr}.dashboard-hero__visual{min-height:260px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.content .content-hall-first .hall-second{width:100%;padding:16px}.customer-dashboard{padding:16px 0 44px}.style-showcase__grid{grid-template-columns:1fr}}@media (width<=640px){.dashboard-hero{min-height:0}.dashboard-hero__content{padding:24px}.dashboard-hero h1{font-size:30px}.dashboard-hero__visual{min-height:430px}.hero-style--1,.hero-style--2,.hero-style--3{width:100%;height:128px;margin-bottom:12px;position:relative;inset:auto}.stats-grid{grid-template-columns:1fr}.dashboard-panel,.style-showcase{padding:18px}.dashboard-panel__header{flex-direction:column;align-items:stretch}.dashboard-panel__header a{width:fit-content}.demo-item{grid-template-columns:50px minmax(0,1fr) 38px}.demo-item img{width:50px;height:50px}.demo-item__badge{grid-column:2/3;width:fit-content}.demo-item a{grid-area:1/3/3/4}}.demo{width:100%}.demo .content-hall-first{flex-direction:row;justify-content:flex-end;width:100%;display:flex}.demo .hall-second{width:calc(100% - 250px);min-width:0;padding:20px}.demo .sectionprofil-6{width:100%;margin-top:10px}.demo-section{color:#111827;padding:10px 25px 20px 10px}.demo-section__header{background:linear-gradient(135deg,#2563eb1a,#16a34a14),#fff;border:1px solid #2563eb24;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;padding:22px;display:flex;box-shadow:0 18px 45px #0f172a14}.demo-section__header span{color:#2563eb;text-transform:uppercase;background:#eff6ff;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.demo-section__header h1{color:#111827;margin:12px 0 8px;font-size:32px;font-weight:900;line-height:1.1}.demo-section__header p{color:#475569;max-width:720px;margin:0;font-size:15px;line-height:1.6}.demo-section__actions{flex:none;align-items:center;gap:10px;display:flex}.demo-section__primary,.demo-section__secondary{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-size:14px;font-weight:900;text-decoration:none;display:inline-flex}.demo-section__primary{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 12px 24px #2563eb2e}.demo-section__secondary{color:#2563eb;background:#fff;border:1px solid #2563eb38}.demo-section__empty{color:#64748b;text-align:center;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px;margin:18px 0 0;padding:18px;font-size:14px;font-weight:800}.demo-section .categories{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.demo-section .categories button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;min-height:38px;padding:0 16px;font-weight:800;transition:border-color .2s,background .2s,color .2s,transform .2s}.demo-section .categories button:hover{color:#2563eb;border-color:#2563eb52;transform:translateY(-1px)}.demo-section .categories button.active{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:#0000}.demo-section .grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.demo-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden;box-shadow:0 16px 38px #0f172a12}.demo-card:hover,.demo-card.is-playing{border-color:#2563eb42;transform:translateY(-3px);box-shadow:0 24px 56px #0f172a1f}.demo-card__image{aspect-ratio:16/9;background:#0f172a;position:relative;overflow:hidden}.demo-card__image img,.demo-card__image .demo-card__thumbnail-video{object-fit:cover;opacity:.9;width:100%;height:100%;transition:transform .25s}.demo-card__image .demo-card__thumbnail-video{pointer-events:none;background:#0f172a;display:block}.demo-card__image:after{content:"";pointer-events:none;background:linear-gradient(#0f172a0d,#0f172a7a);position:absolute;inset:0}.demo-card:hover .demo-card__image img,.demo-card:hover .demo-card__image .demo-card__thumbnail-video{transform:scale(1.04)}.demo-card__source{z-index:1;color:#fff;background:#dc2626;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex;position:absolute;top:12px;left:12px}.demo-card__trend{z-index:1;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ac2;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex;position:absolute;top:12px;right:12px}.demo-card__play-icon{z-index:1;color:#2563eb;cursor:pointer;background:#fffffff0;border:0;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 14px 32px #0f172a3d}.demo-card__play-icon svg{fill:currentColor;width:23px;height:23px}.demo-card__player{z-index:3;background:#000;position:absolute;inset:0}.demo-card__player iframe,.demo-card__player video{border:0;width:100%;height:100%}.demo-card__player video{object-fit:contain;background:#000}.demo-card__content{gap:14px;padding:16px;display:grid}.demo-card__content h2{color:#111827;margin:0 0 5px;font-size:19px;font-weight:900}.demo-card__content small{color:#ea580c;font-size:12px;font-weight:700}.demo-card__category{color:#7c3aed;font-size:13px;font-weight:900}.demo-card__meta{flex-wrap:wrap;gap:10px;display:flex}.demo-card__meta span{color:#64748b;align-items:center;gap:5px;font-size:12px;font-weight:800;display:inline-flex}.demo-card__meta svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.demo-card__actions{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.demo-card__actions button,.demo-card__actions a{cursor:pointer;-webkit-user-select:none;user-select:none;caret-color:#0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 14px;font-size:14px;font-weight:900;line-height:1;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:inline-flex}.demo-card__actions button svg,.demo-card__actions a svg{fill:currentColor;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.demo-card__actions button span,.demo-card__actions a span{overflow-wrap:anywhere;text-align:center;min-width:0}.demo-card__actions button:hover,.demo-card__actions a:hover{transform:translateY(-1px)}.demo-card__actions button:focus-visible,.demo-card__actions a:focus-visible{outline-offset:2px;outline:3px solid #2563eb33}.demo-card__play{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border:0;box-shadow:0 12px 22px #2563eb2e}.demo-card__youtube{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.demo-card__install{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}@media (width<=820px){.demo .hall-second{width:100%;padding:16px}.demo-section{padding:0}.demo-section__header{flex-direction:column}.demo-section__header h1{font-size:26px}.demo-section__actions{flex-wrap:wrap;width:100%}.demo-section__primary,.demo-section__secondary{flex:150px}}.stylesampling{width:100%}.stylesampling .content-hall-first{flex-direction:row;justify-content:flex-end;width:100%;display:flex}.stylesampling .hall-second{width:calc(100% - 250px);min-width:0;padding:20px}.stylesampling .sectionprofil-6{width:100%}.style-page{color:#111827;gap:18px;padding:10px 25px 20px 10px;display:grid}.style-page__header{background:linear-gradient(135deg,#2563eb1a,#0f766e14),#fff;border:1px solid #2563eb24;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px;display:flex;box-shadow:0 18px 45px #0f172a14}.style-page__header span{color:#2563eb;text-transform:uppercase;background:#eff6ff;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.style-page__header h1{color:#111827;margin:12px 0 8px;font-size:32px;font-weight:900;line-height:1.1}.style-page__header p{color:#475569;max-width:720px;margin:0;font-size:15px;line-height:1.6}.style-page__upgrade,.style-page .style-card__subscribe{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#7c3aed,#ec4899);border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 14px 28px #7c3aed3d}.style-page__upgrade svg,.style-page .style-card__subscribe svg{fill:currentColor;width:18px;height:18px}.style-page .filters{background:#fff;border:1px solid #c7c7c7;border-radius:8px;grid-template-columns:minmax(260px,1fr) 190px 220px;gap:12px;padding:18px;display:grid;box-shadow:0 4px 6px #0f172a1a,0 8px 24px #0f172a1a}.style-page .filters label{margin:0;position:relative}.style-page .filters label svg{fill:none;stroke:#64748b;stroke-width:2px;width:18px;height:18px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.style-page .filters label input{padding-left:40px}.style-page .filters input,.style-page .filters select{color:#111827;width:100%;min-height:42px;font:inherit;background:#f8fafc;border:1px solid #c7c7c7;border-radius:8px;outline:0;transition:border-color .2s,box-shadow .2s,background .2s}.style-page .filters input:hover,.style-page .filters select:hover{border-color:#000}.style-page .filters input:focus,.style-page .filters select:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.style-page .filters input{padding-right:12px}.style-page .filters select{padding:0 12px}.style-page .filters .ts-wrapper{width:100%;min-width:0}.style-page__notice{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;align-items:center;gap:13px;padding:14px;display:flex}.style-page__notice>svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;background:#ffedd5;border-radius:8px;flex:0 0 36px;width:36px;height:36px;padding:8px}.style-page__notice strong,.style-page__notice span{display:block}.style-page__notice strong{font-size:14px;font-weight:900}.style-page__notice span{margin-top:3px;font-size:13px;line-height:1.45}.style-page__notice--error{color:#be123c;background:#fff1f2;border-color:#fecdd3}.style-page__notice--error>svg{background:#ffe4e6}.style-page__notice--success{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.style-page__notice--success>svg{background:#dcfce7}.style-page__empty{text-align:center;background:#fff;border:1px dashed #e2e8f0;border-radius:8px;grid-column:1/-1;place-items:center;gap:6px;min-height:180px;padding:24px;display:grid}.style-page__empty strong{color:#111827;font-size:18px;font-weight:900}.style-page__empty span{color:#64748b;font-size:14px}.style-page .grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.sampling-pack-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.sampling-pack-strip span{color:#334155;text-align:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-content:center;gap:4px;min-height:68px;padding:10px 12px;font-size:13px;font-weight:900;display:grid}.sampling-pack-strip strong,.sampling-pack-strip small,.sampling-pack-strip em{overflow-wrap:anywhere;min-width:0;display:block}.sampling-pack-strip small{color:#64748b;font-size:11px;font-weight:800}.sampling-pack-strip em{color:#0f766e;font-size:11px;font-style:normal;font-weight:900}.sampling-request-form{background:#fff;border:1px solid #c7c7c7;border-radius:8px;gap:14px;padding:18px;display:grid;box-shadow:0 4px 6px #0f172a1a,0 8px 24px #0f172a1a}.sampling-request-form__header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.sampling-request-form__header span{color:#2563eb;text-transform:uppercase;font-size:12px;font-weight:900}.sampling-request-form__header h2{color:#111827;margin:4px 0 0;font-size:22px;font-weight:900}.sampling-request-form__header strong{color:#2563eb;white-space:nowrap;background:#eff6ff;border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.sampling-request-form__grid{grid-template-columns:minmax(0,1.4fr) minmax(180px,.6fr);gap:12px;display:grid}.sampling-request-form label{color:#111827;gap:7px;margin:0;font-size:13px;font-weight:900;display:grid}.sampling-request-form input,.sampling-request-form select,.sampling-request-form textarea{color:#111827;width:100%;min-height:44px;font:inherit;background:#f8fafc;border:1px solid #c7c7c7;border-radius:8px;outline:0}.sampling-request-form input:focus,.sampling-request-form select:focus,.sampling-request-form textarea:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.sampling-request-form input,.sampling-request-form select{padding:0 12px}.sampling-request-form textarea{resize:vertical;padding:11px 12px}.sampling-request-form small{color:#e11d48;font-size:12px}.sampling-request-form__note{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:12px;font-size:13px;font-weight:800;line-height:1.5}.sampling-request-form__payment{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.sampling-request-form__payment span,.sampling-request-form__payment strong,.sampling-request-form__payment p{margin:0;display:block}.sampling-request-form__payment span{color:#2563eb;text-transform:uppercase;font-size:12px;font-weight:900}.sampling-request-form__payment strong{color:#111827;margin-top:4px;font-size:24px;font-weight:950}.sampling-request-form__payment p{color:#475569;max-width:520px;font-size:13px;font-weight:800;line-height:1.45}.sampling-request-form>button{color:#fff;cursor:pointer;background:#0f766e;border:0;border-radius:8px;min-height:44px;font-weight:900}.sampling-orders{gap:14px;display:grid}.sampling-orders__header{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.sampling-orders__header span{color:#0f766e;text-transform:uppercase;font-size:12px;font-weight:900}.sampling-orders__header h2{color:#111827;margin:4px 0 0;font-size:22px;font-weight:900}.sampling-orders__header strong{color:#0f766e;background:#ecfeff;border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.sampling-order-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:14px;padding:16px;display:grid;box-shadow:0 16px 38px #0f172a12}.sampling-order-card__head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sampling-order-card__head span{color:#64748b;font-size:12px;font-weight:900}.sampling-order-card__head h3{color:#111827;margin:5px 0;font-size:20px;font-weight:900}.sampling-order-card__head p{color:#475569;margin:0;font-size:13px;font-weight:800}.sampling-order-card__meta,.sampling-order-card__steps{flex-wrap:wrap;gap:8px;display:flex}.sampling-order-card__meta span,.sampling-order-card__steps span{color:#64748b;background:#f8fafc;border-radius:999px;align-items:center;min-height:30px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.sampling-order-card__steps span{background:#fff;border:1px solid #e2e8f0}.sampling-order-card__steps .is-done{color:#0f766e;background:#f0fdfa;border-color:#99f6e4}.sampling-order-card__state,.sampling-order-card__delivery{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:13px;display:flex}.sampling-order-card__state strong,.sampling-order-card__state span,.sampling-order-card__delivery strong,.sampling-order-card__delivery span{display:block}.sampling-order-card__state strong,.sampling-order-card__delivery strong{color:#1d4ed8;font-size:14px;font-weight:900}.sampling-order-card__state span,.sampling-order-card__delivery span{color:#475569;margin-top:4px;font-size:13px;line-height:1.45}.sampling-order-card__state a,.sampling-order-card__delivery a{color:#fff;white-space:nowrap;background:#0f766e;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:0 14px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.sampling-order-card__state.is-waiting,.sampling-order-card__delivery.is-waiting{background:#fff7ed;border-color:#fed7aa}.sampling-order-card__state.is-waiting strong,.sampling-order-card__delivery.is-waiting strong{color:#9a3412}.sampling-order-card__upload,.sampling-order-card__payment{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.sampling-order-card__upload label,.sampling-order-card__payment label{color:#111827;gap:7px;margin:0;font-size:13px;font-weight:900;display:grid}.sampling-order-card__upload input,.sampling-order-card__payment input{color:#111827;background:#f8fafc;border:1px dashed #94a3b8;border-radius:8px;min-height:44px;padding:9px}.sampling-order-card__upload button,.sampling-order-card__payment button{color:#fff;cursor:pointer;background:#0f766e;border:0;border-radius:8px;min-height:44px;padding:0 16px;font-weight:900}.sampling-order-card__payment{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;padding:13px}.sampling-order-card__payment div{gap:4px;display:grid}.sampling-order-card__payment strong,.sampling-order-card__payment span{display:block}.sampling-order-card__payment strong{color:#15803d;font-size:14px;font-weight:900}.sampling-order-card__payment span{color:#475569;font-size:13px;line-height:1.45}.sampling-order-card__payment button{white-space:nowrap;background:#15803d}.sampling-order-card__payment-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.sampling-order-card__payment-actions form{margin:0}#samplingMidtransModal .modal-content:before{background:linear-gradient(90deg,#0f766e,#2563eb,#f59e0b)}#samplingMidtransModal .modal-eyebrow{color:#0f766e}#samplingMidtransModal .modal-context{color:#0f766e;overflow-wrap:anywhere;background:#f0fdfa;border:1px solid #ccfbf1;border-radius:8px;margin:0;padding:12px;font-size:13px;font-weight:900}#samplingMidtransModal .sampling-midtrans-summary div:first-child{background:#f0fdfa;border-color:#ccfbf1}#samplingMidtransModal .sampling-midtrans-summary div:first-child span{color:#0f766e}#samplingMidtransModal .sampling-midtrans-summary div:last-child{background:#fff7ed;border-color:#fed7aa}#samplingMidtransModal .sampling-midtrans-summary div:last-child span{color:#9a3412}#samplingMidtransModal .sampling-midtrans-product{background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}#samplingMidtransModal .sampling-midtrans-product span,#samplingMidtransModal .sampling-midtrans-product strong,#samplingMidtransModal .sampling-midtrans-product p{margin:0;display:block}#samplingMidtransModal .sampling-midtrans-product span{color:#1d4ed8;text-transform:uppercase;font-size:12px;font-weight:900}#samplingMidtransModal .sampling-midtrans-product strong{color:#111827;margin-top:4px;font-size:16px;font-weight:950}#samplingMidtransModal .sampling-midtrans-product p{color:#475569;text-align:right;font-size:13px;font-weight:800}#samplingMidtransModal .sampling-midtrans-methods{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}#samplingMidtransModal .sampling-midtrans-methods span{color:#334155;text-align:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}#samplingMidtransModal .sampling-midtrans-note{background:#f0fdfa;border-color:#ccfbf1}#samplingMidtransModal .sampling-midtrans-note span{color:#0f766e}#samplingMidtransModal .sampling-midtrans-note p{color:#475569}#samplingMidtransModal .modal-footer button:last-child{background:#0f766e;box-shadow:0 14px 28px #0f766e33}.sampling-status{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:999px;align-items:center;min-height:30px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.sampling-status--pending-payment{color:#9a3412;background:#fff7ed}.sampling-status--paid,.sampling-status--n27-uploaded{color:#1d4ed8;background:#eff6ff}.sampling-status--processing{color:#9a3412;background:#fff7ed}.sampling-status--ready,.sampling-status--completed{color:#15803d;background:#f0fdf4}.style-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;box-shadow:0 16px 38px #0f172a12}.style-card.is-locked .style-card__image img{filter:saturate(.72)brightness(.7)}.style-card__image{aspect-ratio:16/10;background:#111827;position:relative;overflow:hidden}.style-card__image img{object-fit:cover;width:100%;height:100%}.style-card__top{z-index:1;justify-content:space-between;gap:10px;display:flex;position:absolute;top:12px;left:12px;right:12px}.style-card__top span,.style-card__top strong{border-radius:999px;align-items:center;gap:6px;min-height:27px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.style-card__top span{color:#111827;background:#ffffffeb}.style-card__top strong{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316)}.style-card__top svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.style-card__lock{background:#0f172a33;place-items:center;display:grid;position:absolute;inset:0}.style-card__lock svg{color:#7c3aed;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;background:#fffffff0;border-radius:50%;width:58px;height:58px;padding:14px;box-shadow:0 18px 34px #0f172a38}.style-card__content{gap:14px;padding:16px;display:grid}.style-card__content h2{color:#111827;margin:0 0 5px;font-size:19px;font-weight:900}.style-card__content p{color:#64748b;margin:0;font-size:13px;font-weight:800}.style-card__meta{flex-wrap:wrap;gap:10px;display:flex}.style-card__meta span{color:#64748b;background:#f8fafc;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.style-card__files{gap:8px;display:grid}.style-card__files div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:9px;min-width:0;min-height:38px;padding:0 10px;display:grid}.style-card__files strong{color:#7c3aed;font-size:12px;font-weight:950}.style-card__files span{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.style-card__subscribe{width:100%}.style-card__downloads{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.style-card__downloads .style-card__subscribe{grid-column:1/-1}.style-card__downloads--single{grid-template-columns:1fr}.style-card__downloads a,.style-card__downloads button{border-radius:8px;justify-content:center;align-items:center;min-height:42px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.style-card__downloads a{color:#fff;background:linear-gradient(135deg,#7c3aed,#ec4899);border:0;box-shadow:0 12px 24px #7c3aed33}.style-card__downloads button{color:#94a3b8;cursor:not-allowed;background:#f1f5f9;border:1px solid #e2e8f0}@media (width<=980px){.style-page__header{flex-direction:column}.style-page__upgrade{width:100%}.style-page .filters{grid-template-columns:1fr}.sampling-pack-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.sampling-request-form__header{flex-direction:column}.sampling-request-form__header strong{white-space:normal}.sampling-request-form__grid{grid-template-columns:1fr}.sampling-request-form__payment,.sampling-order-card__head,.sampling-order-card__state,.sampling-order-card__delivery{flex-direction:column;align-items:flex-start}.sampling-order-card__delivery a{width:100%}.sampling-order-card__upload,.sampling-order-card__payment{grid-template-columns:1fr}.sampling-order-card__upload button,.sampling-order-card__payment button{width:100%}.sampling-order-card__payment-actions{flex-direction:column;width:100%}#samplingMidtransModal .sampling-midtrans-product{flex-direction:column;align-items:flex-start}#samplingMidtransModal .sampling-midtrans-product p{text-align:left}#samplingMidtransModal .sampling-midtrans-methods{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.stylesampling .hall-second{width:100%;padding:16px}.style-page{padding:0}.style-page__header h1{font-size:26px}}@media (width<=560px){.sampling-pack-strip,#samplingMidtransModal .sampling-midtrans-methods{grid-template-columns:1fr}}.subcription{width:100%}.subcription .content-hall-first{flex-direction:row;justify-content:flex-end;width:100%;display:flex}.subcription .hall-second{width:calc(100% - 250px);min-width:0;padding:20px}.subcription .sectionprofil-6{width:100%}.subcription .pricing{gap:28px;padding:32px 40px 60px;display:grid}.pricing-header{max-width:760px}.pricing-header span{color:#9333ea;text-transform:uppercase;background:#f5f3ff;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.pricing-header h2{color:#0f172a;margin:14px 0 10px;font-size:40px;font-weight:900;line-height:1.08}.pricing-header p{color:#64748b;margin:0;font-size:17px;line-height:1.65}.payment-alert{color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;gap:4px;padding:14px 16px;display:grid}.payment-alert strong,.payment-alert span{display:block}.payment-alert--error{color:#be123c;background:#fff1f2;border-color:#fecdd3}.pricing-wrapper{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.plan-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:22px;padding:28px;display:grid;position:relative;box-shadow:0 18px 45px #0f172a14}.plan-card .plan-top{align-items:center;gap:14px;display:flex}.plan-card .plan-top .plan-icon{color:#2563eb;background:#f8fafc;border-radius:8px;place-items:center;width:54px;height:54px;display:grid}.plan-card .plan-top .plan-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.plan-card .plan-top .premium-icon{color:#9333ea;background:#f5f3ff}.plan-card .plan-top .premium-icon svg{fill:currentColor;stroke:none}.plan-card .plan-top h3{color:#0f172a;margin:0;font-size:22px;font-weight:900}.plan-card .plan-top span{color:#64748b;font-size:15px}.plan-card .price{color:#0f172a;font-size:42px;font-weight:900}.plan-card .price span{color:#64748b;margin-left:4px;font-size:15px}.plan-card .desc{color:#64748b;margin:0;font-size:15px;line-height:1.6}.plan-card__status{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;gap:4px;padding:12px 14px;display:grid}.plan-card__status strong{color:#1d4ed8;font-size:13px;font-weight:900}.plan-card__status span{color:#475569;font-size:13px;font-weight:800}.plan-card__status.is-active{background:#f0fdf4;border-color:#bbf7d0}.plan-card__status.is-active strong{color:#15803d}.plan-card__status.is-expired{background:#fff7ed;border-color:#fed7aa}.plan-card__status.is-expired strong{color:#c2410c}.plan-card .features{gap:12px;margin:0;padding:0;list-style:none;display:grid}.plan-card .features li{color:#94a3b8;font-size:15px;font-weight:800}.plan-card .features li.active{color:#0f172a}.plan-card .current-btn,.plan-card .subscribe-btn{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;width:100%;height:48px;font-size:15px;font-weight:900;text-decoration:none;display:inline-flex}.plan-card .current-btn{color:#94a3b8;background:#f3f4f6;margin-top:3vh}.plan-card .subscribe-btn{color:#fff;background:linear-gradient(135deg,#9333ea,#ec4899);box-shadow:0 14px 28px #9333ea33}.plan-card.premium{border-color:#9333ea5c}.plan-card .badge{color:#fff;background:linear-gradient(135deg,#9333ea,#ec4899);border-radius:999px;align-items:center;min-height:28px;padding:0 16px;font-size:12px;font-weight:900;display:inline-flex;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.subscription-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.subscription-benefits article{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-content:start;gap:10px;min-height:126px;padding:20px;display:grid;box-shadow:0 12px 30px #0f172a0f}.subscription-benefits strong{color:#0f172a;font-size:17px;font-weight:900}.subscription-benefits p{color:#64748b;margin:0;font-size:14px;line-height:1.55}@media (width<=980px){.pricing-wrapper,.subscription-benefits{grid-template-columns:1fr}.subcription .pricing{padding:24px 0 48px}}@media (width<=640px){.subcription .hall-second{width:100%;padding:16px}.pricing-header h2{font-size:30px}}.content{width:100%;margin:0 auto}.content .content-hall-first{flex-direction:row;justify-content:flex-end;width:100%;display:flex}.content .content-hall-first .hall-second{background:#ebebeb;width:calc(100% - 250px);min-width:0;padding:20px}.admin-dashboard{color:#151824;padding:10px 25px 15px 10px;display:grid}.admin-dashboard__grid{grid-template-columns:repeat(2,minmax(0,2fr));gap:20px;display:grid}.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.admin-stat{background:linear-gradient(180deg, var(--stat-soft), #fff0 58%), #fff;border:1px solid #e6eaf2;border-radius:8px;align-items:center;gap:14px;min-height:154px;padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px #0f172a1a,0 8px 24px #0f172a1a}.admin-stat:before{content:"";background:var(--stat-color);width:4px;position:absolute;inset:0 auto 0 0}.admin-stat:after{content:"";background:var(--stat-soft);border-radius:50%;width:112px;height:112px;position:absolute;bottom:-44px;right:-32px}.admin-stat:hover{border-color:#2563eb38;transform:translateY(-3px);box-shadow:0 24px 60px #0f172a1f}.admin-stat__icon{z-index:1;background:var(--stat-color);color:#fff;border-radius:8px;flex:0 0 53px;place-items:center;width:53px;height:53px;display:grid;position:relative}.admin-stat__icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.admin-stat__content{z-index:1;min-width:0;position:relative}.admin-stat__content>span{color:#6b7280;text-transform:uppercase;font-size:12px;font-weight:900;display:block}.admin-stat__content>strong{color:#151824;overflow-wrap:anywhere;margin-bottom:2px;font-size:30px;font-weight:950;line-height:1.1;display:block}.admin-stat__content div{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.admin-stat__content b{color:var(--stat-color);font-size:13px}.admin-stat__content small{color:#6b7280;font-size:12px}.admin-stat--violet{--stat-color:#7c3aed;--stat-soft:#7c3aed1c}.admin-stat--blue{--stat-color:#2563eb;--stat-soft:#2563eb1c}.admin-stat--green{--stat-color:#059669;--stat-soft:#0596691c}.admin-stat--orange{--stat-color:#ea580c;--stat-soft:#ea580c1f}.admin-stat--red{--stat-color:#e11d48;--stat-soft:#e11d481c}.admin-stat--dark{--stat-color:#111827;--stat-soft:#1118271a}.dashboard-panel{background:#fff;border:1px solid #e6eaf2;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;min-height:342px;padding:22px;box-shadow:0 4px 6px #0f172a1a,0 8px 24px #0f172a1a}.dashboard-panel--wide{grid-column:span 1}.dashboard-panel--trend{grid-row:span 1}.dashboard-panel__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.dashboard-panel__header span{color:#6b7280;text-transform:uppercase;margin-bottom:5px;font-size:12px;font-weight:800;display:block}.dashboard-panel__header h2{color:#151824;margin:0;font-size:21px;line-height:1.25}.dashboard-panel__header>strong{color:#334155;background:#f1f5f9;border-radius:8px;flex:none;padding:8px 10px;font-size:13px}.subscription-chart{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:14px;height:255px;padding-top:8px;display:grid}.subscription-chart__item{text-align:center;grid-template-rows:1fr auto auto;align-items:end;min-width:0;height:100%;display:grid}.subscription-chart__item strong{color:#151824;margin-top:10px;font-size:13px}.subscription-chart__item small{color:#6b7280;margin-top:5px;font-size:12px}.subscription-chart__bar-wrap{background:linear-gradient(#f8fafc 0%,#eef2ff 100%);border-radius:8px;justify-content:center;align-items:flex-end;height:100%;min-height:150px;display:flex;position:relative;overflow:hidden}.subscription-chart__bar-wrap span{background:linear-gradient(#8b5cf6 0%,#2563eb 100%);border-radius:8px 8px 0 0;width:100%;min-height:22px;display:block;box-shadow:0 12px 24px #2563eb33}.trending-list{flex-direction:column;gap:12px;display:flex}.trending-list__item{background:#fbfcff;border:1px solid #edf0f5;border-radius:8px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.trending-list__rank{color:#fff;background:#111827;border-radius:8px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.trending-list__song,.trending-list__meta{min-width:0}.trending-list__song strong,.trending-list__song span,.trending-list__meta strong,.trending-list__meta span{display:block}.trending-list__song strong{color:#151824;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.trending-list__song span{color:#6b7280;margin-top:4px;font-size:12px}.trending-list__meta{text-align:right}.trending-list__meta strong{color:#2563eb;font-size:14px}.trending-list__meta span{color:#6b7280;margin-top:4px;font-size:12px}.download-chart{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:12px;height:238px;padding-top:8px;display:grid}.download-chart__item{text-align:center;grid-template-rows:auto 1fr auto;align-items:end;min-width:0;height:100%;display:grid}.download-chart__value{color:#334155;margin-bottom:8px;font-size:12px;font-weight:800}.download-chart__bar{background:linear-gradient(#14b8a6 0%,#0f766e 100%);border-radius:8px 8px 0 0;width:100%;min-height:24px;box-shadow:0 12px 22px #0f766e2e}.download-chart small{color:#6b7280;margin-top:9px;font-size:12px}.demo-performance{flex-direction:column;gap:17px;display:flex}.demo-performance__item{gap:9px;display:grid}.demo-performance__title{justify-content:space-between;align-items:center;gap:12px;display:flex}.demo-performance__title strong{color:#151824;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.demo-performance__title span{color:#6b7280;flex:none;font-size:12px}.demo-performance__track{background:#eef2f7;border-radius:999px;height:11px;overflow:hidden}.demo-performance__track span{border-radius:inherit;background:linear-gradient(90deg,#f97316 0%,#e11d48 100%);height:100%;display:block}@media (width<=1180px){.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-dashboard__grid{grid-template-columns:1fr}.dashboard-panel--trend{grid-row:auto}}@media (width<=860px){.content .content-hall-first .hall-second{width:100%;padding:14px}.admin-dashboard{padding:18px 0}.admin-dashboard__header{flex-direction:column}.admin-dashboard__header h1{font-size:28px}.admin-dashboard__period{width:100%}.admin-stats{grid-template-columns:1fr}}@media (width<=620px){.admin-stat{min-height:auto}.dashboard-panel{min-height:auto;padding:18px}.dashboard-panel__header{flex-direction:column}.dashboard-panel__header>strong{text-align:center;width:100%}.subscription-chart,.download-chart{gap:8px;padding-bottom:4px;overflow-x:auto}.subscription-chart__item,.download-chart__item{min-width:48px}.trending-list__item{grid-template-columns:34px minmax(0,1fr)}.trending-list__meta{text-align:left;grid-column:2}.demo-performance__title{flex-direction:column;align-items:flex-start;gap:5px}.demo-performance__title span{flex:initial}}.admin-demo{color:#121826;padding:10px 25px 15px 10px}.admin-demo *{box-sizing:border-box}.admin-demo__header{background:linear-gradient(135deg,#2563eb1a,#0f766e14),#fff;border:1px solid #2563eb1f;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #0f172a14}.admin-demo__header:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#2563eb1a 1px,#0000 1px),linear-gradient(#2563eb14 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#00000047,#0000 70%);mask-image:linear-gradient(90deg,#00000047,#0000 70%)}.admin-demo__header>div,.admin-demo__header>button{z-index:1;position:relative}.admin-demo__header h1{color:#121826;margin:8px 0 9px;font-size:36px;line-height:1.05}.admin-demo__header p{color:#475569;max-width:720px;margin:0;font-size:15px;line-height:1.65}.admin-demo__eyebrow{color:#2563eb;letter-spacing:0;text-transform:uppercase;background:#ffffffb8;border:1px solid #2563eb29;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.admin-demo__primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:0 18px;font-weight:900;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 14px 28px #2563eb3d}.admin-demo__primary:hover{transform:translateY(-2px);box-shadow:0 18px 34px #2563eb4d}.admin-demo__primary svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:18px;height:18px}.admin-demo__summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.admin-demo__summary article{background:linear-gradient(180deg, var(--summary-soft), #fff0 58%), #fff;border:1px solid #c7c7c7;border-radius:8px;align-items:center;gap:14px;min-height:116px;padding:19px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #0f172a14}.admin-demo__summary article span{margin:0}.admin-demo__summary article:before{content:"";background:var(--summary-color);width:5px;position:absolute;inset:0 auto 0 0}.admin-demo__summary article:after{content:"";background:var(--summary-soft);border-radius:50%;width:112px;height:112px;position:absolute;bottom:-44px;right:-32px}.admin-demo__summary article:hover{border-color:#2563eb38;transform:translateY(-3px);box-shadow:0 24px 60px #0f172a1f}.admin-demo__summary article:first-child{--summary-color:#2563eb;--summary-soft:#2563eb1a}.admin-demo__summary article:nth-child(2){--summary-color:#f97316;--summary-soft:#f973161f}.admin-demo__summary article:nth-child(3){--summary-color:#7c3aed;--summary-soft:#7c3aed1c}.admin-demo__summary article:nth-child(4){--summary-color:#0f766e;--summary-soft:#0f766e1c}.admin-demo__summary span,.admin-demo__summary strong,.admin-demo__summary small,.admin-demo__summary-body,.admin-demo__summary-icon{z-index:1;position:relative}.admin-demo__summary-body{gap:5px;min-width:0;display:grid}.admin-demo__summary-icon{background:var(--summary-color);color:#fff;border-radius:8px;flex:0 0 50px;place-items:center;width:50px;height:50px;display:grid}.admin-demo__summary-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.admin-demo__summary span,.admin-demo__summary strong,.admin-demo__summary small{min-width:0;display:block}.admin-demo__summary span{color:#64748b;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:900}.admin-demo__summary strong{color:#121826;overflow-wrap:anywhere;font-size:30px;font-weight:950;line-height:1.1}.admin-demo__summary small{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.admin-demo_grid{align-items:start;gap:20px;display:grid}.demo-manager{background:#fffffff5;border:1px solid #c7c7c7;border-radius:8px;min-width:0;padding:18px;overflow:hidden;box-shadow:0 18px 45px #0f172a14}.demo-manager__toolbar{grid-template-columns:minmax(200px,1fr) 150px 170px;gap:12px;margin-bottom:17px;display:grid}.demo-manager__toolbar select,.demo-manager__toolbar input{color:#121826;width:100%;min-height:42px;font:inherit;background:#f8fafc;border:1px solid #c7c7c7;border-radius:8px;outline:none;transition:border-color .2s,box-shadow .2s}.demo-manager__toolbar select:focus,.demo-manager__toolbar input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.demo-manager__toolbar select:hover,.demo-manager__toolbar input:hover{border-color:#000}.demo-manager__toolbar select{cursor:pointer;padding:0 12px}.demo-manager__search{position:relative}.demo-manager__search svg{color:#64748b;fill:none;stroke:currentColor;stroke-width:2px;width:18px;height:18px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.demo-manager__search input{padding:0 12px 0 40px}.demo-table{gap:11px;display:grid}.demo-table__head,.demo-table .demo-row{grid-template-columns:minmax(270px,1.35fr) minmax(190px,.75fr) 122px 98px 142px;align-items:center;gap:13px;display:grid}.demo-table__head{color:#64748b;text-transform:uppercase;padding:0 14px 6px;font-size:11px;font-weight:900}.demo-table #adminDemoTable_wrapper #adminDemoTable_filter{display:none}.demo-row{background:#fff;border:1px solid #edf2f7;border-radius:8px;padding:13px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;box-shadow:0 8px 22px #0f172a09}.demo-row:before{content:"";opacity:0;background:linear-gradient(#2563eb,#0f766e);border-radius:0 999px 999px 0;width:4px;transition:opacity .2s;position:absolute;inset:12px auto 12px 0}.demo-row:hover{border-color:#2563eb40;transform:translateY(-2px);box-shadow:0 18px 38px #0f172a17}.demo-row:hover:before{opacity:1}.demo-row:hover img{transform:scale(1.04)}.demo-row__main{align-items:center;gap:13px;min-width:0;display:flex}.demo-row__main img{object-fit:cover;border:1px solid #ffffffb8;border-radius:8px;flex:0 0 82px;width:82px;height:64px;transition:transform .2s;box-shadow:0 12px 24px #0f172a1f}.demo-row__main div{min-width:0}.demo-row__main strong,.demo-row__main span{display:block}.demo-row__main strong{color:#121826;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.demo-row__main span{color:#64748b;margin:6px 0 7px;font-size:12px;line-height:1.35}.demo-row__main button{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #2563eb2e;border-radius:999px;min-height:26px;padding:0 9px;font-size:12px;font-weight:900}.demo-row__fields{grid-template-columns:1fr 76px;gap:8px;display:grid}.demo-row__fields select,.demo-row__fields input{color:#121826;width:100%;min-height:38px;font:inherit;background:#f8fafc;border:1px solid #c7c7c7;border-radius:8px;outline:none;padding:0 9px}.demo-row__fields select:focus,.demo-row__fields input:focus{background:#fff;border-color:#2563eb}.demo-row__access{gap:7px;display:grid}.demo-row__access small{color:#64748b;font-size:12px;font-weight:700}.demo-row__actions{justify-content:flex-end;gap:8px;display:flex}.demo-row__actions button{cursor:pointer;border-radius:8px;min-height:36px;padding:0 11px;font-size:12px;font-weight:900;transition:transform .2s,box-shadow .2s}.demo-row__actions button:hover{transform:translateY(-1px)}.demo-row__edit{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.demo-row__delete{color:#e11d48;background:#fff1f2;border:1px solid #fecdd3}.segmented-control input{display:none}.segmented-control span{color:#166534;background:#dcfce7;border-radius:999px;place-items:center;width:92px;min-height:31px;font-size:12px;font-weight:900;display:inline-grid}.segmented-control input:checked+span{color:#4338ca;background:#eef2ff}.switch-control{cursor:pointer;align-items:center;display:inline-flex}.switch-control input{display:none}.switch-control span{background:#cbd5e1;border-radius:999px;width:50px;height:29px;transition:background .2s;position:relative;box-shadow:inset 0 1px 2px #0f172a1a}.switch-control span:after{content:"";background:#fff;border-radius:50%;width:21px;height:21px;transition:transform .2s;position:absolute;top:4px;left:4px;box-shadow:0 3px 8px #0f172a33}.switch-control input:checked+span{background:linear-gradient(135deg,#f59e0b,#f97316)}.switch-control input:checked+span:after{transform:translate(21px)}@media (width<=1240px){.admin-demo__grid{grid-template-columns:1fr}}@media (width<=980px){.admin-demo__header{flex-direction:column;padding:20px}.admin-demo__header h1{font-size:29px}.admin-demo__primary{width:100%}.demo-manager__toolbar{grid-template-columns:1fr}.demo-table__head{display:none}.demo-table .demo-row{grid-template-columns:1fr;align-items:stretch}.demo-row__actions{justify-content:stretch}.demo-row__actions button{flex:1}}@media (width<=620px){.admin-demo__header h1{font-size:26px}.admin-demo__summary{grid-template-columns:1fr}.demo-manager{padding:16px}.demo-row__main{align-items:flex-start}.demo-row__main img{flex-basis:68px;width:68px;height:58px}.demo-row__fields{grid-template-columns:1fr}}.admin-demo__table{--admin-table-min-width:1040px}.admin-demo-table__demo{align-items:center;gap:12px;display:flex}.admin-demo-table__demo img{object-fit:cover;border:1px solid #fffc;border-radius:10px;width:64px;height:52px;box-shadow:0 10px 22px #0f172a1a}.admin-demo-table__demo strong{color:#0f172a;margin-bottom:3px;font-size:14px;font-weight:900;display:block}.admin-demo-table__demo span{color:#64748b;font-size:12px;display:block}.admin-demo-table__demo a{color:#1d4ed8;background:#eff6ff;border:1px solid #2563eb2e;border-radius:8px;align-items:center;min-height:26px;margin-top:7px;padding:0 9px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.admin-demo-table__missing{color:#c2410c;margin-top:7px;font-size:12px;font-weight:900;display:block}.admin-demo-table__youtube,.admin-demo-table__media{color:#b91c1c;background:#fee2e2;border-radius:8px;place-items:center;min-width:96px;min-height:30px;padding:0 10px;font-size:12px;font-weight:900;text-decoration:none;display:inline-grid}.admin-demo-table__youtube--connected,.admin-demo-table__media--connected{color:#166534;background:#dcfce7}.admin-demo-table__meta{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.admin-demo-table__genre,.admin-demo-table__bpm{white-space:nowrap;border-radius:999px;align-items:center;min-height:30px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.admin-demo-table__genre{color:#1d4ed8;background:#eff6ff;border:1px solid #2563eb2e}.admin-demo-table__bpm{color:#0f766e;background:#f0fdfa;border:1px solid #0f766e2e}.admin-demo-table__actions{gap:8px;display:inline-flex}.admin-demo-table__trend-form,.admin-demo-table__actions form{margin:0}.admin-demo-table__actions button{color:#334155;text-transform:capitalize;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;min-height:34px;padding:0 12px;font-size:12px;font-weight:900}.admin-demo-table__actions .admin-demo-table__edit{color:#2563eb;background:#2563eb14;border-color:#2563eb40}.admin-demo-table__actions .admin-demo-table__delete{color:#e11d48;background:#e11d4812;border-color:#e11d4840}.admin-style-sampling{color:#151824;padding:10px 25px 15px 10px}.admin-style-sampling__secondary{color:#0f766e;cursor:pointer;background:#0f766e14;border:1px solid #0f766e38;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 16px;font-weight:900;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.admin-style-sampling__secondary:hover{background:#0f766e1f;border-color:#0f766e5c;transform:translateY(-1px)}.admin-style-sampling__secondary svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.style-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.style-summary article{background:linear-gradient(180deg, var(--summary-soft), #fff0 58%), #fff;border:1px solid #c7c7c7;border-radius:8px;align-items:center;gap:14px;min-height:116px;padding:19px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px #0f172a1a,0 8px 24px #0f172a1a}.style-summary article:before{content:"";background:var(--summary-color);width:4px;position:absolute;inset:0 auto 0 0}.style-summary article:after{content:"";background:var(--summary-soft);border-radius:50%;width:112px;height:112px;position:absolute;bottom:-44px;right:-32px}.style-summary article:hover{border-color:#2563eb38;transform:translateY(-3px);box-shadow:0 24px 60px #1318261f}.style-summary article:first-child{--summary-color:#2563eb;--summary-soft:#2563eb1c}.style-summary article:nth-child(2){--summary-color:#7c3aed;--summary-soft:#7c3aed1c}.style-summary article:nth-child(3){--summary-color:#0f766e;--summary-soft:#0f766e1c}.style-summary article:nth-child(4){--summary-color:#f59e0b;--summary-soft:#f59e0b21}.style-summary span,.style-summary strong{z-index:1;display:block;position:relative}.style-summary span{color:#6b7280;text-transform:uppercase;font-size:12px;font-weight:900}.style-summary strong{color:#151824;overflow-wrap:anywhere;font-size:30px;font-weight:950;line-height:1.1}.style-summary__icon{z-index:1;background:var(--summary-color);color:#fff;border-radius:8px;place-items:center;width:50px;height:50px;display:grid;position:relative}.style-summary__icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.style-manager{background:#fffffff5;border:1px solid #c7c7c7;border-radius:8px;min-width:0;padding:18px;overflow:hidden;box-shadow:0 4px 6px #0f172a1a,0 8px 24px #0f172a1a}.style-manager__toolbar{grid-template-columns:minmax(220px,1fr) 150px minmax(180px,220px) 150px 150px 150px;gap:12px;margin-bottom:16px;display:grid}.style-manager__toolbar select,.style-manager__toolbar input{color:#151824;width:100%;min-height:42px;font:inherit;background:#f8fafc;border:1px solid #c7c7c7;border-radius:8px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.style-manager__toolbar select:focus,.style-manager__toolbar input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.style-manager__toolbar select:hover,.style-manager__toolbar input:hover{border-color:#000}.style-manager__toolbar select{padding:0 12px}.style-manager__toolbar .btn{justify-content:center;align-items:center;gap:8px;display:flex;background:linear-gradient(135deg,#2563eb,#7c3aed)!important;border-radius:8px!important;padding:0!important;font-size:13px!important}.style-manager__toolbar .btn svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.style-manager__toolbar .btn:hover{background:linear-gradient(135deg,#1e3a8a,#4c1d95)}.style-manager__search{position:relative}.style-manager__search svg{color:#64748b;fill:none;stroke:currentColor;stroke-width:2px;width:18px;height:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.style-manager__search input{padding:0 12px 0 38px}.style-manager__n27-link{color:#fff;background:linear-gradient(135deg,#134e4a,#0f766e);border-radius:8px;justify-content:center;align-items:center;gap:8px;height:43px;min-height:43px;padding:0 14px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 12px 24px #0f766e2e}.style-manager__n27-link svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.style-manager__n27-link:hover{background:#0d635c;box-shadow:0 16px 34px #0f766e38}.style-table{--admin-table-min-width:980px}.style-row{background:#f8fafc;border:1px solid #edf0f5;border-radius:8px;padding:12px;transition:border-color .2s,box-shadow .2s,transform .2s}.style-row:hover{border-color:#2563eb2e;transform:translateY(-2px);box-shadow:0 16px 34px #0f172a12}.style-row__title{align-items:center;gap:12px;min-width:0;display:flex}.style-row__title strong,.style-row__title span{display:block}.style-row__title strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.style-row__title span{color:#6b7280;flex-wrap:wrap;align-items:center;gap:6px;margin-top:5px;font-size:12px;display:flex}.style-row__icon{color:#7c3aed;background:#eef2ff;border-radius:8px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.style-row__icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.style-row__image{object-fit:cover;border:1px solid #fffc;border-radius:8px;flex:0 0 58px;width:58px;height:48px;box-shadow:0 10px 22px #0f172a1a}.style-row__category{color:#2563eb;white-space:nowrap;background:#eff6ff;border:1px solid #2563eb2e;border-radius:999px;align-items:center;min-height:30px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.style-row__files{min-width:0}.style-row__files span,.style-row__files small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.style-row__files span{color:#151824;font-size:13px;font-weight:800}.style-row__files small{color:#6b7280;margin-top:5px;font-size:12px}.style-row__pack,.style-row__status{gap:6px;min-width:0;display:grid}.style-row__pack strong,.style-row__pack small,.style-row__status strong,.style-row__status small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.style-row__pack strong,.style-row__status strong{color:#151824;font-size:13px;font-weight:900}.style-row__pack small,.style-row__status small{color:#6b7280;font-size:12px;font-weight:800}.style-row__status{justify-items:start}.style-row__actions{justify-content:flex-end;gap:8px;display:flex}.style-row__actions form{margin:0}.style-row__actions button{color:#475569;cursor:pointer;background:#fff;border:1px solid #c7c7c7;border-radius:8px;place-items:center;width:36px;min-height:36px;padding:0;transition:transform .2s,border-color .2s,background .2s,color .2s;display:inline-grid}.style-row__actions button:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px)}.style-row__actions button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.style-row__actions .is-danger{color:#e11d48;background:#fff1f2;border-color:#fecdd3}.style-row__actions .is-danger:hover{color:#be123c;background:#ffe4e6;border-color:#fda4af}.style-row__actions .style-row__activate{color:#166534;background:#dcfce7;border-color:#bbf7d0}.style-row__actions .style-row__activate:hover{color:#14532d;background:#bbf7d0;border-color:#86efac}.style-row__actions .style-row__deactivate{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.style-row__actions .style-row__deactivate:hover{color:#9a3412;background:#ffedd5;border-color:#fdba74}.style-status{border-radius:999px;place-items:center;min-height:22px;padding:0 8px;font-size:11px;font-weight:900;line-height:1;display:inline-grid}.style-status--published{color:#166534;background:#dcfce7}.style-status--draft{color:#92400e;background:#fef3c7}.access-pill{color:#166534;background:#dcfce7;border-radius:8px;place-items:center;width:88px;min-height:30px;font-size:12px;font-weight:900;display:inline-grid}.access-pill--free{color:#166534;background:#dcfce7}.access-pill--premium{color:#7c3aed;background:#eef2ff}@media (width<=1280px){.admin-style-sampling__grid{grid-template-columns:1fr}}@media (width<=1080px){.style-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.style-manager__toolbar{grid-template-columns:1fr}.style-row__actions{justify-content:stretch}.style-row__actions button{flex:1}}@media (width<=700px){.admin-style-sampling{padding:18px 0}.admin-style-sampling__header{flex-direction:column}.admin-style-sampling__header h1{font-size:28px}.admin-style-sampling__primary{width:100%}.style-summary{grid-template-columns:1fr}.style-summary article{min-height:104px}.style-row__title{align-items:flex-start}.style-row__actions{flex-direction:column}}.admin-sampling-requests{color:#111827;gap:18px;padding:10px 25px 20px 10px;display:grid}.sampling-request-hero{background:linear-gradient(135deg,#0f766e1a,#2563eb14),#fff;border:1px solid #0f766e2e;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px;display:flex;box-shadow:0 4px 6px #0f172a1a,0 8px 24px #0f172a1a}.sampling-request-hero span{color:#0f766e;text-transform:uppercase;background:#ecfeff;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.sampling-request-hero h1{color:#111827;margin:12px 0 8px;font-size:32px;font-weight:900;line-height:1.1}.sampling-request-hero p{color:#475569;max-width:760px;margin:0;font-size:15px;line-height:1.6}.sampling-request-hero>strong{color:#2563eb;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;min-height:36px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.sampling-admin-alert{border-radius:8px;padding:13px 14px;font-size:14px;font-weight:800}.sampling-admin-alert--success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.sampling-admin-alert--error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.sampling-request-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.sampling-request-summary article{background:linear-gradient(180deg, var(--summary-soft), #fff0 58%), #fff;border:1px solid #c7c7c7;border-radius:8px;align-items:center;gap:14px;min-height:116px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px #0f172a1a,0 8px 24px #0f172a1a}.sampling-request-summary article span{margin-top:5px}.sampling-request-summary article strong{margin:0;font-size:28px;font-weight:800!important}.sampling-request-summary article:before{content:"";background:var(--summary-color);width:4px;position:absolute;inset:0 auto 0 0}.sampling-request-summary article:after{content:"";background:var(--summary-soft);border-radius:50%;width:112px;height:112px;position:absolute;bottom:-44px;right:-32px}.sampling-request-summary article:hover{border-color:#0f766e3d;transform:translateY(-3px);box-shadow:0 24px 60px #1318261f}.sampling-request-summary article:first-child{--summary-color:#2563eb;--summary-soft:#2563eb1c}.sampling-request-summary article:nth-child(2){--summary-color:#0f766e;--summary-soft:#0f766e1c}.sampling-request-summary article:nth-child(3){--summary-color:#f59e0b;--summary-soft:#f59e0b21}.sampling-request-summary article:nth-child(4){--summary-color:#15803d;--summary-soft:#15803d1c}.sampling-request-summary span,.sampling-request-summary strong{z-index:1;display:block;position:relative}.sampling-request-summary span{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:900}.sampling-request-summary strong{color:#111827;overflow-wrap:anywhere;margin-top:6px;font-size:30px;font-weight:950;line-height:1.1}.sampling-request-summary__icon{z-index:1;background:var(--summary-color);color:#fff;border-radius:8px;place-items:center;width:50px;height:50px;display:grid;position:relative}.sampling-request-summary__icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.sampling-request-panel{background:#fffffff5;border:1px solid #c7c7c7;border-radius:8px;min-width:0;padding:18px;overflow:hidden;box-shadow:0 4px 6px #0f172a1a,0 8px 24px #0f172a1a}.sampling-request-panel__heading{border-bottom:1px solid #c7c7c7;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.sampling-request-panel__heading span{color:#0f766e;text-transform:uppercase;font-size:12px;font-weight:900}.sampling-request-panel__heading h2{color:#111827;margin:5px 0 0;font-size:22px;font-weight:900}.sampling-request-panel__heading a{color:#0f766e;white-space:nowrap;background:#f0fdfa;border:1px solid #0f766e33;border-radius:8px;justify-content:center;align-items:center;min-height:38px;padding:0 13px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.sampling-request-panel__toolbar{border-radius:8px;grid-template-columns:minmax(240px,1fr) 220px;gap:12px;margin-bottom:16px;display:grid}.sampling-request-panel .sampling-request-table{--admin-table-min-width:1210px}.sampling-request-panel .sampling-request-table thead th:first-child{width:230px}.sampling-request-panel .sampling-request-table thead th:nth-child(2){width:280px}.sampling-request-panel .sampling-request-table thead th:nth-child(3){width:230px}.sampling-request-panel .sampling-request-table thead th:nth-child(4){width:168px}.sampling-request-panel .sampling-request-table thead th:nth-child(5){width:220px}.sampling-request-panel .sampling-request-table thead th:nth-child(6){text-align:right;width:168px}.sampling-request-panel .sampling-request-table tbody tr:hover{background:#fbfcff}.sampling-request-panel .sampling-request-table tbody tr:hover .sampling-request-user>div{color:#fff;background:#2563eb}.sampling-request-panel .sampling-request-table tbody td{vertical-align:middle}.sampling-request-panel .sampling-request-table tbody td:last-child{text-align:right}.sampling-request-panel .sampling-request-search{position:relative}.sampling-request-panel .sampling-request-search svg{fill:none;stroke:#64748b;stroke-width:2px;width:18px;height:18px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.sampling-request-panel .sampling-request-search input{color:#111827;width:100%;min-height:42px;font:inherit;background:#f8fafc;border:1px solid #c7c7c7;border-radius:8px;outline:0;padding:0 12px 0 40px}.sampling-request-panel .sampling-request-search input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #6366f11f!important}.sampling-request-panel .sampling-request-search input:hover{border-color:#000}.sampling-request-panel .sampling-request-user{align-items:center;gap:10px;min-width:0;display:flex}.sampling-request-panel .sampling-request-user>div{color:#7c3aed;background:#eef2ff;border-radius:8px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-weight:900;transition:background .2s,color .2s;display:grid}.sampling-request-panel .sampling-request-user span{gap:2px;min-width:0;display:grid}.sampling-request-panel .sampling-request-user strong,.sampling-request-panel .sampling-request-user small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sampling-request-panel .sampling-request-user strong{color:#111827;font-size:14px;font-weight:900}.sampling-request-panel .sampling-request-user small{color:#64748b;font-size:12px;font-weight:700}.sampling-request-panel .sampling-request-order{gap:3px;min-width:0;display:grid}.sampling-request-panel .sampling-request-order strong{color:#111827;font-size:14px;font-weight:900}.sampling-request-panel .sampling-request-order span,.sampling-request-panel .sampling-request-order small{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.sampling-file-link,.sampling-drive-link{color:#2563eb;text-overflow:ellipsis;white-space:nowrap;background:#eff6ff;border-radius:8px;align-items:center;max-width:100%;min-height:30px;padding:0 9px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex;overflow:hidden}.sampling-drive-link{color:#0f766e;background:#f0fdfa}.sampling-file-date,.sampling-file-empty,.sampling-payment-status{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:4px;font-size:12px;font-weight:700;display:block;overflow:hidden}.sampling-admin-status{color:#475569;background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;min-width:104px;min-height:29px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.sampling-admin-status--pending-payment{color:#d97706;background:#fff7ed}.sampling-admin-status--paid,.sampling-admin-status--n27-uploaded{color:#2563eb;background:#eff6ff}.sampling-admin-status--processing{color:#d97706;background:#fff7ed}.sampling-admin-status--ready,.sampling-admin-status--completed{color:#15803d;background:#f0fdf4}.sampling-request-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.sampling-request-actions form{margin:0}.sampling-request-actions a,.sampling-request-actions button{color:#475569;cursor:pointer;background:#fff;border:1px solid #c7c7c7;border-radius:8px;place-items:center;width:36px;height:36px;text-decoration:none;transition:transform .2s,border-color .2s,color .2s,background-color .2s;display:inline-grid}.sampling-request-actions a:hover:not(:disabled),.sampling-request-actions button:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px)}.sampling-request-actions a:disabled,.sampling-request-actions button:disabled{color:#cbd5e1;cursor:not-allowed;background:#f8fafc}.sampling-request-actions svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}@media (width<=980px){.sampling-request-hero{flex-direction:column}.sampling-request-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.sampling-request-panel__toolbar{grid-template-columns:1fr}.sampling-request-panel__heading{flex-direction:column;align-items:flex-start}.sampling-request-panel__heading a{width:100%}}@media (width<=640px){.admin-sampling-requests{padding:0}.sampling-request-summary{grid-template-columns:1fr}}.admin-downloadsales{color:#151824;padding:10px 25px 15px 10px}.downloadsales-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.downloadsales-summary article{background:linear-gradient(180deg, var(--summary-soft), #fff0 58%), #fff;border:1px solid #c7c7c7;border-radius:8px;align-items:center;gap:14px;min-height:116px;padding:19px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #13182614}.downloadsales-summary article span{margin:0}.downloadsales-summary article strong{font-size:30px}.downloadsales-summary article:before{content:"";background:var(--summary-color);width:4px;position:absolute;inset:0 auto 0 0}.downloadsales-summary article:after{content:"";background:var(--summary-soft);border-radius:50%;width:112px;height:112px;position:absolute;bottom:-44px;right:-32px}.downloadsales-summary article:hover{border-color:#2563eb38;transform:translateY(-3px);box-shadow:0 24px 60px #1318261f}.downloadsales-summary article:first-child{--summary-color:#2563eb;--summary-soft:#2563eb1c}.downloadsales-summary article:nth-child(2){--summary-color:#7c3aed;--summary-soft:#7c3aed1c}.downloadsales-summary article:nth-child(3){--summary-color:#0f766e;--summary-soft:#0f766e1c}.downloadsales-summary article:nth-child(4){--summary-color:#f59e0b;--summary-soft:#f59e0b21}.downloadsales-summary span,.downloadsales-summary strong{z-index:1;display:block;position:relative}.downloadsales-summary span{color:#6b7280;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:900}.downloadsales-summary strong{color:#151824;overflow-wrap:anywhere;font-size:30px;font-weight:950;line-height:1.1}.downloadsales-summary__icon{z-index:1;background:var(--summary-color);color:#fff;border-radius:8px;flex:0 0 50px;place-items:center;width:50px;height:50px;display:grid;position:relative}.downloadsales-summary__icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.downloadsales-panel{background:#fffffff5;border:1px solid #c7c7c7;border-radius:8px;min-width:0;padding:18px;overflow:hidden;box-shadow:0 18px 45px #13182614}.downloadsales-panel__toolbar{grid-template-columns:minmax(260px,1fr) 170px 150px;gap:12px;margin-bottom:16px;display:grid}.downloadsales-panel__toolbar input,.downloadsales-panel__toolbar select{color:#151824;width:100%;min-height:42px;font:inherit;background:#f8fafc;border:1px solid #c7c7c7;border-radius:8px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.downloadsales-panel__toolbar input:focus,.downloadsales-panel__toolbar select:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #6366f11f!important}.downloadsales-panel__toolbar input:hover,.downloadsales-panel__toolbar select:hover{border-color:#000}.downloadsales-panel__toolbar select{padding:0 12px}.downloadsales-search{position:relative}.downloadsales-search svg{color:#64748b;fill:none;stroke:currentColor;stroke-width:2px;width:18px;height:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.downloadsales-search input{padding:0 12px 0 38px}.downloadsales-table{--admin-table-min-width:920px}.downloadsales-table tbody tr:hover .downloadsales-row__user>div{color:#fff;background:#2563eb}.downloadsales-row{background:#f8fafc;border:1px solid #edf0f5;border-radius:8px;padding:12px;transition:border-color .2s,box-shadow .2s,transform .2s}.downloadsales-row:hover{border-color:#2563eb2e;transform:translateY(-2px);box-shadow:0 16px 34px #0f172a12}.downloadsales-row__user{align-items:center;gap:10px;min-width:0;display:flex}.downloadsales-row__user>div{color:#7c3aed;background:#eef2ff;border-radius:8px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-weight:900;transition:background .2s,color .2s;display:grid}.downloadsales-row__user span{min-width:0}.downloadsales-row__file,.downloadsales-row__user span{gap:5px;min-width:0;display:grid}.downloadsales-row strong,.downloadsales-row small,.downloadsales-row__date,.downloadsales-row__amount{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.downloadsales-row strong{color:#151824;font-size:14px}.downloadsales-row small,.downloadsales-row__date{color:#6b7280;font-size:12px}.downloadsales-row__amount{color:#151824;gap:4px;font-size:13px;font-weight:900;display:grid}.downloadsales-row__amount strong{font-size:13px}.downloadsales-row__amount small{color:#6b7280;font-size:12px;font-weight:800}.downloadsales-status{border-radius:8px;place-items:center;min-width:96px;min-height:30px;padding:0 10px;font-size:12px;font-weight:900;display:inline-grid}.downloadsales-status--completed{color:#166534;background:#dcfce7}.downloadsales-status--pending{color:#92400e;background:#fef3c7}.downloadsales-status--failed{color:#991b1b;background:#fee2e2}@media (width<=920px){.admin-downloadsales{padding:18px 0}.admin-downloadsales__header{flex-direction:column}.admin-downloadsales__header h1{font-size:28px}.admin-downloadsales__primary{width:100%}.downloadsales-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.downloadsales-panel__toolbar{grid-template-columns:1fr}}@media (width<=560px){.downloadsales-summary{grid-template-columns:1fr}}.admin-usermanagement{color:#151824;padding:10px 25px 15px 10px}.usermanagement-alert{border-radius:8px;margin-bottom:14px;padding:13px 16px;font-size:13px;font-weight:900}.usermanagement-alert--success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.usermanagement-alert--error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.usermanagement-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.usermanagement-summary article{background:linear-gradient(180deg, var(--summary-soft), #fff0 58%), #fff;border:1px solid #c7c7c7;border-radius:8px;align-items:center;gap:14px;min-height:116px;padding:19px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #13182614}.usermanagement-summary article span{margin:0}.usermanagement-summary article:before{content:"";background:var(--summary-color);width:4px;position:absolute;inset:0 auto 0 0}.usermanagement-summary article:after{content:"";background:var(--summary-soft);border-radius:50%;width:112px;height:112px;position:absolute;bottom:-44px;right:-32px}.usermanagement-summary article:hover{border-color:#2563eb38;transform:translateY(-3px);box-shadow:0 24px 60px #1318261f}.usermanagement-summary article:first-child{--summary-color:#2563eb;--summary-soft:#2563eb1c}.usermanagement-summary article:nth-child(2){--summary-color:#0f766e;--summary-soft:#0f766e1c}.usermanagement-summary article:nth-child(3){--summary-color:#e11d48;--summary-soft:#e11d481c}.usermanagement-summary article:nth-child(4){--summary-color:#7c3aed;--summary-soft:#7c3aed1c}.usermanagement-summary span,.usermanagement-summary strong{z-index:1;display:block;position:relative}.usermanagement-summary span{color:#6b7280;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:900}.usermanagement-summary strong{color:#151824;overflow-wrap:anywhere;font-size:30px;font-weight:950;line-height:1.1}.usermanagement-summary__icon{z-index:1;background:var(--summary-color);color:#fff;border-radius:8px;flex:0 0 50px;place-items:center;width:50px;height:50px;display:grid;position:relative}.usermanagement-summary__icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.usermanagement-panel{background:#fffffff5;border:1px solid #c7c7c7;border-radius:8px;min-width:0;padding:18px;overflow:hidden;box-shadow:0 18px 45px #13182614}.usermanagement-panel__toolbar{grid-template-columns:minmax(260px,1fr) 170px 180px;gap:12px;margin-bottom:16px;display:grid}.usermanagement-panel__toolbar input,.usermanagement-panel__toolbar select{color:#151824;width:100%;min-height:42px;font:inherit;background:#f8fafc;border:1px solid #c7c7c7;border-radius:8px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.usermanagement-panel__toolbar input:focus,.usermanagement-panel__toolbar select:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #6366f11f!important}.usermanagement-panel__toolbar input:hover,.usermanagement-panel__toolbar select:hover{border-color:#000}.usermanagement-panel__toolbar select{padding:0 12px}.usermanagement-search{position:relative}.usermanagement-search svg{color:#64748b;fill:none;stroke:currentColor;stroke-width:2px;width:18px;height:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.usermanagement-search input{padding:0 12px 0 38px}.usermanagement-table{--admin-table-min-width:1060px}.usermanagement-table tbody tr:hover .usermanagement-row__user>div{color:#fff;background:#2563eb}.usermanagement-row{background:#f8fafc;border:1px solid #edf0f5;border-radius:8px;padding:12px;transition:border-color .2s,box-shadow .2s,transform .2s}.usermanagement-row:hover{border-color:#2563eb2e;transform:translateY(-2px);box-shadow:0 16px 34px #0f172a12}.usermanagement-row__user{align-items:center;gap:10px;min-width:0;display:flex}.usermanagement-row__user>div{color:#7c3aed;background:#eef2ff;border-radius:8px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-weight:900;transition:background .2s,color .2s;display:grid}.usermanagement-row__user span{gap:5px;min-width:0;display:grid}.usermanagement-row strong,.usermanagement-row small,.usermanagement-row__plan,.usermanagement-row__date,.usermanagement-row__activity{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.usermanagement-row strong,.usermanagement-row__plan{color:#151824;font-size:14px;font-weight:900}.usermanagement-row small,.usermanagement-row__date,.usermanagement-row__activity{color:#6b7280;font-size:12px}.usermanagement-row__actions{justify-content:flex-end;gap:8px;display:flex}.usermanagement-row__actions button{color:#475569;cursor:pointer;background:#fff;border:1px solid #c7c7c7;border-radius:8px;place-items:center;width:36px;min-height:36px;padding:0;transition:transform .2s,border-color .2s,background .2s,color .2s;display:inline-grid}.usermanagement-row__actions button:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px)}.usermanagement-row__actions button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.usermanagement-row__actions button.is-danger{color:#e11d48;background:#fff1f2;border-color:#fecdd3}.usermanagement-row__actions button.is-danger:hover{color:#be123c;background:#ffe4e6;border-color:#fda4af}.usermanagement-row__actions button.is-positive{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.usermanagement-row__actions button.is-positive:hover{color:#14532d;background:#dcfce7;border-color:#86efac}.usermanagement-row__requests{color:#0f766e;background:#ecfeff;border-radius:999px;align-items:center;min-height:30px;padding:0 10px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.usermanagement-status{border-radius:8px;place-items:center;min-width:92px;min-height:30px;padding:0 10px;font-size:12px;font-weight:900;display:inline-grid}.usermanagement-status--active{color:#166534;background:#dcfce7}.usermanagement-status--suspended{color:#991b1b;background:#fee2e2}.usermanagement-status--review{color:#92400e;background:#fef3c7}.user-manage-modal__email{color:#6b7280;margin:4px 0 0;font-size:13px;font-weight:800}.user-manage-modal .modal-body{gap:18px}.user-manage-modal__footer button:last-child{color:#fff;background:#2563eb;border:0}.user-manage-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.user-manage-overview div{background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;padding:14px}.user-manage-overview span,.user-manage-overview strong{display:block}.user-manage-overview span{color:#1d4ed8;text-transform:uppercase;font-size:11px;font-weight:900}.user-manage-overview strong{color:#151824;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:16px;font-weight:900;overflow:hidden}.user-manage-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.user-manage-grid section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:0;padding:14px}.user-manage-grid section>span{color:#2563eb;text-transform:uppercase;margin-bottom:11px;font-size:12px;font-weight:900;display:block}.user-manage-grid dl{gap:9px;margin:0;display:grid}.user-manage-grid div{min-width:0}.user-manage-grid dt{color:#6b7280;text-transform:uppercase;font-size:11px;font-weight:900}.user-manage-grid dd{color:#151824;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:13px;font-weight:900;overflow:hidden}.user-manage-tabs{border-bottom:1px solid #dbeafe}.user-manage-tabs .nav-link{color:#6b7280;border:0;border-bottom:3px solid #0000;font-size:13px;font-weight:900}.user-manage-tabs .nav-link.active{color:#2563eb;background:0 0;border-bottom-color:#2563eb}.user-manage-tab-content{padding-top:16px}.user-manage-action{gap:14px;display:grid}.user-manage-action button[type=submit]{color:#fff;background:#2563eb;border:0;border-radius:8px;justify-self:flex-end;min-height:42px;padding:0 18px;font-size:13px;font-weight:900}.user-manage-action button[type=submit]:disabled{color:#64748b;cursor:not-allowed;background:#cbd5e1}.user-manage-action--danger button[type=submit]{background:#e11d48}.user-manage-action__summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.user-manage-action__summary div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px}.user-manage-action__summary span,.user-manage-action__summary strong,.user-manage-action__summary small{display:block}.user-manage-action__summary span{color:#6b7280;text-transform:uppercase;font-size:11px;font-weight:900}.user-manage-action__summary strong{color:#151824;margin-top:4px;font-size:16px;font-weight:900}.user-manage-action__summary small{color:#6b7280;margin-top:3px;font-size:12px}.user-manage-action__empty{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:14px}.user-manage-action__empty strong{color:#166534;font-size:14px;font-weight:900;display:block}.user-manage-action__empty p{color:#166534;margin:5px 0 0;font-size:13px;line-height:1.45}@media (width<=920px){.admin-usermanagement{padding:18px 0}.admin-usermanagement__header{flex-direction:column}.admin-usermanagement__header h1{font-size:28px}.admin-usermanagement__primary{width:100%}.usermanagement-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.usermanagement-panel__toolbar{grid-template-columns:1fr}.user-manage-overview,.user-manage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.usermanagement-summary,.user-manage-overview,.user-manage-grid,.user-manage-action__summary{grid-template-columns:1fr}}.admin-setting{color:#151824;padding:10px 25px 15px 10px}.setting-alert{border-radius:8px;margin-bottom:14px;padding:13px 14px;font-size:14px;font-weight:800}.setting-alert--success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.setting-alert--error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.admin-setting__header{background:linear-gradient(135deg,#7c3aed1f,#2563eb14),#fff9;border:1px solid #e6eaf2e6;border-radius:16px;margin-bottom:18px;padding:18px;box-shadow:0 10px 30px #0f172a0f}.admin-setting__header h1{letter-spacing:-.02em;color:#151824;margin:0;font-size:26px;font-weight:900}.admin-setting__header p{color:#6b7280;margin:6px 0 0;font-size:13.5px;font-weight:700;line-height:1.5}.setting-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.setting-card{background:radial-gradient(1200px 400px at -10% 0,#7c3aed14,#0000 55%),#fffffff5;border:1px solid #e6eaf2;border-radius:14px;gap:16px;min-width:0;padding:20px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 45px #13182614}.setting-card:before{content:"";opacity:.35;background:linear-gradient(#2563ebe6,#7c3aede6);width:4px;position:absolute;top:0;bottom:0;left:0}.setting-card--wide{grid-column:span 2}.setting-card__header{border-bottom:1px solid #e6eaf2;flex-direction:column;gap:8px;padding-bottom:14px;display:flex}.setting-card__header h2{color:#151824;margin:0;font-size:18px;font-weight:950;line-height:1.25}.setting-card__badge{color:#0f172a;letter-spacing:.01em;background:linear-gradient(135deg,#2563eb24,#7c3aed1a);border:1px solid #e6eaf2e6;border-radius:999px;align-items:center;gap:10px;width:fit-content;padding:8px 12px;font-size:12px;font-weight:900;display:inline-flex}.setting-card__badge svg{color:#2563eb;width:18px;height:18px}.setting-card label{color:#334155;gap:8px;font-size:13px;font-weight:900;display:grid}.setting-card label small{color:#6b7280;font-size:12px;font-weight:800}.setting-card input,.setting-card select{color:#151824;width:100%;min-height:42px;font:inherit;background:#f8fafc;border:1px solid #e6eaf2;border-radius:8px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.setting-card input:focus,.setting-card select:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.setting-card input,.setting-card select{padding:0 12px}.setting-card input[type=file]{cursor:pointer;color:#0f172a;background:linear-gradient(#f8fbff,#fff);border-style:dashed;min-height:54px;padding:14px}.setting-card input[type=file]::-webkit-file-upload-button{cursor:pointer}.setting-card__split{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.setting-actions{grid-column:1/-1;justify-content:flex-end;align-items:center;gap:12px;margin-top:18px;display:flex}.btn{appearance:none;min-height:44px;font:inherit;cursor:pointer;border:1px solid #e6eaf2;border-radius:12px;padding:12px 16px;font-weight:900;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s,color .15s}.btn--primary{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:#2563eb73;box-shadow:0 14px 28px #2563eb2e}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 18px 34px #2563eb38}.btn--ghost{color:#0f172a;background:#f8fafce6}.btn--ghost:hover{background:#fff;border-color:#2563eb59;transform:translateY(-1px);box-shadow:0 14px 28px #0f172a14}@media (width<=920px){.setting-actions{justify-content:stretch}.btn{flex:1;width:100%}.admin-setting{padding:18px 0}.admin-setting__header{flex-direction:column}.admin-setting__header h1{font-size:28px}.admin-setting__primary{width:100%}.setting-grid,.setting-card__split{grid-template-columns:1fr}.setting-card--wide{grid-column:auto}}.admin-subscription{color:#151824;gap:18px;padding:10px 25px 20px 10px;display:grid}.subscription-alert{border-radius:8px;padding:13px 14px;font-size:14px;font-weight:800}.subscription-alert--success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.subscription-alert--error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.subscription-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.subscription-summary article{--summary-color:#2563eb;--summary-soft:#2563eb1a;background:linear-gradient(180deg, var(--summary-soft), #fff0 58%), #fff;border:1px solid #c7c7c7;border-radius:8px;align-items:center;gap:14px;min-width:0;min-height:116px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #13182614}.subscription-summary article:before{content:"";background:var(--summary-color);width:4px;position:absolute;inset:0 auto 0 0}.subscription-summary article:after{content:"";background:var(--summary-soft);border-radius:50%;width:112px;height:112px;position:absolute;bottom:-44px;right:-32px}.subscription-summary article:hover{border-color:#2563eb38;transform:translateY(-3px);box-shadow:0 24px 60px #1318261f}.subscription-summary article:nth-child(2){--summary-color:#0f766e;--summary-soft:#0f766e1a}.subscription-summary article:nth-child(3){--summary-color:#d97706;--summary-soft:#f59e0b1f}.subscription-summary article:nth-child(4){--summary-color:#be123c;--summary-soft:#e11d4817}.subscription-summary span,.subscription-summary strong,.subscription-summary small,.subscription-summary__body,.subscription-summary__icon{z-index:1;position:relative}.subscription-summary__body{gap:8px;min-width:0;display:grid}.subscription-summary__icon{background:var(--summary-color);color:#fff;border-radius:8px;flex:0 0 50px;place-items:center;width:50px;height:50px;display:grid}.subscription-summary__icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.subscription-summary span,.subscription-summary strong,.subscription-summary small{min-width:0;display:block}.subscription-summary span{color:#64748b;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:900}.subscription-summary strong{color:#151824;overflow-wrap:anywhere;font-size:30px;font-weight:950;line-height:1.05}.subscription-summary small{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.subscription-panel{background:#fffffff5;border:1px solid #c7c7c7;border-radius:8px;min-width:0;padding:18px;overflow:hidden;box-shadow:0 18px 45px #13182614}.subscription-panel__toolbar{grid-template-columns:minmax(260px,1fr) 190px;gap:12px;margin-bottom:16px;display:grid}.subscription-panel__toolbar input,.subscription-panel__toolbar select{color:#151824;width:100%;min-height:42px;font:inherit;background:#f8fafc;border:1px solid #c7c7c7;border-radius:8px;outline:0;transition:border-color .2s,box-shadow .2s,background .2s}.subscription-panel__toolbar input:hover,.subscription-panel__toolbar select:hover{border-color:#000}.subscription-panel__toolbar input:focus,.subscription-panel__toolbar select:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #6366f11f!important}.subscription-panel__toolbar select{padding:0 12px}.subscription-panel__toolbar .ts-wrapper{min-width:0}.subscription-search{min-width:0;position:relative}.subscription-search svg{color:#64748b;fill:none;stroke:currentColor;stroke-width:2px;width:18px;height:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.subscription-search input{padding:0 12px 0 38px}.subscription-table{--admin-table-min-width:1120px}.subscription-table thead th:first-child{width:230px}.subscription-table thead th:nth-child(2){width:150px}.subscription-table thead th:nth-child(3){width:240px}.subscription-table thead th:nth-child(4),.subscription-table thead th:nth-child(5),.subscription-table thead th:nth-child(6){width:150px}.subscription-table thead th:nth-child(7){text-align:right;width:170px}.subscription-table tbody tr{transition:background .2s,box-shadow .2s}.subscription-table tbody tr:hover{background:#fbfcff}.subscription-table tbody tr:hover .subscription-row__user>div{color:#fff;background:#2563eb}.subscription-table tbody td:last-child{text-align:right}.subscription-row__user{align-items:center;gap:10px;min-width:0;display:flex}.subscription-row__user>div{color:#7c3aed;background:#eef2ff;border-radius:8px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-weight:900;transition:background .2s,color .2s;display:grid}.subscription-row__user span{gap:5px;min-width:0;display:grid}.subscription-row__payment{gap:4px;min-width:0;display:grid}.subscription-row__date{min-width:0}.subscription-row__package,.subscription-row__user strong,.subscription-row__user small,.subscription-row__payment strong,.subscription-row__payment span,.subscription-row__payment small,.subscription-row__date span,.subscription-row__date small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.subscription-row__package,.subscription-row__user strong,.subscription-row__payment strong{color:#151824;font-size:14px;font-weight:900}.subscription-row__user small,.subscription-row__payment span,.subscription-row__payment small,.subscription-row__date,.subscription-row__date small{color:#64748b;font-size:12px;font-weight:700}.subscription-row__date span{color:#151824;font-size:13px;font-weight:800;display:block}.subscription-row__date small{margin-top:4px;display:block}.subscription-row__actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.subscription-row__actions form{margin:0}.subscription-row__actions button,.subscription-row__actions .subscription-row__idle{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;min-height:34px;padding:0 11px;font-size:12px;font-weight:900;display:inline-flex}.subscription-row__actions button{cursor:pointer;transition:transform .2s,border-color .2s,background .2s,color .2s}.subscription-row__actions button:hover{transform:translateY(-1px)}.subscription-row__idle{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.subscription-row__renew{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.subscription-row__renew:hover{color:#1e40af;background:#dbeafe;border-color:#93c5fd}.subscription-row__suspend{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.subscription-row__suspend:hover{color:#9f1239;background:#ffe4e6;border-color:#fda4af}.subscription-status{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;min-width:104px;min-height:30px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.subscription-status--active{color:#166534;background:#dcfce7}.subscription-status--pending-payment{color:#1d4ed8;background:#eff6ff}.subscription-status--expiring-soon{color:#d97706;background:#fff7ed}.subscription-status--expired{color:#92400e;background:#fef3c7}.subscription-status--cancelled{color:#991b1b;background:#fee2e2}@media (width<=980px){.subscription-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-panel__toolbar{grid-template-columns:1fr}}@media (width<=640px){.admin-subscription{padding:0}.subscription-summary{grid-template-columns:1fr}.subscription-panel{padding:14px}.subscription-summary article{min-height:104px}}.admin-datatable{scrollbar-color:#64748b6b transparent;scrollbar-width:thin;border-radius:8px;width:100%;min-width:0;padding-bottom:4px;overflow:auto hidden}.admin-datatable::-webkit-scrollbar{height:8px}.admin-datatable::-webkit-scrollbar-track{background:0 0}.admin-datatable::-webkit-scrollbar-thumb{background:#64748b5c;border-radius:999px}.admin-datatable::-webkit-scrollbar-thumb:hover{background:#64748b94}.admin-datatable .dataTables_wrapper{min-width:var(--admin-table-min-width,960px)}.admin-datatable .dataTables_info,.admin-datatable .dataTables_paginate,.admin-datatable .dataTables_length,.admin-datatable .dataTables_filter{color:#64748b;font-size:13px;font-weight:800}.admin-datatable .dataTables_info{white-space:nowrap;padding-top:0}.admin-datatable .dataTables_paginate{justify-content:flex-end;align-items:center;gap:6px;padding-top:0;display:inline-flex}.admin-datatable .dataTables_paginate .paginate_button{justify-content:center;align-items:center;min-width:34px;min-height:34px;font-size:12px;font-weight:900;line-height:1;transition:border-color .2s,background-color .2s,color .2s,box-shadow .2s;color:#64748b!important;background:#fff!important;border:1px solid #e6eaf2!important;border-radius:8px!important;margin:0!important;padding:0 11px!important;text-decoration:none!important;display:inline-flex!important}.admin-datatable .dataTables_paginate .paginate_button:hover{color:#2563eb!important;box-shadow:none!important;background:#eff6ff!important;border-color:#2563eb47!important}.admin-datatable .dataTables_paginate .paginate_button.current,.admin-datatable .dataTables_paginate .paginate_button.current:hover{color:#fff!important;background:#2563eb!important;border-color:#2563eb!important;box-shadow:0 10px 22px #2563eb2e!important}.admin-datatable .dataTables_paginate .paginate_button.disabled,.admin-datatable .dataTables_paginate .paginate_button.disabled:hover{color:#cbd5e1!important;box-shadow:none!important;cursor:not-allowed!important;background:#f8fafc!important;border-color:#e6eaf2!important}.admin-datatable__footer{justify-content:space-between;align-items:center;gap:16px;min-height:38px;margin-top:14px;display:flex}.admin-datatable__table{min-width:var(--admin-table-min-width,960px);border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e6eaf2;border-radius:8px;overflow:hidden;box-shadow:0 16px 38px #0f172a0f;width:100%!important;margin:0!important}.admin-datatable__table thead th{color:#64748b;letter-spacing:0;text-transform:uppercase;vertical-align:middle;white-space:nowrap;background:#f8fafc;border-top:0;border-bottom:1px solid #e6eaf2;padding:14px 16px;font-size:12px;font-weight:900;line-height:1.25}.admin-datatable__table thead th.sorting,.admin-datatable__table thead th.sorting_asc,.admin-datatable__table thead th.sorting_desc{cursor:pointer}.admin-datatable__table tbody tr{transition:background-color .2s,box-shadow .2s}.admin-datatable__table tbody tr.odd>*,.admin-datatable__table tbody tr:nth-child(odd)>*{--bs-table-bg:#fff;--bs-table-striped-bg:#fff;box-shadow:none;background-color:#fff}.admin-datatable__table tbody tr.even>*,.admin-datatable__table tbody tr:nth-child(2n)>*{--bs-table-bg:#fff;box-shadow:none;background-color:#fff}.admin-datatable__table tbody tr:hover{--bs-table-bg:#fbfcff;--bs-table-hover-bg:#fbfcff;background:#fbfcff}.admin-datatable__table tbody tr:hover>*,.admin-datatable__table tbody tr.odd:hover>*,.admin-datatable__table tbody tr.even:hover>*{--bs-table-bg:#fbfcff;--bs-table-striped-bg:#fbfcff;--bs-table-hover-bg:#fbfcff;box-shadow:none!important;background-color:#fbfcff!important}.admin-datatable__table tbody td{color:#151824;vertical-align:middle;white-space:nowrap;border-top:0;border-bottom:1px solid #edf0f5;padding:14px 16px;font-size:13px;line-height:1.35}.admin-datatable__table tbody td>*{max-width:100%}.admin-datatable__table tbody tr:last-child td{border-bottom:0}.admin-datatable__table thead th:last-child,.admin-datatable__table tbody td:last-child{text-align:right}.admin-datatable__table .dataTables_empty{color:#64748b;padding:28px 16px;font-weight:800;text-align:center!important}.admin-datatable select,.demo-manager__toolbar select,.style-manager__toolbar select,.sampling-request-panel__toolbar select,.downloadsales-panel__toolbar select,.usermanagement-panel__toolbar select,.subscription-panel__toolbar select{appearance:none;color:#151824;width:100%;min-height:42px;font:inherit;cursor:pointer;background-color:#f8fafc;background-image:linear-gradient(45deg,#0000 50%,#2563eb 50%),linear-gradient(135deg,#2563eb 50%,#0000 50%);background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border:1px solid #e6eaf2;border-radius:8px;outline:none;padding:0 40px 0 14px;transition:border-color .2s,box-shadow .2s,background-color .2s}.admin-datatable select:hover,.demo-manager__toolbar select:hover,.style-manager__toolbar select:hover,.sampling-request-panel__toolbar select:hover,.downloadsales-panel__toolbar select:hover,.usermanagement-panel__toolbar select:hover,.subscription-panel__toolbar select:hover{background-color:#fff;border-color:#2563eb59}.admin-datatable select:focus,.demo-manager__toolbar select:focus,.style-manager__toolbar select:focus,.sampling-request-panel__toolbar select:focus,.downloadsales-panel__toolbar select:focus,.usermanagement-panel__toolbar select:focus,.subscription-panel__toolbar select:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.admin-datatable select option,.demo-manager__toolbar select option,.style-manager__toolbar select option,.sampling-request-panel__toolbar select option,.downloadsales-panel__toolbar select option,.usermanagement-panel__toolbar select option,.subscription-panel__toolbar select option{color:#151824;background:#fff;font-weight:800}.admin-datatable select::-ms-expand{display:none}.demo-manager__toolbar select::-ms-expand{display:none}.style-manager__toolbar select::-ms-expand{display:none}.sampling-request-panel__toolbar select::-ms-expand{display:none}.downloadsales-panel__toolbar select::-ms-expand{display:none}.usermanagement-panel__toolbar select::-ms-expand{display:none}.subscription-panel__toolbar select::-ms-expand{display:none}.demo-manager__search input,.style-manager__search input,.sampling-request-panel .sampling-request-search input,.downloadsales-search input,.usermanagement-search input,.subscription-search input{width:100%;font:inherit;outline:0;font-size:13px;font-weight:900;line-height:1.2;transition:border-color .2s,box-shadow .2s,background-color .2s;color:#151824!important;background:#f8fafc!important;border:1px solid #d7deea!important;border-radius:8px!important;height:42px!important;min-height:42px!important;padding:0 14px 0 42px!important;box-shadow:inset 0 1px #ffffffd9,0 8px 18px #0f172a0a!important}.demo-manager__search input:hover,.style-manager__search input:hover,.sampling-request-panel .sampling-request-search input:hover,.downloadsales-search input:hover,.usermanagement-search input:hover,.subscription-search input:hover{background:#f8fafc!important;border-color:#2563eb6b!important;box-shadow:inset 0 1px #ffffffe6,0 12px 26px #2563eb14!important}.demo-manager__search input:focus,.style-manager__search input:focus,.sampling-request-panel .sampling-request-search input:focus,.downloadsales-search input:focus,.usermanagement-search input:focus,.subscription-search input:focus{background:#f8fafc!important;border-color:#2563eb!important;box-shadow:0 0 0 4px #2563eb1f,0 14px 28px #2563eb1a!important}.ts-wrapper{min-width:0;font-family:inherit;position:relative}.ts-wrapper:after{content:"";z-index:10;pointer-events:none;background:linear-gradient(#fffffff5,#eff6fff5);border:1px solid #2563eb29;border-radius:8px;width:24px;height:24px;transition:border-color .2s,background-color .2s,box-shadow .2s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.ts-wrapper.single .ts-control:after{display:none!important}.ts-control{cursor:pointer;font-size:13px;font-weight:900;line-height:1.2;transition:border-color .2s,box-shadow .2s,background-color .2s;color:#151824!important;background:#f8fafc!important;border:1px solid #d7deea!important;border-radius:8px!important;align-items:center!important;height:42px!important;min-height:42px!important;padding:0 44px 0 14px!important;display:flex!important;box-shadow:inset 0 1px #ffffffd9,0 8px 18px #0f172a0a!important}.ts-control:hover{background:#f8fafc!important;border-color:#2563eb6b!important;box-shadow:inset 0 1px #ffffffe6,0 12px 26px #2563eb14!important}.ts-wrapper.focus .ts-control,.ts-wrapper.dropdown-active .ts-control{background:#f8fafc!important;border-color:#2563eb!important;box-shadow:0 0 0 4px #2563eb1f,0 14px 28px #2563eb1a!important}.ts-wrapper.focus:after,.ts-wrapper.dropdown-active:after{background:#eff6ff;border-color:#2563eb5c;box-shadow:0 8px 18px #2563eb1f}.ts-control .item{color:#151824;text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.ts-control:focus{outline:none!important}.ts-wrapper:before{content:"";z-index:20;pointer-events:none;transform-origin:50%;border-bottom:2px solid #64748b;border-right:2px solid #64748b;border-radius:2px;width:7px;height:7px;transition:border-color .2s,transform .2s;position:absolute;top:50%;right:18.5px;transform:translateY(-52%)rotate(45deg)}.ts-wrapper.dropdown-active:before{border-color:#2563eb;transform:translateY(-48%)rotate(-135deg)}.ts-wrapper.disabled,.ts-wrapper.disabled .ts-control{cursor:not-allowed}.ts-wrapper.disabled .ts-control{color:#94a3b8!important;box-shadow:none!important;background:#f8fafc!important;border-color:#e5e7eb!important}.ts-dropdown{overflow:hidden;background:#fff!important;border:1px solid #d7deea!important;border-radius:8px!important;margin-top:10px!important;padding:8px!important;box-shadow:0 22px 54px #0f172a29,inset 0 0 0 1px #ffffffa6!important}.ts-dropdown .option{color:#151824;border-radius:8px;align-items:center;gap:9px;min-height:38px;padding:9px 11px;font-size:13px;font-weight:800;transition:background-color .2s,color .2s;display:flex;position:relative}.ts-dropdown .option:before{content:"";opacity:0;background:#2563eb;border-radius:50%;flex:0 0 7px;width:7px;height:7px;transition:opacity .2s,transform .2s;transform:scale(.7)}.ts-dropdown .option:hover,.ts-dropdown .active{color:#1d4ed8!important;background:linear-gradient(90deg,#2563eb1a,#0f766e14)!important}.ts-dropdown .option:hover:before,.ts-dropdown .active:before,.ts-dropdown .selected:before{opacity:1;transform:scale(1)}.ts-dropdown .selected{color:#2563eb!important;background:#eff6ff!important}.ts-dropdown .no-results{color:#64748b;padding:10px 11px;font-size:13px;font-weight:800}.ts-control input{pointer-events:none;opacity:0!important;caret-color:#0000!important;background:#f8fafc!important;width:1px!important;min-width:1px!important;display:none!important}.ts-control input:focus{border:none}@media (width<=700px){.admin-datatable__footer{flex-direction:column;align-items:flex-start}.admin-datatable .dataTables_info{white-space:normal}.admin-datatable .dataTables_paginate{justify-content:flex-start}}html,body{background-color:#ebebeb;margin:0;font-family:Roboto,sans-serif}h1{margin:0}