.admin-app-layout{--admin-motion-ease:cubic-bezier(.22,1,.36,1);--admin-panel-shadow:0 10px 28px color-mix(in oklch, var(--primary) 5%, transparent);--admin-panel-border:color-mix(in oklch, var(--primary) 9%, var(--border))}.admin-app-layout>nav{isolation:isolate;border:1px solid var(--admin-panel-border);background:radial-gradient(circle at 8% 20%, color-mix(in oklch, var(--primary) 7%, transparent), transparent 26%), linear-gradient(180deg, color-mix(in oklch, var(--card) 99%, var(--primary) 1%), var(--card));box-shadow:var(--admin-panel-shadow), inset 0 1px 0 #ffffff0a;animation:adminPremiumNavIn .58s var(--admin-motion-ease) both;position:relative;overflow:hidden}.admin-app-layout>nav:before{content:"";z-index:0;pointer-events:none;opacity:.35;background-image:radial-gradient(circle, color-mix(in oklch, var(--primary) 13%, transparent) 1px, transparent 1.4px), linear-gradient(90deg, color-mix(in oklch, var(--primary) 4%, transparent) 1px, transparent 1px);background-size:74px 74px,74px 100%;animation:24s linear infinite adminPremiumPattern;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#00000073 70%,#0000);mask-image:linear-gradient(90deg,#000,#00000073 70%,#0000)}.admin-app-layout>nav:after{content:"";z-index:0;pointer-events:none;opacity:0;background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--primary) 9%, transparent), transparent);width:13%;animation:10.2s ease-in-out 1.8s infinite adminPremiumSweep;position:absolute;top:-75%;bottom:-75%;left:-18%;transform:skew(-16deg)}.admin-app-layout>nav>*{z-index:1;position:relative}.admin-app-layout>nav a{border:1px solid #0000;transition:transform .2s,border-color .2s,background-color .2s,color .2s,box-shadow .2s;position:relative;overflow:hidden}.admin-app-layout>nav a:hover{border-color:color-mix(in oklch, var(--primary) 9%, var(--border));transform:translateY(-1px)}.admin-app-layout>nav a.bg-primary{border-color:color-mix(in oklch, var(--primary) 74%, white 10%);box-shadow:0 8px 18px color-mix(in oklch, var(--primary) 17%, transparent), inset 0 1px 0 #ffffff1f}.admin-app-layout>nav a.bg-primary:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 24%,#ffffff24 50%,#0000 76%);animation:7.8s ease-in-out 1.5s infinite adminPremiumActiveSheen;position:absolute;inset:0;transform:translate(-145%)}.admin-app-layout>div.mt-4>header.surface-card{isolation:isolate;contain:paint;border-color:color-mix(in oklch, var(--primary) 58%, transparent);min-height:124px;color:var(--primary-foreground);background:radial-gradient(circle at 91% -30%, #ffffff29, transparent 30%), radial-gradient(circle at 68% 150%, #ffffff12, transparent 36%), linear-gradient(120deg, color-mix(in oklch, var(--primary) 95%, black 5%) 0%, var(--primary) 54%, color-mix(in oklch, var(--primary) 84%, black 16%) 100%);box-shadow:0 13px 32px color-mix(in oklch, var(--primary) 12%, transparent), inset 5px 0 0 color-mix(in oklch, var(--portal-gold) 66%, white 34%), inset 0 1px 0 #ffffff17;animation:adminPremiumHeroIn .64s var(--admin-motion-ease) both;position:relative;overflow:hidden}.admin-app-layout>div.mt-4>header.surface-card:before{content:"";z-index:0;pointer-events:none;opacity:.18;background-image:radial-gradient(circle,#ffffff47 1px,#0000 1.45px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(#ffffff0b 1px,#0000 1px);background-size:92px 92px,72px 100%,100% 72px;animation:22s linear infinite adminPremiumHeroPattern;position:absolute;inset:0;-webkit-mask-image:linear-gradient(100deg,#000 0%,#000000c7 64%,#0000 98%);mask-image:linear-gradient(100deg,#000 0%,#000000c7 64%,#0000 98%)}.admin-app-layout>div.mt-4>header.surface-card:after{content:"";z-index:0;pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000,#ffffff21,#0000);width:15%;animation:9.3s ease-in-out 1.4s infinite adminPremiumHeroSweep;position:absolute;top:-65%;bottom:-65%;left:-22%;transform:skew(-16deg)}.admin-app-layout>div.mt-4>header.surface-card>*{z-index:2;position:relative}.admin-app-layout>div.mt-4>header.surface-card>.absolute.inset-x-0.top-0{opacity:.55;background:linear-gradient(90deg,#0000,#ffffff6b,#0000)!important}.admin-app-layout>div.mt-4>header.surface-card h1{text-shadow:0 1px #00000014;animation:adminPremiumHeaderCopyIn .66s var(--admin-motion-ease) both;color:var(--primary-foreground)!important}.admin-app-layout>div.mt-4>header.surface-card button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px #ffffff14;color:var(--primary-foreground)!important;background:#ffffff17!important;border-color:#ffffff29!important}.admin-app-layout>div.mt-4>header.surface-card button:hover{background:#ffffff26!important;border-color:#ffffff40!important}.admin-app-layout>div.mt-4>:not(header){animation:adminPremiumSectionIn .64s var(--admin-motion-ease) 60ms both}.admin-app-layout>div.mt-4 :is(.rounded-3xl.bg-card,.surface-card):not(header){border:1px solid var(--admin-panel-border);background:linear-gradient(180deg, color-mix(in oklch, var(--card) 99%, var(--primary) 1%), color-mix(in oklch, var(--card) 97%, var(--background) 3%));box-shadow:var(--admin-panel-shadow), inset 0 1px 0 #ffffff09;transition:transform .22s,border-color .22s,box-shadow .22s,background-color .22s}@media (hover:hover){.admin-app-layout>div.mt-4 :is(.rounded-3xl.bg-card,.surface-card):not(header):hover{border-color:color-mix(in oklch, var(--primary) 18%, var(--border));box-shadow:0 13px 30px color-mix(in oklch, var(--primary) 7%, transparent), inset 0 1px 0 #ffffff0a}}.admin-app-layout .grid>div.rounded-3xl:not(.bg-card){border:1px solid color-mix(in oklch, currentColor 7%, var(--border));box-shadow:0 5px 16px color-mix(in oklch, var(--primary) 3%, transparent);animation:adminPremiumCardIn .58s var(--admin-motion-ease) both;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden}.admin-app-layout .grid>div.rounded-3xl:not(.bg-card):after{content:"";border:1px solid color-mix(in oklch, currentColor 10%, transparent);opacity:.28;pointer-events:none;border-radius:999px;width:112px;height:112px;transition:transform .35s,opacity .35s;position:absolute;bottom:-48px;right:-36px}.admin-app-layout .grid>div.rounded-3xl:not(.bg-card):nth-child(2){animation-delay:55ms}.admin-app-layout .grid>div.rounded-3xl:not(.bg-card):nth-child(3){animation-delay:.11s}.admin-app-layout .grid>div.rounded-3xl:not(.bg-card):nth-child(4){animation-delay:.165s}.admin-app-layout .grid>div.rounded-3xl:not(.bg-card):nth-child(5){animation-delay:.22s}.admin-app-layout .grid>div.rounded-3xl:not(.bg-card):nth-child(6){animation-delay:.275s}.admin-app-layout .grid>div.rounded-3xl:not(.bg-card):nth-child(7){animation-delay:.33s}.admin-app-layout .grid>div.rounded-3xl:not(.bg-card):nth-child(8){animation-delay:.385s}@media (hover:hover){.admin-app-layout .grid>div.rounded-3xl:not(.bg-card):hover{box-shadow:0 13px 24px color-mix(in oklch, var(--primary) 7%, transparent);transform:translateY(-3px)}.admin-app-layout .grid>div.rounded-3xl:not(.bg-card):hover:after{opacity:.5;transform:scale(1.12)translate(-4px,-4px)}}.admin-app-layout input,.admin-app-layout button,.admin-app-layout [role=combobox]{transition:border-color .2s,box-shadow .2s,background-color .2s,color .2s,transform .2s}.admin-app-layout input:focus,.admin-app-layout [role=combobox]:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch, var(--primary) 10%, transparent)}.admin-app-layout button:not(:disabled):active{transform:scale(.985)}.admin-app-layout table{border-collapse:separate;border-spacing:0}.admin-app-layout tbody tr{animation:adminPremiumRowIn .46s var(--admin-motion-ease) both;transition:background-color .18s,box-shadow .18s}.admin-app-layout tbody tr:nth-child(2){animation-delay:35ms}.admin-app-layout tbody tr:nth-child(3){animation-delay:70ms}.admin-app-layout tbody tr:nth-child(4){animation-delay:.105s}.admin-app-layout tbody tr:nth-child(5){animation-delay:.14s}.admin-app-layout tbody tr:nth-child(6){animation-delay:.175s}.admin-app-layout tbody tr:nth-child(7){animation-delay:.21s}.admin-app-layout tbody tr:nth-child(8){animation-delay:.245s}@media (hover:hover){.admin-app-layout tbody tr:hover{background:color-mix(in oklch, var(--primary) 4%, transparent)}}body:has(.admin-app-layout) [role=dialog]{animation:adminPremiumDialogIn .3s var(--admin-motion-ease) both}.dark .admin-app-layout>nav,.dark .admin-app-layout>div.mt-4 :is(.rounded-3xl.bg-card,.surface-card):not(header){box-shadow:0 14px 34px #00000029,inset 0 1px #ffffff06}@keyframes adminPremiumNavIn{0%{opacity:0;transform:translateY(-7px)scale(.996)}to{opacity:1;transform:none}}@keyframes adminPremiumPattern{to{background-position:74px 37px,74px 0}}@keyframes adminPremiumSweep{0%,18%{opacity:0;transform:translate(0)skew(-16deg)}30%{opacity:.65}60%{opacity:.8;transform:translate(920%)skew(-16deg)}74%,to{opacity:0;transform:translate(920%)skew(-16deg)}}@keyframes adminPremiumActiveSheen{0%,64%{opacity:0;transform:translate(-145%)}74%{opacity:1}92%,to{opacity:0;transform:translate(145%)}}@keyframes adminPremiumHeroIn{0%{opacity:0;transform:translateY(8px)scale(.997)}to{opacity:1;transform:none}}@keyframes adminPremiumHeroPattern{to{background-position:92px 46px,72px 0,0 36px}}@keyframes adminPremiumHeroSweep{0%,16%{opacity:0;transform:translate(0)skew(-16deg)}28%{opacity:.11}58%{opacity:.14;transform:translate(760%)skew(-16deg)}72%,to{opacity:0;transform:translate(760%)skew(-16deg)}}@keyframes adminPremiumHeaderCopyIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes adminPremiumSectionIn{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes adminPremiumCardIn{0%{opacity:0;transform:translateY(10px)scale(.992)}to{opacity:1;transform:none}}@keyframes adminPremiumRowIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes adminPremiumDialogIn{0%{opacity:0;transform:translateY(7px)scale(.985)}to{opacity:1;transform:none}}@media (width<=639px){.admin-app-layout>nav{box-shadow:0 6px 16px color-mix(in oklch, var(--primary) 4%, transparent);border-radius:20px}.admin-app-layout>nav:after,.admin-app-layout>div.mt-4>header.surface-card:after{display:none}.admin-app-layout>nav:before{opacity:.2;animation:none}.admin-app-layout>div.mt-4>header.surface-card{min-height:104px;box-shadow:0 8px 20px color-mix(in oklch, var(--primary) 8%, transparent), inset 4px 0 0 color-mix(in oklch, var(--portal-gold) 62%, white 38%)}.admin-app-layout>div.mt-4>header.surface-card:before{opacity:.12;background-size:62px 62px,54px 100%,100% 54px;animation:none}.admin-app-layout .grid>div.rounded-3xl:not(.bg-card):hover,.admin-app-layout>div.mt-4 :is(.rounded-3xl.bg-card,.surface-card):not(header):hover{transform:none}}@media (prefers-reduced-motion:reduce){.admin-app-layout *,.admin-app-layout :before,.admin-app-layout :after{transition-duration:.01ms!important;animation:none!important}body:has(.admin-app-layout) [role=dialog]{transition-duration:.01ms!important;animation:none!important}}
