html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--afer-primary-absolute: #ef7e26;--afer-secondary-absolute: #006e9e;--afer-corporate-absolute: #d43b00;--afer-accent-absolute: #f5d020;--afer-background-light-absolute: #f2f2f2;--afer-background-dark-absolute: #1a1f26;--afer-text-primary-absolute: #2a2e35;--afer-text-secondary-absolute: #5a6169;--afer-text-muted-absolute: #8a9099;--afer-surface-light-absolute: #ffffff;--afer-surface-dark-absolute: #242a31}:root[data-theme=light]{color-scheme:light;--afer-primary: #ef7e26;--afer-secondary: #006e9e;--afer-corporate: #d43b00;--afer-background: #f2f2f2;--afer-surface: #ffffff;--afer-accent: #f5d020;--afer-text-primary: #2a2e35;--afer-text-secondary: #5a6169;--afer-text-muted: #8a9099;--afer-shadow: rgba( 0, 0, 0, .08 );--afer-hover: rgba(0, 0, 0, .08)}:root[data-theme=dark]{color-scheme:dark;--afer-primary: #ffffff;--afer-secondary: #ef7e26;--afer-corporate: #d43b00;--afer-background: #1a1f26;--afer-surface: #242a31;--afer-accent: #f5d020;--afer-text-primary: #e8eaed;--afer-text-secondary: #b8bdc3;--afer-text-muted: #878d95;--afer-shadow: rgba( 0, 0, 0, .3 );--afer-hover: rgba(255, 255, 255, .1)}body{font-family:Inter,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;margin-top:0}.form-group{margin-bottom:1rem}label{display:block;margin-bottom:.5rem;font-weight:500}input:not([type=checkbox]):not([type=radio]){width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;transition:border-color .2s}input:not([type=checkbox]):not([type=radio]):focus{outline:none;border-color:var(--afer-primary)}html{height:100%;scrollbar-gutter:stable;overflow-y:scroll;overflow-x:clip;--mat-sys-background: light-dark(#f7f9fe, #101417);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#eef1f5, #2d3134);--mat-sys-inverse-primary: light-dark(#89ceff, #006e9e);--mat-sys-inverse-surface: light-dark(#2d3134, #e0e3e7);--mat-sys-on-background: light-dark(#181c1f, #e0e3e7);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #00344d);--mat-sys-on-primary-container: light-dark(#004c6e, #c9e6ff);--mat-sys-on-primary-fixed: light-dark(#001e2f, #001e2f);--mat-sys-on-primary-fixed-variant: light-dark(#004c6e, #004c6e);--mat-sys-on-secondary: light-dark(#ffffff, #512400);--mat-sys-on-secondary-container: light-dark(#733500, #ffdbc7);--mat-sys-on-secondary-fixed: light-dark(#311300, #311300);--mat-sys-on-secondary-fixed-variant: light-dark(#733500, #733500);--mat-sys-on-surface: light-dark(#181c1f, #e0e3e7);--mat-sys-on-surface-variant: light-dark(#40484f, #dbe3ec);--mat-sys-on-tertiary: light-dark(#ffffff, #481c5d);--mat-sys-on-tertiary-container: light-dark(#603475, #f7d8ff);--mat-sys-on-tertiary-fixed: light-dark(#310147, #310147);--mat-sys-on-tertiary-fixed-variant: light-dark(#603475, #603475);--mat-sys-outline: light-dark(#707880, #8a929a);--mat-sys-outline-variant: light-dark(#bfc7d0, #40484f);--mat-sys-primary: light-dark(#006e9e, #89ceff);--mat-sys-primary-container: light-dark(#c9e6ff, #004c6e);--mat-sys-primary-fixed: light-dark(#c9e6ff, #c9e6ff);--mat-sys-primary-fixed-dim: light-dark(#89ceff, #89ceff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#974800, #ffb689);--mat-sys-secondary-container: light-dark(#ffdbc7, #733500);--mat-sys-secondary-fixed: light-dark(#ffdbc7, #ffdbc7);--mat-sys-secondary-fixed-dim: light-dark(#ffb689, #ffb689);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f7f9fe, #101417);--mat-sys-surface-bright: light-dark(#f7f9fe, #363a3d);--mat-sys-surface-container: light-dark(#eceef2, #1c2023);--mat-sys-surface-container-high: light-dark(#e6e8ed, #272a2e);--mat-sys-surface-container-highest: light-dark(#e0e3e7, #323539);--mat-sys-surface-container-low: light-dark(#f1f4f8, #181c1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0b0f12);--mat-sys-surface-dim: light-dark(#d8dade, #101417);--mat-sys-surface-tint: light-dark(#006e9e, #89ceff);--mat-sys-surface-variant: light-dark(#dbe3ec, #40484f);--mat-sys-tertiary: light-dark(#7a4c8f, #e9b3ff);--mat-sys-tertiary-container: light-dark(#f7d8ff, #603475);--mat-sys-tertiary-fixed: light-dark(#f7d8ff, #f7d8ff);--mat-sys-tertiary-fixed-dim: light-dark(#e9b3ff, #e9b3ff);--mat-sys-neutral-variant20: #293138;--mat-sys-neutral10: #181c1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Inter;--mat-sys-body-large-font: Inter;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Inter;--mat-sys-body-medium-font: Inter;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Inter;--mat-sys-body-small-font: Inter;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Inter;--mat-sys-display-large-font: Inter;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Inter;--mat-sys-display-medium-font: Inter;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Inter;--mat-sys-display-small-font: Inter;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Inter;--mat-sys-headline-large-font: Inter;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Inter;--mat-sys-headline-medium-font: Inter;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Inter;--mat-sys-headline-small-font: Inter;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Inter;--mat-sys-label-large-font: Inter;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Inter;--mat-sys-label-medium-font: Inter;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Inter;--mat-sys-label-small-font: Inter;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Inter;--mat-sys-title-large-font: Inter;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Inter;--mat-sys-title-medium-font: Inter;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Inter;--mat-sys-title-small-font: Inter;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html[data-theme=light]{--mat-sys-primary: #002f47;--mat-sys-on-primary: #ffffff;--mat-sys-primary-container: #004e72;--mat-sys-on-primary-container: #ffffff;--mat-sys-inverse-primary: #89ceff;--mat-sys-primary-fixed: #004e72;--mat-sys-primary-fixed-dim: #003651;--mat-sys-on-primary-fixed: #ffffff;--mat-sys-on-primary-fixed-variant: #ffffff;--mat-sys-secondary: #4b2000;--mat-sys-on-secondary: #ffffff;--mat-sys-secondary-container: #773700;--mat-sys-on-secondary-container: #ffffff;--mat-sys-secondary-fixed: #773700;--mat-sys-secondary-fixed-dim: #552500;--mat-sys-on-secondary-fixed: #ffffff;--mat-sys-on-secondary-fixed-variant: #ffffff;--mat-sys-tertiary: #431758;--mat-sys-on-tertiary: #ffffff;--mat-sys-tertiary-container: #633678;--mat-sys-on-tertiary-container: #ffffff;--mat-sys-tertiary-fixed: #633678;--mat-sys-tertiary-fixed-dim: #4a1e5f;--mat-sys-on-tertiary-fixed: #ffffff;--mat-sys-on-tertiary-fixed-variant: #ffffff;--mat-sys-background: #f7f9fe;--mat-sys-on-background: #181c1f;--mat-sys-surface: #f7f9fe;--mat-sys-surface-dim: #b6b9bd;--mat-sys-surface-bright: #f7f9fe;--mat-sys-surface-container-low: #eef1f5;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-container: #e0e3e7;--mat-sys-surface-container-high: #d2d4d9;--mat-sys-surface-container-highest: #c4c7cb;--mat-sys-on-surface: #000000;--mat-sys-shadow: #000000;--mat-sys-scrim: #000000;--mat-sys-surface-tint: #006e9e;--mat-sys-inverse-surface: #2d3134;--mat-sys-inverse-on-surface: #ffffff;--mat-sys-outline: #252d34;--mat-sys-outline-variant: #424a51;--mat-sys-error: #600004;--mat-sys-on-error: #ffffff;--mat-sys-error-container: #98000a;--mat-sys-on-error-container: #ffffff;--mat-sys-surface-variant: #dbe3ec;--mat-sys-on-surface-variant: #000000}html[data-theme=dark]{--mat-sys-primary: #e4f2ff;--mat-sys-on-primary: #000000;--mat-sys-primary-container: #7fcbff;--mat-sys-on-primary-container: #000d17;--mat-sys-inverse-primary: #004d70;--mat-sys-primary-fixed: #c9e6ff;--mat-sys-primary-fixed-dim: #89ceff;--mat-sys-on-primary-fixed: #000000;--mat-sys-on-primary-fixed-variant: #001320;--mat-sys-secondary: #ffece3;--mat-sys-on-secondary: #000000;--mat-sys-secondary-container: #ffb17f;--mat-sys-on-secondary-container: #180600;--mat-sys-secondary-fixed: #ffdbc7;--mat-sys-secondary-fixed-dim: #ffb689;--mat-sys-on-secondary-fixed: #000000;--mat-sys-on-secondary-fixed-variant: #210b00;--mat-sys-tertiary: #fdeaff;--mat-sys-on-tertiary: #000000;--mat-sys-tertiary-container: #e5affa;--mat-sys-on-tertiary-container: #180026;--mat-sys-tertiary-fixed: #f7d8ff;--mat-sys-tertiary-fixed-dim: #e9b3ff;--mat-sys-on-tertiary-fixed: #000000;--mat-sys-on-tertiary-fixed-variant: #210032;--mat-sys-background: #101417;--mat-sys-on-background: #e0e3e7;--mat-sys-surface: #101417;--mat-sys-surface-dim: #101417;--mat-sys-surface-bright: #4d5054;--mat-sys-surface-container-low: #1c2023;--mat-sys-surface-container-lowest: #000000;--mat-sys-surface-container: #2d3134;--mat-sys-surface-container-high: #383c3f;--mat-sys-surface-container-highest: #44474b;--mat-sys-on-surface: #ffffff;--mat-sys-shadow: #000000;--mat-sys-scrim: #000000;--mat-sys-surface-tint: #89ceff;--mat-sys-inverse-surface: #e0e3e7;--mat-sys-inverse-on-surface: #000000;--mat-sys-outline: #e9f1fa;--mat-sys-outline-variant: #bbc3cc;--mat-sys-error: #ffece9;--mat-sys-on-error: #000000;--mat-sys-error-container: #ffaea4;--mat-sys-on-error-container: #220001;--mat-sys-surface-variant: #40484f;--mat-sys-on-surface-variant: #ffffff}body{background-color:var(--afer-background);color:var(--afer-text-primary);min-height:100dvh;margin:0;width:100%;overflow-x:clip}*,*:before,*:after{box-sizing:border-box}.app-section-title{font-size:clamp(1.1rem,2.8vw,1.6rem);font-weight:800;color:#6e6e6e;text-transform:uppercase;letter-spacing:.3px;line-height:1;margin:0}html[data-theme=dark] .app-section-title{color:#fff}.app-carousel-nav{--app-carousel-nav-position-transform: translateY(0);--app-carousel-nav-press-scale: 1;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;cursor:pointer;color:var(--afer-text-muted);background:var(--afer-surface);box-shadow:0 2px 12px #0000001f;transform:var(--app-carousel-nav-position-transform) scale(var(--app-carousel-nav-press-scale));transition:color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease,opacity .2s ease;-webkit-tap-highlight-color:transparent}.app-carousel-nav:hover:not(:disabled){color:var(--afer-primary);box-shadow:0 4px 20px #ef7e2659}.app-carousel-nav:active:not(:disabled){--app-carousel-nav-press-scale: .97}.app-carousel-nav:focus-visible{outline:2px solid var(--afer-primary);outline-offset:2px}.app-carousel-nav:disabled{opacity:.38;cursor:default;box-shadow:none}.app-carousel-nav__icon{width:20px;height:20px;display:block;flex-shrink:0}html[data-theme=dark] .app-carousel-nav{color:var(--afer-text-secondary);background:var(--afer-surface);box-shadow:0 2px 12px #0000004d}.admin-page-toolbar{position:sticky;top:0;z-index:24;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:.95rem 1rem;border:1px solid color-mix(in srgb,var(--afer-text-muted),transparent 84%);border-radius:18px;background:var(--afer-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);isolation:isolate}.admin-page-toolbar>[class$=__header-content]{min-width:0}.admin-page-toolbar>[class$=__header-actions]{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;flex-wrap:wrap;margin-left:auto}.admin-page-toolbar>.admin-btn.admin-top-action{margin-left:auto}html[data-theme=dark] .admin-page-toolbar{border-color:color-mix(in srgb,var(--afer-hover),transparent 45%);background:var(--afer-surface)}.admin-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;height:38px;padding:0 .95rem;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--afer-text-primary);font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap;text-decoration:none}.admin-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.admin-btn i,.admin-btn mat-icon{font-size:1.05rem;width:1.05rem;height:1.05rem;line-height:1}.admin-btn--primary{background:var(--afer-primary-absolute);color:#fff;border-color:color-mix(in srgb,var(--afer-primary-absolute),#000 8%)}.admin-btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--afer-primary-absolute),#fff 12%)}.admin-btn--secondary{background:var(--afer-surface);border-color:color-mix(in srgb,var(--afer-text-muted),transparent 75%)}.admin-btn--success{background:color-mix(in srgb,#21a366,#ffffff 6%);color:#fff;border-color:color-mix(in srgb,#21a366,#000000 8%)}.admin-btn--success:hover:not(:disabled){background:color-mix(in srgb,#21a366,#ffffff 12%)}.admin-btn--danger{background:#d94c4c;color:#fff;border-color:color-mix(in srgb,#d94c4c,#000 8%)}.admin-btn--icon{min-width:38px;padding:0}.admin-top-action{text-decoration:none;white-space:nowrap;flex:0 0 auto;transition:transform .12s ease;will-change:transform}body .admin-page-toolbar .admin-btn.admin-btn--success,body .admin-detail-toolbar .admin-btn.admin-btn--success{background:#21a366;color:#fff;border-color:#1a8b55;box-shadow:none;text-decoration:none}body .admin-page-toolbar .admin-btn.admin-btn--success:hover:not(:disabled),body .admin-detail-toolbar .admin-btn.admin-btn--success:hover:not(:disabled){background:#1f995f}body .admin-page-toolbar .admin-btn.admin-btn--success:active:not(:disabled),body .admin-detail-toolbar .admin-btn.admin-btn--success:active:not(:disabled){background:#1a8552}body .user-create .admin-btn--success,body .brand-create .admin-btn--success,body .category-form-page .admin-btn--success,body .banner-create .admin-btn--success,body .role-create .admin-btn--success,body .role-edit .admin-btn--success,body .product-create-page .admin-btn--success{background:#21a366;color:#fff;border-color:#1a8b55;box-shadow:none}body .user-create .admin-btn--success:hover:not(:disabled),body .brand-create .admin-btn--success:hover:not(:disabled),body .category-form-page .admin-btn--success:hover:not(:disabled),body .banner-create .admin-btn--success:hover:not(:disabled),body .role-create .admin-btn--success:hover:not(:disabled),body .role-edit .admin-btn--success:hover:not(:disabled),body .product-create-page .admin-btn--success:hover:not(:disabled){background:#1f995f}body .user-create .admin-btn--success:active:not(:disabled),body .brand-create .admin-btn--success:active:not(:disabled),body .category-form-page .admin-btn--success:active:not(:disabled),body .banner-create .admin-btn--success:active:not(:disabled),body .role-create .admin-btn--success:active:not(:disabled),body .role-edit .admin-btn--success:active:not(:disabled),body .product-create-page .admin-btn--success:active:not(:disabled){background:#1a8552}.admin-top-action:hover:not(:disabled){transform:translateY(-1px)}.admin-top-action:active:not(:disabled){transform:translateY(0)}.admin-top-action:focus-visible{outline:2px solid color-mix(in srgb,var(--afer-secondary-absolute),transparent 18%);outline-offset:2px}.admin-top-action:disabled{opacity:.55;cursor:not-allowed;transform:none}.admin-detail-toolbar{position:sticky;top:0;z-index:24;margin-bottom:1rem;padding:.95rem 1rem;border:1px solid color-mix(in srgb,var(--afer-text-muted),transparent 84%);border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--afer-surface),transparent 4%),color-mix(in srgb,var(--afer-background),transparent 1%));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);isolation:isolate}html[data-theme=dark] .admin-detail-toolbar{border-color:color-mix(in srgb,var(--afer-hover),transparent 45%);background:linear-gradient(180deg,color-mix(in srgb,var(--afer-surface),transparent 4%),color-mix(in srgb,var(--afer-background),transparent 1%))}.admin-detail-toolbar__content{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;flex-wrap:wrap}.admin-detail-toolbar__group{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;min-width:0}body .product-detail .related-products__carousel-shell{position:relative;width:100%}body .product-detail .related-products__track{padding:4px 2.85rem}body .product-detail .related-products__nav{position:absolute;top:50%;--app-carousel-nav-position-transform: translateY(-50%);z-index:3}body .product-detail .related-products__nav--prev{left:.1rem}body .product-detail .related-products__nav--next{right:.1rem}@media(max-width:600px){.app-carousel-nav{width:36px;height:36px}.app-carousel-nav__icon{width:18px;height:18px}body .product-detail .related-products__track{padding:4px 2.55rem}}@media(max-width:767px){body .admin-page-toolbar{flex-direction:row;align-items:center;justify-content:flex-start;gap:.45rem;padding:.6rem .7rem;border-radius:14px}body .admin-page-toolbar .admin-btn.admin-top-action{width:auto;min-height:32px;padding:0 .6rem;font-size:.7rem;gap:.25rem;white-space:nowrap;flex:0 0 auto}body .admin-page-toolbar .admin-btn.admin-top-action i{font-size:.9rem}body .admin-page-toolbar>[class$=__header-actions]{justify-content:flex-end;margin-left:auto}body .admin-detail-toolbar{padding:.6rem .7rem;border-radius:14px}body .admin-detail-toolbar__content{flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.45rem}body .admin-detail-toolbar__group{width:auto;flex-wrap:wrap;overflow:visible;padding-bottom:0}body .admin-detail-toolbar__group .admin-btn.admin-top-action{width:auto;flex:0 0 auto;min-height:32px;padding:0 .6rem;font-size:.7rem;gap:.25rem;white-space:nowrap}body .admin-detail-toolbar__group .admin-btn.admin-top-action i{font-size:.9rem}body .admin-detail-toolbar__content>.admin-btn.admin-top-action{width:auto;min-height:32px;padding:0 .6rem;font-size:.7rem;justify-content:center;margin-left:auto;white-space:nowrap}body .product-detail-admin .product-detail-admin__top-actions,body .brand-detail .brand-detail__top-actions,body .user-detail .user-detail__top-actions,body .role-detail .role-detail__top-actions,body .banner-detail .banner-detail__top-actions,body .category-detail-page .category-detail-page__top-actions,body .permission-detail .permission-detail__top-actions{flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.3rem}body .product-detail-admin .product-detail-admin__top-actions-group,body .brand-detail .brand-detail__top-actions-group,body .user-detail .user-detail__top-actions-group,body .role-detail .role-detail__top-actions-group,body .banner-detail .banner-detail__top-actions-group,body .category-detail-page .category-detail-page__top-actions-group{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem}body .product-detail-admin .admin-btn.admin-top-action,body .brand-detail .admin-btn.admin-top-action,body .user-detail .admin-btn.admin-top-action,body .role-detail .admin-btn.admin-top-action,body .banner-detail .admin-btn.admin-top-action,body .category-detail-page .admin-btn.admin-top-action,body .permission-detail .admin-btn.admin-top-action{width:auto;min-height:32px;padding:0 .6rem;font-size:.68rem;gap:.2rem;white-space:nowrap;flex:0 0 auto}body .product-detail-admin .admin-btn.admin-top-action i,body .brand-detail .admin-btn.admin-top-action i,body .user-detail .admin-btn.admin-top-action i,body .role-detail .admin-btn.admin-top-action i,body .banner-detail .admin-btn.admin-top-action i,body .category-detail-page .admin-btn.admin-top-action i,body .permission-detail .admin-btn.admin-top-action i,body .category-detail-page .admin-btn.admin-top-action mat-icon{font-size:.88rem;width:.88rem;height:.88rem;line-height:1}body .admin-detail-toolbar__group .admin-btn.admin-top-action .admin-btn__label{display:none}}@media(min-width:768px)and (max-width:1024px){.admin-page-toolbar>[class$=__header-content]{display:none!important}.admin-page-toolbar{align-items:center;justify-content:flex-start;gap:.5rem;padding:.7rem .8rem;border-radius:14px;flex-wrap:wrap}.admin-page-toolbar .admin-btn.admin-top-action{width:auto;min-height:34px;padding:0 .68rem;font-size:.72rem;gap:.3rem;white-space:nowrap;flex:0 0 auto}.admin-page-toolbar .admin-btn.admin-top-action i{font-size:.92rem}.admin-page-toolbar>[class$=__header-actions]{justify-content:flex-end;margin-left:auto}.admin-page-toolbar>.admin-btn.admin-top-action{margin-left:auto}[class$=__subtitle],[class$=__field-hint],[class$=__live-hint],[class$=__submit-copy],[class$=__hero-description],[class$=__detail-copy]{display:none!important}.admin-detail-toolbar{padding:.7rem .8rem;border-radius:14px}.admin-detail-toolbar__content{flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.5rem}.admin-detail-toolbar__group{width:auto;flex-wrap:wrap;overflow:visible;padding-bottom:0;gap:.5rem}.admin-detail-toolbar__group .admin-btn.admin-top-action{width:auto;flex:0 0 auto;min-height:34px;padding:0 .68rem;font-size:.72rem;gap:.3rem;white-space:nowrap}.admin-detail-toolbar__group .admin-btn.admin-top-action i{font-size:.92rem}.admin-detail-toolbar__content>.admin-btn.admin-top-action{width:auto;min-height:34px;padding:0 .68rem;font-size:.72rem;justify-content:center;margin-left:auto;white-space:nowrap}body .product-detail-admin .product-detail-admin__top-actions,body .brand-detail .brand-detail__top-actions,body .user-detail .user-detail__top-actions,body .role-detail .role-detail__top-actions,body .banner-detail .banner-detail__top-actions,body .category-detail-page .category-detail-page__top-actions,body .permission-detail .permission-detail__top-actions{flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.35rem}body .product-detail-admin .product-detail-admin__top-actions-group,body .brand-detail .brand-detail__top-actions-group,body .user-detail .user-detail__top-actions-group,body .role-detail .role-detail__top-actions-group,body .banner-detail .banner-detail__top-actions-group,body .category-detail-page .category-detail-page__top-actions-group{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}body .product-detail-admin .admin-btn.admin-top-action,body .brand-detail .admin-btn.admin-top-action,body .user-detail .admin-btn.admin-top-action,body .role-detail .admin-btn.admin-top-action,body .banner-detail .admin-btn.admin-top-action,body .category-detail-page .admin-btn.admin-top-action,body .permission-detail .admin-btn.admin-top-action{width:auto;min-height:34px;padding:0 .68rem;font-size:.72rem;gap:.25rem;white-space:nowrap;flex:0 0 auto}body .product-detail-admin .admin-btn.admin-top-action i,body .brand-detail .admin-btn.admin-top-action i,body .user-detail .admin-btn.admin-top-action i,body .role-detail .admin-btn.admin-top-action i,body .banner-detail .admin-btn.admin-top-action i,body .category-detail-page .admin-btn.admin-top-action i,body .permission-detail .admin-btn.admin-top-action i,body .category-detail-page .admin-btn.admin-top-action mat-icon{font-size:.92rem;width:.92rem;height:.92rem;line-height:1}}body .user-create,body .brand-create,body .category-form-page,body .banner-create,body .role-create,body .role-edit,body .product-create-page{padding-bottom:6.75rem!important}.admin-form-actions{position:fixed;left:var(--admin-sidebar-width, 240px);right:0;bottom:0;z-index:80;display:flex;align-items:center;justify-content:flex-start;gap:.85rem;flex-wrap:wrap;padding:.9rem clamp(.85rem,1.5vw,1.4rem) calc(.9rem + env(safe-area-inset-bottom));border-top:1px solid color-mix(in srgb,var(--afer-text-muted),transparent 82%);background:linear-gradient(180deg,color-mix(in srgb,var(--afer-surface),transparent 10%),color-mix(in srgb,var(--afer-background),transparent 2%));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.admin-form-actions>button,.admin-form-actions>.admin-btn,.admin-form-actions>div:last-child{margin-left:auto}.admin-form-actions>div:last-child{display:flex;justify-content:flex-end;align-items:center}html[data-theme=dark] .admin-form-actions{border-top-color:color-mix(in srgb,var(--afer-hover),transparent 45%);background:linear-gradient(180deg,color-mix(in srgb,var(--afer-surface),transparent 8%),color-mix(in srgb,var(--afer-surface),transparent 2%))}@media(max-width:767px){body .user-create,body .brand-create,body .category-form-page,body .banner-create,body .role-create,body .role-edit,body .product-create-page{padding-bottom:7.75rem!important}.admin-form-actions{left:0;align-items:stretch;flex-direction:column;gap:.65rem;padding:.75rem .85rem calc(.75rem + env(safe-area-inset-bottom))}.admin-form-actions>button,.admin-form-actions>.admin-btn,.admin-form-actions>div:last-child{width:100%;margin-left:0}.admin-form-actions>div:last-child{width:100%}.admin-form-actions>div:last-child>*{width:100%}}.no-transition,.no-transition *{transition:none!important}
