:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center;align-items:center;display:flex;position:absolute}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) ::slotted(svg),:is(.swiper-button-prev,.swiper-button-next) svg{object-fit:contain;transform-origin:50%;fill:currentColor;pointer-events:none;width:100%;height:100%}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset,4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0;right:auto}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{text-align:center;z-index:10;transition:opacity .3s;position:absolute;transform:translate(0,0)}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);width:100%;left:0}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);display:inline-block}button.swiper-pagination-bullet{box-shadow:none;appearance:none;border:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{width:8px;top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,top .2s;display:inline-block}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{white-space:nowrap;left:50%;transform:translate(-50%)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(0)}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:100% 0}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);top:0;left:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size,4px);height:100%;top:0;left:0}.swiper-pagination-lock{display:none}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{text-rendering:optimizespeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}html,body,#root{width:100%;min-height:100%}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;background:0 0;border:none}input,textarea,select{outline:none}textarea{resize:vertical}img,picture,video,canvas,svg{max-width:100%;display:block}img{object-fit:cover;height:auto}table{border-collapse:collapse;border-spacing:0}fieldset{border:none}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed}[hidden]{display:none!important}:root{--color-primary:#f27a1a;--color-primary-hover:#dc6912;--color-primary-light:#fff2e8;--color-primary-rgb:242, 122, 26;--color-secondary:#212529;--color-secondary-hover:#343a40;--color-secondary-light:#f1f3f5;--color-success:#198754;--color-success-light:#d1e7dd;--color-danger:#dc3545;--color-danger-light:#f8d7da;--color-warning:#ffc107;--color-warning-light:#fff3cd;--color-info:#0dcaf0;--color-info-light:#cff4fc;--color-white:#fff;--color-black:#000;--color-gray-50:#f8f9fa;--color-gray-100:#f1f3f5;--color-gray-200:#e9ecef;--color-gray-300:#dee2e6;--color-gray-400:#ced4da;--color-gray-500:#adb5bd;--color-gray-600:#6c757d;--color-gray-700:#495057;--color-gray-800:#343a40;--color-gray-900:#212529;--body-bg:#f8f9fa;--surface-bg:#fff;--surface-secondary-bg:#f1f3f5;--overlay-bg:#0000008c;--text-primary:#212529;--text-secondary:#6c757d;--text-muted:#adb5bd;--text-light:#fff;--border-color:#e9ecef;--border-color-dark:#dee2e6;--font-family-base:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-pill:9999px;--radius-circle:50%;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 6px 20px #00000014;--shadow-lg:0 12px 32px #0000001f;--shadow-focus:0 0 0 .2rem rgba(var(--color-primary-rgb), .2);--container-max-width:1320px;--navbar-height:72px;--footer-height:220px;--sidebar-width:260px;--dashboard-sidebar-width:280px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-toast:1060}[data-theme=dark]{--color-secondary:#f8f9fa;--color-secondary-hover:#e9ecef;--color-secondary-light:#343a40;--body-bg:#121212;--surface-bg:#1e1e1e;--surface-secondary-bg:#2a2a2a;--text-primary:#f8f9fa;--text-secondary:#adb5bd;--text-muted:#6c757d;--border-color:#343a40;--border-color-dark:#495057;--shadow-sm:0 2px 8px #0003;--shadow-md:0 6px 20px #0000004d;--shadow-lg:0 12px 32px #0006}.btn{justify-content:center;align-items:center;gap:var(--spacing-2);border-radius:var(--radius-md);min-height:42px;font-weight:var(--font-weight-semibold);transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.65}.btn-primary{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover,.btn-primary:focus-visible,.btn-primary:active{border-color:var(--color-primary-hover)!important;background-color:var(--color-primary-hover)!important;color:var(--color-white)!important}.btn-primary:focus-visible{box-shadow:var(--shadow-focus)}.btn-outline-primary{border-color:var(--color-primary);color:var(--color-primary)}.btn-outline-primary:hover,.btn-outline-primary:focus-visible,.btn-outline-primary:active{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-white)}.btn-outline-secondary{border-color:var(--border-color-dark);color:var(--text-secondary)}.btn-outline-secondary:hover,.btn-outline-secondary:focus-visible,.btn-outline-secondary:active{border-color:var(--color-gray-600);background-color:var(--color-gray-600);color:var(--color-white)}.btn-danger{border-color:var(--color-danger);background-color:var(--color-danger);color:var(--color-white)}.btn-danger:hover,.btn-danger:focus-visible,.btn-danger:active{color:var(--color-white)!important;background-color:#bb2d3b!important;border-color:#bb2d3b!important}.btn-warning{border-color:var(--color-warning);background-color:var(--color-warning);color:var(--color-gray-900)}.btn-warning:hover,.btn-warning:focus-visible,.btn-warning:active{color:var(--color-gray-900)!important;background-color:#e0a800!important;border-color:#e0a800!important}.btn-success{border-color:var(--color-success);background-color:var(--color-success);color:var(--color-white)}.btn-success:hover,.btn-success:focus-visible,.btn-success:active{color:var(--color-white)!important;background-color:#157347!important;border-color:#157347!important}.btn-sm{min-height:34px;font-size:var(--font-size-sm);padding:.35rem .75rem}.btn-lg{min-height:50px;font-size:var(--font-size-lg);padding:.75rem 1.5rem}.form-label{margin-bottom:var(--spacing-2);color:var(--text-primary);font-size:var(--font-size-sm)}.form-control,.form-select{border:1px solid var(--border-color-dark);border-radius:var(--radius-md);background-color:var(--surface-bg);min-height:44px;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast)}.form-control::placeholder{color:var(--text-muted)}.form-control:hover:not(:disabled):not(:read-only),.form-select:hover:not(:disabled){border-color:var(--color-gray-500)}.form-control:focus,.form-select:focus{border-color:var(--color-primary);background-color:var(--surface-bg);color:var(--text-primary);box-shadow:var(--shadow-focus)}.form-control:disabled,.form-control:read-only,.form-select:disabled{background-color:var(--surface-secondary-bg);color:var(--text-muted)}.form-control.is-invalid,.form-select.is-invalid{border-color:var(--color-danger)}.form-control.is-invalid:focus,.form-select.is-invalid:focus{border-color:var(--color-danger);box-shadow:0 0 0 .2rem #dc354526}.invalid-feedback,.form-text{margin-top:var(--spacing-1);font-size:var(--font-size-sm)}.input-group-text{border-color:var(--border-color-dark);background-color:var(--surface-secondary-bg);color:var(--text-secondary)}.input-group .form-control{border-left:0}.input-group:focus-within .input-group-text{border-color:var(--color-primary)}.modal{z-index:var(--z-modal)}.modal-backdrop{z-index:var(--z-modal-backdrop);background-color:var(--color-black)}.modal-backdrop.show{opacity:.55}.modal-dialog{margin:var(--spacing-4) auto}.modal-content{border-radius:var(--radius-xl);background-color:var(--surface-bg);color:var(--text-primary);overflow:hidden}.modal-header{border-bottom:1px solid var(--border-color);min-height:68px;padding:var(--spacing-4) var(--spacing-6)}.modal-title{color:var(--text-primary);font-weight:var(--font-weight-bold)}.modal-body{padding:var(--spacing-6)}.modal-footer{border-top:1px solid var(--border-color);padding:var(--spacing-4) var(--spacing-6)}.btn-close-custom{border-radius:var(--radius-circle);width:38px;height:38px;color:var(--text-secondary);transition:background-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.btn-close-custom:hover{background-color:var(--surface-secondary-bg);color:var(--color-danger)}.page-loading{width:100%}.spinner-border{flex-shrink:0}.pagination{gap:var(--spacing-1)}.page-item .page-link{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--surface-bg);min-width:40px;height:40px;color:var(--text-secondary);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.page-item .page-link:hover{z-index:1;border-color:var(--color-primary);background-color:var(--color-primary-light);color:var(--color-primary);transform:translateY(-1px)}.page-item.active .page-link{z-index:2;border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-white)}.page-item.disabled .page-link{border-color:var(--border-color);background-color:var(--surface-secondary-bg);color:var(--text-muted);opacity:.7}.empty-state{border:1px dashed var(--border-color-dark);border-radius:var(--radius-xl);background-color:var(--surface-bg);width:100%}.empty-state-icon{border-radius:var(--radius-circle);background-color:var(--surface-secondary-bg);justify-content:center;align-items:center;width:88px;height:88px;display:inline-flex}.empty-state h3{color:var(--text-primary)}.empty-state p{max-width:480px;margin-inline:auto}.search-box{width:100%}.search-box .input-group{flex-wrap:nowrap}.search-box .input-group-text{border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:0}.search-box .form-control{border-right:0;min-width:0}.search-box .form-control:focus{box-shadow:none}.search-box .btn{border-radius:0;min-height:44px}.search-box .btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.image-upload-dropzone{min-height:220px;padding:var(--spacing-8);border:2px dashed var(--border-color-dark);border-radius:var(--radius-xl);background-color:var(--surface-bg);color:var(--text-secondary);cursor:pointer;text-align:center;transition:border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;display:flex}.image-upload-dropzone:hover{border-color:var(--color-primary);background-color:var(--color-primary-light);color:var(--color-primary)}.image-upload-dropzone:active{transform:scale(.995)}.image-upload-dropzone.is-invalid{border-color:var(--color-danger);background-color:var(--color-danger-light)}.image-upload-dropzone.disabled{cursor:not-allowed;opacity:.6}.image-upload-preview-grid{gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.image-upload-preview{aspect-ratio:1;border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--surface-secondary-bg);position:relative;overflow:hidden}.image-upload-preview img{object-fit:cover;width:100%;height:100%}.image-upload-preview>svg{color:var(--text-muted);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-primary-badge{bottom:var(--spacing-2);left:var(--spacing-2);border-radius:var(--radius-pill);background-color:var(--color-primary);color:var(--color-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:.3rem .6rem;position:absolute}.image-remove-button{top:var(--spacing-2);right:var(--spacing-2);border-radius:var(--radius-circle);width:34px;height:34px;color:var(--color-white);transition:background-color var(--transition-fast), transform var(--transition-fast);background-color:#000000a6;justify-content:center;align-items:center;display:inline-flex;position:absolute}.image-remove-button:hover{background-color:var(--color-danger);transform:scale(1.05)}.card{border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--surface-bg);color:var(--text-primary);box-shadow:var(--shadow-sm)}.card-header{border-bottom:1px solid var(--border-color);padding:var(--spacing-4) var(--spacing-5);background-color:#0000}.card-body{padding:var(--spacing-5)}.card-footer{border-top:1px solid var(--border-color);padding:var(--spacing-4) var(--spacing-5);background-color:#0000}.badge{border-radius:var(--radius-pill);font-weight:var(--font-weight-semibold);padding:.4rem .65rem}.alert{border-radius:var(--radius-lg);border:0}.dropdown-menu{min-width:220px;padding:var(--spacing-2);border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--surface-bg);box-shadow:var(--shadow-lg)}.dropdown-item{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);color:var(--text-primary);transition:background-color var(--transition-fast), color var(--transition-fast)}.dropdown-item:hover,.dropdown-item:focus{background-color:var(--color-primary-light);color:var(--color-primary)}.dropdown-divider{border-color:var(--border-color)}.breadcrumb{margin-bottom:0}.breadcrumb-item,.breadcrumb-item a{color:var(--text-secondary)}.breadcrumb-item a:hover{color:var(--color-primary)}.breadcrumb-item.active{color:var(--text-primary)}.table{color:var(--text-primary);margin-bottom:0}.table>:not(caption)>*>*{padding:var(--spacing-3) var(--spacing-4);border-bottom-color:var(--border-color);color:inherit;background-color:#0000}.table thead th{background-color:var(--surface-secondary-bg);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap}.table tbody tr{transition:background-color var(--transition-fast)}.table tbody tr:hover{background-color:var(--surface-secondary-bg)}.tooltip{font-size:var(--font-size-sm)}.toast{border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--surface-bg);color:var(--text-primary);box-shadow:var(--shadow-lg)}.accordion-item{border-color:var(--border-color);background-color:var(--surface-bg);color:var(--text-primary)}.accordion-button{background-color:var(--surface-bg);color:var(--text-primary)}.accordion-button:not(.collapsed){background-color:var(--color-primary-light);color:var(--color-primary);box-shadow:none}.accordion-button:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.nav-tabs{border-bottom-color:var(--border-color)}.nav-tabs .nav-link{color:var(--text-secondary);border:0;border-bottom:2px solid #0000}.nav-tabs .nav-link:hover{border-bottom-color:var(--color-primary);color:var(--color-primary)}.nav-tabs .nav-link.active{border-bottom-color:var(--color-primary);color:var(--color-primary);font-weight:var(--font-weight-semibold);background-color:#0000}[data-theme=dark] .btn-outline-secondary{border-color:var(--color-gray-600);color:var(--text-secondary)}[data-theme=dark] .btn-outline-secondary:hover{color:var(--color-white)}[data-theme=dark] .form-control,[data-theme=dark] .form-select,[data-theme=dark] .input-group-text{border-color:var(--border-color);background-color:var(--surface-bg);color:var(--text-primary)}[data-theme=dark] .form-control::placeholder{color:var(--text-muted)}[data-theme=dark] .modal-content,[data-theme=dark] .dropdown-menu,[data-theme=dark] .card,[data-theme=dark] .toast{background-color:var(--surface-bg);color:var(--text-primary)}[data-theme=dark] .image-upload-dropzone:hover,[data-theme=dark] .dropdown-item:hover,[data-theme=dark] .dropdown-item:focus,[data-theme=dark] .accordion-button:not(.collapsed){background-color:rgba(var(--color-primary-rgb), .15)}.site-header{z-index:var(--z-sticky);width:100%;position:sticky;top:0}.ecommerce-navbar{width:100%;min-height:var(--navbar-height);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background-color:#fffffff5;padding:0}[data-theme=dark] .ecommerce-navbar{background-color:#1e1e1ef5}.ecommerce-navbar>.container-custom{width:calc(100% - 40px);max-width:var(--container-max-width);min-height:var(--navbar-height);align-items:center;gap:var(--spacing-5);margin-inline:auto;padding:0;display:flex}.ecommerce-logo{align-items:center;gap:var(--spacing-2);min-width:max-content;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);flex:none;padding:0;display:inline-flex}.ecommerce-logo:hover{color:var(--color-primary)}.ecommerce-logo-icon{border-radius:var(--radius-lg);background-color:var(--color-primary);width:42px;height:42px;color:var(--color-white);flex:none;justify-content:center;align-items:center;font-size:1.4rem;display:inline-flex}.ecommerce-navbar-collapse{align-items:center;gap:var(--spacing-5);flex:1;min-width:0;display:flex}.ecommerce-nav-links{align-items:center;gap:var(--spacing-1);flex:none;display:flex}.ecommerce-nav-links .nav-link{align-items:center;gap:var(--spacing-2);min-height:42px;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;transition:color var(--transition-fast), background-color var(--transition-fast);display:inline-flex}.ecommerce-nav-links .nav-link:hover,.ecommerce-nav-links .nav-link.active{background-color:var(--color-primary-light);color:var(--color-primary)}[data-theme=dark] .ecommerce-nav-links .nav-link:hover,[data-theme=dark] .ecommerce-nav-links .nav-link.active{background-color:rgba(var(--color-primary-rgb), .15)}.navbar-search-wrapper{flex:320px;align-items:center;min-width:220px;max-width:360px;display:flex}.navbar-search{align-items:center;width:100%;display:flex;position:relative}.navbar-search>svg{z-index:1;color:var(--text-muted);pointer-events:none;font-size:1.1rem;position:absolute;left:14px}.navbar-search input{border:1px solid var(--border-color);border-radius:var(--radius-pill);background-color:var(--surface-secondary-bg);width:100%;height:44px;color:var(--text-primary);transition:border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);padding:0 42px}.navbar-search input:focus{border-color:var(--color-primary);background-color:var(--surface-bg);box-shadow:var(--shadow-focus)}.navbar-search input::placeholder{color:var(--text-muted)}.navbar-search button{border-radius:var(--radius-circle);width:30px;height:30px;color:var(--text-muted);justify-content:center;align-items:center;display:inline-flex;position:absolute;right:10px}.navbar-search button:hover{background-color:var(--border-color);color:var(--color-danger)}.navbar-search-toggle{display:none}.navbar-actions{justify-content:flex-end;align-items:center;gap:var(--spacing-2);flex:none;display:flex}.navbar-icon-button{justify-content:center;align-items:center;gap:var(--spacing-1);border-radius:var(--radius-circle);min-width:42px;height:42px;color:var(--text-secondary);transition:background-color var(--transition-fast), color var(--transition-fast);flex:none;font-size:1.25rem;display:inline-flex;position:relative}.navbar-icon-button:hover,.navbar-icon-button.active{background-color:var(--color-primary-light);color:var(--color-primary)}[data-theme=dark] .navbar-icon-button:hover,[data-theme=dark] .navbar-icon-button.active{background-color:rgba(var(--color-primary-rgb), .15)}.navbar-language-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.navbar-count-badge{border:2px solid var(--surface-bg);border-radius:var(--radius-pill);background-color:var(--color-danger);min-width:19px;height:19px;color:var(--color-white);font-size:.65rem;font-weight:var(--font-weight-bold);justify-content:center;align-items:center;padding:0 5px;display:inline-flex;position:absolute;top:-3px;right:-3px}.navbar-profile{position:relative}.navbar-profile-button{align-items:center;gap:var(--spacing-2);min-height:46px;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-lg);color:var(--text-primary);transition:background-color var(--transition-fast);display:flex}.navbar-profile-button:hover{background-color:var(--surface-secondary-bg)}.navbar-profile-button>svg{color:var(--text-muted);transition:transform var(--transition-fast)}.navbar-profile-button>svg.rotate{transform:rotate(180deg)}.navbar-user-avatar{border-radius:var(--radius-circle);background-color:var(--color-primary-light);width:38px;height:38px;color:var(--color-primary);flex:none;justify-content:center;align-items:center;font-size:2rem;display:inline-flex;overflow:hidden}.navbar-user-avatar img{object-fit:cover;width:100%;height:100%}.navbar-user-info{flex-direction:column;align-items:flex-start;min-width:0;max-width:130px;line-height:1.2;display:flex;overflow:hidden}.navbar-user-info strong,.navbar-user-info small{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.navbar-user-info strong{color:var(--text-primary);font-size:var(--font-size-sm)}.navbar-user-info small{color:var(--text-muted);font-size:var(--font-size-xs);text-transform:capitalize;margin-top:3px}.navbar-profile-menu{z-index:var(--z-dropdown);width:230px;padding:var(--spacing-2);border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--surface-bg);box-shadow:var(--shadow-lg);position:absolute;top:calc(100% + 12px);right:0}.navbar-profile-menu-item{align-items:center;gap:var(--spacing-3);width:100%;min-height:42px;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left;transition:background-color var(--transition-fast), color var(--transition-fast);display:flex}.navbar-profile-menu-item:hover{background-color:var(--color-primary-light);color:var(--color-primary)}[data-theme=dark] .navbar-profile-menu-item:hover{background-color:rgba(var(--color-primary-rgb), .15)}.navbar-profile-menu-item svg{flex-shrink:0;font-size:1.2rem}.navbar-profile-divider{height:1px;margin:var(--spacing-2) 0;background-color:var(--border-color)}.navbar-logout-button{color:var(--color-danger)}.navbar-logout-button:hover{background-color:var(--color-danger-light);color:var(--color-danger)}.navbar-auth-buttons{align-items:center;gap:var(--spacing-2);flex:none;display:flex}.navbar-mobile-actions{align-items:center;gap:var(--spacing-1);margin-left:auto;display:none}.navbar-menu-button{border-radius:var(--radius-md);width:42px;height:42px;color:var(--text-primary);flex:none;justify-content:center;align-items:center;font-size:1.6rem;display:inline-flex}.navbar-menu-button:hover{background-color:var(--surface-secondary-bg)}.site-footer{border-top:1px solid var(--border-color);background-color:var(--surface-bg);width:100%;margin-top:auto}.footer-main{padding:var(--spacing-16) 0 var(--spacing-12)}.footer-grid{gap:var(--spacing-10);grid-template-columns:minmax(250px,1.5fr) repeat(4,minmax(130px,1fr));display:grid}.footer-brand-column{min-width:0}.footer-logo{align-items:center;gap:var(--spacing-2);color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);display:inline-flex}.footer-logo:hover{color:var(--color-primary)}.footer-logo-icon{border-radius:var(--radius-lg);background-color:var(--color-primary);width:42px;height:42px;color:var(--color-white);flex:none;justify-content:center;align-items:center;font-size:1.4rem;display:inline-flex}.footer-description{max-width:340px;margin:var(--spacing-5) 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.footer-social-links{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.footer-social-links a{border:1px solid var(--border-color);border-radius:var(--radius-circle);background-color:var(--surface-secondary-bg);width:40px;height:40px;color:var(--text-secondary);transition:border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;font-size:1.2rem;display:inline-flex}.footer-social-links a:hover{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}.footer-column{min-width:0}.footer-column h3{margin-bottom:var(--spacing-5);color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.footer-links{gap:var(--spacing-3);flex-direction:column;display:flex}.footer-links a{color:var(--text-secondary);font-size:var(--font-size-sm);transition:color var(--transition-fast), padding-left var(--transition-fast)}.footer-links a:hover{padding-left:var(--spacing-1);color:var(--color-primary)}.footer-contact-list{gap:var(--spacing-4);flex-direction:column;display:flex}.footer-contact-list li{align-items:flex-start;gap:var(--spacing-3);color:var(--text-secondary);font-size:var(--font-size-sm);display:flex}.footer-contact-list svg{color:var(--color-primary);flex:none;margin-top:2px;font-size:1.15rem}.footer-contact-list a{min-width:0;color:var(--text-secondary);overflow-wrap:anywhere}.footer-contact-list a:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid var(--border-color);background-color:var(--surface-secondary-bg)}.footer-bottom-content{justify-content:space-between;align-items:center;gap:var(--spacing-4);min-height:70px;display:flex}.footer-bottom-content p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.footer-bottom-links{align-items:center;gap:var(--spacing-5);display:flex}.footer-bottom-links a{color:var(--text-secondary);font-size:var(--font-size-sm)}.footer-bottom-links a:hover{color:var(--color-primary)}.notification-page{background-color:var(--body-bg);width:100%;min-height:70vh;padding:48px 0 72px}.notification-page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.notification-page-header>div>span{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase;margin-bottom:7px;display:inline-block}.notification-page-header h1{margin-bottom:8px;font-size:clamp(2rem,4vw,2.8rem)}.notification-page-header p{color:var(--text-secondary);margin:0}.notification-read-all-button{border:1px solid var(--color-primary);background-color:var(--surface-bg);min-height:44px;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.notification-read-all-button:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-white);transform:translateY(-1px)}.notification-read-all-button:disabled{cursor:not-allowed;opacity:.45}.notification-list{flex-direction:column;gap:14px;display:flex}.notification-item{border:1px solid var(--border-color);background-color:var(--surface-bg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border-radius:16px;grid-template-columns:54px minmax(0,1fr) auto;align-items:flex-start;gap:16px;padding:18px;display:grid;position:relative}.notification-item:hover{border-color:rgba(var(--color-primary-rgb), .28);box-shadow:var(--shadow-md);transform:translateY(-2px)}.notification-item.unread{border-color:rgba(var(--color-primary-rgb), .24);background:linear-gradient(90deg, rgba(var(--color-primary-rgb), .055), transparent 42%), var(--surface-bg)}.notification-item.unread:before{background-color:var(--color-primary);content:"";border-radius:0 4px 4px 0;width:3px;position:absolute;top:18px;bottom:18px;left:0}.notification-item.read{opacity:.88}.notification-item-icon{background-color:var(--surface-secondary-bg);width:54px;height:54px;color:var(--color-primary);border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.notification-item-icon.order{color:#2563eb;background-color:#3b82f61a}.notification-item-icon.success{color:#16a34a;background-color:#22c55e1a}.notification-item-icon.favorite{color:#dc2626;background-color:#ef44441a}.notification-item-icon.campaign{color:#d97706;background-color:#f59e0b1f}.notification-item-icon.default{background-color:var(--color-primary-light);color:var(--color-primary)}.notification-item-content{min-width:0}.notification-item-heading{align-items:center;gap:9px;min-width:0;margin-bottom:6px;display:flex}.notification-item-heading h2{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.98rem;line-height:1.4;overflow:hidden}.notification-unread-badge{border-radius:var(--radius-pill);background-color:var(--color-primary);min-height:22px;color:var(--color-white);font-size:.62rem;font-weight:var(--font-weight-bold);letter-spacing:.03em;text-transform:uppercase;flex-shrink:0;justify-content:center;align-items:center;padding:0 8px;display:inline-flex}.notification-item-content p{color:var(--text-secondary);margin:0 0 9px;font-size:.84rem;line-height:1.65}.notification-item-content time{color:var(--text-muted);font-size:.7rem}.notification-item-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.notification-read-button,.notification-delete-button{width:38px;height:38px;transition:border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);border-radius:10px;justify-content:center;align-items:center;font-size:1.05rem;display:inline-flex}.notification-read-button{color:var(--color-success);background-color:#22c55e12;border:1px solid #22c55e38}.notification-read-button:hover:not(:disabled){border-color:var(--color-success);background-color:#22c55e1f;transform:scale(1.04)}.notification-delete-button{color:var(--color-danger);background-color:#ef44440f;border:1px solid #ef444438}.notification-read-button:disabled,.notification-delete-button:disabled{cursor:not-allowed;opacity:.48}.notification-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:520px;padding:40px 20px;display:flex}.notification-empty-icon{background-color:var(--color-primary-light);width:96px;height:96px;color:var(--color-primary);box-shadow:0 0 0 12px rgba(var(--color-primary-rgb), .05);border-radius:50%;justify-content:center;align-items:center;margin-bottom:22px;font-size:2.7rem;display:flex}.notification-empty h1{margin-bottom:10px;font-size:clamp(1.8rem,4vw,2.4rem)}.notification-empty p{max-width:460px;color:var(--text-secondary);margin-bottom:24px;line-height:1.7}.notification-empty-button{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));min-height:48px;color:var(--color-white);font-weight:var(--font-weight-bold);box-shadow:0 9px 20px rgba(var(--color-primary-rgb), .22);transition:box-shadow var(--transition-fast), transform var(--transition-fast);border-radius:12px;justify-content:center;align-items:center;padding:0 22px;display:inline-flex}.notification-empty-button:hover{color:var(--color-white);box-shadow:0 12px 26px rgba(var(--color-primary-rgb), .3);transform:translateY(-2px)}.notification-item-skeleton{pointer-events:none}.notification-skeleton-icon{border-radius:15px;width:54px;height:54px}.notification-skeleton-content{flex-direction:column;gap:10px;min-width:0;padding-top:3px;display:flex}@media (width<=767.98px){.notification-page{padding:28px 0 52px}.notification-page-header{flex-direction:column;align-items:flex-start;margin-bottom:24px}.notification-read-all-button{width:100%}.notification-item{grid-template-columns:48px minmax(0,1fr);gap:13px;padding:15px}.notification-item-icon,.notification-skeleton-icon{border-radius:13px;width:48px;height:48px;font-size:1.25rem}.notification-item-actions{grid-column:1/-1;justify-content:flex-end}}@media (width<=479.98px){.notification-item{grid-template-columns:42px minmax(0,1fr);padding:13px}.notification-item-icon,.notification-skeleton-icon{width:42px;height:42px;font-size:1.1rem}.notification-item-heading{flex-direction:column;align-items:flex-start;gap:5px}.notification-item-heading h2{white-space:normal;width:100%}.notification-item-content p{font-size:.78rem}.notification-read-button,.notification-delete-button{flex:1;width:auto}}.notification-item.clickable{cursor:pointer}.notification-item.clickable:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .14);outline:none}.notification-item.loading{pointer-events:none;opacity:.7}.notification-item-actions{flex-shrink:0;align-self:center;align-items:center;gap:8px;display:flex}.notification-item-status{background-color:var(--color-primary-light);min-width:102px;min-height:38px;color:var(--color-primary);font-size:.72rem;font-weight:var(--font-weight-semibold);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 11px;display:inline-flex}.notification-item.read .notification-item-status{background-color:var(--surface-secondary-bg);color:var(--text-muted)}.notification-delete-button{width:38px;height:38px;color:var(--color-danger);transition:border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);background-color:#ef44440f;border:1px solid #ef444438;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.05rem;display:inline-flex}.notification-delete-button:hover:not(:disabled){border-color:var(--color-danger);background-color:#ef44441c;transform:scale(1.05)}.notification-delete-button:disabled{cursor:not-allowed;opacity:.45}.notification-modal-backdrop{z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0f172a94;justify-content:center;align-items:center;padding:20px;animation:.18s notificationBackdropShow;display:flex;position:fixed;inset:0}.notification-modal{border:1px solid var(--border-color);background-color:var(--surface-bg);border-radius:20px;width:min(100%,460px);animation:.22s notificationModalShow;overflow:hidden;box-shadow:0 28px 80px #0000004d}.notification-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px;display:flex}.notification-modal-title{align-items:center;gap:13px;min-width:0;display:flex}.notification-modal-warning-icon{width:46px;height:46px;color:var(--color-danger);background-color:#ef44441a;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.35rem;display:inline-flex}.notification-modal-title>div{flex-direction:column;gap:3px;min-width:0;display:flex}.notification-modal-title h2{color:var(--text-primary);margin:0;font-size:1.15rem}.notification-modal-title span{color:var(--text-muted);font-size:.72rem}.notification-modal-close{width:36px;height:36px;color:var(--text-muted);transition:background-color var(--transition-fast), color var(--transition-fast);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;display:inline-flex}.notification-modal-close:hover:not(:disabled){background-color:var(--surface-secondary-bg);color:var(--text-primary)}.notification-modal-close:disabled{cursor:not-allowed;opacity:.45}.notification-modal-body{padding:24px}.notification-modal-body>p{color:var(--text-secondary);margin:0;line-height:1.65}.notification-modal-selected{border:1px solid var(--border-color);background-color:var(--surface-secondary-bg);border-radius:13px;align-items:flex-start;gap:11px;margin-top:18px;padding:14px;display:flex}.notification-modal-selected>svg{color:var(--color-primary);flex-shrink:0;margin-top:2px;font-size:1.2rem}.notification-modal-selected>div{flex-direction:column;gap:4px;min-width:0;display:flex}.notification-modal-selected strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.notification-modal-selected span{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.73rem;line-height:1.5;display:-webkit-box;overflow:hidden}.notification-modal-footer{border-top:1px solid var(--border-color);background-color:var(--surface-secondary-bg);justify-content:flex-end;align-items:center;gap:11px;padding:18px 24px;display:flex}.notification-modal-cancel,.notification-modal-delete{min-height:42px;font-size:.82rem;font-weight:var(--font-weight-semibold);transition:background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 17px;display:inline-flex}.notification-modal-cancel{border:1px solid var(--border-color);background-color:var(--surface-bg);color:var(--text-secondary)}.notification-modal-cancel:hover:not(:disabled){border-color:var(--text-muted);color:var(--text-primary)}.notification-modal-delete{background-color:var(--color-danger);color:#fff;box-shadow:0 7px 16px #ef444433}.notification-modal-delete:hover:not(:disabled){color:#fff;background-color:#dc2626;transform:translateY(-1px)}.notification-modal-cancel:disabled,.notification-modal-delete:disabled{cursor:not-allowed;opacity:.55}@keyframes notificationBackdropShow{0%{opacity:0}to{opacity:1}}@keyframes notificationModalShow{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=767.98px){.notification-item-actions{grid-column:1/-1;width:100%}.notification-item-status{flex:1}.notification-modal-footer{flex-direction:column-reverse}.notification-modal-cancel,.notification-modal-delete{width:100%}}@media (width<=479.98px){.notification-modal-backdrop{padding:14px}.notification-modal-header,.notification-modal-body,.notification-modal-footer{padding-left:18px;padding-right:18px}}.auth-layout{width:100%;min-height:100vh}.auth-page{background:radial-gradient(circle at top left, rgba(var(--color-primary-rgb), .12), transparent 38%), var(--body-bg);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 20px;display:flex}.auth-card{width:100%;max-width:520px;padding:var(--spacing-8);border:1px solid var(--border-color);border-radius:var(--radius-xl);background-color:var(--surface-bg);box-shadow:var(--shadow-lg)}.auth-card-register{max-width:520px}.auth-header{margin-bottom:var(--spacing-8);text-align:center}.auth-icon{width:64px;height:64px;margin-bottom:var(--spacing-4);border-radius:var(--radius-circle);background-color:var(--color-primary-light);color:var(--color-primary);justify-content:center;align-items:center;font-size:1.8rem;display:inline-flex}.auth-header h1{margin-bottom:var(--spacing-2);font-size:var(--font-size-3xl)}.auth-header p{margin-bottom:0}.auth-form{flex-direction:column;display:flex}.auth-password-field{position:relative}.auth-password-field .form-control{padding-right:48px}.auth-password-toggle{z-index:5;border-radius:var(--radius-circle);width:34px;height:34px;color:var(--text-muted);transition:background-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;font-size:1.15rem;display:inline-flex;position:absolute;top:38px;right:12px}.auth-password-toggle:hover{background-color:var(--surface-secondary-bg);color:var(--color-primary)}.auth-options{justify-content:space-between;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-5);display:flex}.auth-remember,.auth-terms label{align-items:flex-start;gap:var(--spacing-2);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;display:flex}.auth-remember input,.auth-terms input{width:17px;height:17px;accent-color:var(--color-primary);flex-shrink:0;margin-top:2px}.auth-link,.auth-terms a,.auth-footer a{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.auth-link:hover,.auth-terms a:hover,.auth-footer a:hover{color:var(--color-primary-hover)}.auth-terms{margin-bottom:var(--spacing-5)}.auth-footer{justify-content:center;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-6);padding-top:var(--spacing-5);border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-sm);display:flex}.home-page{width:100%;overflow-x:clip}.home-hero-section{padding:28px 0 18px}.hero-swiper{background-color:var(--surface-secondary-bg);width:100%;box-shadow:var(--shadow-lg);border-radius:26px;position:relative;overflow:hidden}.hero-swiper .swiper-slide{height:auto}.hero-slide{background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:center;width:100%;min-height:410px;padding:56px 96px;display:flex}.hero-slide-content{z-index:2;max-width:560px;color:var(--color-white);position:relative}.hero-slide-eyebrow{border-radius:var(--radius-pill);color:var(--color-white);font-size:.74rem;font-weight:var(--font-weight-bold);letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff24;border:1px solid #ffffff57;margin-bottom:16px;padding:7px 14px;display:inline-flex}.hero-slide-content h1{max-width:540px;color:var(--color-white);margin-bottom:16px;font-size:clamp(2.15rem,4vw,3.55rem);line-height:1.08}.hero-slide-content p{color:#ffffffdb;max-width:500px;margin-bottom:26px;font-size:1rem}.hero-slide-button{min-height:46px;padding-inline:21px}.hero-swiper .swiper-button-prev,.hero-swiper .swiper-button-next{border-radius:var(--radius-circle);width:44px;height:44px;color:var(--color-primary);box-shadow:var(--shadow-md);transition:transform var(--transition-fast), background-color var(--transition-fast);background-color:#fffffff2;border:1px solid #ffffffb8;margin-top:-22px;top:50%}.hero-swiper .swiper-button-prev{left:18px}.hero-swiper .swiper-button-next{right:18px}.hero-swiper .swiper-button-prev:hover,.hero-swiper .swiper-button-next:hover{background-color:var(--color-white);transform:scale(1.07)}.hero-swiper .swiper-button-prev:after,.hero-swiper .swiper-button-next:after{font-size:16px;font-weight:800}.hero-swiper .swiper-pagination{bottom:16px}.hero-swiper .swiper-pagination-bullet{background-color:var(--color-white);opacity:.58;width:8px;height:8px}.hero-swiper .swiper-pagination-bullet-active{border-radius:var(--radius-pill);background-color:var(--color-primary);opacity:1;width:24px}.hero-empty{background:linear-gradient(135deg, rgba(var(--color-primary-rgb), .96), #191919eb);min-height:410px;color:var(--color-white);box-shadow:var(--shadow-lg);border-radius:26px;align-items:center;padding:56px 96px;display:flex}.hero-empty>div{max-width:540px}.hero-empty span{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px;display:inline-block}.hero-empty h1{color:var(--color-white);margin-bottom:16px}.hero-empty p{color:#ffffffd6;max-width:490px}.home-section{padding:68px 0}.home-section-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.home-section-header h2{margin:7px 0;font-size:clamp(1.8rem,3vw,2.45rem)}.home-section-header p{margin:0}.home-section-eyebrow{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:7px;display:inline-flex}.home-section-link{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:gap var(--transition-fast);flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.home-section-link:hover{gap:12px}.category-swiper,.product-swiper{padding:4px 2px 46px;position:relative;overflow:visible}.category-swiper .swiper-slide,.product-swiper .swiper-slide{height:auto}.category-card{border:1px solid var(--border-color);background-color:var(--surface-secondary-bg);width:100%;min-height:280px;box-shadow:var(--shadow-sm);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);border-radius:20px;display:block;position:relative;overflow:hidden}.category-card:hover{border-color:rgba(var(--color-primary-rgb), .38);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.category-card img{object-fit:cover;width:100%;height:280px;transition:transform var(--transition-slow)}.category-card:hover img{transform:scale(1.07)}.category-card:after{content:"";background:linear-gradient(#00000005 26%,#000000d6 100%);position:absolute;inset:0}.category-card-overlay{z-index:1;color:var(--color-white);padding:20px 17px;position:absolute;bottom:0;left:0;right:0}.category-card-overlay h3{color:var(--color-white);margin-bottom:7px;font-size:1.12rem}.category-card-overlay span{color:#ffffffd6;font-size:var(--font-size-sm);align-items:center;gap:6px;display:inline-flex}.category-image-placeholder{background:linear-gradient(135deg, var(--color-primary-light), var(--surface-secondary-bg));width:100%;height:280px;color:var(--color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-align:center;justify-content:center;align-items:center;padding:20px;display:flex}.category-swiper .swiper-button-prev,.category-swiper .swiper-button-next,.product-swiper .swiper-button-prev,.product-swiper .swiper-button-next{border:1px solid var(--border-color);border-radius:var(--radius-circle);background-color:var(--surface-bg);width:44px;height:44px;color:var(--color-primary);box-shadow:var(--shadow-md);margin-top:0;top:calc(50% - 23px)}.category-swiper .swiper-button-prev:after,.category-swiper .swiper-button-next:after,.product-swiper .swiper-button-prev:after,.product-swiper .swiper-button-next:after{font-size:15px;font-weight:800}.category-swiper .swiper-button-prev,.product-swiper .swiper-button-prev{left:-18px}.category-swiper .swiper-button-next,.product-swiper .swiper-button-next{right:-18px}.product-swiper{padding:6px 2px 48px;position:relative;overflow:visible}.product-swiper .swiper-slide{height:auto;display:flex}.product-card{border:1px solid var(--border-color);background-color:var(--surface-bg);width:100%;min-width:0;height:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000f}.product-card:hover{border-color:rgba(var(--color-primary-rgb), .35);transform:translateY(-3px);box-shadow:0 8px 22px #0000001a}.product-card-image-wrapper{background-color:#f7f7f7;flex-shrink:0;width:100%;height:230px;position:relative;overflow:hidden}.product-card-image-link{width:100%;height:100%;display:block}.product-card-image{object-fit:contain;width:100%;height:100%;transition:transform var(--transition-base);padding:8px;display:block}.product-card:hover .product-card-image{transform:scale(1.04)}.product-card-placeholder{background:linear-gradient(135deg, var(--surface-secondary-bg), var(--color-primary-light));width:100%;height:100%;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:.78rem;display:flex}.product-card-placeholder svg{color:var(--color-primary);font-size:1.8rem}.product-favorite-button{z-index:4;width:36px;height:36px;color:var(--text-secondary);transition:color var(--transition-fast), transform var(--transition-fast), background-color var(--transition-fast);background-color:#fffffff2;border:1px solid #00000014;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.15rem;display:inline-flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #00000014}.product-favorite-button:hover,.product-favorite-button.active{background-color:var(--color-white);color:var(--color-danger);transform:scale(1.06)}.product-favorite-button:disabled{cursor:not-allowed;opacity:.6}.product-discount-badge,.product-stock-badge{z-index:4;color:var(--color-white);border-radius:6px;padding:5px 9px;font-size:.7rem;font-weight:700;position:absolute;top:10px;left:10px}.product-discount-badge{background-color:var(--color-danger)}.product-stock-badge{background-color:var(--color-gray-800)}.product-card-body{flex-direction:column;flex:1;min-height:168px;padding:12px;display:flex}.product-card-category{color:var(--color-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;font-size:.72rem;font-weight:600;display:block;overflow:hidden}.product-card-category:hover{color:var(--color-primary-hover)}.product-card-title{min-height:40px;color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:.84rem;font-weight:500;line-height:1.45;display:-webkit-box;overflow:hidden}.product-card-title:hover{color:var(--color-primary)}.product-card-rating{min-height:20px;color:var(--text-secondary);align-items:center;gap:4px;margin-bottom:9px;font-size:.75rem;display:flex}.product-card-rating svg{color:#f6b400;flex-shrink:0;font-size:.9rem}.product-card-rating small{color:var(--text-muted);font-size:.7rem}.product-card-bottom{justify-content:space-between;align-items:flex-end;gap:8px;margin-top:auto;display:flex}.product-card-price-wrapper{flex-direction:column;min-width:0;display:flex}.product-old-price{color:var(--text-muted);font-size:.7rem;text-decoration:line-through}.product-card-price{color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.25}.product-cart-button{background-color:var(--color-primary);width:36px;height:36px;color:var(--color-white);transition:background-color var(--transition-fast), transform var(--transition-fast);border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;font-size:1.05rem;display:inline-flex}.product-cart-button:hover:not(:disabled){background-color:var(--color-primary-hover);color:var(--color-white);transform:scale(1.06)}.product-cart-button:disabled{cursor:not-allowed;opacity:.45}.product-swiper .swiper-button-prev,.product-swiper .swiper-button-next{border:1px solid var(--border-color);background-color:var(--surface-bg);width:42px;height:42px;color:var(--color-primary);box-shadow:var(--shadow-md);border-radius:50%;top:calc(50% - 24px)}.product-swiper .swiper-button-prev{left:-18px}.product-swiper .swiper-button-next{right:-18px}.product-swiper .swiper-button-prev:after,.product-swiper .swiper-button-next:after{font-size:14px;font-weight:800}.product-swiper .swiper-button-disabled{opacity:0;pointer-events:none}@media (width<=991.98px){.product-swiper .swiper-button-prev,.product-swiper .swiper-button-next{display:none}}@media (width<=767.98px){.product-card-image-wrapper{height:210px}.product-card-body{min-height:156px;padding:10px}}@media (width<=575.98px){.product-swiper{padding-bottom:32px}.product-card{border-radius:10px}.product-card-image-wrapper{height:190px}.product-card-title{min-height:37px;font-size:.78rem}.product-card-price{font-size:.9rem}.product-favorite-button{width:32px;height:32px}.product-cart-button{width:34px;height:34px}}.home-product-grid{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.home-product-grid .product-card{min-width:0;height:100%}@media (width<=1399.98px){.home-product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=1199.98px){.home-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=991.98px){.home-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (width<=767.98px){.home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (width<=419.98px){.home-product-grid{grid-template-columns:1fr}}.skeleton-line{border-radius:var(--radius-pill);height:12px}.skeleton-circle{border-radius:50%}.hero-skeleton{background-color:var(--surface-secondary-bg);min-height:410px;box-shadow:var(--shadow-lg);border-radius:26px;align-items:center;padding:56px 96px;display:flex;overflow:hidden}.hero-skeleton-content{width:min(100%,560px)}.skeleton-hero-eyebrow{width:130px;height:28px;margin-bottom:18px}.skeleton-hero-title{width:88%;height:48px;margin-bottom:12px}.skeleton-hero-title-short{width:62%;height:48px;margin-bottom:22px}.skeleton-hero-text{width:92%;height:14px;margin-bottom:10px}.skeleton-hero-text-short{width:68%;height:14px;margin-bottom:28px}.skeleton-hero-button{border-radius:var(--radius-md);width:155px;height:46px}.category-skeleton-row,.product-skeleton-row{gap:16px;display:grid;overflow:hidden}.category-skeleton-row{grid-template-columns:repeat(6,minmax(0,1fr));padding:4px 2px 46px}.product-skeleton-row{grid-template-columns:repeat(6,minmax(0,1fr));padding:6px 2px 48px}.category-card-skeleton{border:1px solid var(--border-color);background-color:var(--surface-bg);border-radius:20px;min-width:0;height:280px;position:relative;overflow:hidden}.skeleton-category-image{width:100%;height:100%}.skeleton-category-content{z-index:2;padding:20px 17px;position:absolute;bottom:0;left:0;right:0}.skeleton-category-title{background-color:#ffffffb8;width:66%;height:18px;margin-bottom:12px}.skeleton-category-link{background-color:#ffffff85;width:48%}.product-card-skeleton{border:1px solid var(--border-color);background-color:var(--surface-bg);border-radius:12px;flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000f}.skeleton-product-image{flex-shrink:0;width:100%;height:230px}.skeleton-product-body{flex-direction:column;flex:1;min-height:168px;padding:12px;display:flex}.skeleton-line-category{width:38%;height:10px;margin-bottom:11px}.skeleton-line-title{width:92%;margin-bottom:8px}.skeleton-line-title-short{width:66%;margin-bottom:20px}.skeleton-line-rating{width:42%;height:10px;margin-bottom:22px}.skeleton-product-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.skeleton-line-price{width:46%;height:18px}.skeleton-cart{width:36px;height:36px}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@media (width<=1399.98px){.category-skeleton-row,.product-skeleton-row{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=1199.98px){.category-skeleton-row,.product-skeleton-row{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=991.98px){.hero-skeleton{min-height:360px;padding:44px 54px}.category-skeleton-row,.product-skeleton-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=767.98px){.hero-skeleton{border-radius:20px;min-height:330px;padding:38px 30px}.category-skeleton-row,.product-skeleton-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.skeleton-product-image{height:210px}.skeleton-product-body{min-height:156px;padding:10px}}@media (width<=419.98px){.hero-skeleton{min-height:300px;padding:30px 20px}.skeleton-hero-title,.skeleton-hero-title-short{height:34px}.category-skeleton-row{grid-template-columns:1fr}.product-skeleton-row{grid-template-columns:repeat(2,minmax(0,1fr))}.skeleton-product-image{height:180px}}.profile-page{background-color:var(--body-bg);width:100%;min-height:70vh;padding:48px 0 72px}.profile-page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.profile-page-header>div>span{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase;margin-bottom:7px;display:inline-block}.profile-page-header h1{margin-bottom:8px;font-size:clamp(2rem,4vw,2.8rem)}.profile-page-header p{color:var(--text-secondary);margin:0}.profile-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:28px;display:grid}.profile-sidebar{border:1px solid var(--border-color);background-color:var(--surface-bg);box-shadow:var(--shadow-md);text-align:center;border-radius:20px;flex-direction:column;align-items:center;padding:30px 24px;display:flex;position:sticky;top:92px}.profile-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));width:92px;height:92px;color:var(--color-white);font-size:2rem;font-weight:var(--font-weight-bold);box-shadow:0 10px 24px rgba(var(--color-primary-rgb), .24);border-radius:50%;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.profile-sidebar h2{margin-bottom:6px;font-size:1.2rem}.profile-sidebar p{max-width:100%;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-bottom:16px;font-size:.8rem;overflow:hidden}.profile-role{border-radius:var(--radius-pill);background-color:var(--color-primary-light);color:var(--color-primary);font-size:.75rem;font-weight:var(--font-weight-bold);align-items:center;gap:7px;padding:8px 12px;display:inline-flex}.profile-role svg{font-size:1rem}.profile-content{flex-direction:column;gap:22px;min-width:0;display:flex}.profile-section{border:1px solid var(--border-color);background-color:var(--surface-bg);box-shadow:var(--shadow-sm);border-radius:20px;padding:26px}.profile-section-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;padding-bottom:18px;display:flex}.profile-section-header h2{margin-bottom:5px;font-size:1.18rem}.profile-section-header p{color:var(--text-muted);margin:0;font-size:.8rem}.profile-form-grid,.profile-password-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.profile-password-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-form-group{flex-direction:column;gap:8px;min-width:0;display:flex}.profile-form-full{grid-column:1/-1}.profile-form-group label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.profile-form-group input,.profile-form-group textarea{border:1px solid var(--border-color);background-color:var(--surface-bg);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);border-radius:11px}.profile-form-group input{min-height:46px;padding:0 13px}.profile-form-group textarea{resize:vertical;min-height:120px;padding:12px 13px;line-height:1.65}.profile-form-group input:focus,.profile-form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .12)}.profile-form-group input.is-invalid,.profile-form-group textarea.is-invalid,.profile-input-wrapper input.is-invalid,.profile-password-wrapper input.is-invalid{border-color:var(--color-danger)}.profile-form-group input.is-invalid:focus,.profile-form-group textarea.is-invalid:focus,.profile-input-wrapper input.is-invalid:focus,.profile-password-wrapper input.is-invalid:focus{box-shadow:0 0 0 3px #ef44441f}.profile-input-wrapper,.profile-password-wrapper{position:relative}.profile-input-wrapper>svg,.profile-password-wrapper>svg:first-child{z-index:1;color:var(--text-muted);pointer-events:none;font-size:1rem;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.profile-input-wrapper input,.profile-password-wrapper input{padding-left:40px;padding-right:42px}.profile-password-wrapper button{width:32px;height:32px;color:var(--text-muted);transition:background-color var(--transition-fast), color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:inline-flex;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.profile-password-wrapper button:hover{background-color:var(--surface-secondary-bg);color:var(--color-primary)}.profile-error{color:var(--color-danger);font-size:.72rem;line-height:1.45}.profile-save-button{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));min-height:46px;color:var(--color-white);font-size:.86rem;font-weight:var(--font-weight-bold);box-shadow:0 8px 18px rgba(var(--color-primary-rgb), .2);transition:box-shadow var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);border-radius:11px;justify-content:center;align-items:center;gap:8px;margin-top:22px;padding:0 20px;display:inline-flex}.profile-save-button:hover:not(:disabled){color:var(--color-white);box-shadow:0 11px 24px rgba(var(--color-primary-rgb), .28);transform:translateY(-2px)}.profile-save-button:disabled{cursor:not-allowed;opacity:.58}@media (width<=1199.98px){.profile-layout{grid-template-columns:240px minmax(0,1fr);gap:22px}.profile-password-grid{grid-template-columns:1fr}}@media (width<=991.98px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{position:static}.profile-form-grid{grid-template-columns:1fr}.profile-form-full{grid-column:auto}}@media (width<=767.98px){.profile-page{padding:28px 0 52px}.profile-page-header{flex-direction:column;align-items:flex-start}.profile-section{border-radius:16px;padding:18px}.profile-section-header{margin-bottom:20px}.profile-save-button{width:100%}}@media (width<=479.98px){.profile-sidebar{padding:24px 18px}.profile-avatar{width:80px;height:80px;font-size:1.75rem}.profile-section-header h2{font-size:1.05rem}}@media (width>=992px){.ecommerce-navbar>.container-custom{width:calc(100% - 40px);max-width:var(--container-max-width);min-height:var(--navbar-height);align-items:center;margin-inline:auto;padding:0;display:flex}.ecommerce-logo{flex:none}.ecommerce-navbar-collapse{flex:1;grid-template-columns:auto minmax(220px,360px) auto;align-items:center;gap:24px;min-width:0;display:grid}.ecommerce-nav-links{justify-self:start}.navbar-search-wrapper{justify-self:center;width:100%;min-width:0;max-width:none}.navbar-actions{justify-self:end}}@media (width<=1199.98px) and (width>=992px){.ecommerce-navbar>.container-custom{width:calc(100% - 24px)}.ecommerce-navbar-collapse{grid-template-columns:auto minmax(180px,280px) auto;gap:12px}.ecommerce-nav-links{gap:0}.ecommerce-nav-links .nav-link{padding:8px 9px;font-size:.8rem}.ecommerce-nav-links .nav-link svg{display:none}.navbar-actions{gap:2px}.navbar-icon-button{min-width:38px;height:38px}.navbar-auth-buttons{gap:5px}.navbar-auth-buttons .btn{padding-inline:10px;font-size:.78rem}.navbar-user-info{display:none}.footer-grid{grid-template-columns:1.5fr repeat(2,1fr)}}@media (width<=991.98px){.container-custom{width:calc(100% - 32px)}.site-header{width:100%;position:sticky;top:0}.ecommerce-navbar{width:100%;min-height:64px;padding:0}.ecommerce-navbar>.container-custom{flex-wrap:wrap;align-items:center;gap:12px;width:100%;min-height:64px;margin-inline:auto;padding:0 16px;display:flex;position:relative}.ecommerce-logo{flex-shrink:1;min-width:0}.ecommerce-logo-icon{flex-shrink:0;width:38px;height:38px;font-size:1.2rem}.ecommerce-logo-text{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.navbar-mobile-actions{flex-shrink:0;align-items:center;gap:2px;margin-left:auto;display:flex}.navbar-mobile-actions .navbar-icon-button,.navbar-menu-button{width:38px;min-width:38px;height:38px;padding:0}.ecommerce-navbar-collapse{z-index:var(--z-dropdown);border-top:1px solid var(--border-color);background-color:var(--surface-bg);width:100%;max-height:calc(100vh - 64px);box-shadow:var(--shadow-md);flex-direction:column;align-items:stretch;gap:16px;padding:16px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.ecommerce-navbar-collapse.show{display:flex}.ecommerce-nav-links{flex-direction:column;align-items:stretch;gap:4px;width:100%;display:flex}.ecommerce-nav-links .nav-item{width:100%}.ecommerce-nav-links .nav-link{justify-content:flex-start;width:100%;min-height:44px;padding:10px 12px;font-size:.9rem}.ecommerce-nav-links .nav-link svg{display:block}.navbar-search-wrapper{width:100%;min-width:0;max-width:none}.navbar-search{width:100%;display:flex}.navbar-search input{width:100%;min-width:0}.navbar-search-toggle{display:none}.navbar-actions{flex-direction:column;align-items:stretch;gap:8px;width:100%;display:flex}.navbar-actions>.navbar-icon-button{border-radius:var(--radius-md);justify-content:flex-start;width:100%;height:44px;padding:0 12px;display:flex}.navbar-language-text{display:inline-block}.navbar-desktop-action{display:none!important}.navbar-profile{width:100%}.navbar-profile-button{justify-content:flex-start;width:100%;padding:6px 10px}.navbar-user-info{flex:1;max-width:none;display:flex}.navbar-profile-menu{border-radius:var(--radius-md);width:100%;box-shadow:none;margin-top:8px;position:static}.navbar-auth-buttons{flex-direction:column;width:100%;display:flex}.navbar-auth-buttons .btn{width:100%}.footer-main{padding:40px 0 28px}.footer-main .container-custom{width:100%;padding:0 20px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.footer-brand-column{grid-column:1/-1}.footer-description{max-width:500px;margin:16px 0}.footer-column h3{margin-bottom:14px}.footer-links{gap:10px}.footer-contact-column{grid-column:1/-1}.footer-bottom-content{min-height:auto;padding:18px 20px}}@media (width<=575.98px){.container-custom{width:calc(100% - 24px)}.ecommerce-navbar>.container-custom{width:100%;padding:0 12px}.ecommerce-logo-icon{width:36px;height:36px}.ecommerce-logo-text{max-width:120px;font-size:.95rem}.navbar-mobile-actions{gap:0}.navbar-mobile-actions .navbar-icon-button,.navbar-menu-button{width:34px;min-width:34px;height:36px;font-size:1.15rem}.navbar-count-badge{min-width:17px;height:17px;padding:0 4px;font-size:.58rem;top:-1px;right:-1px}.ecommerce-navbar-collapse{padding:12px}.auth-page{min-height:100vh;padding:24px 12px}.auth-card{border-radius:var(--radius-lg);width:100%;max-width:100%;padding:24px 18px}.footer-main{padding:32px 0 24px}.footer-main .container-custom{width:100%;padding:0 16px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.footer-brand-column,.footer-contact-column{grid-column:1/-1}.footer-logo{font-size:1.1rem}.footer-logo-icon{width:38px;height:38px}.footer-description{font-size:.85rem;line-height:1.6}.footer-column h3{margin-bottom:12px;font-size:.9rem}.footer-links a,.footer-contact-list li{font-size:.8rem}.footer-social-links a{width:36px;height:36px;font-size:1rem}.footer-bottom-content{text-align:center;flex-direction:column;align-items:center;padding:16px}.footer-bottom-content p{font-size:.75rem}.footer-bottom-links{justify-content:center;gap:14px}.footer-bottom-links a{font-size:.75rem}}@media (width<=359.98px){.ecommerce-logo-text{display:none}.footer-grid{grid-template-columns:1fr}.footer-brand-column,.footer-contact-column{grid-column:auto}}@media (width<=1199.98px){.home-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.advantages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-slide,.hero-empty{min-height:390px;padding:50px 76px}}@media (width<=991.98px){.home-hero-section{padding:20px 0 12px}.hero-slide,.hero-empty{min-height:370px;padding:46px 64px}.hero-slide-content{max-width:500px}.hero-swiper .swiper-button-prev{left:12px}.hero-swiper .swiper-button-next{right:12px}.category-swiper .swiper-button-prev,.category-swiper .swiper-button-next,.product-swiper .swiper-button-prev,.product-swiper .swiper-button-next{display:none}.home-section{padding:56px 0}.home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-promo-banner{min-height:340px;padding:42px}}@media (width<=767.98px){.hero-swiper,.hero-empty{border-radius:20px}.hero-slide,.hero-empty{background-position:62%;align-items:flex-end;min-height:350px;padding:40px 26px 52px}.hero-slide-content,.hero-empty>div{max-width:100%}.hero-swiper .swiper-button-prev,.hero-swiper .swiper-button-next{display:none}.home-section{padding:50px 0}.home-section-header{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:24px}.category-card,.category-card img,.category-image-placeholder{height:250px;min-height:250px}.home-promo-banner{min-height:330px;padding:32px}.advantages-grid{grid-template-columns:1fr}}@media (width<=575.98px){.auth-page{align-items:flex-start;min-height:100vh;padding:24px 12px}.auth-card{border-radius:var(--radius-lg);width:100%;max-width:100%;padding:24px 18px}.auth-header{margin-bottom:var(--spacing-6)}.auth-header h1{font-size:var(--font-size-2xl)}.auth-options{align-items:flex-start;gap:var(--spacing-3);flex-direction:column}.auth-footer{flex-wrap:wrap}.home-hero-section{padding:12px 0 4px}.hero-swiper,.hero-empty{border-radius:18px}.hero-slide,.hero-empty{min-height:330px;padding:34px 20px 48px}.hero-slide-eyebrow{margin-bottom:11px;padding:6px 11px;font-size:.68rem}.hero-slide-content h1,.hero-empty h1{margin-bottom:12px;font-size:1.9rem}.hero-slide-content p,.hero-empty p{margin-bottom:20px;font-size:.86rem}.hero-slide-button{min-height:42px;font-size:var(--font-size-sm);padding-inline:16px}.home-section{padding:42px 0}.home-section-header h2{font-size:1.6rem}.category-swiper,.product-swiper{padding-bottom:30px}.category-card,.category-card img,.category-image-placeholder{height:220px;min-height:220px}.category-card-overlay{padding:16px 13px}.category-card-overlay h3{font-size:1rem}.category-card-overlay span{font-size:.74rem}.home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-banner-section{padding:16px 0}.home-promo-banner{background-position:65%;align-items:flex-end;min-height:350px;padding:26px 22px}.home-promo-content h2{font-size:2rem}.advantage-card{padding:18px}}@media (width<=399.98px){.home-product-grid{grid-template-columns:1fr}.hero-slide,.hero-empty{min-height:310px}}@media (width<=991.98px){.product-swiper .swiper-button-prev,.product-swiper .swiper-button-next{display:none}}@media (width<=575.98px){.product-swiper{padding-bottom:32px}.product-card{border-radius:16px}.product-card-body{padding:12px}.product-card-placeholder{min-height:170px}.product-favorite-button{width:34px;height:34px;font-size:1.05rem;top:8px;right:8px}.product-discount-badge,.product-stock-badge{padding:5px 8px;font-size:.65rem;top:8px;left:8px}.product-card-title{min-height:40px;font-size:.8rem}.product-card-rating{margin-bottom:10px;font-size:.75rem}.product-card-price{font-size:.95rem}.product-cart-button{width:36px;height:36px;font-size:1.05rem}}.products-page,.product-detail-page,.product-management-page{padding:48px 0 72px}.products-page-header,.product-management-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.products-page-header h1,.product-management-header h1{margin:6px 0 8px}.products-page-header p,.product-management-header p{max-width:680px;margin:0}.products-page-eyebrow{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;align-items:center;gap:7px;display:inline-flex}.products-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.product-search{width:min(100%,520px);position:relative}.product-search input{border:1px solid var(--border-color);border-radius:var(--radius-pill);background-color:var(--surface-bg);width:100%;min-height:46px;color:var(--text-primary);padding:0 46px}.product-search input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .12)}.product-search-icon,.product-search-clear{position:absolute;top:50%;transform:translateY(-50%)}.product-search-icon{color:var(--text-muted);left:16px}.product-search-clear{width:32px;height:32px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;right:10px}.products-result-count{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.products-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:28px;display:grid}.products-content{min-width:0}.product-filter{border:1px solid var(--border-color);background-color:var(--surface-bg);box-shadow:var(--shadow-sm);border-radius:16px;padding:20px;position:sticky;top:88px}.product-filter-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.product-filter-header>div{align-items:center;gap:8px;display:flex}.product-filter-header h2{margin:0;font-size:1.05rem}.product-filter-close{display:none}.product-filter-group{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.product-filter-group label,.product-filter-label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.product-filter-group select,.product-filter-group input{border:1px solid var(--border-color);background-color:var(--surface-bg);width:100%;min-height:42px;color:var(--text-primary);border-radius:10px;padding:0 12px}.product-filter-price-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.product-filter-reset{border:1px solid var(--color-primary);width:100%;min-height:42px;color:var(--color-primary);font-weight:var(--font-weight-semibold);border-radius:10px}.products-mobile-filter-button,.product-filter-backdrop{display:none}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.product-grid .product-card{height:100%}.product-grid-empty{border:1px dashed var(--border-color);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:32px;display:flex}.product-grid-empty h3{margin-bottom:8px}.product-grid-empty p{margin:0}.product-card-skeleton{border:1px solid var(--border-color);background-color:var(--surface-bg);border-radius:12px;overflow:hidden}.product-card-skeleton-image{border-radius:0;height:230px}.product-card-skeleton-body{flex-direction:column;gap:12px;padding:14px;display:flex}.skeleton{background-color:var(--surface-secondary-bg);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffffa6,#0000);animation:1.4s infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-line{border-radius:6px;width:100%;height:14px}.skeleton-line-sm{width:38%}.skeleton-line-md{width:70%}.skeleton-line-xs{width:48%}.skeleton-block{border-radius:14px;width:100%;min-height:140px}.product-rating{align-items:center;gap:8px;display:inline-flex}.product-rating-stars{color:#f6b400;align-items:center;display:inline-flex}.product-rating-stars span{display:inline-flex}.product-rating-meta{color:var(--text-secondary);align-items:center;gap:5px;display:inline-flex}.product-rating-sm{font-size:.78rem}.product-rating-md{font-size:.9rem}.product-rating-lg{font-size:1rem}.product-price{align-items:center;gap:12px;display:inline-flex}.product-price-values{flex-direction:column;display:flex}.product-price-old{color:var(--text-muted);font-size:.78rem;text-decoration:line-through}.product-price-current{color:var(--text-primary)}.product-price-lg .product-price-current{font-size:1.8rem}.product-price-discount{background-color:var(--color-danger);color:var(--color-white);font-size:.75rem;font-weight:var(--font-weight-bold);border-radius:7px;padding:5px 8px}.product-gallery{grid-template-columns:84px minmax(0,1fr);gap:16px;display:grid}.product-gallery-thumbnails{flex-direction:column;gap:10px;max-height:560px;display:flex;overflow-y:auto}.product-gallery-thumbnails button{border:1px solid var(--border-color);background-color:var(--surface-bg);border-radius:10px;width:72px;height:72px;overflow:hidden}.product-gallery-thumbnails button.active{border-color:var(--color-primary)}.product-gallery-main{border:1px solid var(--border-color);background-color:var(--surface-bg);border-radius:18px;justify-content:center;align-items:center;min-height:520px;display:flex;overflow:hidden}.product-gallery-main img{object-fit:contain;width:100%;height:520px;padding:24px}.product-gallery-empty{border:1px dashed var(--border-color);min-height:520px;color:var(--text-muted);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.product-gallery-empty svg{font-size:2.5rem}.product-detail-info{position:sticky;top:96px}.product-detail-category{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.product-detail-info h1{margin:8px 0 16px}.product-detail-description{color:var(--text-secondary);margin:24px 0;line-height:1.75}.product-detail-stock{color:var(--text-secondary);font-weight:var(--font-weight-semibold);margin-bottom:20px}.product-detail-purchase{align-items:center;gap:12px;display:flex}.product-quantity{border:1px solid var(--border-color);background-color:var(--surface-bg);border-radius:12px;align-items:center;min-height:48px;display:inline-flex}.product-quantity button{justify-content:center;align-items:center;width:42px;height:46px;display:inline-flex}.product-quantity span{text-align:center;min-width:42px}.product-detail-cart-button{background-color:var(--color-primary);min-height:48px;color:var(--color-white);font-weight:var(--font-weight-bold);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 22px;display:inline-flex}.product-detail-favorite-button{border:1px solid var(--border-color);width:48px;height:48px;color:var(--text-secondary);border-radius:12px;justify-content:center;align-items:center;font-size:1.25rem;display:inline-flex}.product-detail-skeleton-info{flex-direction:column;gap:18px;display:flex}.product-detail-empty{justify-content:center;align-items:center;min-height:420px;display:flex}.product-form{border:1px solid var(--border-color);background-color:var(--surface-bg);box-shadow:var(--shadow-sm);border-radius:18px;padding:28px}.product-form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.product-form .form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.product-form .form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.product-form .form-group select,.product-form .form-group textarea{border:1px solid var(--border-color);background-color:var(--surface-bg);width:100%;color:var(--text-primary);border-radius:10px}.product-form .form-group select{min-height:46px;padding:0 12px}.product-form .form-group textarea{resize:vertical;padding:12px}.product-form-status{cursor:pointer;align-items:center;gap:9px;margin-bottom:22px;display:inline-flex}.product-form-status input{width:18px;height:18px;accent-color:var(--color-primary)}.product-form-upload{margin-bottom:22px}.product-form-upload label{border:1px dashed var(--color-primary);background-color:var(--color-primary-light);min-height:150px;color:var(--color-primary);cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.product-form-upload label svg{font-size:2rem}.product-form-upload input{display:none}.product-images-empty{border:1px dashed var(--border-color);min-height:110px;color:var(--text-muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;display:flex}.product-images-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.product-images-item{border:1px solid var(--border-color);background-color:var(--surface-bg);border-radius:12px;overflow:hidden}.product-images-item.active{border-color:var(--color-primary)}.product-images-preview{background-color:var(--surface-secondary-bg);justify-content:center;align-items:center;width:100%;height:140px;display:flex}.product-images-preview img{object-fit:contain;width:100%;height:100%;padding:8px}.product-images-actions{justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex}.product-images-actions button{color:var(--color-primary);font-size:.75rem}.product-images-actions button.danger{color:var(--color-danger)}.product-form-actions{justify-content:flex-end;display:flex}.product-form-skeleton{gap:18px;display:grid}@media (width<=1199.98px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-images-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=991.98px){.products-layout{grid-template-columns:1fr}.product-filter{z-index:1200;width:min(88vw,340px);height:100vh;transition:transform var(--transition-base);border-radius:0;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.product-filter.open{transform:translate(0)}.product-filter-close{display:inline-flex}.product-filter-backdrop{z-index:1190;background-color:#0000006b;display:block;position:fixed;inset:0}.products-mobile-filter-button{border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:7px;min-height:42px;padding:0 14px;display:inline-flex}.product-detail-layout{grid-template-columns:1fr}.product-detail-info{position:static}.product-detail-skeleton{grid-template-columns:1fr}.product-images-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=767.98px){.products-page,.product-detail-page,.product-management-page{padding:28px 0 48px}.products-page-header,.product-management-header,.products-toolbar{flex-direction:column;align-items:flex-start}.product-search{width:100%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.product-form-grid{grid-template-columns:1fr;gap:0}.product-gallery{grid-template-columns:1fr}.product-gallery-thumbnails{flex-direction:row;order:2;overflow-x:auto}.product-gallery-main,.product-gallery-main img,.product-gallery-empty{height:380px;min-height:380px}.product-detail-purchase{flex-wrap:wrap;align-items:stretch}.product-detail-cart-button{min-width:calc(100% - 60px)}.product-images-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=419.98px){.product-grid{grid-template-columns:1fr}.product-form{padding:18px}.product-images-list{grid-template-columns:1fr}}.product-detail-page{background-color:var(--body-bg);padding:36px 0 72px}.product-detail-breadcrumb{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:20px;font-size:.82rem;display:flex}.product-detail-breadcrumb a{color:var(--text-secondary)}.product-detail-breadcrumb a:hover{color:var(--color-primary)}.product-detail-layout{grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);align-items:start;gap:34px;display:grid}.product-gallery{border:1px solid var(--border-color);background-color:var(--surface-bg);box-shadow:var(--shadow-sm);border-radius:20px;grid-template-columns:78px minmax(0,1fr);gap:14px;padding:18px;display:grid}.product-gallery-thumbnails{flex-direction:column;gap:10px;max-height:560px;padding-right:2px;display:flex;overflow-y:auto}.product-gallery-thumbnails button{border:1px solid var(--border-color);background-color:var(--surface-secondary-bg);width:68px;height:68px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex;overflow:hidden}.product-gallery-thumbnails button:hover{border-color:rgba(var(--color-primary-rgb), .5);transform:translateY(-1px)}.product-gallery-thumbnails button.active{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb), .12)}.product-gallery-thumbnails img{object-fit:contain;width:100%;height:100%}.product-gallery-main{background:radial-gradient(circle at center, rgba(var(--color-primary-rgb), .05), transparent 60%), var(--surface-secondary-bg);border-radius:16px;justify-content:center;align-items:center;min-height:500px;display:flex;position:relative;overflow:hidden}.product-gallery-main img{object-fit:contain;width:100%;height:500px;transition:transform var(--transition-base);padding:28px}.product-gallery-main:hover img{transform:scale(1.03)}.product-gallery-empty{width:100%;min-height:500px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.product-gallery-empty svg{color:var(--color-primary);font-size:3rem}.product-detail-info{border:1px solid var(--border-color);background-color:var(--surface-bg);box-shadow:var(--shadow-sm);border-radius:20px;padding:26px;position:sticky;top:92px}.product-detail-top{border-bottom:1px solid var(--border-color);padding-bottom:22px}.product-detail-category{border-radius:var(--radius-pill);background-color:var(--color-primary-light);color:var(--color-primary);font-size:.75rem;font-weight:var(--font-weight-bold);margin-bottom:10px;padding:6px 10px;display:inline-flex}.product-detail-info h1{margin-bottom:14px;font-size:clamp(2rem,3vw,2.8rem);line-height:1.15}.product-detail-top .product-rating{margin-bottom:18px}.product-detail-top .product-price{margin-top:8px}.product-detail-seller{background-color:var(--surface-secondary-bg);border-radius:14px;align-items:center;gap:12px;margin-top:20px;padding:14px;display:flex}.product-detail-seller>svg{color:var(--color-primary);flex-shrink:0;font-size:1.5rem}.product-detail-seller div{flex-direction:column;gap:2px;display:flex}.product-detail-seller span{color:var(--text-muted);font-size:.75rem}.product-detail-seller strong{color:var(--text-primary);font-size:.95rem}.product-detail-description{border:1px solid var(--border-color);background-color:var(--surface-bg);border-radius:14px;margin-top:20px;padding:18px}.product-detail-description h2{margin-bottom:10px;font-size:1.05rem}.product-detail-description p{max-height:190px;color:var(--text-secondary);margin:0;font-size:.93rem;line-height:1.75;overflow-y:auto}.product-detail-stock{color:var(--color-success);font-size:.88rem;font-weight:var(--font-weight-semibold);background-color:#22c55e14;border:1px solid #22c55e33;border-radius:12px;align-items:center;gap:10px;margin-top:18px;padding:13px 15px;display:flex}.product-detail-stock.out-of-stock{color:var(--color-danger);background-color:#ef444414;border-color:#ef444433}.product-detail-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.product-detail-benefit{border:1px solid var(--border-color);background-color:var(--surface-secondary-bg);border-radius:12px;align-items:center;gap:8px;min-width:0;padding:11px;display:flex}.product-detail-benefit svg{color:var(--color-primary);flex-shrink:0;font-size:1.1rem}.product-detail-benefit span{color:var(--text-secondary);font-size:.72rem;font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product-detail-purchase{border-top:1px solid var(--border-color);grid-template-columns:126px minmax(0,1fr) 50px;gap:12px;margin-top:22px;padding-top:22px;display:grid}.product-quantity{border:1px solid var(--border-color);background-color:var(--surface-bg);border-radius:12px;grid-template-columns:38px 1fr 38px;align-items:center;min-height:50px;display:grid;overflow:hidden}.product-quantity button{height:100%;color:var(--text-secondary);transition:background-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:flex}.product-quantity button:hover:not(:disabled){background-color:var(--color-primary-light);color:var(--color-primary)}.product-quantity button:disabled{cursor:not-allowed;opacity:.4}.product-quantity span{font-weight:var(--font-weight-bold);text-align:center}.product-detail-cart-button{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));min-height:50px;color:var(--color-white);font-weight:var(--font-weight-bold);box-shadow:0 8px 18px rgba(var(--color-primary-rgb), .22);transition:transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:0 22px;display:inline-flex}.product-detail-cart-button:hover:not(:disabled){color:var(--color-white);box-shadow:0 10px 24px rgba(var(--color-primary-rgb), .28);transform:translateY(-2px)}.product-detail-cart-button:disabled{cursor:not-allowed;opacity:.55}.product-detail-favorite-button{border:1px solid var(--border-color);background-color:var(--surface-bg);width:50px;height:50px;color:var(--text-secondary);transition:color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast), transform var(--transition-fast);border-radius:12px;justify-content:center;align-items:center;font-size:1.25rem;display:inline-flex}.product-detail-favorite-button:hover,.product-detail-favorite-button.active{color:var(--color-danger);background-color:#ef444414;border-color:#ef444459;transform:translateY(-2px)}.product-detail-skeleton{grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:34px;display:grid}.product-detail-skeleton-gallery{border-radius:20px;min-height:560px}.product-detail-skeleton-info{border:1px solid var(--border-color);border-radius:20px;flex-direction:column;gap:18px;min-height:560px;padding:26px;display:flex}.product-detail-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:460px;display:flex}@media (width<=1199.98px){.product-detail-layout,.product-detail-skeleton{grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:24px}.product-detail-benefits{grid-template-columns:1fr}}@media (width<=991.98px){.product-detail-layout,.product-detail-skeleton{grid-template-columns:1fr}.product-detail-info{position:static}.product-gallery-main,.product-gallery-main img,.product-gallery-empty{height:460px;min-height:460px}}@media (width<=767.98px){.product-detail-page{padding:22px 0 48px}.product-gallery{grid-template-columns:1fr;padding:12px}.product-gallery-thumbnails{flex-direction:row;order:2;overflow-x:auto}.product-gallery-thumbnails button{width:62px;height:62px}.product-gallery-main,.product-gallery-main img,.product-gallery-empty{height:360px;min-height:360px}.product-detail-info{padding:18px}.product-detail-info h1{font-size:1.8rem}.product-detail-purchase{grid-template-columns:1fr 50px}.product-quantity{grid-column:1/-1}.product-detail-cart-button{width:100%}}.cart-page{background-color:var(--body-bg);width:100%;min-height:70vh;padding:48px 0 72px}.cart-page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.cart-page-header>div>span{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;display:inline-block}.cart-page-header h1{margin-bottom:8px;font-size:clamp(2rem,4vw,2.8rem)}.cart-page-header p{color:var(--text-secondary);margin:0}.cart-clear-button{min-height:42px;color:var(--color-danger);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:border-color var(--transition-fast), background-color var(--transition-fast), transform var(--transition-fast);background-color:#ef44440f;border:1px solid #ef444447;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:0 15px;display:inline-flex}.cart-clear-button:hover:not(:disabled){border-color:var(--color-danger);background-color:#ef44441a;transform:translateY(-1px)}.cart-clear-button:disabled{cursor:not-allowed;opacity:.55}.cart-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px;display:grid}.cart-items{flex-direction:column;gap:16px;min-width:0;display:flex}.cart-item{border:1px solid var(--border-color);background-color:var(--surface-bg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border-radius:16px;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:16px;display:grid;overflow:hidden}.cart-item:hover{border-color:rgba(var(--color-primary-rgb), .28);box-shadow:var(--shadow-md);transform:translateY(-2px)}.cart-item-image{background:radial-gradient(circle at center, rgba(var(--color-primary-rgb), .05), transparent 68%), var(--surface-secondary-bg);width:150px;height:150px;color:var(--color-primary);border-radius:12px;justify-content:center;align-items:center;font-size:2rem;display:flex;overflow:hidden}.cart-item-image img{object-fit:contain;width:100%;height:100%;transition:transform var(--transition-base);padding:10px}.cart-item:hover .cart-item-image img{transform:scale(1.04)}.cart-item-content{justify-content:space-between;gap:20px;min-width:0;display:flex}.cart-item-info{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.cart-item-category{max-width:100%;color:var(--color-primary);font-size:.72rem;font-weight:var(--font-weight-bold);text-overflow:ellipsis;white-space:nowrap;margin-bottom:7px;display:inline-block;overflow:hidden}.cart-item-name{color:var(--text-primary);font-size:1rem;font-weight:var(--font-weight-semibold);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.cart-item-name:hover{color:var(--color-primary)}.cart-item-stock{border-radius:var(--radius-pill);color:var(--color-success);font-size:.72rem;font-weight:var(--font-weight-semibold);background-color:#22c55e17;align-items:center;margin-top:auto;padding:5px 9px;display:inline-flex}.cart-item-stock.out{color:var(--color-danger);background-color:#ef444417}.cart-item-controls{flex-shrink:0;justify-content:flex-end;align-items:center;gap:18px;display:flex}.cart-quantity{border:1px solid var(--border-color);background-color:var(--surface-bg);border-radius:10px;grid-template-columns:34px 42px 34px;min-height:40px;display:grid;overflow:hidden}.cart-quantity button{width:34px;height:40px;color:var(--text-secondary);transition:background-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.cart-quantity button:hover:not(:disabled){background-color:var(--color-primary-light);color:var(--color-primary)}.cart-quantity button:disabled{cursor:not-allowed;opacity:.35}.cart-quantity span{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);justify-content:center;align-items:center;display:flex}.cart-item-price{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;min-width:110px;display:flex}.cart-item-price span{color:var(--text-muted);font-size:.72rem}.cart-item-price strong{color:var(--text-primary);white-space:nowrap;font-size:1rem}.cart-item-remove{width:38px;height:38px;color:var(--color-danger);transition:border-color var(--transition-fast), background-color var(--transition-fast), transform var(--transition-fast);background-color:#ef44440d;border:1px solid #ef444433;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.05rem;display:inline-flex}.cart-item-remove:hover:not(:disabled){border-color:var(--color-danger);background-color:#ef44441a;transform:scale(1.04)}.cart-item-remove:disabled{cursor:not-allowed;opacity:.5}.cart-summary{border:1px solid var(--border-color);background-color:var(--surface-bg);box-shadow:var(--shadow-md);border-radius:16px;padding:24px;position:sticky;top:92px}.cart-summary h2{margin-bottom:22px;font-size:1.2rem}.cart-summary-row{color:var(--text-secondary);font-size:var(--font-size-sm);justify-content:space-between;align-items:center;gap:16px;padding:11px 0;display:flex}.cart-summary-row strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.cart-free-shipping{color:var(--color-success)!important}.cart-summary-total{border-top:1px solid var(--border-color);justify-content:space-between;align-items:flex-end;gap:16px;margin-top:12px;padding:20px 0;display:flex}.cart-summary-total span{color:var(--text-primary);font-size:1rem;font-weight:var(--font-weight-bold)}.cart-summary-total strong{color:var(--color-primary);font-size:1.5rem;font-weight:var(--font-weight-bold)}.cart-checkout-button{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));width:100%;min-height:50px;color:var(--color-white);font-size:.95rem;font-weight:var(--font-weight-bold);box-shadow:0 9px 20px rgba(var(--color-primary-rgb), .22);transition:box-shadow var(--transition-fast), transform var(--transition-fast);border-radius:12px;justify-content:center;align-items:center;padding:0 20px;display:inline-flex}.cart-checkout-button:hover:not(:disabled){color:var(--color-white);box-shadow:0 12px 26px rgba(var(--color-primary-rgb), .3);transform:translateY(-2px)}.cart-checkout-button:disabled{cursor:not-allowed;opacity:.55}.cart-continue-link{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:center;margin-top:16px;display:block}.cart-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:520px;padding:40px 20px;display:flex}.cart-empty-icon{background-color:var(--color-primary-light);width:96px;height:96px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:22px;font-size:2.7rem;display:flex}.cart-empty h1{margin-bottom:10px}.cart-empty p{max-width:440px;margin-bottom:24px}.cart-empty-button{background-color:var(--color-primary);min-height:48px;color:var(--color-white);font-weight:var(--font-weight-bold);border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:0 22px;display:inline-flex}.cart-empty-button:hover{background-color:var(--color-primary-hover);color:var(--color-white)}.cart-item-skeleton{pointer-events:none}.cart-skeleton-image{border-radius:12px;width:150px;height:150px}.cart-skeleton-content{flex-direction:column;flex:1;gap:14px;padding-top:10px;display:flex}@media (width<=1199.98px){.cart-layout{grid-template-columns:minmax(0,1fr) 310px;gap:22px}.cart-item{grid-template-columns:130px minmax(0,1fr)}.cart-item-image,.cart-skeleton-image{width:130px;height:130px}.cart-item-content{flex-direction:column}.cart-item-controls{justify-content:space-between}}@media (width<=991.98px){.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}}@media (width<=767.98px){.cart-page{padding:28px 0 52px}.cart-page-header{flex-direction:column;align-items:flex-start}.cart-clear-button{width:100%}.cart-item{grid-template-columns:110px minmax(0,1fr);gap:14px;padding:13px}.cart-item-image,.cart-skeleton-image{width:110px;height:110px}.cart-item-controls{flex-wrap:wrap;align-items:flex-end}.cart-item-price{margin-left:auto}.cart-summary{padding:20px}}@media (width<=575.98px){.cart-item{border-radius:13px;grid-template-columns:88px minmax(0,1fr)}.cart-item-image,.cart-skeleton-image{width:88px;height:88px}.cart-item-name{margin-bottom:8px;font-size:.88rem}.cart-item-stock{font-size:.66rem}.cart-item-controls{grid-column:1/-1;width:100%;margin-top:8px}.cart-quantity{grid-template-columns:32px 38px 32px}.cart-item-price{min-width:0}.cart-item-price strong{font-size:.92rem}.cart-summary-total strong{font-size:1.3rem}}@media (width<=359.98px){.cart-item{grid-template-columns:1fr}.cart-item-image,.cart-skeleton-image{width:100%;height:180px}.cart-item-controls{flex-direction:column;align-items:stretch}.cart-item-price{text-align:left;align-items:flex-start;margin-left:0}.cart-item-remove{width:100%}}.favorite-page{background-color:var(--body-bg);width:100%;min-height:70vh;padding:48px 0 72px}.favorite-page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.favorite-page-header>div>span{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase;margin-bottom:7px;display:inline-block}.favorite-page-header h1{margin-bottom:8px;font-size:clamp(2rem,4vw,2.8rem)}.favorite-page-header p{color:var(--text-secondary);margin:0}.favorite-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.favorite-grid .product-card{height:100%}.favorite-grid .product-card-skeleton{border:1px solid var(--border-color);background-color:var(--surface-bg);box-shadow:var(--shadow-sm);border-radius:12px;overflow:hidden}.favorite-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:520px;padding:40px 20px;display:flex}.favorite-empty-icon{width:96px;height:96px;color:var(--color-danger);background-color:#ef444414;border-radius:50%;justify-content:center;align-items:center;margin-bottom:22px;font-size:2.7rem;display:flex}.favorite-empty h1{margin-bottom:10px;font-size:clamp(1.8rem,4vw,2.4rem)}.favorite-empty p{max-width:460px;color:var(--text-secondary);margin-bottom:24px}.favorite-empty-button{background-color:var(--color-primary);min-height:48px;color:var(--color-white);font-weight:var(--font-weight-bold);box-shadow:0 9px 20px rgba(var(--color-primary-rgb), .2);transition:background-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:0 22px;display:inline-flex}.favorite-empty-button:hover{background-color:var(--color-primary-hover);color:var(--color-white);box-shadow:0 12px 26px rgba(var(--color-primary-rgb), .28);transform:translateY(-2px)}@media (width<=1399.98px){.favorite-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1199.98px){.favorite-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=767.98px){.favorite-page{padding:28px 0 52px}.favorite-page-header{flex-direction:column;align-items:flex-start;margin-bottom:24px}.favorite-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.favorite-empty{min-height:440px}}@media (width<=419.98px){.favorite-grid{grid-template-columns:1fr}}.orders-page,.order-detail-page{background-color:var(--body-bg);width:100%;min-height:70vh;padding:48px 0 72px}.orders-page-header,.order-detail-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.orders-page-header>div>span,.order-detail-header>div>span{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase;margin-bottom:7px;display:inline-block}.orders-page-header h1,.order-detail-header h1{margin-bottom:8px;font-size:clamp(2rem,4vw,2.8rem)}.orders-page-header p,.order-detail-header p{color:var(--text-secondary);margin:0}.orders-list{flex-direction:column;gap:18px;display:flex}.order-card{border:1px solid var(--border-color);background-color:var(--surface-bg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border-radius:18px;overflow:hidden}.order-card:hover{border-color:rgba(var(--color-primary-rgb), .3);box-shadow:var(--shadow-md);transform:translateY(-2px)}.order-card-header{border-bottom:1px solid var(--border-color);background-color:var(--surface-secondary-bg);justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;display:flex}.order-card-heading{align-items:center;gap:34px;display:flex}.order-card-number,.order-card-date{align-items:center;gap:10px;display:flex}.order-card-number>svg,.order-card-date>svg{color:var(--color-primary);font-size:1.25rem}.order-card-number div,.order-card-date div{flex-direction:column;gap:2px;display:flex}.order-card-number span,.order-card-date span{color:var(--text-muted);font-size:.7rem}.order-card-number strong,.order-card-date strong{color:var(--text-primary);font-size:.85rem}.order-status-badge{border-radius:var(--radius-pill);min-height:30px;font-size:.72rem;font-weight:var(--font-weight-bold);white-space:nowrap;justify-content:center;align-items:center;padding:0 11px;display:inline-flex}.order-status-badge.pending{color:#d97706;background-color:#f59e0b1f}.order-status-badge.confirmed{color:#2563eb;background-color:#3b82f61f}.order-status-badge.preparing{color:#7c3aed;background-color:#8b5cf61f}.order-status-badge.shipped{color:#0284c7;background-color:#0ea5e91f}.order-status-badge.delivered{color:#16a34a;background-color:#22c55e1f}.order-status-badge.cancelled{color:#dc2626;background-color:#ef44441f}.order-status-badge.default{background-color:var(--surface-secondary-bg);color:var(--text-secondary)}.order-card-content{justify-content:space-between;align-items:center;gap:28px;padding:22px;display:flex}.order-card-products{align-items:center;gap:18px;min-width:0;display:flex}.order-product-images{align-items:center;display:flex}.order-product-image,.order-product-more{border:3px solid var(--surface-bg);background-color:var(--surface-secondary-bg);width:64px;height:64px;color:var(--color-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.order-product-image+.order-product-image,.order-product-more{margin-left:-14px}.order-product-image img{object-fit:contain;width:100%;height:100%;padding:5px}.order-product-more{color:var(--text-secondary);font-size:.75rem;font-weight:var(--font-weight-bold)}.order-product-info{flex-direction:column;gap:5px;min-width:0;display:flex}.order-product-info strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.order-product-info span{color:var(--text-muted);font-size:.75rem}.order-card-summary{flex-shrink:0;align-items:center;gap:28px;display:flex}.order-card-summary>div{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.order-card-summary span{color:var(--text-muted);font-size:.72rem}.order-card-summary strong{color:var(--color-primary);font-size:1.1rem}.order-detail-link{border:1px solid var(--color-primary);min-height:42px;color:var(--color-primary);font-size:.82rem;font-weight:var(--font-weight-semibold);border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 15px;display:inline-flex}.order-detail-link:hover{background-color:var(--color-primary);color:var(--color-white)}.orders-empty,.order-detail-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:520px;padding:40px 20px;display:flex}.orders-empty-icon,.order-detail-empty>svg{background-color:var(--color-primary-light);width:96px;height:96px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:22px;font-size:2.7rem;display:flex}.orders-empty p,.order-detail-empty p{max-width:460px;margin-bottom:24px}.orders-empty-button,.order-detail-empty a{background-color:var(--color-primary);min-height:48px;color:var(--color-white);font-weight:var(--font-weight-bold);border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:0 22px;display:inline-flex}.order-skeleton-header{flex-direction:column;gap:10px;width:280px;display:flex}.order-skeleton-status{border-radius:var(--radius-pill);width:90px;height:30px}.order-skeleton-products{display:flex}.order-skeleton-image{border-radius:12px;width:64px;height:64px}.order-skeleton-image+.order-skeleton-image{margin-left:-12px}.order-skeleton-summary{flex-direction:column;gap:10px;width:180px;display:flex}.order-back-button{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);align-items:center;gap:7px;margin-bottom:22px;display:inline-flex}.order-back-button:hover{color:var(--color-primary)}.order-detail-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px;display:grid}.order-detail-main{flex-direction:column;gap:20px;min-width:0;display:flex}.order-detail-section{border:1px solid var(--border-color);background-color:var(--surface-bg);box-shadow:var(--shadow-sm);border-radius:18px;padding:24px}.order-section-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.order-section-header>div{align-items:center;gap:9px;display:flex}.order-section-header svg{color:var(--color-primary);font-size:1.25rem}.order-section-header h2{margin:0;font-size:1.1rem}.order-section-header>span{color:var(--text-muted);font-size:.78rem}.order-timeline{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.order-timeline-step{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.order-timeline-step:not(:last-child):after{background-color:var(--border-color);content:"";width:calc(100% - 46px);height:2px;position:absolute;top:21px;left:calc(50% + 23px)}.order-timeline-step.active:not(:last-child):after{background-color:var(--color-primary)}.order-timeline-icon{z-index:1;border:2px solid var(--border-color);background-color:var(--surface-bg);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;display:flex;position:relative}.order-timeline-step.active{color:var(--color-primary)}.order-timeline-step.active .order-timeline-icon{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-white)}.order-timeline-step.current .order-timeline-icon{box-shadow:0 0 0 5px rgba(var(--color-primary-rgb), .13)}.order-timeline-step>div:last-child{flex-direction:column;gap:4px;display:flex}.order-timeline-step strong{color:var(--text-primary);font-size:.78rem}.order-timeline-step span{font-size:.68rem;line-height:1.45}.order-detail-products{flex-direction:column;gap:14px;display:flex}.order-detail-product{border:1px solid var(--border-color);background-color:var(--surface-secondary-bg);border-radius:14px;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px;display:grid}.order-detail-product-image{background-color:var(--surface-bg);width:92px;height:92px;color:var(--color-primary);border-radius:11px;justify-content:center;align-items:center;font-size:1.8rem;display:flex;overflow:hidden}.order-detail-product-image img{object-fit:contain;width:100%;height:100%;padding:7px}.order-detail-product-info{flex-direction:column;align-items:flex-start;gap:5px;min-width:0;display:flex}.order-detail-product-info>span{color:var(--color-primary);font-size:.68rem;font-weight:var(--font-weight-bold)}.order-detail-product-info>a{color:var(--text-primary);font-size:.9rem;font-weight:var(--font-weight-semibold);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.order-detail-product-info small{color:var(--text-muted)}.order-detail-product-price{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;min-width:120px;display:flex}.order-detail-product-price span{color:var(--text-muted);font-size:.7rem}.order-detail-product-price strong{color:var(--text-primary);font-size:.95rem}.order-address-card{background-color:var(--surface-secondary-bg);border-radius:14px;grid-template-columns:1fr 1fr;gap:18px;padding:18px;display:grid}.order-address-card>div{flex-direction:column;gap:4px;display:flex}.order-address-card span{color:var(--text-muted);font-size:.72rem}.order-address-card strong{color:var(--text-primary);font-size:.86rem;line-height:1.6}.order-address-full{grid-column:1/-1}.order-detail-summary{border:1px solid var(--border-color);background-color:var(--surface-bg);box-shadow:var(--shadow-md);border-radius:18px;padding:24px;position:sticky;top:92px}.order-summary-icon{background-color:var(--color-primary-light);width:52px;height:52px;color:var(--color-primary);border-radius:14px;justify-content:center;align-items:center;margin-bottom:16px;font-size:1.45rem;display:flex}.order-detail-summary h2{margin-bottom:20px;font-size:1.2rem}.order-summary-row{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:14px;padding:10px 0;font-size:.82rem;display:flex}.order-summary-row strong{color:var(--text-primary)}.order-free-shipping{color:var(--color-success)!important}.order-summary-total{border-top:1px solid var(--border-color);justify-content:space-between;align-items:flex-end;gap:14px;margin-top:12px;padding:20px 0;display:flex}.order-summary-total span{color:var(--text-primary);font-weight:var(--font-weight-bold)}.order-summary-total strong{color:var(--color-primary);font-size:1.45rem}.order-summary-status{background-color:var(--surface-secondary-bg);border-radius:12px;align-items:center;gap:11px;margin:4px 0 20px;padding:13px;display:flex}.order-summary-status svg{color:var(--color-primary);font-size:1.3rem}.order-summary-status div{flex-direction:column;gap:2px;display:flex}.order-summary-status span{color:var(--text-muted);font-size:.68rem}.order-summary-status strong{color:var(--text-primary);font-size:.84rem}.order-shopping-link{border:1px solid var(--color-primary);min-height:46px;color:var(--color-primary);font-weight:var(--font-weight-semibold);border-radius:11px;justify-content:center;align-items:center;display:flex}.order-shopping-link:hover{background-color:var(--color-primary);color:var(--color-white)}.order-cancelled-panel{background-color:#ef444412;border:1px solid #ef444433;border-radius:18px;align-items:center;gap:16px;padding:22px;display:flex}.order-cancelled-panel>svg{color:var(--color-danger);flex-shrink:0;font-size:2rem}.order-cancelled-panel h2{color:var(--color-danger);margin-bottom:5px;font-size:1.05rem}.order-cancelled-panel p{margin:0}.order-detail-skeleton-header{flex-direction:column;gap:12px;width:320px;margin-bottom:30px;display:flex}.order-detail-summary-skeleton{border-radius:18px;min-height:390px}@media (width<=991.98px){.order-detail-layout{grid-template-columns:1fr}.order-detail-summary{position:static}.order-card-content{flex-direction:column;align-items:flex-start}.order-card-summary{justify-content:space-between;width:100%}.order-timeline{grid-template-columns:1fr;gap:16px}.order-timeline-step{text-align:left;flex-direction:row;align-items:flex-start}.order-timeline-step:not(:last-child):after{width:2px;height:calc(100% - 20px);top:46px;left:21px}}@media (width<=767.98px){.orders-page,.order-detail-page{padding:28px 0 52px}.orders-page-header,.order-detail-header,.order-card-header{flex-direction:column;align-items:flex-start}.order-card-heading{flex-direction:column;align-items:flex-start;gap:14px;width:100%}.order-card-content{padding:16px}.order-product-images{max-width:185px}.order-card-summary{flex-direction:column;align-items:stretch}.order-card-summary>div{align-items:flex-start}.order-detail-link{width:100%}.order-detail-section{padding:18px}.order-detail-product{grid-template-columns:76px minmax(0,1fr)}.order-detail-product-image{width:76px;height:76px}.order-detail-product-price{grid-column:1/-1;align-items:flex-end;width:100%}.order-address-card{grid-template-columns:1fr}.order-address-full{grid-column:auto}}@media (width<=419.98px){.order-card-products{flex-direction:column;align-items:flex-start;width:100%}.order-product-info strong{white-space:normal}.order-detail-product{grid-template-columns:1fr}.order-detail-product-image{width:100%;height:190px}.order-detail-product-price{text-align:left;align-items:flex-start}}.order-success-page{justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 90px);padding:40px 20px;display:flex}.order-success-card{border:1px solid var(--border-color);background-color:var(--surface-bg);width:min(100%,760px);box-shadow:var(--shadow-lg);text-align:center;border-radius:24px;margin:0 auto;padding:42px}.order-success-visual{flex-direction:column;justify-content:center;align-items:center;gap:14px;margin-bottom:24px;display:flex}.order-success-icon{width:96px;height:96px;color:var(--color-success);background-color:#22c55e1a;border-radius:50%;justify-content:center;align-items:center;font-size:3.3rem;display:flex;box-shadow:0 0 0 12px #22c55e0d}.order-success-badge{border-radius:var(--radius-pill);min-height:30px;color:var(--color-success);font-size:.75rem;font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase;background-color:#22c55e1a;justify-content:center;align-items:center;padding:0 13px;display:inline-flex}.order-success-content h1{margin-bottom:12px;font-size:clamp(2rem,4vw,2.8rem)}.order-success-content p{max-width:570px;color:var(--text-secondary);margin:0 auto;line-height:1.7}.order-success-info{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:32px 0 22px;display:grid}.order-success-info-item{border:1px solid var(--border-color);background-color:var(--surface-secondary-bg);text-align:left;border-radius:14px;align-items:center;gap:11px;min-width:0;padding:16px;display:flex}.order-success-info-item>svg{color:var(--color-primary);flex-shrink:0;font-size:1.35rem}.order-success-info-item>div{flex-direction:column;gap:3px;min-width:0;display:flex}.order-success-info-item span{color:var(--text-muted);font-size:.68rem}.order-success-info-item strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.order-success-notice{border:1px solid rgba(var(--color-primary-rgb), .18);background-color:var(--color-primary-light);text-align:left;border-radius:13px;align-items:flex-start;gap:10px;padding:15px 16px;display:flex}.order-success-notice svg{color:var(--color-primary);flex-shrink:0;margin-top:2px;font-size:1.2rem}.order-success-notice p{color:var(--text-secondary);margin:0;font-size:.78rem;line-height:1.6}.order-success-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:26px;display:grid}.order-success-primary-button,.order-success-secondary-button{min-height:50px;font-size:.9rem;font-weight:var(--font-weight-bold);transition:background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border-radius:12px;justify-content:center;align-items:center;gap:7px;display:inline-flex}.order-success-primary-button{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));color:var(--color-white);box-shadow:0 9px 20px rgba(var(--color-primary-rgb), .22)}.order-success-primary-button:hover{color:var(--color-white);box-shadow:0 12px 25px rgba(var(--color-primary-rgb), .3);transform:translateY(-2px)}.order-success-secondary-button{border:1px solid var(--color-primary);background-color:var(--surface-bg);color:var(--color-primary)}.order-success-secondary-button:hover{background-color:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}.order-success-shopping-link{color:var(--text-secondary);font-size:.82rem;font-weight:var(--font-weight-semibold);grid-column:1/-1;margin-top:4px}.order-success-shopping-link:hover{color:var(--color-primary)}@media (width<=767.98px){.order-success-page{min-height:auto;padding:32px 0 56px}.order-success-card{background:var(--surface-bg);width:100%;max-width:820px;box-shadow:var(--shadow-lg);border-radius:24px;margin:0 auto;padding:42px}.order-success-icon{width:82px;height:82px;font-size:2.8rem}.order-success-info{grid-template-columns:1fr}}@media (width<=479.98px){.order-success-actions{grid-template-columns:1fr}.order-success-shopping-link{grid-column:auto}}.checkout-page{background-color:var(--body-bg);width:100%;min-height:70vh;padding:48px 0 72px}.checkout-back-button{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:color var(--transition-fast);align-items:center;gap:8px;margin-bottom:22px;display:inline-flex}.checkout-back-button:hover{color:var(--color-primary)}.checkout-page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.checkout-page-header>div:first-child>span{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase;margin-bottom:7px;display:inline-block}.checkout-page-header h1{margin-bottom:8px;font-size:clamp(2rem,4vw,2.8rem)}.checkout-page-header p{max-width:620px;color:var(--text-secondary);margin:0}.checkout-secure-badge{color:var(--color-success);background-color:#22c55e14;border:1px solid #22c55e33;border-radius:13px;flex-shrink:0;align-items:center;gap:11px;padding:13px 15px;display:flex}.checkout-secure-badge>svg{flex-shrink:0;font-size:1.45rem}.checkout-secure-badge>div{flex-direction:column;gap:2px;display:flex}.checkout-secure-badge strong{font-size:.84rem}.checkout-secure-badge span{color:var(--text-secondary);font-size:.7rem}.checkout-layout{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:28px;display:grid}.checkout-content{flex-direction:column;gap:20px;min-width:0;display:flex}.checkout-section{border:1px solid var(--border-color);background-color:var(--surface-bg);box-shadow:var(--shadow-sm);border-radius:18px;padding:24px}.checkout-section-header{align-items:center;gap:13px;margin-bottom:24px;display:flex}.checkout-section-icon{background-color:var(--color-primary-light);width:46px;height:46px;color:var(--color-primary);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.checkout-section-header h2{margin-bottom:3px;font-size:1.15rem}.checkout-section-header p{color:var(--text-muted);margin:0;font-size:.78rem}.checkout-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.checkout-form-group{flex-direction:column;gap:8px;min-width:0;display:flex}.checkout-form-full{grid-column:1/-1}.checkout-form-group label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.checkout-form-group input,.checkout-form-group textarea{border:1px solid var(--border-color);background-color:var(--surface-bg);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);border-radius:11px}.checkout-form-group input{min-height:46px;padding:0 13px}.checkout-form-group textarea{resize:vertical;min-height:110px;padding:12px 13px;line-height:1.6}.checkout-form-group input:focus,.checkout-form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .12)}.checkout-form-group input.is-invalid,.checkout-form-group textarea.is-invalid,.checkout-input-wrapper input.is-invalid{border-color:var(--color-danger)}.checkout-form-group input.is-invalid:focus,.checkout-form-group textarea.is-invalid:focus,.checkout-input-wrapper input.is-invalid:focus{box-shadow:0 0 0 3px #ef44441f}.checkout-input-wrapper{position:relative}.checkout-input-wrapper>svg{z-index:1;color:var(--text-muted);pointer-events:none;font-size:1rem;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.checkout-input-wrapper input{padding-left:40px}.checkout-form-error{color:var(--color-danger);font-size:.72rem;line-height:1.45;display:block}.checkout-payment-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.checkout-payment-card{border:1px solid var(--border-color);background-color:var(--surface-bg);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border-radius:14px;grid-template-columns:46px minmax(0,1fr) 22px;align-items:center;gap:12px;padding:16px;display:grid;position:relative}.checkout-payment-card:hover{border-color:rgba(var(--color-primary-rgb), .35);transform:translateY(-1px)}.checkout-payment-card.active{border-color:var(--color-primary);background-color:var(--color-primary-light);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .1)}.checkout-payment-card input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.checkout-payment-icon{background-color:var(--surface-secondary-bg);width:46px;height:46px;color:var(--color-primary);border-radius:12px;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.checkout-payment-card.active .checkout-payment-icon{background-color:var(--surface-bg)}.checkout-payment-card>div:nth-child(3){flex-direction:column;gap:4px;min-width:0;display:flex}.checkout-payment-card strong{color:var(--text-primary);font-size:.86rem}.checkout-payment-card span{color:var(--text-muted);font-size:.7rem;line-height:1.45}.checkout-payment-check{color:var(--border-color);font-size:1.2rem}.checkout-payment-card.active .checkout-payment-check{color:var(--color-primary)}.checkout-products{flex-direction:column;gap:13px;display:flex}.checkout-product{border:1px solid var(--border-color);background-color:var(--surface-secondary-bg);border-radius:13px;grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px;display:grid}.checkout-product-image{background-color:var(--surface-bg);width:78px;height:78px;color:var(--color-primary);border-radius:11px;justify-content:center;align-items:center;font-size:1.6rem;display:flex;overflow:hidden}.checkout-product-image img{object-fit:contain;width:100%;height:100%;padding:6px}.checkout-product-info{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.checkout-product-info>span{color:var(--color-primary);font-size:.65rem;font-weight:var(--font-weight-bold)}.checkout-product-info>strong{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.86rem;line-height:1.45;display:-webkit-box;overflow:hidden}.checkout-product-info small{color:var(--text-muted);font-size:.7rem}.checkout-product-price{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;min-width:112px;display:flex}.checkout-product-price span{color:var(--text-muted);font-size:.68rem}.checkout-product-price strong{color:var(--text-primary);white-space:nowrap;font-size:.92rem}.checkout-summary{border:1px solid var(--border-color);background-color:var(--surface-bg);box-shadow:var(--shadow-md);border-radius:18px;padding:24px;position:sticky;top:92px}.checkout-summary-icon{background-color:var(--color-primary-light);width:54px;height:54px;color:var(--color-primary);border-radius:15px;justify-content:center;align-items:center;margin-bottom:16px;font-size:1.5rem;display:flex}.checkout-summary h2{margin-bottom:20px;font-size:1.2rem}.checkout-summary-row{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:14px;padding:10px 0;font-size:.82rem;display:flex}.checkout-summary-row strong{color:var(--text-primary)}.checkout-free-shipping{color:var(--color-success)!important}.checkout-summary-total{border-top:1px solid var(--border-color);justify-content:space-between;align-items:flex-end;gap:14px;margin-top:12px;padding:20px 0;display:flex}.checkout-summary-total span{color:var(--text-primary);font-weight:var(--font-weight-bold)}.checkout-summary-total strong{color:var(--color-primary);font-size:1.5rem}.checkout-terms{color:var(--text-secondary);cursor:pointer;align-items:flex-start;gap:9px;margin:6px 0 16px;font-size:.72rem;line-height:1.55;display:flex}.checkout-terms input{width:17px;height:17px;accent-color:var(--color-primary);flex-shrink:0;margin-top:2px}.checkout-submit-button{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));width:100%;min-height:50px;color:var(--color-white);font-size:.94rem;font-weight:var(--font-weight-bold);box-shadow:0 9px 20px rgba(var(--color-primary-rgb), .22);transition:box-shadow var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:0 20px;display:inline-flex}.checkout-submit-button:hover:not(:disabled){color:var(--color-white);box-shadow:0 12px 26px rgba(var(--color-primary-rgb), .3);transform:translateY(-2px)}.checkout-submit-button:disabled{cursor:not-allowed;opacity:.58}.checkout-security-note{color:var(--text-muted);align-items:flex-start;gap:8px;margin-top:15px;font-size:.68rem;line-height:1.5;display:flex}.checkout-security-note svg{color:var(--color-success);flex-shrink:0;margin-top:1px;font-size:1rem}.checkout-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:520px;padding:40px 20px;display:flex}.checkout-empty-icon{background-color:var(--color-primary-light);width:96px;height:96px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:22px;font-size:2.7rem;display:flex}.checkout-empty h1{margin-bottom:10px}.checkout-empty p{max-width:450px;margin-bottom:24px}.checkout-empty-button{background-color:var(--color-primary);min-height:48px;color:var(--color-white);font-weight:var(--font-weight-bold);border-radius:12px;justify-content:center;align-items:center;padding:0 22px;display:inline-flex}.checkout-empty-button:hover{background-color:var(--color-primary-hover);color:var(--color-white)}.checkout-skeleton-heading{flex-direction:column;gap:12px;width:320px;display:flex}.checkout-skeleton-section{border-radius:18px;width:100%;min-height:300px}.checkout-skeleton-summary{border-radius:18px;width:100%;min-height:420px}@media (width<=1199.98px){.checkout-layout{grid-template-columns:minmax(0,1fr) 320px;gap:22px}.checkout-payment-methods{grid-template-columns:1fr}}@media (width<=991.98px){.checkout-layout{grid-template-columns:1fr}.checkout-summary{position:static}}@media (width<=767.98px){.checkout-page{padding:28px 0 52px}.checkout-page-header{flex-direction:column;align-items:flex-start}.checkout-secure-badge{width:100%}.checkout-section{padding:18px}.checkout-form-grid{grid-template-columns:1fr}.checkout-form-full{grid-column:auto}.checkout-product{grid-template-columns:70px minmax(0,1fr)}.checkout-product-image{width:70px;height:70px}.checkout-product-price{grid-column:1/-1;align-items:flex-end;width:100%}.checkout-summary{padding:20px}}@media (width<=479.98px){.checkout-section-header{align-items:flex-start}.checkout-payment-card{grid-template-columns:42px minmax(0,1fr) 20px;padding:13px}.checkout-payment-icon{width:42px;height:42px}.checkout-product{grid-template-columns:1fr}.checkout-product-image{width:100%;height:190px}.checkout-product-price{text-align:left;align-items:flex-start}}.category-management-page,.category-editor-page{background-color:var(--body-bg);width:100%;min-height:70vh;padding:48px 0 72px}.category-management-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.category-management-header>div>span,.category-editor-header>span{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase;margin-bottom:7px;display:inline-block}.category-management-header h1,.category-editor-header h1{color:var(--text-primary);margin-bottom:8px;font-size:clamp(2rem,4vw,2.8rem)}.category-management-header p,.category-editor-header p{max-width:620px;color:var(--text-secondary);margin:0;line-height:1.7}.category-create-button{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));min-height:46px;color:var(--color-white);font-size:.86rem;font-weight:var(--font-weight-bold);box-shadow:0 9px 20px rgba(var(--color-primary-rgb), .22);transition:box-shadow var(--transition-fast), transform var(--transition-fast);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:0 19px;display:inline-flex}.category-create-button:hover{color:var(--color-white);box-shadow:0 13px 27px rgba(var(--color-primary-rgb), .3);transform:translateY(-2px)}.category-filter-panel{border:1px solid var(--border-color);background-color:var(--surface-bg);box-shadow:var(--shadow-sm);border-radius:16px;grid-template-columns:minmax(240px,1fr) 180px 190px;gap:14px;margin-bottom:26px;padding:16px;display:grid}.category-search-field{position:relative}.category-search-field>svg{z-index:1;color:var(--text-muted);pointer-events:none;font-size:1rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.category-search-field input,.category-filter-panel select{border:1px solid var(--border-color);background-color:var(--surface-bg);width:100%;min-height:44px;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:10px;font-size:.84rem}.category-search-field input{padding:0 14px 0 41px}.category-filter-panel select{cursor:pointer;padding:0 12px}.category-search-field input:focus,.category-filter-panel select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .12);outline:none}.category-management-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.category-management-card{border:1px solid var(--border-color);background-color:var(--surface-bg);min-width:0;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.category-management-card:hover{border-color:rgba(var(--color-primary-rgb), .3);box-shadow:var(--shadow-md);transform:translateY(-4px)}.category-management-image{aspect-ratio:16/10;background:radial-gradient(circle at center, rgba(var(--color-primary-rgb), .07), transparent 67%), var(--surface-secondary-bg);width:100%;color:var(--color-primary);justify-content:center;align-items:center;font-size:2.4rem;display:flex;position:relative;overflow:hidden}.category-management-image img{object-fit:contain;width:100%;height:100%;transition:transform var(--transition-base);padding:16px}.category-management-card:hover .category-management-image img{transform:scale(1.05)}.category-status-badge{border-radius:var(--radius-pill);min-height:27px;font-size:.68rem;font-weight:var(--font-weight-bold);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:center;padding:0 10px;display:inline-flex;position:absolute;top:12px;right:12px}.category-status-badge.active{color:#fff;background-color:#22c55eeb}.category-status-badge.passive{color:#fff;background-color:#ef4444eb}.category-management-body{flex-direction:column;flex:1;align-items:flex-start;min-width:0;padding:17px;display:flex}.category-management-body>span{max-width:100%;color:var(--color-primary);font-size:.7rem;font-weight:var(--font-weight-bold);text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;display:inline-block;overflow:hidden}.category-management-body h2{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:7px;font-size:1rem;line-height:1.45;display:-webkit-box;overflow:hidden}.category-management-body>small{width:100%;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-bottom:14px;font-size:.68rem;display:block;overflow:hidden}.category-children-count{border-radius:var(--radius-pill);background-color:var(--surface-secondary-bg);color:var(--text-secondary);font-size:.69rem;font-weight:var(--font-weight-semibold);align-items:center;gap:6px;margin-bottom:14px;padding:6px 9px;display:inline-flex}.category-management-actions{border-top:1px solid var(--border-color);grid-template-columns:minmax(0,1fr) 40px;gap:9px;width:100%;margin-top:auto;padding-top:14px;display:grid}.category-edit-button{border:1px solid var(--color-primary);min-height:40px;color:var(--color-primary);font-size:.76rem;font-weight:var(--font-weight-semibold);transition:background-color var(--transition-fast), color var(--transition-fast);border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 13px;display:inline-flex}.category-edit-button:hover{background-color:var(--color-primary);color:var(--color-white)}.category-delete-button{width:40px;height:40px;color:var(--color-danger);transition:border-color var(--transition-fast), background-color var(--transition-fast), transform var(--transition-fast);background-color:#ef44440f;border:1px solid #ef44443d;border-radius:10px;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.category-delete-button:hover{border-color:var(--color-danger);background-color:#ef44441f;transform:scale(1.04)}.category-pagination{justify-content:center;align-items:center;gap:14px;margin-top:30px;display:flex}.category-pagination button{border:1px solid var(--border-color);background-color:var(--surface-bg);width:42px;height:42px;color:var(--text-secondary);transition:border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast);border-radius:10px;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.category-pagination button:hover:not(:disabled){border-color:var(--color-primary);background-color:var(--color-primary-light);color:var(--color-primary)}.category-pagination button:disabled{cursor:not-allowed;opacity:.4}.category-pagination span{min-width:80px;color:var(--text-secondary);font-size:.8rem;font-weight:var(--font-weight-semibold);text-align:center}.category-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:430px;padding:40px 20px;display:flex}.category-empty>svg{color:var(--color-primary);margin-bottom:17px;font-size:3.3rem}.category-empty h1,.category-empty h2{color:var(--text-primary);margin-bottom:9px}.category-empty p{color:var(--text-secondary);margin:0}.category-empty a{background-color:var(--color-primary);min-height:44px;color:var(--color-white);font-weight:var(--font-weight-semibold);border-radius:10px;justify-content:center;align-items:center;margin-top:20px;padding:0 18px;display:inline-flex}.category-management-skeleton{pointer-events:none}.category-management-skeleton-image{aspect-ratio:16/10;border-radius:0;width:100%}.category-management-skeleton-body{flex-direction:column;gap:12px;padding:18px;display:flex}.category-editor-back{color:var(--text-secondary);font-size:.82rem;font-weight:var(--font-weight-semibold);align-items:center;gap:8px;margin-bottom:22px;display:inline-flex}.category-editor-back:hover{color:var(--color-primary)}.category-editor-header{margin-bottom:28px}.category-form{border:1px solid var(--border-color);background-color:var(--surface-bg);box-shadow:var(--shadow-md);border-radius:20px;overflow:hidden}.category-form-layout{grid-template-columns:minmax(0,1fr) 330px;gap:28px;padding:28px;display:grid}.category-form-main{flex-direction:column;gap:20px;min-width:0;display:flex}.category-form-group{flex-direction:column;gap:8px;min-width:0;display:flex}.category-form-group label{color:var(--text-primary);font-size:.83rem;font-weight:var(--font-weight-semibold)}.category-form-group label>span{color:var(--color-danger);margin-left:3px}.category-form-group input,.category-form-group select{border:1px solid var(--border-color);background-color:var(--surface-bg);width:100%;min-height:47px;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:11px;font-size:.85rem}.category-form-group input{padding:0 14px}.category-form-group select{cursor:pointer;padding:0 12px}.category-form-group input:focus,.category-form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .12);outline:none}.category-form-group input.is-invalid,.category-form-group select.is-invalid{border-color:var(--color-danger)}.category-form-error{color:var(--color-danger);font-size:.72rem;line-height:1.45;display:block}.category-status-control{border:1px solid var(--border-color);background-color:var(--surface-secondary-bg);cursor:pointer;border-radius:13px;align-items:center;gap:13px;padding:15px;display:flex}.category-status-control>input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.category-status-switch{border-radius:var(--radius-pill);background-color:var(--border-color);width:45px;height:25px;transition:background-color var(--transition-fast);flex-shrink:0;position:relative}.category-status-switch:after{content:"";width:19px;height:19px;transition:transform var(--transition-fast);background-color:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0000002e}.category-status-control>input:checked+.category-status-switch{background-color:var(--color-success)}.category-status-control>input:checked+.category-status-switch:after{transform:translate(20px)}.category-status-control>div{flex-direction:column;gap:2px;display:flex}.category-status-control strong{color:var(--text-primary);font-size:.82rem}.category-status-control small{color:var(--text-muted);font-size:.7rem}.category-image-panel{flex-direction:column;gap:13px;min-width:0;display:flex}.category-image-preview{aspect-ratio:1;border:1px dashed var(--border-color);background-color:var(--surface-secondary-bg);border-radius:16px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.category-image-preview img{object-fit:contain;width:100%;height:100%;padding:18px}.category-image-placeholder{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex}.category-image-placeholder svg{color:var(--color-primary);font-size:2.8rem}.category-image-placeholder span{font-size:.76rem}.category-image-upload{border:1px solid var(--border-color);background-color:var(--surface-bg);cursor:pointer;min-height:64px;transition:border-color var(--transition-fast), background-color var(--transition-fast);border-radius:12px;align-items:center;gap:11px;padding:11px 13px;display:flex}.category-image-upload:hover{border-color:var(--color-primary);background-color:var(--color-primary-light)}.category-image-upload>svg{color:var(--color-primary);flex-shrink:0;font-size:1.5rem}.category-image-upload>div{flex-direction:column;gap:2px;display:flex}.category-image-upload strong{color:var(--text-primary);font-size:.8rem}.category-image-upload span{color:var(--text-muted);font-size:.66rem}.category-image-upload input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.category-form-actions{border-top:1px solid var(--border-color);background-color:var(--surface-secondary-bg);justify-content:space-between;align-items:center;gap:18px;padding:19px 28px;display:flex}.category-form-info{color:var(--text-muted);align-items:center;gap:8px;font-size:.73rem;display:flex}.category-form-info svg{color:var(--color-success);flex-shrink:0;font-size:1rem}.category-submit-button{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));min-height:46px;color:var(--color-white);font-size:.84rem;font-weight:var(--font-weight-bold);box-shadow:0 8px 18px rgba(var(--color-primary-rgb), .2);transition:box-shadow var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 20px;display:inline-flex}.category-submit-button:hover:not(:disabled){color:var(--color-white);box-shadow:0 12px 24px rgba(var(--color-primary-rgb), .28);transform:translateY(-2px)}.category-submit-button:disabled{cursor:not-allowed;opacity:.58}.category-editor-skeleton{flex-direction:column;gap:18px;display:flex}.category-editor-skeleton .skeleton-block{border-radius:20px;min-height:430px}.category-modal-backdrop{z-index:2200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0f172a99;justify-content:center;align-items:center;padding:20px;animation:.18s categoryBackdropShow;display:flex;position:fixed;inset:0}.category-delete-modal{border:1px solid var(--border-color);background-color:var(--surface-bg);text-align:center;border-radius:20px;width:min(100%,430px);padding:30px;animation:.22s categoryModalShow;box-shadow:0 28px 80px #00000052}.category-delete-modal-icon{width:68px;height:68px;color:var(--color-danger);background-color:#ef44441a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 17px;font-size:2rem;display:flex}.category-delete-modal h2{color:var(--text-primary);margin-bottom:10px;font-size:1.3rem}.category-delete-modal p{color:var(--text-secondary);margin-bottom:8px;line-height:1.65}.category-delete-modal p strong{color:var(--text-primary)}.category-delete-modal>small{color:var(--text-muted);font-size:.72rem;line-height:1.55;display:block}.category-delete-modal-actions{grid-template-columns:1fr 1fr;gap:11px;margin-top:24px;display:grid}.category-delete-modal-actions button{min-height:44px;font-size:.8rem;font-weight:var(--font-weight-semibold);transition:background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.category-delete-modal-actions button:first-child{border:1px solid var(--border-color);background-color:var(--surface-bg);color:var(--text-secondary)}.category-delete-modal-actions button:first-child:hover:not(:disabled){border-color:var(--text-muted);color:var(--text-primary)}.category-delete-modal-actions button:last-child{background-color:var(--color-danger);color:#fff;box-shadow:0 7px 17px #ef444433}.category-delete-modal-actions button:last-child:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px)}.category-delete-modal-actions button:disabled{cursor:not-allowed;opacity:.55}@keyframes categoryBackdropShow{0%{opacity:0}to{opacity:1}}@keyframes categoryModalShow{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1199.98px){.category-management-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-form-layout{grid-template-columns:minmax(0,1fr) 280px}}@media (width<=991.98px){.category-filter-panel{grid-template-columns:1fr 1fr}.category-search-field{grid-column:1/-1}.category-management-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-form-layout{grid-template-columns:1fr}.category-image-panel{max-width:420px}}@media (width<=767.98px){.category-management-page,.category-editor-page{padding:28px 0 52px}.category-management-header{flex-direction:column;align-items:flex-start}.category-create-button{width:100%}.category-filter-panel{grid-template-columns:1fr;padding:13px}.category-search-field{grid-column:auto}.category-form-layout{padding:20px}.category-form-actions{flex-direction:column;align-items:stretch;padding:17px 20px}.category-submit-button{width:100%}.category-form-info{text-align:center;justify-content:center}}@media (width<=575.98px){.category-management-grid{grid-template-columns:1fr}.category-management-image{aspect-ratio:16/9}.category-delete-modal{padding:24px 18px}.category-delete-modal-actions{grid-template-columns:1fr}}body{background:var(--background);color:var(--text);transition:var(--transition);font-family:Inter,Arial,sans-serif}.container{max-width:1200px}.page-title{margin-bottom:30px;font-size:32px;font-weight:700}.section{padding:80px 0}.app{flex-direction:column;min-height:100vh;display:flex}.content{flex:1}.navbar-toggler{border:none}