@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap);:root{--primary-light:#cce7ff;--secondary-hover:#545b62;--secondary-active:#3d4246;--secondary-light:#e9ecef;--secondary-dark:#495057;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--bg-dark:#343a40;--bg-light:#fff;--card-bg:#fff;--card-bg-hover:#f8f9fa;--card-bg-active:#e9ecef;--modal-bg:#fff;--modal-backdrop:#00000080;--header-bg:#fff;--footer-bg:#343a40;--text-primary:#222;--text-muted:#999;--text-dark:#222;--link-color:#007bff;--link-hover:#0056b3;--link-active:#004085;--link-visited:#6f42c1;--placeholder-color:#999;--border-color-light:#f8f9fa;--border-color-dark:#adb5bd;--border-color-focus:#007bff;--border-color-error:#dc3545;--border-color-success:#28a745;--shadow-sm:0 0.125rem 0.25rem rgba(0,0,0,.075);--shadow-md:0 0.5rem 1rem #00000026;--shadow-lg:0 1rem 3rem rgba(0,0,0,.175);--shadow-xl:0 2rem 4rem #0003;--card-shadow:0 0.125rem 0.25rem rgba(0,0,0,.075);--card-shadow-hover:0 0.5rem 1rem #00000026;--header-shadow:0 0.125rem 0.25rem rgba(0,0,0,.075);--modal-shadow:0 1rem 3rem rgba(0,0,0,.175);--border-radius-sm:0.125rem;--border-radius:0.375rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--border-radius-pill:50rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--button-padding-x:0.75rem;--button-padding-y:0.375rem;--button-padding-x-lg:1rem;--button-padding-y-lg:0.5rem;--button-padding-x-sm:0.5rem;--button-padding-y-sm:0.25rem;--input-padding-x:0.75rem;--input-padding-y:0.375rem;--input-padding-x-lg:1rem;--input-padding-y-lg:0.5rem;--input-padding-x-sm:0.5rem;--input-padding-y-sm:0.25rem;--card-padding-sm:1rem;--card-padding-lg:2rem;--font-family-base:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-monospace:"SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--transition-fast:0.1s;--transition-normal:0.2s;--transition-slow:0.3s;--transition-slower:0.5s;--ease-linear:linear;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--transition-all:all var(--transition-normal) var(--ease-in-out);--transition-colors:color var(--transition-normal) var(--ease-in-out),background-color var(--transition-normal) var(--ease-in-out),border-color var(--transition-normal) var(--ease-in-out);--transition-opacity:opacity var(--transition-normal) var(--ease-in-out);--transition-transform:transform var(--transition-normal) var(--ease-in-out);--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--z-index-toast:1080;--header-height:60px;--header-padding:var(--space-md);--header-border-width:1px;--footer-padding:var(--space-xl);--footer-border-width:1px;--nav-link-padding:var(--space-sm) var(--space-md);--nav-link-font-size:var(--font-size-base);--nav-link-font-weight:var(--font-weight-medium);--btn-border-width:1px;--btn-font-size:var(--font-size-base);--btn-font-weight:var(--font-weight-medium);--btn-line-height:var(--line-height-normal);--form-input-height:2.375rem;--form-input-border-width:1px;--form-input-font-size:var(--font-size-base);--form-label-font-size:var(--font-size-sm);--form-label-font-weight:var(--font-weight-medium);--card-border-width:1px;--card-border-radius:var(--border-radius);--table-cell-padding:var(--space-sm) var(--space-md);--table-border-width:1px;--table-font-size:var(--font-size-sm);--modal-border-radius:var(--border-radius-lg);--modal-padding:var(--space-xl);--modal-header-padding:var(--space-lg);--modal-footer-padding:var(--space-lg);--breakpoint-xs:0;--container-max-width:1200px;--container-padding:var(--space-md);--grid-gutter:var(--space-md);--theme-transition:background-color var(--transition-normal) var(--ease-in-out),color var(--transition-normal) var(--ease-in-out),border-color var(--transition-normal) var(--ease-in-out),box-shadow var(--transition-normal) var(--ease-in-out)}.theme-transitioning *{transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)!important;transition:var(--theme-transition)!important}@media print{:root{--bg-primary:#fff;--bg-secondary:#fff;--text-primary:#000;--text-secondary:#000;--border-color:#000;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:none}}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0ms;--transition-normal:0ms;--transition-slow:0ms;--transition-slower:0ms;--theme-transition:none}}@media (prefers-contrast:high){:root{--border-color:#000;--text-primary:#000;--text-secondary:#000;--link-color:#00f;--link-hover:#00f}}canvas,img{-ms-interpolation-mode:bicubic;image-rendering:high-quality}.icon-crisp,.pixel-art{image-rendering:pixelated}@supports not (image-rendering:pixelated){.icon-crisp,.pixel-art{image-rendering:crisp-edges}}body{background:var(--bg-primary);color:var(--text-primary);font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1;margin:0;max-width:100%;padding:0;width:100%}.header{align-items:stretch;display:flex;flex-direction:column;min-height:50px;padding:0;position:relative;z-index:1000}.header.sticky{position:-webkit-sticky;position:sticky;top:0}.header-theme-selector{margin-left:.5rem;margin-right:.5rem}.header-theme-selector .theme-selector__toggle{background:#0000;border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);height:2.5rem;justify-content:center;min-width:auto;padding:0;transition:all .3s ease;width:2.5rem}.header-theme-selector .theme-selector__toggle:hover{background:var(--card-bg-hover);border-color:var(--primary-color);transform:translateY(-1px)}.header-theme-selector .theme-selector__dropdown{left:auto;min-width:250px;right:0}@media (max-width:768px){.header-theme-selector .theme-selector__toggle{font-size:.875rem;height:2rem;width:2rem}.header-theme-selector .theme-selector__dropdown{left:50%;max-width:280px;position:fixed;right:auto;top:50%;transform:translate(-50%,-50%);width:90vw}}.marquee-banner{align-items:center;cursor:default;display:flex;flex-shrink:0;justify-content:flex-start;max-height:80px;min-height:40px;overflow:hidden;position:relative;white-space:nowrap;width:100%}.marquee-banner.pause-on-hover:hover .marquee-content{animation-play-state:paused}.marquee-content{align-items:center;animation:marquee-scroll linear infinite;display:flex;position:relative;white-space:nowrap;width:-webkit-max-content;width:max-content}.marquee-content span{flex-shrink:0;line-height:1.2;padding:0 20px;white-space:pre-wrap}.marquee-left{animation-name:marquee-scroll-left}.marquee-right{animation-name:marquee-scroll-right}@keyframes marquee-scroll-left{0%{transform:translateX(100vw)}to{transform:translateX(-100%)}}@keyframes marquee-scroll-right{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.header .container{align-items:center;display:flex;flex:1 1;padding:0}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px;width:100%}.logo{font-size:1.8rem;font-weight:700;letter-spacing:1px;text-decoration:none}.logo-container{align-items:center;display:flex;gap:10px;margin-right:20px}.site-logo{height:auto;max-height:150px;max-width:500px;object-fit:contain;width:auto}.nav{align-items:center;display:flex;gap:1.5rem}.nav a{text-decoration:none;transition:opacity .2s}.nav a:hover{opacity:.8}.nav-logout-btn{background:none;border:none;cursor:pointer;font-family:inherit;transition:opacity .2s}.nav-logout-btn:hover{opacity:.8}.hero-modern{background:linear-gradient(135deg,#000,#1a1a1a);color:#fff;min-height:500px;padding:80px 0}.hero-content,.hero-modern{align-items:center;display:flex}.hero-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px;width:100%}.hero-text{flex:1 1;max-width:500px}.hero-text h1{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem}.hero-text p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.hero-logo{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px}.featured-products{background:#f8f9fa;padding:80px 0}.featured-products h2{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.products-grid-featured{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:0 24px}.product-card-featured{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;overflow:hidden;transition:transform .3s,box-shadow .3s}.product-card-featured:hover{box-shadow:0 8px 32px #00000026;transform:translateY(-8px)}.product-image-placeholder{background:linear-gradient(135deg,#a8c8ec,#7fb3d3);border-radius:12px 12px 0 0;height:200px}.product-card-featured h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:1.5rem 1.5rem .5rem}.product-card-featured p{color:#666;margin:0 1.5rem 1.5rem}.about-blog-section{background:#2c3e50;color:#fff;padding:80px 0}.about-blog-grid{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 24px}.about-section h2,.blog-section h2{font-size:2rem;font-weight:700;margin-bottom:1.5rem}.about-section p{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.blog-post-preview{align-items:flex-start;display:flex;gap:1rem}.blog-image-small{background:linear-gradient(135deg,#a8c8ec,#7fb3d3);border-radius:8px;flex-shrink:0;height:80px;width:80px}.blog-content h4{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.blog-date{color:#a8c8ec;display:block;font-size:.9rem;margin-bottom:.5rem}.blog-posts-section{background:#f8f9fa;padding:80px 0}.blog-posts-section h2{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.blog-posts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:0 24px}.blog-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;overflow:hidden;transition:transform .3s}.blog-card:hover{transform:translateY(-4px)}.blog-image-placeholder{background:linear-gradient(135deg,#a8c8ec,#7fb3d3);height:200px;width:100%}.blog-card h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:1.5rem 1.5rem .5rem}.blog-card .blog-date{color:#666;margin:0 1.5rem 1.5rem}.blog-card-text{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;padding:2rem}.blog-card-text h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.blog-card-text p{color:#666;margin-bottom:1.5rem}.btn{background:#2c3e50;color:#fff;font-weight:600;padding:12px 24px;transition:all .2s}.btn:hover{background:#34495e;transform:translateY(-2px)}.btn-hero{background:#2c3e50;border-radius:10px;font-size:1.1rem;padding:16px 32px}.btn-small{font-size:.9rem;padding:8px 16px}.btn-outline{border:2px solid #fff;color:#fff}.btn-outline:hover{background:#fff;color:#2c3e50}.footer{background:#2c3e50;color:#fff;margin-top:auto;padding:2rem 0;text-align:center}.footer-content{display:flex;flex-direction:column;gap:3rem;margin-bottom:1.5rem}.footer-section{min-width:180px}.footer-section h3,.footer-section h4{font-weight:700;margin-bottom:.7rem}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#a8c8ec;text-decoration:none;transition:color .2s}.footer-section ul li a:hover{color:#fff;text-decoration:underline}.footer-bottom{border-top:1px solid #34495e;color:#bbb;font-size:.95rem;margin-top:1.2rem;padding-top:1rem}.footer-social-icons{display:flex;gap:1rem;margin-top:1rem}.footer-social-icons a{align-items:center;background-color:#ffffff1a;border-radius:50%;color:inherit;display:inline-flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.footer-social-icons a:hover{background-color:#fff3;transform:translateY(-2px)}.footer-social-icons a svg{fill:currentColor;height:20px;width:20px}.footer-social-icons a[href*=instagram]:hover{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);color:#fff}.footer-social-icons a[href*=facebook]:hover{background-color:#1877f2;color:#fff}.footer-social-icons a[href*="x.com"]:hover,.footer-social-icons a[href*=twitter]:hover{background-color:#000;color:#fff}.footer-social-icons a[href*=youtube]:hover{background-color:red;color:#fff}.footer-social-icons a[href*=linkedin]:hover{background-color:#0077b5;color:#fff}.footer-social-section{text-align:center}.footer-social-section .footer-section{margin-bottom:2rem}.footer-links-section,.footer-social-section .footer-social-icons{justify-content:center}.footer-links-section{display:flex;flex-wrap:wrap;gap:4rem}.footer-newsletter-section{text-align:center}.footer-newsletter-section .footer-section{margin:0 auto;max-width:500px}@media (max-width:768px){.footer-links-section{flex-direction:column;gap:2rem;text-align:center}.footer-content{gap:2rem}.footer-social-section .footer-section{margin-bottom:1.5rem}}.container{padding:0 24px}.products-container{max-width:1400px;padding:0 1rem}@media (max-width:900px){.hero-content{flex-direction:column;gap:2rem;text-align:center}.hero-text h1{font-size:2.5rem}.pebdeq-logo-image{height:336px;width:280px}.about-blog-grid{gap:3rem;grid-template-columns:1fr}.nav{flex-wrap:wrap;gap:1rem}.header{padding:0}.header-content{padding:0 16px}.marquee-banner{max-height:70px;min-height:35px}.marquee-content span{padding:0 15px}}@media (max-width:600px){.hero-modern{padding:40px 0}.hero-text h1{font-size:2rem}.pebdeq-logo-image{height:264px;width:220px}.blog-posts-section h2,.featured-products h2{font-size:2rem}.header{min-height:45px;padding:0}.header-content{padding:0 12px}.marquee-banner{font-size:12px;max-height:60px;min-height:30px}.marquee-content span{padding:0 10px}.nav{gap:.8rem}.nav a{font-size:.9rem}.logo{font-size:1.5rem}.site-logo{max-height:80px;max-width:300px}}.fade-in{animation:fadeIn .7s ease}.pebdeq-logo-image{filter:drop-shadow(0 8px 24px rgba(0,0,0,.3));height:420px;object-fit:contain;transition:transform .3s ease,filter .3s ease;width:350px}.pebdeq-logo-image:hover{filter:drop-shadow(0 12px 32px rgba(0,0,0,.4));transform:scale(1.05)}.products{min-height:100vh;padding:2rem 0}.products-header{margin-bottom:3rem;text-align:center}.products-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:1rem}.products-header p{color:#7f8c8d;font-size:1.1rem}.products-controls{background:#f8f9fa;border-radius:10px;margin-bottom:3rem;padding:2rem}.search-section{display:flex;gap:1rem;margin-bottom:2rem}.search-input{border:1px solid #ddd;padding:.75rem}.search-btn,.search-input{border-radius:5px;font-size:1rem}.search-btn{background:#3498db;padding:.75rem 1.5rem;transition:background .3s}.search-btn:hover{background:#2980b9}.filter-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.category-filters{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{background:#fff;border:1px solid #ddd;border-radius:20px;cursor:pointer;padding:.5rem 1rem;transition:all .3s}.filter-btn.active,.filter-btn:hover{background:#3498db;border-color:#3498db;color:#fff}.sort-select{background:#fff;border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:.5rem 1rem}.products-grid{margin:0 auto 3rem}.product-card{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;transition:transform .3s,box-shadow .3s}.product-card:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-5px)}.product-image{height:250px;height:var(--image-size,250px)}.product-image img{height:100%!important;object-fit:contain!important;padding:10px!important;width:100%!important}.no-image{color:#bdc3c7}.featured-badge{background:#e74c3c;border-radius:15px;color:#fff;font-size:.8rem;font-weight:700;padding:.25rem .5rem;position:absolute;right:10px;top:10px}.product-info{padding:1.5rem}.product-info h3{color:#2c3e50;font-size:1.2rem;margin-bottom:.5rem}.product-category{color:#7f8c8d;font-size:.9rem}.product-category,.product-price{margin-bottom:1rem}.current-price{color:#27ae60;font-size:1.5rem}.original-price{color:#7f8c8d}.product-stock{margin-bottom:1rem}.in-stock{color:#27ae60;font-size:.9rem}.out-of-stock{color:#e74c3c;font-size:.9rem}.product-actions{gap:.5rem}.product-actions .btn{border:none;border-radius:5px;cursor:pointer;flex:1 1;font-size:.9rem;padding:.75rem;transition:background .3s}.btn-secondary{background:#95a5a6}.btn-secondary:hover{background:#7f8c8d}.btn-secondary:disabled{background:#bdc3c7;cursor:not-allowed}.pagination{gap:.5rem;margin:2rem 0}.pagination-btn{background:#fff;border:1px solid #ddd;border-radius:5px;padding:.5rem 1rem;transition:all .3s}.pagination-btn:hover{color:#fff}.pagination-btn.active,.pagination-btn:hover{background:#3498db;border-color:#3498db}.results-info{color:#7f8c8d;margin-top:2rem;text-align:center}.error,.loading{padding:3rem;text-align:center}.error h2,.loading h2{color:#2c3e50;margin-bottom:1rem}.error p{color:#e74c3c;margin-bottom:1rem}.no-products{color:#7f8c8d;padding:3rem;text-align:center}.no-products h3{color:#2c3e50;margin-bottom:1rem}@media (max-width:1400px){.products-grid{gap:1.5rem;grid-template-columns:repeat(4,1fr);grid-template-columns:repeat(var(--products-per-row-tablet,4),1fr)}}@media (max-width:1200px){.products-grid{gap:1.5rem;grid-template-columns:repeat(4,1fr);grid-template-columns:repeat(var(--products-per-row-tablet,4),1fr)}}@media (max-width:900px){.products-grid{gap:1.5rem;grid-template-columns:repeat(3,1fr);grid-template-columns:repeat(var(--products-per-row-mobile,3),1fr)}}@media (max-width:700px){.products-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr);grid-template-columns:repeat(var(--products-per-row-small,2),1fr)}}@media (max-width:768px){.filter-section{align-items:stretch;flex-direction:column}.category-filters{justify-content:center}.product-actions,.search-section{flex-direction:column}}.admin-dashboard{background:var(--bg-secondary);padding:40px 0}.admin-header{margin-bottom:2rem;padding:0 2rem}.admin-header-left{text-align:left}.admin-header h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.admin-header p{font-size:1.1rem;margin:0}.admin-header-right{position:relative;z-index:1000}.admin-theme-selector{margin-left:1rem}.admin-theme-selector .theme-selector__trigger{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000001a;font-size:.95rem;min-width:180px;padding:.75rem 1.25rem;transition:all .3s ease}.admin-theme-selector .theme-selector__trigger:hover{border-color:var(--primary-color);box-shadow:0 6px 20px #007bff33;transform:translateY(-2px)}.admin-theme-selector .theme-selector__icon{font-size:1.4rem;margin-right:.5rem}.admin-theme-selector .theme-selector__label{color:var(--text-primary);font-weight:600}.admin-theme-selector .theme-selector__dropdown{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 10px 40px #00000026;max-height:400px;min-width:300px;overflow-x:hidden;overflow-y:auto;position:absolute;right:0;top:100%;z-index:9999!important}.admin-theme-selector .theme-selector__option{border-bottom:1px solid var(--border-light);padding:1rem 1.25rem}.admin-theme-selector .theme-selector__option:hover{background:var(--bg-secondary);transform:translateX(4px)}.admin-theme-selector .theme-selector__option--active{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-color:var(--primary-color);color:#fff;font-weight:600}.admin-theme-selector .theme-selector__section-header{background:var(--bg-tertiary);color:var(--text-secondary);font-size:.85rem;font-weight:700;letter-spacing:.05em;padding:.75rem 1.25rem;text-transform:uppercase}@media (max-width:768px){.admin-theme-selector{margin-left:.5rem}.admin-theme-selector .theme-selector__trigger{font-size:.85rem;min-width:140px;padding:.5rem 1rem}.admin-theme-selector .theme-selector__icon{font-size:1.2rem;margin-right:.25rem}.admin-theme-selector .theme-selector__dropdown{left:auto;min-width:280px;right:0}}@media (max-width:480px){.admin-header{align-items:flex-start;flex-direction:column;gap:1rem}.admin-header-right{align-self:stretch;justify-content:center}.admin-theme-selector .theme-selector__trigger{justify-content:center;min-width:auto;width:100%}.admin-theme-selector .theme-selector__dropdown{left:0;min-width:auto;right:0}}.admin-nav{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:1200px;padding:1.5rem}.admin-nav button{background:#f8f9fa;border:2px solid #0000;color:#495057;font-size:14px;font-weight:600;letter-spacing:.5px;min-width:140px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.admin-nav button:hover{background:#e9ecef;border-color:#4a7c8c;box-shadow:0 4px 12px #4a7c8c33;transform:translateY(-2px)}.admin-nav button.active{background:#4a7c8c;border-color:#4a7c8c;box-shadow:0 4px 12px #4a7c8c4d}.admin-nav button.active:hover{background:#3a6b7a;border-color:#3a6b7a}.admin-tabs{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem}.admin-tabs button{background:#f8f9fa;border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.admin-tabs button:hover{background:#e9ecef}.admin-tabs button.active{background:#4a7c8c;color:#fff}.stat-card{background:#fff;box-shadow:0 4px 6px #0000001a;transition:transform .2s}.stat-card h3{color:#666;font-size:1rem;margin-bottom:.5rem}.stat-number{color:#4a7c8c}.recent-activities{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.recent-activities h3{color:#2c3e50;margin-bottom:1.5rem}.table-container{overflow-x:auto}.admin-dashboard table{border-collapse:collapse;margin-bottom:1rem;width:100%}.admin-dashboard table td,.admin-dashboard table th{border-bottom:1px solid #e9ecef;padding:.75rem;text-align:left}.admin-dashboard table th{background:#f8f9fa;color:#495057;font-weight:600}.admin-dashboard table tr:hover{background:#f8f9fa}.status-badge{font-size:.875rem;text-transform:capitalize}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.processing{background:#cce7ff;color:#06c}.status-badge.shipped{background:#d4edda;color:#155724}.status-badge.delivered{background:#d1ecf1;color:#0c5460}.status-badge.cancelled{background:#f8d7da;color:#721c24}.status-badge.paid{background:#d4edda;color:#155724}.section-header{margin-bottom:2rem}.section-header h2{color:#2c3e50}.messages-table,.orders-table,.products-table{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.badge{font-size:.875rem}.badge.featured{background:#28a745;color:#fff}.badge.not-featured{background:#6c757d;color:#fff}.badge.active{background:#28a745}.badge.inactive{background:#dc3545}.badge.read{background:#28a745;color:#fff}.badge.unread{background:#dc3545;color:#fff}.btn-sm{font-size:.875rem;margin-right:.5rem;padding:.375rem .75rem}.btn-danger{border:none}.add-product-form{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-top:2rem;padding:2rem}.add-product-form h3{color:#2c3e50;margin-bottom:1.5rem}.form-row{grid-template-columns:1fr 1fr;margin-bottom:1rem}.form-group{margin-bottom:.8rem}.form-group label{color:#495057;margin-bottom:.4rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ced4da;padding:.6rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4a7c8c;box-shadow:0 0 0 .2rem #4a7c8c40}.loading-spinner{color:#666;font-size:1.2rem;text-align:center}.dashboard-content{grid-gap:2rem;display:grid;gap:2rem}.messages-content,.orders-content,.products-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.messages-table tr.unread{background:#fff3cd}.messages-table tr.read{background:#d4edda}.orders-table select{border:1px solid #ced4da;border-radius:4px;font-size:.875rem;padding:.375rem .75rem}@media (max-width:768px){.admin-header{flex-direction:column;gap:1rem}.admin-header,.admin-header-left{text-align:center}.admin-header h1{font-size:2rem}.admin-header p{font-size:1rem}.admin-nav{gap:8px;padding:1rem}.admin-nav button{font-size:12px;min-width:120px;padding:10px 16px}.admin-tabs{flex-direction:column;gap:.5rem}.dashboard-stats,.form-row{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.admin-dashboard table{font-size:.875rem}.admin-dashboard table td,.admin-dashboard table th{padding:.5rem}}.login{align-items:center;background:#f8f9fa;display:flex;min-height:80vh;padding:40px 0}.login-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:400px;padding:2rem}.login-container h1{color:#2c3e50;margin-bottom:2rem;text-align:center}.login-form{gap:1rem}.login-form,.login-form .form-group{display:flex;flex-direction:column}.login-form .form-group label{color:#495057;font-weight:500;margin-bottom:.5rem}.login-form .form-group input{border:1px solid #ced4da;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .2s}.login-form .form-group input:focus{border-color:#4a7c8c;box-shadow:0 0 0 .2rem #4a7c8c40;outline:none}.login-form .form-group input[type=checkbox]{margin-right:.5rem;width:auto}.login-form .btn{font-size:1rem;margin-top:1rem;padding:.75rem 1.5rem}.login-links{border-top:1px solid #e9ecef;margin-top:2rem;padding-top:1rem;text-align:center}.login-links p{color:#666;margin:.5rem 0}.login-links a{color:#4a7c8c;font-weight:500;text-decoration:none}.login-links a:hover{text-decoration:underline}.modal-overlay{background:#00000080}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:600px;padding:0;width:90%}.modal-header h3{color:#2c3e50}.modal-close{color:#666}.modal-close:hover{background:#f8f9fa;border-radius:50%}.modal-content form{padding:1.5rem}.modal-actions{border-top:1px solid #e9ecef;margin-top:2rem}.categories-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.categories-table{margin-bottom:3rem}.categories-table table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;width:100%}.categories-table td,.categories-table th{border-bottom:1px solid #eee;padding:1rem;text-align:left}.categories-table th{background:#f8f9fa;color:#333;font-weight:600}.categories-table tr:hover{background:#f8f9fa}.categories-table button[disabled]{cursor:not-allowed;opacity:.5}.categories-table button[disabled]:hover{background:#dc3545}.add-category-form{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.add-category-form h3{color:#2c3e50;margin-bottom:1.5rem}.add-category-form .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.add-category-form .form-group{margin-bottom:1rem}.add-category-form label{color:#495057;display:block;font-weight:500;margin-bottom:.5rem}.add-category-form input,.add-category-form textarea{border:1px solid #ced4da;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.add-category-form input:focus,.add-category-form textarea:focus{border-color:#4a7c8c;box-shadow:0 0 0 .2rem #4a7c8c40;outline:none}.add-category-form textarea{min-height:80px;resize:vertical}.add-category-form input[type=checkbox]{margin-right:.5rem;width:auto}.add-category-form button[type=submit]{background:#4a7c8c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background .3s}.add-category-form button[type=submit]:hover{background:#3a6370}@media (max-width:768px){.add-category-form .form-row{grid-template-columns:1fr}.categories-table{overflow-x:auto}.categories-table td,.categories-table th{padding:.5rem}}.image-preview{align-items:center;display:flex;gap:1rem;margin:1rem 0}.image-preview img{border:2px solid #ddd}.image-preview-grid{grid-gap:1rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:1rem;padding:1rem}.image-preview-item{align-items:center;display:flex;flex-direction:column;gap:.5rem}.image-preview-item img{border:2px solid #ddd}.video-preview{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.video-preview video{border:2px solid #ddd}input[type=file]{background:#fff;border:1px solid #ced4da;border-radius:4px;margin-bottom:.5rem;padding:.5rem}input[type=file]:disabled{cursor:not-allowed;opacity:.6}.upload-info{color:#666;font-size:.875rem;margin-top:.25rem}@media (max-width:768px){.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.image-preview{align-items:flex-start;flex-direction:column}.video-preview video{max-width:200px;width:100%}}.variations-content{background:#f8f9fa;border-radius:8px;margin-top:20px;padding:20px}.variations-sections{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-top:20px}.variation-options-section,.variation-types-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.variation-options-section h3,.variation-types-section h3{color:#2c3e50;font-size:1.4rem;font-weight:600;margin-bottom:20px}.variation-options-table table,.variation-types-table table{border-collapse:collapse;margin-bottom:20px;width:100%}.variation-options-table td,.variation-options-table th,.variation-types-table td,.variation-types-table th{border-bottom:1px solid #e0e0e0;padding:12px;text-align:left}.variation-options-table th,.variation-types-table th{background:#f8f9fa;color:#2c3e50;font-weight:600}.variation-options-table tr:hover,.variation-types-table tr:hover{background:#f8f9fa}.add-variation-option-form,.add-variation-type-form{background:#f8f9fa;border-radius:8px;margin-top:20px;padding:20px}.add-variation-option-form h4,.add-variation-type-form h4{color:#2c3e50;font-size:1.2rem;margin-bottom:15px}.add-variation-option-form .form-row,.add-variation-type-form .form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:15px}.add-variation-option-form .form-group,.add-variation-type-form .form-group{display:flex;flex-direction:column}.add-variation-option-form label,.add-variation-type-form label{color:#2c3e50;font-weight:600;margin-bottom:5px}.add-variation-option-form input,.add-variation-option-form select,.add-variation-option-form textarea,.add-variation-type-form input,.add-variation-type-form select,.add-variation-type-form textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px}.add-variation-option-form input:focus,.add-variation-option-form select:focus,.add-variation-option-form textarea:focus,.add-variation-type-form input:focus,.add-variation-type-form select:focus,.add-variation-type-form textarea:focus{border-color:#4a7c8c;box-shadow:0 0 0 2px #4a7c8c33;outline:none}.add-variation-option-form input[type=checkbox],.add-variation-type-form input[type=checkbox]{margin-right:8px;width:auto}.add-variation-option-form button[type=submit],.add-variation-type-form button[type=submit]{background:#4a7c8c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background .2s}.add-variation-option-form button[type=submit]:hover,.add-variation-type-form button[type=submit]:hover{background:#3a6b7a}.variation-options-table td div[style*=backgroundColor]{border:1px solid #ccc;border-radius:50%;display:inline-block;height:20px;width:20px}@media (max-width:768px){.variations-sections{gap:20px}.add-variation-option-form .form-row,.add-variation-type-form .form-row,.variations-sections{grid-template-columns:1fr}.variation-options-table,.variation-types-table{overflow-x:auto}.variation-options-table table,.variation-types-table table{min-width:600px}}.variation-setup{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;margin:20px 0;padding:20px}.variation-setup h4{color:#2c3e50;font-size:1.2rem;margin-bottom:15px}.variation-setup h5{color:#2c3e50;font-size:1rem;margin-bottom:10px}.variation-options-setup{margin-top:20px}.variation-options-setup p{margin-bottom:15px}.variation-option-item{gap:10px;margin-bottom:10px}.variation-option-item input{border:1px solid #ddd;padding:8px}.variation-option-item .btn{font-size:.9rem;padding:6px 12px}.variation-products{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.no-variation-products{color:#6c757d;padding:40px;text-align:center}.variation-products-table table{border-collapse:collapse;width:100%}.variation-products-table td,.variation-products-table th{border-bottom:1px solid #e0e0e0;padding:12px;text-align:left}.variation-products-table th{background:#f8f9fa;color:#2c3e50;font-weight:600}.product-info strong{color:#2c3e50}.product-info small{color:#6c757d}.variation-type-badge{background:#e9ecef;border-radius:12px;color:#495057;font-size:.9rem;font-weight:500;padding:4px 8px}.variation-options-preview{display:flex;flex-wrap:wrap;gap:5px}.option-tag{background:#007bff;border-radius:8px;color:#fff;font-size:.8rem;padding:2px 6px}.text-muted{color:#6c757d;font-style:italic}.large-modal .modal-content{max-width:800px;width:90%}.variation-management{padding:20px}.variation-options-management{margin-top:20px}.variation-option-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:15px;padding:15px}.option-header h5{color:#2c3e50;font-size:1.1rem;margin-bottom:15px}.option-details .form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:15px}.option-details .form-group{display:flex;flex-direction:column}.option-details label{color:#2c3e50;font-weight:600;margin-bottom:5px}.option-details input{border:1px solid #ddd;border-radius:4px;padding:8px}.option-details small{color:#6c757d;font-size:.8rem;margin-top:2px}.option-images{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.option-image{display:inline-block;position:relative}.option-image img{border:1px solid #ddd;border-radius:4px;height:80px;object-fit:cover;width:80px}.option-image .btn{font-size:.7rem;padding:2px 6px;position:absolute;right:-5px;top:-5px}.variation-management-section{background:#fff8e1;border:2px solid #ffc107;border-radius:8px;box-shadow:0 2px 8px #ffc10733;margin:2rem 0;padding:1.5rem}.variation-management-section h4{color:#e65100;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.variation-controls{display:flex;gap:1rem;margin-bottom:1rem}.variation-controls .btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.75rem 1rem;transition:all .3s}.btn-warning{background:#ffc107}.btn-warning:hover{background:#e0a800}.current-variation-info{background:#fff;border-left:4px solid #007bff;border-radius:6px;padding:1rem}.current-variation-info p{color:#495057;margin:.5rem 0}.current-variation-info strong{color:#212529}.no-variation-info{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:6px;padding:1rem}.no-variation-info p{color:#1565c0;font-style:italic;margin:0}.variation-type-selection{background:#fff;border:1px solid #dee2e6;border-radius:6px;margin-top:1rem;padding:1rem}.variation-options-setup h5{color:#495057;margin-bottom:.5rem}.variation-options-setup p{color:#6c757d;margin-bottom:1rem}.variation-option-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;display:flex;gap:.5rem;margin-bottom:.5rem;padding:.5rem}.variation-option-item input{border:1px solid #ced4da;border-radius:4px;flex:1 1;font-size:.9rem;padding:.5rem}.variation-option-item input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.variation-option-item .btn-sm{font-size:.8rem;padding:.25rem .5rem}.product-detail{padding:2rem 0}.product-detail-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.product-images{display:flex;flex-direction:column;gap:1rem}.main-image{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;height:400px;justify-content:center;overflow:hidden;width:100%}.main-image img{height:100%!important;object-fit:contain!important;padding:10px!important;width:100%!important}.no-image{align-items:center;color:#6c757d;display:flex;flex-direction:column;font-size:3rem;justify-content:center}.no-image p{font-size:1rem;margin-top:1rem}.image-thumbnails{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0}.image-thumbnails img{background:#fff;border:2px solid #e9ecef;border-radius:4px;cursor:pointer;height:80px!important;object-fit:contain!important;padding:5px!important;transition:border-color .3s;width:80px!important}.image-thumbnails img:hover{border-color:#007bff}.image-thumbnails img.active{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.product-info{gap:1.5rem}.product-header h1{color:#2c3e50;font-size:2rem;margin-bottom:.5rem}.product-meta{align-items:center;display:flex;gap:1rem}.category{background:#e9ecef;color:#495057}.category,.featured-badge{border-radius:12px;font-size:.9rem;padding:.25rem .75rem}.featured-badge{background:#ffc107;color:#212529;font-weight:500}.product-price{gap:1rem}.current-price{color:#28a745;font-size:2rem;font-weight:600}.original-price{color:#6c757d;font-size:1.5rem}.product-stock{font-size:1.1rem;font-weight:500}.in-stock{color:#28a745}.out-of-stock{color:#dc3545}@media (max-width:768px){.product-detail-content{gap:2rem;grid-template-columns:1fr}.main-image{height:300px}.current-price,.product-header h1{font-size:1.5rem}}.settings-content{margin:0 auto;max-width:800px}.site-settings-form{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem}.logo-preview{border:2px dashed #e9ecef;border-radius:8px;margin-top:1rem;padding:1rem;text-align:center}.logo-preview img{display:block;margin:0 auto 1rem}.logo-preview-header{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:.5rem;padding:1rem;text-align:center}.welcome-preview{background-position:50%;background-repeat:no-repeat;background-size:cover;overflow:hidden;position:relative}.background-preview{align-items:center;background:#f8f9fa;border-radius:4px;display:flex;gap:1rem;margin-top:.5rem;padding:1rem}.background-preview img{border:1px solid #e9ecef;border-radius:4px}.background-preview .btn{margin-left:auto}@media (max-width:768px){.welcome-preview{padding:1.5rem!important}.welcome-preview h2{font-size:1.5rem!important}.welcome-preview p{font-size:1rem!important}.background-preview{align-items:flex-start;flex-direction:column}.background-preview .btn{margin-left:0;margin-top:.5rem}}@media (max-width:480px){.welcome-preview{padding:1rem!important}.welcome-preview h2{font-size:1.3rem!important}.welcome-preview button{font-size:.9rem!important;padding:.4rem .8rem!important}}.categories-selection{grid-gap:.5rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:.5rem 0;padding:1rem}.checkbox-label{border-radius:4px;gap:.5rem;padding:.25rem;transition:background-color .2s}.checkbox-label:hover{background:#e9ecef}.checkbox-label input[type=checkbox]{margin:0}.collections-preview{background:#f8f9fa;border:2px dashed #dee2e6}.categories-grid-preview{min-height:200px}.settings-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1rem 2rem}.settings-header h2{color:#2c3e50;font-size:1.8rem}.settings-save-btn{align-items:center;background:#28a745;border-radius:6px;box-shadow:0 2px 4px #28a74533;display:flex;font-size:1rem;gap:.5rem;transition:all .3s ease}.settings-save-btn:hover{background:#218838;box-shadow:0 4px 8px #28a7454d;transform:translateY(-1px)}.settings-save-btn:active{transform:translateY(0)}.settings-layout{align-items:flex-start;display:flex;gap:3rem;margin-bottom:2rem}.settings-navigation{background:#f8f9fa;border-radius:8px;flex:0 0 280px;min-width:280px;padding:1rem}.settings-nav-link{background:none;border:none;border-radius:6px;color:#495057;cursor:pointer;display:block;font-size:.9rem;font-weight:500;margin-bottom:4px;padding:10px 15px;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.settings-nav-link:hover{background-color:#e9ecef;color:#007bff}.settings-nav-link.active{background-color:#fff;box-shadow:0 2px 4px #007bff1a;color:#007bff;font-weight:600}.settings-main{flex:1 1;min-width:0}.settings-section{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.2rem;padding:1.2rem}.settings-section h3{border-bottom:1px solid #e9ecef;color:#2c3e50;font-size:1.1rem;margin-bottom:.8rem;padding-bottom:.4rem}.settings-section h4{color:#495057;font-size:.95rem;font-weight:600;margin:1rem 0 .6rem}.settings-section p{color:#6c757d;font-size:.85rem;line-height:1.4;margin-bottom:1rem}.form-actions{border-top:2px solid #e9ecef;margin-top:2rem;padding-top:2rem;text-align:right}.form-actions .btn{min-width:150px}@media (max-width:1024px) and (min-width:769px){.settings-layout{gap:2rem}.settings-navigation{flex:0 0 250px;min-width:250px}}@media (max-width:768px){.settings-header{flex-direction:column;gap:1rem;padding:1rem;text-align:center}.settings-header h2{font-size:1.5rem}.settings-save-btn{justify-content:center;width:100%}.settings-layout{flex-direction:column;gap:1rem}.settings-navigation{flex:none;margin-bottom:1rem;order:1}.settings-nav-link{font-size:.95rem;padding:12px 15px}.settings-main{order:2}.settings-section{padding:1.5rem}.form-actions{text-align:center}}@media (max-width:480px){.admin-header{padding:0 1rem}.admin-header h1{font-size:1.75rem}.admin-header p{font-size:.9rem}.admin-nav{gap:6px;padding:.75rem}.admin-nav button{font-size:11px;letter-spacing:.25px;min-width:100px;padding:8px 12px}.settings-section{padding:1rem}.settings-section h3{font-size:1.3rem}}.navigation-links-manager{background:#f8f9fa;border-radius:8px;margin-top:1rem;max-width:100%;overflow-x:auto;padding:2rem}.nav-links-list{flex-direction:column;gap:.75rem}.nav-link-item,.nav-links-list{display:flex;margin-bottom:1rem}.nav-link-item{align-items:flex-start;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000001a;gap:1rem;padding:1.5rem}.nav-link-order{align-items:center;display:flex;flex-direction:column;min-width:80px}.nav-link-order .form-group{margin-bottom:0;text-align:center}.nav-link-order .form-group label{color:#6c757d;display:block;font-size:.8rem;font-weight:600;margin-bottom:.25rem}.order-input{border:2px solid #e9ecef;border-radius:6px;color:#007bff;font-weight:600;padding:.5rem .25rem;text-align:center;width:60px!important}.order-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.nav-link-content{flex:1 1;min-width:0}.nav-link-header{margin-bottom:.5rem}.nav-link-title{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;line-height:1.5;margin-left:.5rem}.nav-link-title.page{color:#28a745}.nav-link-title.auth{color:#007bff}.nav-link-title.custom{color:#6c757d}.nav-link-title small{color:#6c757d;font-size:.75rem;font-weight:400}.nav-link-details{border-top:1px solid #e9ecef;margin-top:1rem;padding-top:1rem}.nav-link-details .form-row{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.nav-link-details .form-group input[type=checkbox]{margin-right:.5rem;transform:scale(1.2);width:auto}.nav-link-details .form-group label:has(input[type=checkbox]){align-items:center;cursor:pointer;display:flex;margin-bottom:.5rem}.nav-link-details .form-group{margin-bottom:1rem}.nav-link-details .form-group label{color:#495057;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.nav-link-details .form-group input,.nav-link-details .form-group select{border:1px solid #ced4da;border-radius:4px;font-size:1rem;min-height:44px;overflow-wrap:break-word;padding:.75rem 1rem;width:100%;word-break:break-all}.nav-link-actions{display:flex;flex-direction:column;gap:.25rem}.nav-link-add{background:#fff;border:2px dashed #dee2e6;border-radius:6px;padding:1rem;text-align:center}.nav-link-add .btn{font-weight:600}@media (max-width:768px){.settings-navigation{flex:1 1 100%;margin-bottom:1rem;min-width:100%}.navigation-links-manager{padding:1rem}.nav-link-item{flex-direction:column;gap:.5rem;padding:1rem}.nav-link-order{align-self:flex-start;flex-direction:row;min-width:auto}.nav-link-order .form-group{margin-bottom:.5rem}.nav-link-details .form-row{gap:.5rem;grid-template-columns:1fr}.nav-link-actions{align-self:flex-start;flex-direction:row}}.links-manager{margin-top:1rem}.link-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:.5rem;margin-bottom:.75rem;padding:.75rem}.link-item input[type=text]{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:.9rem;padding:.5rem}.link-item input[type=text]:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.link-item label{align-items:center;color:#666;display:flex;font-size:.85rem;gap:.25rem;margin:0;white-space:nowrap}.link-item input[type=checkbox]{margin:0;width:auto}.link-item .btn{font-size:.8rem;padding:.25rem .5rem;white-space:nowrap}.links-manager .btn-secondary{margin-top:.5rem}@media (max-width:768px){.link-item{align-items:stretch;flex-direction:column;gap:.5rem}.link-item input[type=text]{width:100%}.link-item label{justify-content:center}}.custom-file-input{display:inline-block;position:relative;width:100%}.custom-file-input input[type=file]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.custom-file-button{background:#007bff;border:1px solid #007bff;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;padding:.5rem 1rem;text-align:center;transition:all .3s ease;width:100%}.custom-file-button:hover{background:#0056b3;border-color:#0056b3}.custom-file-button:disabled{background:#6c757d;border-color:#6c757d;cursor:not-allowed}.custom-file-button.file-selected{background:#28a745;border-color:#28a745}.custom-file-button.file-selected:hover{background:#1e7e34;border-color:#1e7e34}.file-upload-info{color:#6c757d;font-size:.8rem;margin-top:.25rem}.file-upload-error{color:#dc3545}.header-actions{flex-wrap:wrap;gap:1rem}.excel-actions{flex-wrap:wrap}.excel-actions .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;gap:.25rem;padding:.5rem 1rem;transition:all .2s}.excel-actions .btn-success{background-color:#28a745;color:#fff}.excel-actions .btn-success:hover{background-color:#218838;transform:translateY(-1px)}.excel-actions .btn-info{background-color:#17a2b8;color:#fff}.excel-actions .btn-info:hover{background-color:#138496;transform:translateY(-1px)}.excel-actions .btn-warning{background-color:#ffc107;color:#212529}.excel-actions .btn-warning:hover{background-color:#e0a800;transform:translateY(-1px)}@media (max-width:768px){.header-actions{align-items:stretch;flex-direction:column;gap:.75rem}.excel-actions{justify-content:center}.excel-actions .btn{flex:1 1;font-size:.8rem;min-width:0;padding:.4rem .8rem}}.image-actions-footer{align-items:center;background:#f9f9f9;border-radius:0 0 8px 8px;border-top:1px solid #e0e0e0;display:flex;justify-content:center;padding:15px}.image-actions-footer .btn{border-radius:6px;box-shadow:0 2px 4px #0000001a;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.image-actions-footer .btn:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.product-image-status{align-items:center;display:flex;font-size:16px;gap:5px;justify-content:center}.product-image-status .image-icon{display:inline-block;transition:transform .2s ease}.product-image-status .image-icon:hover{transform:scale(1.1)}.product-image-status .image-count{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;color:#6c757d;font-size:12px;font-weight:500;padding:2px 6px}.image-status-has-images{color:#28a745!important}.image-status-no-images{color:#dc3545!important}.image-status-no-images:hover{opacity:.7}.products-grid .product-card .current-price{font-size:1.3rem}.products-grid .product-card .product-info{padding:1rem}@media (max-width:1400px){.products-grid .product-card .product-name{font-size:1rem}.products-grid .product-card .current-price{font-size:1.4rem}.products-grid .product-card .product-info{padding:1.1rem}}@media (max-width:1200px){.products-grid .product-card .product-name{font-size:1.1rem}.products-grid .product-card .current-price{font-size:1.5rem}.products-grid .product-card .product-info{padding:1.2rem}}@media (max-width:900px){.products-grid .product-card .product-name{font-size:1.2rem}.products-grid .product-card .current-price{font-size:1.6rem}.products-grid .product-card .product-info{padding:1.3rem}}@media (max-width:700px){.products-grid .product-card .product-name{font-size:1.3rem}.products-grid .product-card .current-price{font-size:1.7rem}.products-grid .product-card .product-info{padding:1.4rem}}.products-grid .product-card .product-image{height:250px;height:var(--image-size,250px)}@media (max-width:1400px){.products-grid .product-card .product-image{height:280px;height:var(--image-size-tablet,280px)}}@media (max-width:1200px){.products-grid .product-card .product-image{height:300px;height:var(--image-size-tablet,300px)}}@media (max-width:900px){.products-grid .product-card .product-image{height:320px;height:var(--image-size-mobile,320px)}}@media (max-width:700px){.products-grid .product-card .product-image{height:280px;height:var(--image-size-small,280px)}}.products-grid .product-card .product-actions .btn{font-size:.85rem;padding:.6rem}@media (max-width:1400px){.products-grid .product-card .product-actions .btn{font-size:.9rem;padding:.65rem}}@media (max-width:1200px){.products-grid .product-card .product-actions .btn{font-size:.9rem;padding:.7rem}}@media (max-width:900px){.products-grid .product-card .product-actions .btn{font-size:.95rem;padding:.75rem}}@media (max-width:700px){.products-grid .product-card .product-actions .btn{font-size:1rem;padding:.8rem}}.register{align-items:center;background:#f8f9fa;display:flex;justify-content:center;min-height:80vh;padding:40px 0}.register .container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:600px;padding:40px}.register h1{color:#222;font-size:2.5rem;font-weight:600;margin-bottom:30px;text-align:center}.register-form{flex-direction:column}.register-form,.register-form .form-row{display:flex;gap:20px}.register-form .form-row .form-group{flex:1 1}.register-form .form-group{display:flex;flex-direction:column}.register-form .form-group label{color:#333;font-size:.9rem;font-weight:600;margin-bottom:8px}.register-form .form-group input,.register-form .form-group textarea{border:2px solid #e1e5e9;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px 16px;transition:border-color .3s ease}.register-form .form-group input:focus,.register-form .form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.register-form .form-group input.error,.register-form .form-group textarea.error{border-color:#dc3545}.register-form .form-group input.error:focus,.register-form .form-group textarea.error:focus{box-shadow:0 0 0 3px #dc35451a}.register-form .error-message{color:#dc3545;display:block;font-size:.8rem;margin-top:5px}.register-form .alert{border-radius:8px;font-size:.9rem;margin-bottom:20px;padding:12px 16px}.register-form .alert-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.register-form .btn{border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:10px;padding:14px 30px;transition:all .3s ease}.register-form .btn-primary{background-color:#007bff;color:#fff}.register-form .btn-primary:hover{background-color:#0056b3;transform:translateY(-2px)}.register-form .btn-primary:disabled{background-color:#6c757d;cursor:not-allowed;transform:none}.register p{color:#666;margin-top:20px;text-align:center}.register p a{color:#007bff;font-weight:600;text-decoration:none}.register p a:hover{text-decoration:underline}@media (max-width:768px){.register .container{margin:0 20px;padding:30px 20px}.register h1{font-size:2rem}.register-form .form-row{flex-direction:column;gap:0}.register-form .form-group{margin-bottom:20px}}@media (max-width:480px){.register .container{margin:0 10px;padding:20px 15px}.register h1{font-size:1.8rem}.register-form .btn{font-size:1rem;padding:12px 20px}}.payment-select,.status-select{border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;min-width:100px;padding:4px 8px}.payment-select.badge-warning,.status-select.badge-warning{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.payment-select.badge-info,.status-select.badge-info{background-color:#d1ecf1;border-color:#b6ebf5;color:#0c5460}.payment-select.badge-success,.status-select.badge-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.payment-select.badge-danger,.status-select.badge-danger{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.payment-select.badge-primary,.status-select.badge-primary{background-color:#d1ecf1;border-color:#b6ebf5;color:#0c5460}.status-actions{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.status-group{display:flex;flex-direction:column;gap:5px}.status-group label{color:#555;font-size:12px;font-weight:700}.status-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:150px;padding:8px 12px}.payment-select:hover,.status-select:hover{border-color:#007bff}.payment-select:focus,.status-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.orders-filters{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.filter-row{gap:20px;margin-bottom:15px}.filter-group{gap:5px}.filter-group label{color:#555;font-size:12px;font-weight:700}.filter-group input,.filter-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.filter-actions{gap:10px}.filter-actions .btn{font-size:14px;padding:8px 16px}.order-details-modal{max-height:90vh;max-width:900px;overflow-y:auto}.order-summary{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.summary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:4px;display:flex;justify-content:space-between;padding:10px}.summary-item label{color:#555;font-weight:700}.address-section,.customer-section,.items-section,.notes-section,.totals-section{border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:15px}.address-section h3,.customer-section h3,.items-section h3,.notes-section h3,.totals-section h3{border-bottom:1px solid #e9ecef;color:#333;margin-bottom:15px;padding-bottom:10px}.customer-details .detail-row{display:flex;justify-content:space-between;margin-bottom:8px}.customer-details .detail-row label{color:#555;font-weight:700}.items-list{display:flex;flex-direction:column;gap:15px}.order-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:15px;padding:15px}.item-image{align-items:center;background:#f0f0f0;border-radius:4px;display:flex;height:80px;justify-content:center;overflow:hidden;width:80px}.item-image img{height:100%;object-fit:cover;width:100%}.item-image .no-image{color:#999;font-size:24px}.item-details{flex:1 1}.item-details h4{color:#333;margin:0 0 8px}.item-details p{color:#666;font-size:14px;margin:4px 0}.totals-grid{display:flex;flex-direction:column;gap:10px}.total-row{border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:8px 0}.total-row.final-total{border-bottom:2px solid #007bff;border-top:2px solid #007bff;font-size:16px;padding:12px 0}.pagination{gap:10px;margin-top:20px}.pagination-info{color:#666;font-size:14px}.page-numbers{display:flex;gap:5px}@media (max-width:768px){.status-actions{align-items:stretch;flex-direction:column}.status-group,.status-group select{width:100%}.filter-row{flex-direction:column;gap:15px}.filter-group{min-width:100%}.filter-actions{justify-content:center}.summary-grid{grid-template-columns:1fr}.order-item{flex-direction:column;text-align:center}.item-image{height:100px;margin:0 auto;width:100px}}.returns-content{margin-bottom:2rem}.returns-filters{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.returns-table{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.returns-table table{border-collapse:collapse;width:100%}.returns-table td,.returns-table th{border-bottom:1px solid #e9ecef;padding:12px;text-align:left}.returns-table th{background:#f8f9fa;color:#495057;font-weight:600}.return-status-badge{border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;padding:4px 8px}.return-status-badge.badge-warning{background-color:#ffc107;color:#212529}.return-status-badge.badge-info{background-color:#17a2b8}.return-status-badge.badge-success{background-color:#28a745}.return-status-badge.badge-danger{background-color:#dc3545}.return-reason{display:flex;flex-direction:column;gap:4px}.return-reason strong{color:#495057;font-size:.9rem}.return-reason small{color:#6c757d;font-size:.75rem;font-style:italic}.btn-success{background-color:#28a745;border:none}.btn-success:hover{background-color:#218838}.btn-info{border:none}@media (max-width:768px){.returns-filters .filter-row{flex-direction:column;gap:15px}.returns-table{overflow-x:auto}.returns-table table{min-width:800px}.action-buttons{flex-direction:column;gap:.25rem}.return-reason{max-width:150px}}.page-container{background:#f8f9fa;min-height:100vh;padding:40px 0}.content-wrapper{margin:0 auto;max-width:900px;padding:0 24px}.legal-page{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;line-height:1.7;padding:40px}.legal-page h1{border-bottom:3px solid #3498db;color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:10px;padding-bottom:15px}.legal-page .last-updated{color:#6c757d;font-size:.95rem;font-style:italic;margin-bottom:30px}.legal-page section{margin-bottom:35px}.legal-page h2{border-left:4px solid #3498db;color:#2c3e50;font-size:1.4rem;font-weight:600;margin-bottom:15px;margin-top:30px;padding-left:15px}.legal-page h3{color:#34495e;font-size:1.2rem;font-weight:600;margin-bottom:12px;margin-top:25px}.legal-page p{color:#495057;margin-bottom:15px;text-align:justify}.legal-page ol,.legal-page ul{margin-bottom:20px;margin-left:25px}.legal-page li{color:#495057;margin-bottom:8px;padding-left:5px}.legal-page ol>li{margin-bottom:15px}.legal-page strong{color:#2c3e50;font-weight:600}.legal-page .contact-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:20px 0;padding:20px}.legal-page .contact-info p{margin-bottom:8px}.legal-page .agent-info{background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;margin:20px 0;padding:20px}.legal-page .agent-info p{margin-bottom:8px}.legal-page a{border-bottom:1px solid #0000;color:#3498db;text-decoration:none;transition:all .3s ease}.legal-page a:hover{border-bottom-color:#2980b9;color:#2980b9}.legal-page .cookie-table{margin:20px 0;overflow-x:auto}.legal-page table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:20px 0;overflow:hidden;width:100%}.legal-page table th{background:#3498db;border-bottom:2px solid #2980b9;color:#fff;font-weight:600;padding:15px;text-align:left}.legal-page table td{border-bottom:1px solid #e9ecef;color:#495057;padding:12px 15px}.legal-page table tr:nth-child(2n) td{background:#f8f9fa}.legal-page table tr:hover td{background:#e3f2fd}@media (max-width:768px){.content-wrapper{padding:0 16px}.legal-page{margin:0 8px;padding:24px 20px}.legal-page h1{font-size:2rem}.legal-page h2{font-size:1.3rem}.legal-page h3{font-size:1.1rem}.legal-page ol,.legal-page ul{margin-left:20px}.legal-page .cookie-table{font-size:.9rem}.legal-page table td,.legal-page table th{padding:10px 8px}}@media (max-width:480px){.page-container{padding:20px 0}.legal-page{border-radius:0;margin:0;padding:20px 16px}.legal-page h1{font-size:1.8rem}.legal-page .cookie-table{font-size:.8rem}}.google-signin-container{margin:20px 0}#google-signin-button,.google-signin-container{display:flex;justify-content:center}.google-signin-container iframe{border-radius:8px!important}.divider{margin:20px 0;position:relative;text-align:center}.divider:before{background:#e0e0e0;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background:#fff;color:#666;font-size:14px;padding:0 15px;position:relative;z-index:1}@media (max-width:480px){.divider,.google-signin-container{margin:15px 0}.divider span{font-size:12px;padding:0 10px}}.categories-content{padding:20px}.categories-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(6,1fr);margin:20px 0}.category-card{background:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .3s ease}.category-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-3px)}.category-image-top{height:120px;overflow:hidden;position:relative;width:100%}.category-image-top img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.category-card:hover .category-image-top img{transform:scale(1.05)}.category-placeholder{align-items:center;color:#666;display:flex;font-size:2em;height:100%;justify-content:center;width:100%}.status-overlay{position:absolute;right:8px;top:8px}.status-badge{background:#ffffffe6;border-radius:50%;box-shadow:0 2px 4px #0000001a;font-size:.7em;padding:4px 6px}.status-badge.active{color:#28a745}.status-badge.inactive{color:#dc3545}.category-info{padding:12px;position:relative}.category-info h4{color:#333;font-size:.9em;font-weight:600;line-height:1.2;margin:0 0 8px}.category-meta{margin-bottom:8px}.category-meta .slug{color:#007bff;font-family:monospace;font-size:.75em;margin:0 0 4px}.category-meta .description{color:#666;font-size:.7em;line-height:1.3;margin:0 0 8px}.category-stats{align-items:center;display:flex;justify-content:space-between;margin:8px 0}.sort-order{background:#f8f9fa;border-radius:4px;color:#6c757d;font-size:.65em;font-weight:500;padding:2px 6px}.color-dot{border:1px solid #ddd;border-radius:50%;flex-shrink:0;height:12px;width:12px}.edit-btn{align-items:center;background:#007bff;border:none;border-radius:6px;bottom:8px;color:#fff;cursor:pointer;display:flex;font-size:.8em;height:28px;justify-content:center;opacity:.8;position:absolute;right:8px;transition:all .2s ease;width:28px}.edit-btn:hover{background:#0056b3;opacity:1;transform:scale(1.1)}.no-categories{background:#f8f9fa;border-radius:12px;margin:20px 0;padding:40px;text-align:center}.no-categories p{color:#666;font-size:1.1em;margin-bottom:20px}.quick-actions{border-top:1px solid #e0e0e0;display:flex;gap:15px;margin-top:30px;padding-top:20px}@media (max-width:1200px){.categories-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:900px){.categories-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.categories-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.category-image-top{height:100px}.category-info{padding:10px}.category-info h4{font-size:.8em}.category-meta .description{font-size:.65em}.quick-actions{flex-direction:column}}@media (max-width:480px){.categories-grid{grid-template-columns:1fr}.category-card{margin:0 auto;max-width:300px}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--background-primary,#fff);color:#333;color:var(--text-primary,#333);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);font-size:var(--font-size-base,16px);line-height:1.6;line-height:var(--line-height-base,1.6)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);color:var(--text-heading,var(--text-primary));font-family:inherit;font-family:var(--font-family-heading,inherit);font-weight:600;font-weight:var(--font-weight-heading,600);line-height:1.2;line-height:var(--line-height-heading,1.2);margin-bottom:.5rem;margin-bottom:var(--spacing-sm,.5rem)}h1{font-size:2.5rem;font-size:var(--font-size-h1,2.5rem)}h2{font-size:2rem;font-size:var(--font-size-h2,2rem)}h3{font-size:1.75rem;font-size:var(--font-size-h3,1.75rem)}h4{font-size:1.5rem;font-size:var(--font-size-h4,1.5rem)}h5{font-size:1.25rem;font-size:var(--font-size-h5,1.25rem)}h6{font-size:1rem;font-size:var(--font-size-h6,1rem)}p{color:var(--text-primary);color:var(--text-secondary,var(--text-primary));margin-bottom:.5rem;margin-bottom:var(--spacing-sm,.5rem)}a{color:#007bff;color:var(--link-color,var(--primary-color,#007bff));text-decoration:none;transition:color .3s ease}a:hover{color:#0056b3;color:var(--link-hover-color,var(--primary-hover,#0056b3))}ol,ul{margin-bottom:.5rem;margin-bottom:var(--spacing-sm,.5rem);padding-left:1rem;padding-left:var(--spacing-md,1rem)}img{display:block;height:auto;max-width:100%}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font-family:inherit;font-size:inherit}input,select,textarea{border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:4px;border-radius:var(--border-radius,4px);padding:.5rem;padding:var(--spacing-sm,.5rem);transition:border-color .3s ease}input:focus,select:focus,textarea:focus{border-color:#007bff;border-color:var(--primary-color,#007bff);outline:none}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;background:var(--scrollbar-track,#f1f1f1)}::-webkit-scrollbar-thumb{background:#c1c1c1;background:var(--scrollbar-thumb,#c1c1c1);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8;background:var(--scrollbar-thumb-hover,#a8a8a8)}::selection{background:#007bff4d;background:var(--selection-bg,#007bff4d);color:inherit;color:var(--selection-color,inherit)}.focus-visible{outline:2px solid #007bff;outline:2px solid var(--focus-color,var(--primary-color,#007bff));outline-offset:2px}:root{--primary-color:#007bff;--primary-hover:#0056b3;--primary-active:#004085;--primary-light:#b8daff;--primary-dark:#004085;--secondary-color:#6c757d;--secondary-hover:#5a6268;--secondary-active:#494f54;--secondary-light:#f8f9fa;--secondary-dark:#343a40;--success-color:#28a745;--success-hover:#218838;--success-active:#1e7e34;--success-light:#d4edda;--success-dark:#155724;--danger-color:#dc3545;--danger-hover:#c82333;--danger-active:#bd2130;--danger-light:#f8d7da;--danger-dark:#721c24;--warning-color:#ffc107;--warning-hover:#e0a800;--warning-active:#d39e00;--warning-light:#fff3cd;--warning-dark:#856404;--info-color:#17a2b8;--info-hover:#138496;--info-active:#117a8b;--info-light:#d1ecf1;--info-dark:#0c5460;--background-primary:#fff;--background-secondary:#f8f9fa;--background-tertiary:#e9ecef;--background-dark:#343a40;--background-light:#fff;--background-overlay:#00000080;--text-primary:#212529;--text-secondary:#6c757d;--text-muted:#adb5bd;--text-light:#fff;--text-dark:#212529;--text-heading:#212529;--text-body:#495057;--border-color:#dee2e6;--border-light:#e9ecef;--border-dark:#495057;--border-radius:4px;--border-radius-sm:2px;--border-radius-lg:8px;--border-radius-xl:12px;--border-width:1px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--shadow-2xl:0 25px 50px #00000040;--shadow-inner:inset 0 2px 4px #0000000f;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:2.5rem;--spacing-3xl:3rem;--spacing-4xl:4rem;--spacing-5xl:5rem;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-heading:inherit;--font-family-mono:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.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-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-h1:2.5rem;--font-size-h2:2rem;--font-size-h3:1.75rem;--font-size-h4:1.5rem;--font-size-h5:1.25rem;--font-size-h6:1rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--font-weight-heading:600;--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--line-height-base:1.6;--line-height-heading:1.2;--letter-spacing-tighter:-0.05em;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--letter-spacing-widest:0.1em;--breakpoint-xs:0px;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--breakpoint-xxl:1400px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--transition-base:all 0.3s ease;--transition-fast:all 0.15s ease;--transition-slow:all 0.5s ease;--transition-bounce:all 0.3s cubic-bezier(0.68,-0.55,0.265,1.55);--button-padding-x:1rem;--button-padding-y:0.5rem;--button-font-size:1rem;--button-border-radius:4px;--button-font-weight:500;--card-padding:1.5rem;--card-border-radius:8px;--card-shadow:var(--shadow-md);--card-border:1px solid var(--border-color);--form-input-padding-x:0.75rem;--form-input-padding-y:0.5rem;--form-input-font-size:1rem;--form-input-border-radius:4px;--form-input-border:1px solid var(--border-color);--nav-height:60px;--nav-padding-x:1rem;--nav-link-padding-x:1rem;--nav-link-padding-y:0.5rem;--header-height:80px;--header-background:var(--background-primary);--header-shadow:var(--shadow-sm);--footer-background:var(--background-dark);--footer-text:var(--text-light);--footer-padding:3rem 0;--sidebar-width:250px;--sidebar-background:var(--background-secondary);--sidebar-border:1px solid var(--border-color);--link-color:var(--primary-color);--link-hover-color:var(--primary-hover);--link-visited-color:var(--primary-color);--link-active-color:var(--primary-active);--focus-color:var(--primary-color);--focus-ring:0 0 0 2px #007bff40;--scrollbar-width:8px;--scrollbar-track:#f1f1f1;--scrollbar-thumb:#c1c1c1;--scrollbar-thumb-hover:#a8a8a8;--selection-bg:#007bff4d;--selection-color:inherit;--theme-primary:var(--primary-color);--theme-secondary:var(--secondary-color);--theme-background:var(--background-primary);--theme-text:var(--text-primary);--theme-accent:var(--info-color)}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-grid{display:grid}.d-table{display:table}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-column{flex-direction:column}.flex-column-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.flex-1{flex:1 1}.flex-auto{flex:auto}.flex-initial{flex:initial}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-shrink{flex-shrink:1}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.gap-5{gap:var(--spacing-xl)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.static{position:static}.m-0{margin:0}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-3{margin:var(--spacing-md)}.m-4{margin:var(--spacing-lg)}.m-5{margin:var(--spacing-xl)}.m-auto{margin:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mt-auto{margin-top:auto}.mr-0{margin-right:0}.mr-1{margin-right:var(--spacing-xs)}.mr-2{margin-right:var(--spacing-sm)}.mr-3{margin-right:var(--spacing-md)}.mr-4{margin-right:var(--spacing-lg)}.mr-5{margin-right:var(--spacing-xl)}.mr-auto{margin-right:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mb-auto{margin-bottom:auto}.ml-0{margin-left:0}.ml-1{margin-left:var(--spacing-xs)}.ml-2{margin-left:var(--spacing-sm)}.ml-3{margin-left:var(--spacing-md)}.ml-4{margin-left:var(--spacing-lg)}.ml-5{margin-left:var(--spacing-xl)}.ml-auto{margin-left:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:var(--spacing-xs);margin-right:var(--spacing-xs)}.mx-2{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.mx-3{margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.mx-4{margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.mx-5{margin-left:var(--spacing-xl);margin-right:var(--spacing-xl)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-bottom:0;margin-top:0}.my-1{margin-bottom:var(--spacing-xs);margin-top:var(--spacing-xs)}.my-2{margin-bottom:var(--spacing-sm);margin-top:var(--spacing-sm)}.my-3{margin-bottom:var(--spacing-md);margin-top:var(--spacing-md)}.my-4{margin-bottom:var(--spacing-lg);margin-top:var(--spacing-lg)}.my-5{margin-bottom:var(--spacing-xl);margin-top:var(--spacing-xl)}.my-auto{margin-bottom:auto;margin-top:auto}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing-xs)}.pt-2{padding-top:var(--spacing-sm)}.pt-3{padding-top:var(--spacing-md)}.pt-4{padding-top:var(--spacing-lg)}.pt-5{padding-top:var(--spacing-xl)}.pr-0{padding-right:0}.pr-1{padding-right:var(--spacing-xs)}.pr-2{padding-right:var(--spacing-sm)}.pr-3{padding-right:var(--spacing-md)}.pr-4{padding-right:var(--spacing-lg)}.pr-5{padding-right:var(--spacing-xl)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--spacing-xs)}.pb-2{padding-bottom:var(--spacing-sm)}.pb-3{padding-bottom:var(--spacing-md)}.pb-4{padding-bottom:var(--spacing-lg)}.pb-5{padding-bottom:var(--spacing-xl)}.pl-0{padding-left:0}.pl-1{padding-left:var(--spacing-xs)}.pl-2{padding-left:var(--spacing-sm)}.pl-3{padding-left:var(--spacing-md)}.pl-4{padding-left:var(--spacing-lg)}.pl-5{padding-left:var(--spacing-xl)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.px-2{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-3{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-4{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-5{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.py-0{padding-bottom:0;padding-top:0}.py-1{padding-bottom:var(--spacing-xs);padding-top:var(--spacing-xs)}.py-2{padding-bottom:var(--spacing-sm);padding-top:var(--spacing-sm)}.py-3{padding-bottom:var(--spacing-md);padding-top:var(--spacing-md)}.py-4{padding-bottom:var(--spacing-lg);padding-top:var(--spacing-lg)}.py-5{padding-bottom:var(--spacing-xl);padding-top:var(--spacing-xl)}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.w-min{width:-webkit-min-content;width:min-content}.w-max{width:-webkit-max-content;width:max-content}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.h-min{height:-webkit-min-content;height:min-content}.h-max{height:-webkit-max-content;height:max-content}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-light{color:var(--text-light)}.text-dark{color:var(--text-dark)}.text-success{color:var(--success-color)}.text-danger{color:var(--danger-color)}.text-warning{color:var(--warning-color)}.text-info{color:var(--info-color)}.bg-primary{background-color:var(--primary-color)}.bg-secondary{background-color:var(--secondary-color)}.bg-success{background-color:var(--success-color)}.bg-danger{background-color:var(--danger-color)}.bg-warning{background-color:var(--warning-color)}.bg-info{background-color:var(--info-color)}.bg-light{background-color:var(--background-light)}.bg-dark{background-color:var(--background-dark)}.border{border:var(--border-width) solid var(--border-color)}.border-0{border:0}.border-top{border-top:var(--border-width) solid var(--border-color)}.border-right{border-right:var(--border-width) solid var(--border-color)}.border-bottom{border-bottom:var(--border-width) solid var(--border-color)}.border-left{border-left:var(--border-width) solid var(--border-color)}.border-primary{border-color:var(--primary-color)}.border-secondary{border-color:var(--secondary-color)}.border-success{border-color:var(--success-color)}.border-danger{border-color:var(--danger-color)}.border-warning{border-color:var(--warning-color)}.border-info{border-color:var(--info-color)}.rounded{border-radius:var(--border-radius)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-full{border-radius:9999px}.rounded-none{border-radius:0}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow,.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-none{box-shadow:none}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-visible{overflow-x:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-visible{overflow-y:visible}.overflow-y-scroll{overflow-y:scroll}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.transition{transition:var(--transition-base)}.transition-none{transition:none}.transition-all{transition:all var(--transition-base)}.transition-colors{transition:background-color,border-color,color,fill,stroke var(--transition-base)}.transition-opacity{transition:opacity var(--transition-base)}.transition-shadow{transition:box-shadow var(--transition-base)}.transition-transform{transition:transform var(--transition-base)}.transform{transform:translateX(0)}.transform-none{transform:none}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.visible{visibility:visible}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;user-select:auto}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.fade-in{animation:fadeIn .5s ease-in-out}.access-denied{color:var(--text-secondary);padding:4rem;text-align:center}.access-denied h1{color:var(--error-color);margin-bottom:1rem}.access-denied p{color:var(--text-secondary);margin:0}.excel-actions{align-items:center;display:flex;gap:.5rem}.import-excel-wrapper{position:relative}.orders-filters,.returns-filters,.users-filters{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.filter-row{align-items:end;display:flex;flex-wrap:wrap;gap:1rem}.filter-group{gap:.5rem;min-width:200px}.filter-group label{color:var(--text-color);font-size:.9rem}.filter-group input,.filter-group select{background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:.9rem;padding:.5rem}.filter-actions{align-items:center;display:flex;gap:.5rem}.pagination{border-top:1px solid var(--border-color);gap:1rem;margin-top:2rem;padding-top:2rem}.pagination-info{color:var(--text-secondary);font-size:.9rem}.variation-options-setup{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;margin-top:1rem;padding:1.5rem}.variation-options-setup h5{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.variation-options-setup p{color:var(--text-secondary);font-size:.9rem;margin:0 0 1rem}.site-settings-container{background:var(--background-color);min-height:100vh;padding:2rem}.site-settings-header{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem}.site-settings-header h2{color:var(--text-color);font-size:1.75rem;font-weight:600;margin:0 0 .5rem}.site-settings-header p{color:var(--text-secondary);font-size:.9rem;margin:0}.settings-navigation{margin-bottom:2rem}.nav-section h3{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.nav-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.nav-btn{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.nav-btn.active,.nav-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.theme-update-alert{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1rem}.alert{align-items:center;border-radius:8px;display:flex;gap:1rem;padding:1rem}.alert-info{background:var(--info-color);color:#fff}.loading-spinner-inline{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}@media (max-width:576px){.d-sm-none{display:none}.d-sm-block{display:block}.d-sm-flex{display:flex}.text-sm-center{text-align:center}.text-sm-left{text-align:left}.container{padding:0 .5rem}.filter-row{align-items:stretch;flex-direction:column}.filter-group{min-width:auto}.filter-actions{justify-content:stretch}.filter-actions .btn{flex:1 1}.nav-buttons{flex-direction:column}.nav-btn{text-align:center;width:100%}}@media (max-width:768px){.d-md-none{display:none}.d-md-block{display:block}.d-md-flex{display:flex}.text-md-center{text-align:center}.text-md-left{text-align:left}}@media (max-width:992px){.d-lg-none{display:none}.d-lg-block{display:block}.d-lg-flex{display:flex}.text-lg-center{text-align:center}.text-lg-left{text-align:left}}.admin-dashboard{background:var(--background-color);color:var(--text-color);min-height:100vh}.admin-header{align-items:center;background:var(--card-background);border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem 2rem}.admin-header h1{color:var(--text-color);font-size:1.75rem;font-weight:600;margin:0}.admin-header p{color:var(--text-secondary);font-size:.9rem;margin:.25rem 0 0}.admin-header-left{display:flex;flex-direction:column}.admin-header-right{gap:1rem}.admin-header-right,.admin-nav{align-items:center;display:flex}.admin-nav{background:var(--card-background);border-bottom:1px solid var(--border-color);gap:.5rem;min-height:60px;overflow-x:auto;padding:0 2rem}.admin-nav button{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.admin-nav button:hover{background:var(--surface-color);color:var(--text-color)}.admin-nav button.active{background:var(--primary-color);color:#fff}.dashboard-content{padding:2rem}.dashboard-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem;text-align:center;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-card h3{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.stat-number{color:var(--primary-color);font-size:2.5rem;font-weight:700;margin:0}.settings-content{padding:2rem}.settings-header{align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:2rem}.settings-header h2{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0}.settings-save-btn{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.settings-save-btn:hover{background:var(--primary-dark)}.settings-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:280px 1fr;min-height:600px}.settings-navigation{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;height:-webkit-fit-content;height:fit-content;padding:1.5rem;position:-webkit-sticky;position:sticky;top:2rem}.settings-categories h4{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.settings-category-btn{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.settings-category-btn:hover{background:var(--surface-color);color:var(--text-color)}.settings-category-btn.active{background:var(--primary-color);color:#fff}.settings-main{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.settings-section{margin-bottom:2rem}.settings-section h3{border-bottom:2px solid var(--border-color);color:var(--text-color);font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.75rem}.section-header{border-bottom:1px solid var(--border-color);justify-content:space-between;padding-bottom:1rem}.section-header h2{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0}.section-header p{color:var(--text-secondary);font-size:.9rem;margin:.25rem 0 0}.header-actions{align-items:center;display:flex;gap:.5rem}.form-group label{color:var(--text-color)}.form-group input,.form-group select,.form-group textarea{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-color);font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.form-group small{color:var(--text-secondary);display:block;font-size:.8rem;margin-top:.25rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group input[type=checkbox]{margin-right:.5rem;width:auto}.form-group input[type=color]{border-radius:8px;cursor:pointer;height:40px;padding:0;width:60px}.btn{gap:.5rem;padding:.75rem 1.5rem;white-space:nowrap}.btn:hover{text-decoration:none}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background:var(--text-color)}.btn-success{background:var(--success-color)}.btn-success:hover:not(:disabled){background:var(--success-dark)}.btn-add-to-cart{background:var(--success-color);border:1px solid var(--success-color);color:#fff}.btn-add-to-cart:hover:not(:disabled){background:var(--success-dark);border-color:var(--success-dark)}.btn-details{background:var(--primary-color)}.btn-details:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark)}.btn-warning{background:var(--warning-color);color:#fff}.btn-warning:hover:not(:disabled){background:var(--warning-dark)}.btn-danger{background:var(--error-color)}.btn-danger:hover:not(:disabled){background:var(--error-dark)}.btn-info{background:var(--info-color)}.btn-info:hover:not(:disabled){background:var(--info-dark)}.btn-outline:hover:not(:disabled){background:var(--primary-color);color:#fff}.btn-sm{font-size:.8rem;padding:.5rem 1rem}.btn-lg{font-size:1.1rem;padding:1rem 2rem}.table-container{border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.table-container,table{background:var(--card-background)}table{border-collapse:collapse;width:100%}table td,table th{border-bottom:1px solid var(--border-color);padding:1rem;text-align:left}table th{background:var(--surface-color);font-weight:600}table td,table th{color:var(--text-color);font-size:.9rem}table tr:hover{background:var(--surface-color)}table tr:last-child td{border-bottom:none}.categories-content,.invoices-content,.messages-content,.orders-content,.products-content,.users-content,.variations-content{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem}.action-buttons{align-items:center;gap:.5rem}.badge{border-radius:20px;display:inline-block;font-weight:500;padding:.25rem .75rem}.badge.active{background:var(--success-color);color:#fff}.badge.inactive{background:var(--text-secondary);color:#fff}.badge.admin{background:var(--primary-color);color:#fff}.badge.user{background:var(--info-color);color:#fff}.status-badge{border-radius:20px;display:inline-block;font-weight:500;padding:.25rem .75rem}.status-badge.read{background:var(--success-color);color:#fff}.status-badge.unread{background:var(--warning-color);color:#fff}.loading-spinner{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:4rem}.spinner{border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-top-color:var(--primary-color);margin-bottom:1rem}@media (max-width:768px){.admin-header{flex-direction:column;text-align:center}.admin-nav{padding:0 1rem}.dashboard-content{padding:1rem}.settings-layout{gap:1rem;grid-template-columns:1fr}.settings-navigation{position:static}.settings-categories{display:flex;flex-direction:column;gap:.5rem}.settings-category-btn{margin-bottom:0}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-actions{justify-content:flex-start;width:100%}.form-row{grid-template-columns:1fr}.action-buttons{align-items:stretch;flex-direction:column}.btn{width:100%}.table-container{overflow-x:auto}table{min-width:600px}}@media (max-width:576px){.admin-header{padding:1rem}.dashboard-stats{grid-template-columns:1fr}.categories-content,.invoices-content,.messages-content,.orders-content,.products-content,.settings-header,.settings-main,.users-content,.variations-content{padding:1rem}}.theme-selector{display:inline-block;font-family:var(--font-family-base);position:relative}.theme-selector__toggle{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:.5rem;justify-content:space-between;min-width:120px;padding:.5rem .75rem;transition:var(--transition-all)}.theme-selector__toggle:hover{background:var(--card-bg-hover);border-color:var(--border-color-focus)}.theme-selector__toggle:disabled{cursor:not-allowed;opacity:.6}.theme-selector__icon{font-size:1.25rem;line-height:1}.theme-selector__label{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:.125rem}.theme-selector__label-text{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.theme-selector__current{color:var(--text-primary);font-weight:var(--font-weight-medium)}.theme-selector__arrow{align-items:center;color:var(--text-muted);display:flex;transition:var(--transition-all)}.theme-selector--open .theme-selector__arrow{transform:rotate(180deg)}.theme-selector__dropdown{animation:dropdownFadeIn .2s ease-out;background:var(--modal-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);margin-top:.25rem;min-width:500px;overflow:hidden;transform:translateX(-100px);width:500px;z-index:var(--z-index-dropdown)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.theme-selector__dropdown-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:.75rem 1rem}.theme-selector__dropdown-title{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.theme-selector__options{max-height:450px;overflow-y:auto}.theme-selector__option{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:inherit;gap:1.5rem;min-height:70px;padding:1.25rem 2rem;text-align:left;transition:var(--transition-all);width:100%}.theme-selector__option:hover{background:var(--card-bg-hover)}.theme-selector__option--active{background:var(--primary-light);color:var(--primary-color)}.theme-selector__option:disabled{cursor:not-allowed;opacity:.6}.theme-selector__option-icon{flex-shrink:0;font-size:1.25rem;line-height:1}.theme-selector__option-info{display:flex;flex:1 1;flex-direction:column;gap:.125rem}.theme-selector__option-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.theme-selector__option-description{color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.3}.theme-selector__option-actions{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:12px;justify-content:center;margin-left:auto;min-width:100px;padding-left:20px}.theme-selector__preview-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;justify-content:center;min-height:32px;min-width:32px;opacity:1;padding:8px;transition:all .2s ease}.theme-selector__preview-btn[style*=none]{cursor:not-allowed;opacity:.5}.theme-selector__option-check{align-items:center;color:var(--primary-color);display:flex;flex-shrink:0}.theme-selector__dropdown-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:.5rem 1rem}.theme-selector__dropdown-note{color:var(--text-muted);font-size:var(--font-size-xs);font-style:italic}.theme-selector__loading{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);z-index:1}.theme-selector__spinner{animation:spin 1s linear infinite;border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:16px;width:16px}.theme-selector--small .theme-selector__toggle{font-size:var(--font-size-xs);min-width:100px;padding:.375rem .5rem}.theme-selector--small .theme-selector__icon{font-size:1rem}.theme-selector--large .theme-selector__toggle{font-size:var(--font-size-base);min-width:150px;padding:.75rem 1rem}.theme-selector--large .theme-selector__icon{font-size:1.5rem}.theme-selector--icon-only .theme-selector__toggle{height:2.5rem;justify-content:center;min-width:auto;padding:0;width:2.5rem}.theme-selector--icon-only .theme-selector__arrow,.theme-selector--icon-only .theme-selector__label{display:none}.quick-theme-toggle{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;display:flex;height:2.5rem;justify-content:center;transition:var(--transition-all);width:2.5rem}.quick-theme-toggle:hover{background:var(--card-bg-hover);border-color:var(--border-color-focus);transform:translateY(-1px)}.quick-theme-toggle:disabled{cursor:not-allowed;opacity:.6}.quick-theme-toggle__icon{font-size:1.25rem;line-height:1}.theme-preview{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;position:relative;transition:var(--transition-all)}.theme-preview:hover{border-color:var(--border-color-focus);box-shadow:var(--shadow-md);transform:translateY(-2px)}.theme-preview--active{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.theme-preview--active:before{background:var(--primary-color);border-radius:50%;content:"";height:.5rem;position:absolute;right:.5rem;top:.5rem;width:.5rem}.theme-preview__visual{aspect-ratio:3/2;background:var(--bg-secondary);border-radius:var(--border-radius-sm);display:flex;flex-direction:column;overflow:hidden}.theme-preview__header{background:var(--header-bg);border-bottom:1px solid var(--border-color);height:.75rem}.theme-preview__body{display:flex;flex:1 1;flex-direction:column;gap:.125rem;padding:.25rem}.theme-preview__card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.125rem;height:.375rem}.theme-preview__info{align-items:center;display:flex;gap:.5rem}.theme-preview__icon{font-size:1rem;line-height:1}.theme-preview__name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.theme-gallery{display:flex;flex-direction:column;gap:1.5rem}.theme-gallery__header{text-align:center}.theme-gallery__title{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 .5rem}.theme-gallery__description{color:var(--text-muted);font-size:var(--font-size-base);margin:0}.theme-gallery__grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:768px){.theme-selector__dropdown{left:50%;margin-top:0;max-height:85vh;max-width:500px;min-width:400px;position:fixed;top:50%;transform:translate(-50%,-50%);width:95vw}.theme-selector__option{gap:1rem;min-height:65px;padding:1rem 1.5rem}.theme-selector__option-actions{gap:12px;min-width:100px;padding-left:15px}.theme-gallery__grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.theme-selector__toggle{font-size:var(--font-size-xs)}}[data-theme=dark] .theme-selector__dropdown{border-color:var(--border-color);box-shadow:var(--shadow-lg)}[data-theme=dark] .theme-preview__visual{background:#2d2d2d}[data-theme=dark] .theme-preview__header{background:#1a1a1a}[data-theme=dark] .theme-preview__card{background:#3d3d3d;border-color:#495057}.theme-selector:focus-within .theme-selector__toggle{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){.theme-selector__dropdown{animation:none}.theme-preview,.theme-selector__option,.theme-selector__toggle{transition:none}}@media (prefers-contrast:high){.theme-selector__toggle{border-width:2px}.theme-selector__option--active{background:var(--primary-color);color:var(--text-light)}}.theme-selector__section{margin:0}.theme-selector__section:not(:first-child){border-top:1px solid #dee2e6;border-top:1px solid var(--border-color,#dee2e6);margin-top:.5rem;padding-top:.5rem}.theme-selector__section-header{align-items:center;background-color:#f8f9fa;background-color:var(--background-secondary,#f8f9fa);border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-light,#e9ecef);display:flex;justify-content:space-between;margin:0 -1rem .5rem;padding:.5rem 1rem}.theme-selector__section-title{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.theme-selector__section-count{border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:12px;color:#adb5bd;color:var(--text-muted,#adb5bd);font-size:.75rem;padding:.125rem .5rem}.theme-selector__option--custom,.theme-selector__section-count{background-color:#fff;background-color:var(--background-primary,#fff)}.theme-selector__option--custom{border-left:3px solid #007bff;border-left:3px solid var(--primary-color,#007bff);min-height:140px}.theme-selector__option--custom:hover{background-color:#e3f2fd;background-color:var(--primary-light,#e3f2fd);border-left-color:#0056b3;border-left-color:var(--primary-hover,#0056b3)}.theme-selector__option--custom.theme-selector__option--active{background-color:#e3f2fd;background-color:var(--primary-light,#e3f2fd);border-left-color:#007bff;border-left-color:var(--primary-color,#007bff)}.theme-selector__custom-indicator{align-items:center;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#f9ca24);border:2px solid #fff;border:2px solid var(--background-primary,#fff);border-radius:50%;box-shadow:0 2px 4px #0000001a;display:flex;height:24px;justify-content:center;width:24px}.theme-selector__custom-indicator span{filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));font-size:12px}.theme-selector__dropdown{background:#fff;background:var(--background-primary,#fff);border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:8px;border-radius:var(--border-radius,8px);box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:450px;min-width:480px;overflow-y:auto;padding:1rem;position:absolute;right:0;top:100%;width:auto;z-index:1000}.theme-selector__empty-custom{color:#6c757d;color:var(--text-muted,#6c757d);font-size:.875rem;font-style:italic;padding:1rem;text-align:center}.theme-selector__empty-custom-icon{font-size:2rem;margin-bottom:.5rem;opacity:.5}.theme-selector__delete-btn,.theme-selector__preview-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:28px;height:60px;justify-content:center;min-height:60px;min-width:60px;opacity:1;transition:all .2s ease;width:60px}.theme-selector__preview-btn:hover{background:#007bff1a;color:var(--primary-color);transform:scale(1.1)}.theme-selector__delete-btn:hover{background:#dc35451a;color:#dc3545;transform:scale(1.1)}.theme-selector__delete-btn:active{transform:scale(.95)}.theme-selector__option-colors{align-items:center;display:flex;gap:.5rem;margin-left:auto}.theme-selector__option--custom .theme-selector__option-colors{justify-content:flex-end}@media (max-width:768px){.theme-selector__section-header{margin:0 -.75rem .375rem;padding:.375rem .75rem}.theme-selector__section-title{font-size:.75rem}.theme-selector__section-count{font-size:.7rem;padding:.0625rem .375rem}.theme-selector__option-colors{gap:.25rem}.theme-selector__option-actions{gap:8px;min-width:70px}.theme-selector__delete-btn,.theme-selector__preview-btn{font-size:18px;height:40px;min-height:40px;min-width:40px;width:40px}}.theme-preview-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.theme-preview-modal{background:var(--bg-primary);border-radius:12px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.theme-preview-header{align-items:center;background:var(--card-bg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.theme-preview-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.close-button{border-radius:4px;color:var(--text-secondary);font-size:24px;padding:4px 8px;transition:all .2s ease}.close-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.theme-preview-content{flex:1 1;overflow-y:auto;padding:24px}.preview-section{margin-bottom:32px}.preview-section h4{border-bottom:2px solid var(--primary-color);color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0 0 16px;padding-bottom:8px}.preview-colors{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:20px}.color-sample{border-radius:8px;color:#fff;font-weight:500;padding:12px;text-align:center;text-shadow:0 1px 2px #00000080}.color-sample.primary{background:var(--primary-color)}.color-sample.secondary{background:var(--text-secondary)}.color-sample.success{background:#28a745}.color-sample.warning{background:#ffc107;color:#212529;text-shadow:none}.color-sample.error{background:#dc3545}.preview-components{display:flex;flex-direction:column;gap:20px}.preview-components .btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-weight:500;margin-right:12px;padding:10px 20px;text-align:center;text-decoration:none;transition:all .2s ease}.preview-components .btn-primary{background:var(--primary-color);color:#fff}.preview-components .btn-primary:hover{background:var(--primary-hover)}.preview-components .btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.preview-components .btn-secondary:hover{background:var(--border-color)}.preview-components .btn-outline{background:#0000;border:2px solid var(--primary-color);color:var(--primary-color)}.preview-components .btn-outline:hover{background:var(--primary-color);color:#fff}.preview-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px var(--shadow-color);padding:20px}.preview-card h5{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 12px}.preview-card p{color:var(--text-secondary);line-height:1.5;margin:0 0 16px}.preview-form{display:flex;flex-direction:column;gap:12px}.preview-form input,.preview-form textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;padding:12px;transition:border-color .2s ease}.preview-form input:focus,.preview-form textarea:focus{border-color:var(--primary-color);outline:none}.preview-form textarea{min-height:80px;resize:vertical}.preview-nav ul{background:var(--card-bg);border-radius:8px;display:flex;gap:8px;list-style:none;margin:0;padding:8px}.preview-nav li{margin:0}.preview-nav .nav-link{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:block;font-family:inherit;font-size:inherit;font-weight:500;padding:8px 16px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.preview-nav .nav-link.active,.preview-nav .nav-link:hover{background:var(--primary-color);color:#fff}.theme-preview-actions{background:var(--card-bg);border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.theme-preview-actions .btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-weight:500;padding:10px 20px;text-align:center;text-decoration:none;transition:all .2s ease}.theme-preview-actions .btn-primary{background:var(--primary-color);color:#fff}.theme-preview-actions .btn-primary:hover{background:var(--primary-hover)}.theme-preview-actions .btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.theme-preview-actions .btn-secondary:hover{background:var(--border-color)}@media (max-width:768px){.theme-preview-overlay{padding:10px}.theme-preview-modal{max-height:95vh}.theme-preview-content,.theme-preview-header{padding:16px}.preview-colors{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.preview-nav ul{flex-direction:column;gap:4px}.theme-preview-actions{flex-direction:column;padding:16px}.theme-preview-actions .btn{width:100%}}.theme-preview-overlay{animation:fadeIn .2s ease-out}.theme-preview-modal{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.image-preview-modal-overlay{align-items:center;background-color:#000c;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.image-preview-modal-content{animation:modal-appear .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:95vh;max-width:95vw;overflow:hidden;position:relative}@keyframes modal-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.image-preview-modal-close{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:40px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .2s ease;width:40px;z-index:1001}.image-preview-modal-close:hover{background:#fff;transform:scale(1.1)}.image-preview-container{align-items:center;display:flex;height:100%;justify-content:center;min-height:200px;width:100%}.image-preview-image{border-radius:8px;box-shadow:0 4px 20px #0000001a;height:auto;max-height:90vh;max-width:100%;min-height:600px;min-width:600px;object-fit:contain;width:auto}@media (max-width:768px){.image-preview-modal-overlay{padding:10px}.image-preview-modal-content{max-height:95vh;max-width:95vw}.image-preview-image{max-height:85vh;min-height:400px;min-width:400px}.image-preview-modal-close{font-size:20px;height:35px;right:5px;top:5px;width:35px}}.product-image img{cursor:zoom-in}.product-card.with-hover:hover .product-image img{transform:scale(1.15)!important;transition:transform .3s ease!important}.image-preview-hover:before{background:#000000b3;border-radius:6px;color:#fff;content:"🔍";font-size:18px;left:50%;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;z-index:10}.image-preview-hover:hover:before{opacity:1}.image-preview-nav-left,.image-preview-nav-right{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:1002}.image-preview-nav-left{left:20px}.image-preview-nav-right{right:20px}.image-preview-nav-left:hover,.image-preview-nav-right:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.image-preview-counter{border-radius:20px;bottom:80px;color:#fff;font-size:14px;font-weight:700;padding:8px 16px}.image-preview-counter,.image-preview-thumbnails{background:#000000b3;left:50%;position:absolute;transform:translateX(-50%);z-index:1002}.image-preview-thumbnails{border-radius:10px;bottom:20px;display:flex;gap:10px;max-width:80%;overflow-x:auto;padding:10px;scrollbar-color:#00b894 #00000080;scrollbar-width:thin}.image-preview-thumbnails::-webkit-scrollbar{height:6px}.image-preview-thumbnails::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}.image-preview-thumbnails::-webkit-scrollbar-thumb{background:#00b894;border-radius:3px}.image-preview-thumbnails::-webkit-scrollbar-thumb:hover{background:#00a085}.image-preview-thumbnail{border:2px solid #0000;border-radius:8px;cursor:pointer;height:60px;object-fit:cover;opacity:.7;transition:all .3s ease;width:60px}.image-preview-thumbnail:hover{border-color:#fffc;opacity:1}.image-preview-thumbnail.active{border-color:#00b894;box-shadow:0 0 10px #00b89480;opacity:1}@media (max-width:768px){.image-preview-nav-left,.image-preview-nav-right{font-size:20px;height:40px;width:40px}.image-preview-nav-left{left:10px}.image-preview-nav-right{right:10px}.image-preview-counter{bottom:120px;font-size:12px;padding:6px 12px}.image-preview-thumbnails{bottom:10px;max-width:90%;padding:5px}.image-preview-thumbnail{height:50px;width:50px}}.home-container{background-color:var(--bg-primary);color:var(--text-primary);font-family:Segoe UI,sans-serif}.hero-section{align-items:center;background-position:50%;background-size:cover;display:flex;height:60vh;justify-content:center;position:relative}.hero-overlay{background-color:#0009;border-radius:10px;padding:1.5rem;text-align:center}.hero-title{font-size:3rem;margin:0 0 8px}.hero-subtitle{font-size:1.2rem;margin:8px 0}.hero-button{border-radius:20px;color:#fff;font-weight:700;padding:8px 16px;text-decoration:none;transition:opacity .3s ease}.hero-button:hover{opacity:.9}.category-section{padding:2rem 1rem;text-align:center}.section-title{color:var(--text-primary);font-size:2rem;margin-bottom:1.5rem}.category-grid{grid-gap:1rem;display:grid;gap:1rem;margin:0 auto;max-width:1200px;padding:0 1rem}.category-card{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px var(--shadow-color);color:var(--text-primary);display:flex;justify-content:center;min-height:180px;overflow:hidden;padding:1.5rem;position:relative;text-align:center;text-decoration:none;transition:transform .3s,box-shadow .3s}.category-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-8px)}.category-content{position:relative;z-index:2}.category-icon{margin-bottom:.75rem}.category-card h3{font-size:1.4rem;font-weight:600;margin:0 0 .5rem}.category-card p{font-size:.95rem;line-height:1.4;margin:0;opacity:.9}.category-card .category-image{align-items:center;border-radius:6px;color:#fff;display:flex;font-size:2rem;font-weight:700;height:140px;justify-content:center;text-shadow:2px 2px 4px #00000080;width:100%}.category-card .category-image.print-3d{background:linear-gradient(135deg,#667eea,#764ba2)}.category-card .category-image.tools{background:linear-gradient(135deg,#f093fb,#f5576c)}.category-card .category-image.bulbs{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#333}.category-card .category-image.laser{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#333}@media (max-width:768px){.category-grid{gap:1rem;grid-template-columns:1fr!important}.category-card{min-height:130px;padding:1rem}.category-card h3{font-size:1.2rem}}@media (min-width:769px) and (max-width:1024px){.category-grid[style*="repeat(4"]{grid-template-columns:repeat(2,1fr)!important}.category-grid[style*="repeat(6"]{grid-template-columns:repeat(3,1fr)!important}}.features-section{background-color:#f9f9f9;display:flex;justify-content:space-around;padding:2rem 1rem}.feature-card{color:#2d3436;font-weight:700}.homepage-products-section{background-color:#f8f9fa;padding:2rem 1rem}.homepage-products2-section{background-color:#fff;border-top:1px solid #e9ecef}.section-header{align-items:center;display:flex;flex-direction:column;margin-bottom:1.5rem;text-align:center}.section-subtitle{color:#666;font-size:.9rem;font-weight:400;margin-top:.25rem;opacity:.8}.products-grid{margin:0 auto}.product-card{background:var(--card-bg);color:var(--text-primary)}.product-card.with-shadow{box-shadow:0 4px 20px var(--shadow-color)}.product-card.with-hover:hover{box-shadow:0 8px 30px var(--shadow-color);transform:translateY(-8px)}.product-image{align-items:center;aspect-ratio:1/1;background:#f8f9fa;border-radius:8px;display:flex;justify-content:center;margin-bottom:12px;overflow:hidden;padding:12px;position:relative}.product-image img{border-radius:8px!important;box-sizing:border-box!important;height:100%;object-fit:cover!important;transition:transform .3s ease!important;width:100%}.homepage-products-section .product-image img,.homepage-products2-section .product-image img,.product-card .product-image img{flex-shrink:0!important}.product-card.with-hover:hover .product-image img{filter:brightness(1.1);transform:scale(1.15)}.product-badges{gap:5px;left:10px;top:10px}.badge{font-size:.75rem;font-weight:700}.badge.featured{background-color:#00b894}.badge.sale{background-color:#e17055}.badge.out-of-stock{background-color:#636e72}.favorite-btn{background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;font-size:1.2rem;height:35px;position:absolute;right:10px;top:10px;transition:all .3s ease;width:35px}.favorite-btn:hover{background:#ff6b6b;transform:scale(1.1)}.favorite-btn-container{position:absolute;right:10px;top:10px;z-index:10}.favorite-btn-like{background:#ffffffe6!important;border:2px solid #0000!important;border-radius:50%!important;gap:0!important;height:35px!important;min-width:35px!important;padding:0!important;transition:all .3s ease!important;width:35px!important}.favorite-btn-like:hover{background:#ffffffe6!important;border-color:#0000!important;transform:scale(1.1)!important}.favorite-btn-like:hover i{color:#ff6b6b!important}.favorite-btn-like.liked{background:#ffffffe6!important;border-color:#0000!important}.favorite-btn-like.liked i{color:#ff6b6b!important}.favorite-btn-like .like-count{display:none!important}.favorite-btn-like i{color:#6c757d!important;font-size:16px!important;transition:color .3s ease!important}.product-info-link{color:inherit;display:block;text-decoration:none;transition:transform .2s ease}.product-info-link:hover{transform:translateY(-2px)}.product-info-link:visited{color:inherit}.product-category{color:#666;font-size:.85rem;margin-bottom:.3rem}.product-name{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .3rem}.product-price{margin-bottom:.3rem}.current-price{color:var(--primary-color);font-size:1.2rem;font-weight:700}.original-price{color:var(--text-secondary);font-size:.9rem;margin-left:.5rem}.product-stock{font-size:.85rem;margin-bottom:.75rem}.in-stock{color:#00b894}.out-of-stock{color:#e17055}.product-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.btn{font-size:.9rem;min-width:80px;padding:8px 16px}.btn-details{background-color:var(--primary-color);border:1px solid var(--primary-color);color:#fff}.btn-details:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.btn-add-to-cart,.btn-buy-now{background-color:var(--success-color);border:1px solid var(--success-color);color:#fff}.btn-add-to-cart:hover,.btn-buy-now:hover{background-color:var(--success-dark);border-color:var(--success-dark)}.view-all-container{margin-top:1.5rem;text-align:center}.btn-view-all{background-color:var(--primary-color);border-radius:8px;color:#fff;display:inline-block;font-size:1rem;padding:10px 20px}.btn-view-all:hover{background-color:var(--primary-hover)}.products-grid.modern .product-card{border-radius:16px;box-shadow:0 8px 25px #0000001a}.products-grid.classic .product-card{border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #0000001a}.products-grid.minimal .product-card{border:none;border-radius:0;box-shadow:0 1px 3px #0000001a}@media (max-width:1200px){.products-grid{grid-template-columns:repeat(4,1fr);grid-template-columns:repeat(var(--products-per-row-tablet,4),1fr)}}@media (max-width:900px){.products-grid{grid-template-columns:repeat(3,1fr);grid-template-columns:repeat(var(--products-per-row-mobile,3),1fr)}}@media (max-width:700px){.products-grid{grid-template-columns:repeat(2,1fr);grid-template-columns:repeat(var(--products-per-row-small,2),1fr)}}@media (max-width:480px){.products-grid{gap:1rem;grid-template-columns:1fr}}@media (max-width:768px){.product-info{padding:.75rem}.product-name{font-size:1rem}.product-buttons{flex-direction:column}.btn{width:100%}}.products-grid .product-card .current-price{font-size:1.1rem}@media (max-width:1400px){.products-grid .product-card .product-name{font-size:1rem}.products-grid .product-card .current-price{font-size:1.15rem}.products-grid .product-card .product-info{padding:.9rem}}@media (max-width:1200px){.products-grid .product-card .product-name{font-size:1.05rem}.products-grid .product-card .current-price{font-size:1.2rem}.products-grid .product-card .product-info{padding:1rem}}@media (max-width:900px){.products-grid .product-card .product-name{font-size:1.1rem}.products-grid .product-card .current-price{font-size:1.25rem}.products-grid .product-card .product-info{padding:1.1rem}}@media (max-width:700px){.products-grid .product-card .product-name{font-size:1.15rem}.products-grid .product-card .current-price{font-size:1.3rem}.products-grid .product-card .product-info{padding:1.2rem}}.products-grid .product-card .product-image{height:280px;height:var(--image-size,280px)}@media (max-width:1400px){.products-grid .product-card .product-image{height:300px;height:var(--image-size-tablet,300px)}}@media (max-width:1200px){.products-grid .product-card .product-image{height:320px;height:var(--image-size-tablet,320px)}}@media (max-width:900px){.products-grid .product-card .product-image{height:350px;height:var(--image-size-mobile,350px)}}@media (max-width:700px){.products-grid .product-card .product-image{height:300px;height:var(--image-size-small,300px)}}.products-grid .product-card .product-buttons .btn{font-size:.8rem;padding:6px 12px}@media (max-width:1400px){.products-grid .product-card .product-buttons .btn{font-size:.85rem;padding:7px 14px}}@media (max-width:1200px){.products-grid .product-card .product-buttons .btn{font-size:.9rem;padding:8px 16px}}@media (max-width:900px){.products-grid .product-card .product-buttons .btn{font-size:.9rem;padding:9px 18px}}@media (max-width:700px){.products-grid .product-card .product-buttons .btn{font-size:.95rem;padding:10px 20px}}.products-page-container{background:var(--bg-primary);min-height:100vh;transition:background-color .3s ease}.products-page .container{margin:0 auto;max-width:1400px;padding:20px}.page-header{margin-bottom:30px;padding:20px 0;text-align:center}.page-title{margin:0 0 10px;transition:all .3s ease}.page-description{line-height:1.6;margin:0;transition:all .3s ease}.search-filters-section{background:var(--bg-secondary);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:20px}.search-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.search-container{flex:1 1;min-width:300px}.search-form{border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;overflow:hidden}.search-input{background:var(--bg-primary);border:1px solid var(--border-color);border-right:none;color:var(--text-primary);flex:1 1;font-size:16px;padding:12px 16px;transition:all .3s ease}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2);outline:none}.search-btn{background:var(--primary-color);border:none;color:#fff;cursor:pointer;font-size:16px;padding:12px 16px;transition:background-color .3s ease}.search-btn:hover{background:var(--primary-dark)}.sort-container{align-items:center;display:flex;gap:10px;white-space:nowrap}.sort-container label{color:var(--text-primary);font-weight:500}.sort-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px 12px;transition:all .3s ease}.sort-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2);outline:none}.filter-toggle-btn{background:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.filter-toggle-btn:hover{background:var(--accent-dark);transform:translateY(-1px)}.filters-section{animation:slideDown .3s ease-out;border-top:1px solid var(--border-color);margin-top:20px;padding-top:20px}.filters-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:150px}.filter-group label{font-weight:500}.filter-group label,.filter-select{color:var(--text-primary);font-size:14px}.filter-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;padding:8px 12px;transition:all .3s ease}.filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2);outline:none}.price-range-inputs{align-items:center;display:flex;gap:8px}.price-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;padding:8px 10px;text-align:center;transition:all .3s ease;width:80px}.price-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2);outline:none}.apply-filter-btn{background:var(--success-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;transition:all .3s ease;white-space:nowrap}.apply-filter-btn:hover{background:var(--success-dark);transform:translateY(-1px)}.clear-filters-btn{background:var(--danger-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.clear-filters-btn:hover{background:var(--danger-dark);transform:translateY(-1px)}.error-container,.loading-container{background:var(--bg-secondary);border-radius:12px;margin:30px 0;padding:60px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin:0 auto 20px;width:40px}.error-message{color:var(--danger-color);font-size:16px}.retry-btn{background:var(--primary-color);font-size:14px;font-weight:500;transition:all .3s ease}.retry-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.products-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);grid-template-columns:repeat(var(--products-per-row,4),1fr);justify-content:center;margin:0 auto 40px;max-width:1400px;padding:0 1rem}.product-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease}.product-card.with-hover:hover{box-shadow:0 8px 25px #00000026!important;transform:translateY(-4px)!important}.product-card.with-shadow{box-shadow:0 4px 12px #0000001a!important}.product-card.modern{border-radius:16px}.product-card.minimal{border:none;border-radius:8px;box-shadow:0 2px 8px #00000014}.product-card.classic{border:2px solid var(--border-color);border-radius:4px}.product-badges{display:flex;flex-direction:column;gap:6px;left:12px;position:absolute;top:12px;z-index:2}.badge{border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.badge.featured{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.badge.discount{background:linear-gradient(135deg,#26de81,#20bf6b)}.badge.low-stock{background:linear-gradient(135deg,#ffa726,#ff9800)}.badge.out-of-stock{background:linear-gradient(135deg,#ef5350,#e53935)}.product-image-container{align-items:center;aspect-ratio:1/1;background:var(--bg-primary);border-radius:8px;display:flex;justify-content:center;margin-bottom:12px;overflow:hidden;position:relative}.product-image{border-radius:8px!important;box-sizing:border-box!important;height:100%;object-fit:cover!important;padding:12px!important;transition:transform .3s ease!important;width:100%}.product-card:hover .product-image{transform:scale(1.05)}.product-image-placeholder{align-items:center;background:var(--bg-primary);color:var(--text-secondary);display:flex;height:100%;justify-content:center;opacity:.6;width:100%}.no-image-icon{font-size:3rem}.image-preview-hover{position:relative}.image-zoom-overlay{align-items:center;background:#0000001a;border-radius:8px;display:flex;justify-content:center;opacity:0;transition:opacity .3s ease}.image-zoom-overlay:before{color:#fff;content:"🔍";font-size:2rem;opacity:0;text-shadow:0 2px 4px #00000080;transition:opacity .3s ease}.image-preview-hover:hover .image-zoom-overlay,.image-preview-hover:hover .image-zoom-overlay:before{opacity:1}.product-image-placeholder{cursor:pointer;transition:all .3s ease}.product-image-placeholder:hover{background:var(--bg-secondary);transform:scale(1.02)}.like-button-container{position:absolute;right:12px;top:12px;z-index:10}.product-info{display:flex;flex-direction:column;gap:8px;padding:.5rem}.product-category{letter-spacing:.5px;opacity:.8;text-transform:uppercase}.product-category,.product-name{margin:0;transition:all .3s ease}.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.3;overflow:hidden}.product-price{align-items:center;display:flex;gap:12px;margin:8px 0;transition:all .3s ease}.original-price{opacity:.6;text-decoration:line-through;transition:all .3s ease}.stock-status{font-size:14px;font-weight:500;margin:8px 0}.in-stock{color:var(--success-color)}.out-of-stock{color:var(--danger-color)}.product-actions{display:flex;gap:12px;margin-top:auto;padding-top:12px}.btn{border:1px solid #0000;border-radius:8px;display:inline-flex;flex:1 1;min-height:44px;padding:12px 16px;transition:all .3s ease}.btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-details{background:#0000;border:1px solid}.btn-details:hover{background:currentColor;color:#fff!important}.btn-add-to-cart{border:none}.no-products-container{background:var(--bg-secondary);border-radius:12px;grid-column:1/-1;padding:60px 20px;text-align:center}.no-products-message{color:var(--text-secondary);font-size:18px;margin-bottom:20px}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:40px 0}.pagination-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;min-width:44px;padding:10px 16px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){transform:translateY(-1px)}.pagination-btn.active,.pagination-btn:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.loading-message{color:var(--text-secondary);font-size:16px;padding:40px;text-align:center}@media (max-width:1400px){.products-grid{grid-template-columns:repeat(4,1fr);grid-template-columns:repeat(var(--products-per-row-tablet,4),1fr)}}@media (max-width:1200px){.products-grid{gap:20px;grid-template-columns:repeat(4,1fr);grid-template-columns:repeat(var(--products-per-row-tablet,4),1fr)}.search-filter-row{align-items:stretch;flex-direction:column;gap:15px}.search-container{min-width:auto}.filters-row{align-items:stretch;flex-direction:column;gap:15px}.filter-group{min-width:auto}}@media (max-width:900px){.products-grid{gap:16px;grid-template-columns:repeat(3,1fr);grid-template-columns:repeat(var(--products-per-row-mobile,3),1fr)}.products-page .container,.search-filters-section{padding:15px}.product-actions{flex-direction:column;gap:8px}.price-range-inputs{flex-wrap:wrap;gap:8px}.price-input{width:70px}}@media (max-width:700px){.products-grid{gap:12px;grid-template-columns:repeat(2,1fr);grid-template-columns:repeat(var(--products-per-row-small,2),1fr)}}@media (max-width:480px){.products-grid{gap:1rem;grid-template-columns:1fr}.page-header{padding:15px 0}.filters-row,.search-filter-row{gap:12px}.product-card{border-radius:8px}.product-info{padding:.75rem}.product-badges{left:8px;top:8px}.like-button-container{right:8px;top:8px}.pagination{gap:4px}.pagination-btn{font-size:12px;min-width:36px;padding:8px 12px}}.products-grid .product-card .product-name{font-size:.95rem}.products-grid .product-card .product-price{font-size:1.1rem}.products-grid .product-card .product-info{padding:.8rem}@media (max-width:1400px){.products-grid .product-card .product-name{font-size:1rem}.products-grid .product-card .product-price{font-size:1.15rem}.products-grid .product-card .product-info{padding:.9rem}}@media (max-width:1200px){.products-grid .product-card .product-name{font-size:1.05rem}.products-grid .product-card .product-price{font-size:1.2rem}.products-grid .product-card .product-info{padding:1rem}}@media (max-width:900px){.products-grid .product-card .product-name{font-size:1.1rem}.products-grid .product-card .product-price{font-size:1.25rem}.products-grid .product-card .product-info{padding:1.1rem}}@media (max-width:700px){.products-grid .product-card .product-name{font-size:1.15rem}.products-grid .product-card .product-price{font-size:1.3rem}.products-grid .product-card .product-info{padding:1.2rem}}@media (prefers-contrast:high){.btn,.filter-select,.price-input,.product-card,.search-input,.sort-select{border-width:2px}}@media (prefers-reduced-motion:reduce){.btn,.filter-select,.price-input,.product-card,.product-image,.search-input,.sort-select{transition:none}.btn:hover,.product-card:hover{transform:none}.loading-spinner{animation:none}}@media print{.pagination,.product-actions,.search-filters-section{display:none}.products-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.product-card{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}.background-removal-modal-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.background-removal-modal{background:#fff;border-radius:12px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:90%}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e9ecef;color:#fff;padding:20px 30px}.modal-header h3{font-size:24px;font-weight:600}.close-button{color:#fff;font-size:32px;height:40px;padding:0;transition:background-color .2s;width:40px}.close-button:hover{background-color:#fff3}.modal-content{flex:1 1;padding:30px}.instructions{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:30px;padding:20px}.instructions p{color:#495057;line-height:1.6;margin:0 0 10px}.instructions p:last-child{margin-bottom:0}.processing-options{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.location-selection{align-items:center;background:linear-gradient(135deg,#74b9ff,#0984e3);border:2px solid #74b9ff;border-radius:8px;display:flex;flex:1 1;gap:15px;min-width:300px;padding:15px 20px}.location-label{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:10px;margin:0}.location-select{background:#fffffff2;border:1px solid #ffffff4d;border-radius:6px;color:#495057;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.location-select:hover{background:#fff;border-color:#fff}.model-selection{background:#fff;border:2px solid #e9ecef;border-radius:8px;flex:1 1;gap:15px;min-width:300px;padding:15px 20px}.model-label,.model-selection{align-items:center;display:flex}.model-label{gap:10px;margin:0}.model-label,.model-select{color:#495057;font-size:14px}.model-select{background:#fff;border:1px solid #ced4da;border-radius:6px;cursor:pointer;padding:8px 12px;transition:border-color .2s ease}.model-select:focus,.model-select:hover{border-color:#007bff}.model-select:focus{box-shadow:0 0 0 2px #007bff40;outline:none}.images-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px}.image-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:all .3s ease}.image-card:hover{border-color:#667eea;box-shadow:0 8px 25px #00000026}.image-container{align-items:center;background:#f8f9fa;display:flex;height:250px;justify-content:center;overflow:hidden;position:relative}.preview-image{-ms-interpolation-mode:bicubic;image-rendering:high-quality;max-height:100%;max-width:100%;object-fit:contain;transition:all .3s ease}.preview-image.has-preview{border:3px solid #28a745;border-radius:8px}.processing-overlay{align-items:center;background:#000c;bottom:0;color:#fff;display:flex;flex-direction:column;font-weight:600;justify-content:center;left:0;position:absolute;right:0;top:0}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin-bottom:10px;width:40px}.status-indicator{border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px;position:absolute;right:10px;text-shadow:0 1px 2px #0003;top:10px}.status-indicator.saved{background:linear-gradient(45deg,#28a745,#20c997);box-shadow:0 2px 4px #28a7454d}.status-indicator.preview{background:linear-gradient(45deg,#007bff,#6f42c1);box-shadow:0 2px 4px #007bff4d}.image-controls{background:#fff;padding:20px}.checkbox-container{margin-bottom:15px}.checkbox-label{align-items:center;color:#495057;cursor:pointer;display:flex;font-weight:500;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer;margin-right:10px;transform:scale(1.2)}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.btn{align-items:center;display:flex;font-size:14px;gap:5px;justify-content:center;padding:10px 16px}.btn-success{background:linear-gradient(45deg,#28a745,#20c997);box-shadow:0 2px 4px #28a7454d;color:#fff}.btn-success:hover{box-shadow:0 4px 8px #28a74566;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(45deg,#6c757d,#5a6268);box-shadow:0 2px 4px #6c757d4d}.btn-secondary:hover{box-shadow:0 4px 8px #6c757d66;transform:translateY(-2px)}.btn-primary{background:linear-gradient(45deg,#007bff,#6f42c1);box-shadow:0 2px 4px #007bff4d;font-size:16px;padding:12px 24px}.btn-primary:hover{box-shadow:0 4px 8px #007bff66;transform:translateY(-2px)}.modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;justify-content:center;padding:20px 30px}@media (max-width:768px){.background-removal-modal{margin:10px;width:95%}.images-grid{gap:20px;grid-template-columns:1fr}.modal-header{padding:15px 20px}.modal-header h3{font-size:20px}.modal-content{padding:20px}.action-buttons{flex-direction:column}}.background-removal-modal-overlay{animation:fadeIn .3s ease-out}.background-removal-modal{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.crop-button-container{margin-top:.5rem}.btn-crop{background:#ff6b6b;border-radius:6px;font-size:.85rem;padding:.5rem 1rem;width:100%}.btn-crop:hover{background:#ff5252}.image-crop-modal-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.image-crop-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:600px;overflow:hidden;padding:0;width:90%}.modal-header{background:#f8f9fa;border-bottom:1px solid #eee;padding:1rem 1.5rem}.modal-header h3{color:#333;font-size:1.2rem}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:.25rem;transition:all .2s;width:30px}.close-button:hover{background:#e9ecef;color:#000}.modal-content{max-height:75vh;overflow-y:auto;padding:1.5rem}.crop-controls{background:#f8f9fa;border-radius:8px;margin-bottom:1rem;padding:1rem}.crop-controls label{align-items:center;color:#333;display:flex;font-size:.9rem;gap:.75rem}.crop-size-slider{background:#ddd;border-radius:3px;flex:1 1;height:6px;outline:none;transition:all .2s}.crop-size-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#00b894;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;width:18px}.crop-size-slider::-moz-range-thumb{background:#00b894;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;width:18px}.canvas-container{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:center;margin:1rem 0;min-height:300px;padding:1rem}.crop-canvas{-ms-interpolation-mode:bicubic;background:#fff;border:2px solid #ddd;border-radius:8px;cursor:crosshair;image-rendering:high-quality;max-height:400px;max-width:100%}.crop-canvas:active{cursor:move}.loading-placeholder{align-items:center;color:#666;display:flex;font-size:1rem;height:200px;justify-content:center}.modal-actions{border-top:1px solid #eee;display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.btn-cancel{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;transition:all .2s}.btn-cancel:hover{background:#5a6268}.btn-crop{background:#00b894;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;transition:all .2s}.btn-crop:hover{background:#00a085}.btn-crop:disabled{background:#ddd;cursor:not-allowed}@media (max-width:768px){.image-crop-modal{max-height:95vh;width:95%}.modal-content{padding:1rem}.crop-controls label{align-items:flex-start;flex-direction:column;gap:.5rem}.crop-size-slider{width:100%}.modal-actions{flex-direction:column;gap:.5rem}.btn-cancel,.btn-crop{width:100%}}.responsive-theme-test{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family-base);margin:0 auto;max-width:1200px;padding:20px}.test-header{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;margin-bottom:30px}.test-header h2{color:var(--text-primary);font-size:2rem;margin:0}.test-info{color:var(--text-secondary);display:flex;font-size:.9rem;gap:20px}.test-info span{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:4px 8px}.test-content{grid-gap:30px;display:grid;gap:30px}.test-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px var(--shadow-color);padding:20px}.test-section h3{border-bottom:2px solid var(--primary-color);color:var(--text-primary);font-size:1.5rem;margin:0 0 20px;padding-bottom:10px}.theme-buttons{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.theme-btn{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:500;padding:12px 20px;transition:all .3s ease}.theme-btn:hover{background:var(--bg-secondary);border-color:var(--primary-color)}.theme-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.typography-test{grid-gap:15px;display:grid;gap:15px}.typography-test h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin:0}.typography-test h2{color:var(--text-primary);font-size:2rem;font-weight:600;margin:0}.typography-test h3{color:var(--text-primary);font-size:1.5rem;font-weight:500;margin:0}.typography-test p{color:var(--text-primary);line-height:1.6;margin:0}.typography-test .text-muted,.typography-test small{color:var(--text-secondary)}.typography-test small{font-size:.85rem}.buttons-test{display:flex;flex-wrap:wrap;gap:15px}.btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:10px 20px;text-align:center;text-decoration:none;transition:all .2s ease}.btn-primary{background:var(--primary-color)}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:var(--border-color)}.btn-outline{background:#0000;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:#fff}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.cards-test{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.test-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px var(--shadow-color);padding:20px;transition:transform .2s ease}.test-card:hover{transform:translateY(-2px)}.test-card h4{color:var(--text-primary);font-size:1.2rem;margin:0 0 10px}.test-card p{color:var(--text-secondary);line-height:1.5;margin:0 0 15px}.forms-test{max-width:500px}.test-form{grid-gap:20px;display:grid;gap:20px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{color:var(--text-primary);font-weight:500}.form-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:10px 12px;transition:border-color .2s ease}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff40;outline:none}.form-input::placeholder{color:var(--text-secondary)}.test-nav ul{background:var(--bg-secondary);border-radius:8px;display:flex;gap:10px;list-style:none;margin:0;padding:10px}.test-nav li{margin:0}.test-nav .nav-link{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:block;font-family:inherit;font-size:inherit;font-weight:500;padding:10px 15px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.test-nav .nav-link.active,.test-nav .nav-link:hover{background:var(--primary-color);color:#fff}.layout-test{grid-gap:20px;display:grid;gap:20px;grid-template-columns:250px 1fr;min-height:200px}.layout-sidebar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:15px}.layout-sidebar h4{color:var(--text-primary);font-size:1.1rem;margin:0 0 15px}.layout-sidebar ul{list-style:none;margin:0;padding:0}.layout-sidebar li{border-bottom:1px solid var(--border-color);color:var(--text-secondary);padding:8px 0}.layout-sidebar li:last-child{border-bottom:none}.layout-main{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:15px}.layout-main h4{color:var(--text-primary);font-size:1.1rem;margin:0 0 15px}.layout-main p{color:var(--text-secondary);line-height:1.6;margin:0}@media (max-width:1024px){.responsive-theme-test{padding:15px}.test-header{flex-direction:column;gap:15px;text-align:center}.test-info{justify-content:center}.theme-buttons{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.cards-test{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.layout-test{grid-template-columns:200px 1fr}}@media (max-width:768px){.responsive-theme-test{padding:10px}.test-header h2{font-size:1.5rem}.test-info{flex-direction:column;gap:10px}.theme-buttons{grid-template-columns:1fr}.buttons-test{align-items:stretch;flex-direction:column}.cards-test{grid-template-columns:1fr}.test-nav ul{flex-direction:column;gap:5px}.layout-test{grid-template-columns:1fr}.layout-sidebar{order:2}.layout-main{order:1}}@media (max-width:480px){.test-section{padding:15px}.test-section h3{font-size:1.2rem}.typography-test h1{font-size:2rem}.typography-test h2{font-size:1.5rem}.typography-test h3{font-size:1.2rem}.btn{width:100%}.form-input{font-size:16px}}[data-theme=dark] .responsive-theme-test{background:var(--bg-primary)}[data-theme=dark] .test-card:hover{box-shadow:0 4px 12px #ffffff1a}@media print{.responsive-theme-test{background:#fff;color:#000}.test-header,.test-section{background:#fff;border:1px solid #ccc}.test-section{break-inside:avoid;page-break-inside:avoid}.theme-buttons{display:none}}@media (prefers-contrast:high){.btn,.form-input,.test-section{border-width:2px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.theme-builder{background:#fff;background:var(--background-primary,#fff);border-radius:8px;border-radius:var(--border-radius-lg,8px);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg,0 10px 15px #0000001a);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);margin:0 auto;max-width:1200px;padding:2rem}.theme-builder-header{align-items:center;border-bottom:2px solid #dee2e6;border-bottom:2px solid var(--border-color,#dee2e6);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.theme-builder-header h2{color:#212529;color:var(--text-primary,#212529);font-size:2rem;font-weight:600;margin:0}.theme-builder-actions{display:flex;gap:1rem}.theme-builder-actions .btn{align-items:center;border:none;border-radius:4px;border-radius:var(--border-radius,4px);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;min-width:120px;padding:.6rem 1.2rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.btn-primary{background-color:#007bff;background-color:var(--primary-color,#007bff);color:#fff;color:var(--text-light,#fff)}.btn-primary:hover{background-color:#0056b3;background-color:var(--primary-hover,#0056b3)}.btn-primary:disabled{background-color:#adb5bd;background-color:var(--text-muted,#adb5bd);cursor:not-allowed}.btn-secondary{background-color:#6c757d;background-color:var(--secondary-color,#6c757d);color:#fff;color:var(--text-light,#fff)}.btn-secondary:hover{background-color:#5a6268;background-color:var(--secondary-hover,#5a6268)}.btn-info{background-color:#17a2b8;background-color:var(--info-color,#17a2b8);color:#fff;color:var(--text-light,#fff)}.btn-info:hover{background-color:#138496;background-color:var(--info-hover,#138496)}.btn-warning{background-color:#ffc107;background-color:var(--warning-color,#ffc107);color:#212529;color:var(--text-dark,#212529)}.btn-warning:hover{background-color:#e0a800;background-color:var(--warning-hover,#e0a800)}.error-list{background-color:#f8d7da;background-color:var(--danger-light,#f8d7da);border:1px solid #dc3545;border:1px solid var(--danger-color,#dc3545);border-radius:4px;border-radius:var(--border-radius,4px);margin-bottom:1rem;padding:1rem}.error-item{color:#721c24;color:var(--danger-dark,#721c24);font-size:.9rem;margin-bottom:.5rem}.error-item:last-child{margin-bottom:0}.theme-builder-tabs{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color,#dee2e6);display:flex;gap:.5rem;margin-bottom:2rem}.theme-builder-tabs .tab{background:none;border:none;border-bottom:2px solid #0000;color:#6c757d;color:var(--text-secondary,#6c757d);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.theme-builder-tabs .tab:hover{background-color:#f8f9fa;background-color:var(--background-secondary,#f8f9fa);color:#007bff;color:var(--primary-color,#007bff)}.theme-builder-tabs .tab.active{border-bottom-color:#007bff;border-bottom-color:var(--primary-color,#007bff);color:#007bff;color:var(--primary-color,#007bff)}.theme-builder-content{min-height:600px}.theme-builder-tab{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:1.5rem}.form-group label{color:#212529;color:var(--text-primary,#212529);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background-color:#fff;background-color:var(--background-primary,#fff);border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:4px;border-radius:var(--border-radius,4px);color:#212529;color:var(--text-primary,#212529);font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;border-color:var(--primary-color,#007bff);box-shadow:0 0 0 2px #007bff40;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.input-with-unit{align-items:center;display:flex;gap:.5rem}.input-with-unit input{flex:1 1;margin-bottom:0}.input-with-unit .unit{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.9rem;font-weight:500;min-width:2rem}.colors-section{margin-bottom:2rem}.colors-section h3{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-light,#e9ecef);color:#212529;color:var(--text-primary,#212529);font-size:1.25rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.color-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.color-input-group{display:flex;flex-direction:column;gap:.5rem}.color-input-wrapper{align-items:center;display:flex;gap:.5rem}.color-input-wrapper input[type=color]{border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:4px;border-radius:var(--border-radius,4px);cursor:pointer;height:40px;padding:0;width:50px}.color-input-wrapper input[type=text]{flex:1 1;font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:.9rem;height:40px;padding:0 .75rem}.typography-section{margin-bottom:2rem}.typography-section h3{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-light,#e9ecef);color:#212529;color:var(--text-primary,#212529);font-size:1.25rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.spacing-section{margin-bottom:2rem}.spacing-section h3{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-light,#e9ecef);color:#212529;color:var(--text-primary,#212529);font-size:1.25rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.spacing-preview{border-radius:2px;border-radius:var(--border-radius-sm,2px);transition:width .3s ease}.border-radius-preview,.spacing-preview{background-color:#007bff;background-color:var(--primary-color,#007bff);margin-top:.5rem}.border-radius-preview{height:40px;transition:border-radius .3s ease;width:40px}.components-section{margin-bottom:2rem}.components-section h3{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-light,#e9ecef);color:#212529;color:var(--text-primary,#212529);font-size:1.25rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.components-section .form-group label{align-items:center;display:flex;gap:.5rem}.components-section input[type=checkbox]{margin:0;width:auto}.advanced-section{margin-bottom:2rem}.advanced-section h3{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-light,#e9ecef);color:#212529;color:var(--text-primary,#212529);font-size:1.25rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.shadow-preview{background-color:#fff;background-color:var(--background-primary,#fff);border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:4px;border-radius:var(--border-radius,4px);height:30px;margin-top:.5rem;transition:box-shadow .3s ease;width:60px}.theme-preview-card{background-color:#f8f9fa;background-color:var(--background-secondary,#f8f9fa);border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:8px;border-radius:var(--border-radius-lg,8px);margin-top:1rem;padding:1.5rem}.theme-preview-card h3{color:#212529;color:var(--text-primary,#212529);margin-bottom:1rem}.color-preview-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.color-preview-item{align-items:center;display:flex;flex-direction:column;gap:.5rem}.color-preview-swatch{border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:4px;border-radius:var(--border-radius,4px);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm,0 1px 2px #0000000d);height:40px;width:40px}.color-preview-item span{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.8rem;font-weight:500;text-align:center}.modal{background-color:#fff;background-color:var(--background-primary,#fff);border-radius:8px;border-radius:var(--border-radius-lg,8px);box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl,0 20px 25px #00000026);max-height:80vh;max-width:600px;overflow:hidden}.modal-header{align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color,#dee2e6);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{margin:0}.modal-close:hover,.modal-header h3{color:#212529;color:var(--text-primary,#212529)}.modal-body{max-height:60vh}.modal-body textarea{border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:.9rem;min-height:300px;resize:vertical;width:100%}.import-instructions,.modal-body textarea{border-radius:4px;border-radius:var(--border-radius,4px);padding:1rem}.import-instructions{background-color:#f8f9fa;background-color:var(--background-secondary,#f8f9fa);border-left:4px solid #007bff;border-left:4px solid var(--primary-color,#007bff);margin-bottom:1.5rem}.import-instructions p{color:#212529;color:var(--text-primary,#212529);font-weight:600;margin:0 0 .5rem}.import-instructions ol{margin:0;padding-left:1.5rem}.import-instructions li{color:#6c757d;color:var(--text-secondary,#6c757d);margin-bottom:.25rem}.import-textarea{background-color:#fff;background-color:var(--background-primary,#fff);border:2px solid #dee2e6;border:2px solid var(--border-color,#dee2e6);border-radius:4px;border-radius:var(--border-radius,4px);color:#212529;color:var(--text-primary,#212529);font-family:Courier New,monospace;font-family:var(--font-family-mono,"Courier New",monospace);font-size:.9rem;line-height:1.4;min-height:300px;padding:1rem;resize:vertical;transition:border-color .3s ease;width:100%}.import-textarea:focus{border-color:#007bff;border-color:var(--primary-color,#007bff);box-shadow:0 0 0 3px #007bff1a;outline:none}.import-textarea.has-content{border-color:#28a745;border-color:var(--success-color,#28a745)}.status-indicator{align-items:center;display:flex;font-weight:500}.status-valid{color:#28a745;color:var(--success-color,#28a745)}.status-invalid{color:#dc3545;color:var(--danger-color,#dc3545)}.status-waiting{color:#6c757d;color:var(--text-muted,#6c757d)}.btn.disabled{cursor:not-allowed;opacity:.6}.btn.disabled:hover{background-color:inherit}.modal{max-width:700px;width:90%}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;color:var(--text-secondary,#6c757d);cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .3s ease;width:30px}.modal-close:hover{background-color:#f8d7da;background-color:var(--danger-light,#f8d7da);color:#dc3545;color:var(--danger-color,#dc3545)}.modal-body{max-height:70vh;overflow-y:auto;padding:1.5rem}.modal-footer{background-color:#f8f9fa;background-color:var(--background-secondary,#f8f9fa);border-top:1px solid #dee2e6;border-top:1px solid var(--border-color,#dee2e6);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.theme-builder-actions .btn:disabled{cursor:not-allowed;opacity:.6}.theme-builder-actions .btn:disabled:hover{background-color:inherit}.loading-spinner-btn{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;display:inline-block;height:14px;margin-right:8px;width:14px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.theme-builder{margin:0 1rem;padding:1rem}.theme-builder-header{align-items:stretch;flex-direction:column;gap:1rem}.theme-builder-actions{flex-wrap:wrap;justify-content:center}.theme-builder-tabs{flex-wrap:wrap;gap:.25rem}.theme-builder-tabs .tab{font-size:.9rem;padding:.5rem 1rem}.color-grid,.form-grid{grid-template-columns:1fr}.color-preview-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.modal{margin:1rem;width:95%}}@media (max-width:480px){.theme-builder-header h2{font-size:1.5rem}.theme-builder-actions .btn{font-size:.8rem;padding:.5rem .75rem}.color-input-wrapper{align-items:stretch;flex-direction:column}.color-input-wrapper input[type=color]{height:50px;width:100%}}@media (prefers-color-scheme:dark){.theme-builder{background-color:#2d3748;background-color:var(--background-dark,#2d3748);color:#f7fafc;color:var(--text-light,#f7fafc)}.theme-builder-header{border-bottom-color:#4a5568;border-bottom-color:var(--border-dark,#4a5568)}.form-group input,.form-group select,.form-group textarea{background-color:#4a5568;background-color:var(--background-secondary,#4a5568);border-color:#4a5568;border-color:var(--border-dark,#4a5568);color:#f7fafc;color:var(--text-light,#f7fafc)}.modal{background-color:#2d3748;background-color:var(--background-dark,#2d3748)}.modal-footer,.modal-header{border-color:#4a5568;border-color:var(--border-dark,#4a5568)}}.import-methods{margin-bottom:1.5rem}.method-tabs{border-bottom:2px solid #dee2e6;border-bottom:2px solid var(--border-color,#dee2e6);display:flex;margin-bottom:0}.method-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#6c757d;color:var(--text-secondary,#6c757d);cursor:pointer;flex:1 1;font-weight:500;padding:.75rem 1rem;transition:all .3s ease}.method-tab:hover{color:#212529;color:var(--text-primary,#212529)}.method-tab.active,.method-tab:hover{background-color:#f8f9fa;background-color:var(--background-secondary,#f8f9fa)}.method-tab.active{border-bottom-color:#007bff;border-bottom-color:var(--primary-color,#007bff);color:#007bff;color:var(--primary-color,#007bff)}.file-import-section,.text-import-section{margin-top:1rem}.file-input-wrapper{margin:1.5rem 0;text-align:center}.file-input{display:none}.file-input-label{background-color:#f8f9fa;background-color:var(--background-secondary,#f8f9fa);border:3px dashed #dee2e6;border:3px dashed var(--border-color,#dee2e6);border-radius:8px;border-radius:var(--border-radius-lg,8px);cursor:pointer;display:inline-block;min-width:300px;padding:2rem;text-align:center;transition:all .3s ease}.file-input-label:hover{background-color:#e3f2fd;background-color:var(--primary-light,#e3f2fd);border-color:#007bff;border-color:var(--primary-color,#007bff)}.file-input-label .upload-icon{display:block;font-size:2rem;margin-bottom:.5rem}.file-input-label .file-icon{font-size:1.5rem;margin-right:.5rem}.file-name{color:#212529;color:var(--text-primary,#212529);display:block;font-weight:600;margin-bottom:.25rem}.file-size{color:var(--text-muted,#6c757d);display:block;font-size:.8rem}.file-input-label:has(.file-name){background-color:#d4edda;background-color:var(--success-light,#d4edda);border-color:#28a745;border-color:var(--success-color,#28a745);border-style:solid}.import-status{background-color:#f8f9fa;background-color:var(--background-secondary,#f8f9fa);border-radius:4px;border-radius:var(--border-radius,4px);margin-top:1rem;padding:.75rem}@media (max-width:768px){.method-tabs{flex-direction:column}.method-tab{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color,#dee2e6);border-right:none}.method-tab.active{border-bottom-color:#dee2e6;border-bottom-color:var(--border-color,#dee2e6);border-left:3px solid #007bff;border-left:3px solid var(--primary-color,#007bff)}.file-input-label{min-width:100%;padding:1.5rem}}.test-dashboard{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.dashboard-header{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px;text-align:center}.dashboard-header h1{color:#2c3e50;font-size:2.5em;margin:0 0 10px}.dashboard-header p{color:#6c757d;font-size:1.1em;margin:0 0 20px}.dashboard-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.refresh-btn,.run-all-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.run-all-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.run-all-btn:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-2px)}.run-all-btn:disabled{background:#6c757d;cursor:not-allowed}.refresh-btn{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff}.refresh-btn:hover{background:linear-gradient(135deg,#1e7e34,#155724);transform:translateY(-2px)}.test-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.summary-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:20px;text-align:center;transition:transform .3s ease}.summary-card:hover{transform:translateY(-5px)}.summary-card h3{color:#6c757d;font-size:.9em;letter-spacing:1px;margin:0 0 10px;text-transform:uppercase}.summary-value{color:#2c3e50;font-size:2.5em;font-weight:700}.summary-value.running{color:#ffc107}.summary-value.completed{color:#28a745}.summary-value.failed{color:#dc3545}.test-categories{space-y:30px}.test-category{margin-bottom:30px}.category-title{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;font-size:1.5em;margin-bottom:20px;padding:15px 20px}.test-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.test-card{background:#fff;border-left:4px solid #e9ecef;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden;transition:all .3s ease}.test-card:hover{box-shadow:0 5px 20px #00000026;transform:translateY(-3px)}.test-card.running{background:linear-gradient(135deg,#fff9c4,#fff);border-left-color:#ffc107}.test-card.completed{background:linear-gradient(135deg,#d4edda,#fff);border-left-color:#28a745}.test-card.error,.test-card.failed{background:linear-gradient(135deg,#f8d7da,#fff);border-left-color:#dc3545}.test-header{align-items:flex-start;display:flex;justify-content:space-between;padding:20px}.test-info{flex:1 1}.test-name{color:#2c3e50;font-size:1.2em;margin:0 0 8px}.test-description{color:#6c757d;font-size:.9em;line-height:1.4;margin:0}.test-controls{align-items:center;display:flex;gap:10px}.status-badge{font-size:.75em;padding:4px 8px}.status-ready{background:#e9ecef;color:#6c757d}.status-running{animation:pulse 2s infinite;background:#fff3cd;color:#856404}.status-completed{background:#d4edda;color:#155724}.status-error,.status-failed{background:#f8d7da;color:#721c24}.status-timeout{background:#f0ad4e;color:#fff}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.details-btn,.info-btn,.run-test-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .3s ease}.run-test-btn{background:#007bff;color:#fff}.run-test-btn:hover:not(:disabled){background:#0056b3}.run-test-btn:disabled{background:#6c757d;cursor:not-allowed}.details-btn{background:#6c757d;color:#fff}.details-btn:hover{background:#5a6268}.info-btn{background:#17a2b8;color:#fff;font-size:16px;padding:6px 10px}.info-btn:hover{background:#138496;transform:scale(1.1)}.test-details{background:#f8f9fa;border-top:1px solid #e9ecef;padding:20px}.test-results{space-y:15px}.results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.results-header h4{color:#2c3e50;margin:0}.timestamp{color:#6c757d;font-size:.8em}.detailed-results{background:#fff;border-radius:8px;margin-bottom:15px;padding:15px}.result-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:15px}.metric{display:flex;flex-direction:column;text-align:center}.metric .label{color:#6c757d;font-size:.8em;margin-bottom:5px}.metric .value{color:#2c3e50;font-size:1.2em;font-weight:700}.metric .value.success{color:#28a745}.metric .value.error{color:#dc3545}.individual-tests h5{color:#2c3e50;margin:0 0 10px}.test-list{border:1px solid #e9ecef;border-radius:4px;max-height:200px;overflow-y:auto}.test-item{grid-gap:10px;align-items:center;border-bottom:1px solid #e9ecef;display:grid;font-size:.9em;gap:10px;grid-template-columns:1fr auto auto;padding:8px 12px}.test-item:last-child{border-bottom:none}.test-item.passed{background:#f8fff8}.test-item.error,.test-item.failed{background:#fff5f5}.test-item-name{font-family:monospace;font-size:.8em}.test-item-status{font-size:.7em;font-weight:700;padding:2px 6px}.test-item.passed .test-item-status{background:#d4edda;color:#155724}.test-item.error .test-item-status,.test-item.failed .test-item-status{background:#f8d7da;color:#721c24}.test-item-duration{font-size:.8em}.more-tests{color:#6c757d;font-style:italic;padding:8px 12px;text-align:center}.error-section,.output-section{margin-top:15px}.error-section h5,.output-section h5{color:#2c3e50;margin:0 0 10px}.error-log,.output-log{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;font-family:monospace;font-size:.8em;line-height:1.4;max-height:200px;overflow-y:auto;padding:10px;white-space:pre-wrap}.error-log{background:#fff5f5;border-color:#f8d7da;color:#721c24}.no-results{color:#6c757d;padding:20px;text-align:center}.no-results p{margin-bottom:15px}.run-test-btn.small{font-size:14px;padding:8px 16px}.loading{align-items:center;display:flex;justify-content:center;min-height:50vh}.loading-spinner{color:#6c757d;font-size:1.2em}.error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.error-message{color:#dc3545;font-size:1.2em;margin-bottom:20px}.retry-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.retry-btn:hover{background:#0056b3}.test-item-header{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:8px 0}.test-item-name{color:#2c3e50;flex:1 1;font-weight:500}.test-item-status{border-radius:4px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.test-item-status.pass{background:#d4edda;color:#155724}.test-item-status.fail{background:#f8d7da;color:#721c24}.test-item-status.error{background:#f5c6cb;color:#721c24}.test-item-duration{color:#6c757d;font-size:12px;min-width:50px;text-align:right}.error-detail-btn{align-items:center;background:#ffc107;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.error-detail-btn:hover{background:#e0a800;transform:scale(1.1)}.test-error-details{background:#f8f9fa;border:1px solid #dee2e6;border-left:4px solid #dc3545;border-radius:8px;margin-top:12px;padding:16px}.test-error-details>div{margin-bottom:12px}.test-error-details>div:last-child{margin-bottom:0}.test-error-details strong{color:#dc3545;display:block;font-weight:600;margin-bottom:8px}.test-error-details pre{word-wrap:break-word;background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;font-size:12px;line-height:1.4;margin:0;overflow-x:auto;padding:12px;white-space:pre-wrap}.error-message pre{border-left:3px solid #dc3545}.error-traceback pre{background:#fff8f0;border-left:3px solid #fd7e14}.error-stderr pre{background:#f8f6ff;border-left:3px solid #6f42c1}.assertion-error pre{background:#fdf2f8;border-left:3px solid #e83e8c}.test-item{background:#fff;border:1px solid #dee2e6;border-radius:6px;margin-bottom:8px;padding:12px;transition:all .2s ease}.test-item:hover{border-color:#adb5bd;box-shadow:0 2px 4px #0000001a}.test-item.fail{background:#fff5f5;border-left:4px solid #dc3545}.test-item.error{background:#fff8f0;border-left:4px solid #fd7e14}.test-item.pass{background:#f8fff9;border-left:4px solid #28a745}@media (max-width:768px){.test-dashboard{padding:10px}.dashboard-header{padding:20px}.dashboard-header h1{font-size:2em}.dashboard-actions{align-items:center;flex-direction:column}.test-grid{grid-template-columns:1fr}.test-header{flex-direction:column;gap:15px}.test-controls{justify-content:center}.result-summary{grid-template-columns:repeat(2,1fr)}.test-item-header{align-items:flex-start;flex-direction:column;gap:8px}.test-item-name{order:1}.test-item-status{align-self:flex-start;order:2}.test-item-duration{align-self:flex-start;min-width:auto;order:3}.error-detail-btn{align-self:flex-start;order:4}}.test-info-banner{background:linear-gradient(135deg,#e8f5e8,#d4edda);border:2px solid #28a745;border-radius:12px;box-shadow:0 4px 12px #28a74526;margin-bottom:30px;padding:25px}.info-banner-content{align-items:flex-start;display:flex;gap:20px}.info-icon{color:#28a745;flex-shrink:0;font-size:2.5em}.info-text{flex:1 1}.info-text h4{color:#155724;font-size:1.4em;font-weight:700;margin:0 0 15px}.info-text p{color:#155724;font-size:1em;line-height:1.6;margin:8px 0}.info-text strong{color:#0d4016;font-weight:700}.key-points{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:20px}.key-point{align-items:flex-start;border:2px solid;border-radius:10px;display:flex;gap:12px;padding:15px;transition:transform .2s ease}.key-point:hover{transform:translateY(-2px)}.key-point.success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745}.key-point.failure{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-color:#dc3545}.key-point.info{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border-color:#17a2b8}.key-point.warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-color:#ffc107}.point-icon{flex-shrink:0;font-size:1.5em;margin-top:2px}.point-content{flex:1 1}.point-content strong{display:block;font-size:1em;font-weight:700;margin-bottom:5px}.key-point.success .point-content strong{color:#155724}.key-point.failure .point-content strong{color:#721c24}.key-point.info .point-content strong{color:#0c5460}.key-point.warning .point-content strong{color:#856404}.point-content p{color:#495057;font-size:.9em;line-height:1.4;margin:0}.category-header-info{background:#fff;border-left:5px solid #007bff;border-radius:12px;box-shadow:0 3px 10px #0000001a;margin-bottom:20px;padding:25px}.category-title{color:#2c3e50;font-size:1.6em;font-weight:700;margin:0 0 15px}.category-quick-info{display:flex;flex-direction:column;gap:12px}.reliability-badge{align-self:flex-start;background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 2px 6px #28a7454d;font-size:.9em;font-weight:600;padding:8px 16px}.category-purpose{background:#f8f9fa;border-left:3px solid #007bff;border-radius:0 8px 8px 0;color:#495057;font-size:1.05em;font-style:italic;line-height:1.5;padding:12px 0 12px 15px}@media (max-width:768px){.info-banner-content{flex-direction:column;text-align:center}.info-icon{align-self:center}.key-points{grid-template-columns:1fr}.category-header-info{padding:20px}.category-quick-info{align-items:center}.reliability-badge{align-self:center}}.detailed-explanation{margin-bottom:30px}.explanation-details{background:#f8f9fa;border:2px solid #007bff;border-radius:12px;box-shadow:0 3px 10px #007bff1a;padding:20px}.explanation-details summary{border-radius:8px;color:#007bff;cursor:pointer;font-size:1.2em;font-weight:700;padding:10px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.explanation-details summary:hover{background:#e7f3ff;color:#0056b3}.explanation-details[open] summary{background:#007bff;color:#fff;margin-bottom:20px}.explanation-content{animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.explanation-section{background:#fff;border-left:4px solid #17a2b8;border-radius:10px;box-shadow:0 2px 8px #0000000d;margin-bottom:25px;padding:20px}.explanation-section h5{color:#17a2b8;font-size:1.1em;font-weight:700;margin:0 0 15px}.explanation-section ul{margin:0;padding-left:20px}.explanation-section li{color:#495057;line-height:1.5;margin-bottom:8px}.explanation-section li strong{color:#2c3e50}.priority-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:15px}.priority-item{border:2px solid;border-radius:8px;padding:15px}.priority-item.critical{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-color:#f44336;color:#b71c1c}.priority-item.important{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-color:#ff9800;color:#e65100}.priority-item.normal{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border-color:#4caf50;color:#1b5e20}.priority-item strong{display:block;font-size:.9em;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.priority-item ul{margin:0;padding-left:15px}.priority-item li{font-size:.9em;margin-bottom:5px}.category-info-modal{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.category-info-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:95%;max-width:95%;overflow-y:auto;padding:2rem;position:relative}.category-info-content h2{border-bottom:3px solid #e74c3c;color:#2c3e50;font-size:1.5rem;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.category-info-content .close-btn{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;position:absolute;right:1rem;top:1rem;width:30px}.category-info-content .close-btn:hover{background:#c0392b}.info-section{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.info-section.critical{background:#fff5f5;border-left-color:#e74c3c}.info-section.business{background:#fffdf5;border-left-color:#f39c12}.info-section.code{background:#f8f5ff;border-left-color:#9b59b6}.info-section h3{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.info-section p{font-size:.95rem;line-height:1.6;margin-bottom:.5rem}.info-section ul{margin-bottom:0;padding-left:1.5rem}.info-section li{font-size:.9rem;line-height:1.5;margin-bottom:.3rem}.test-list{color:#27ae60}.failure-list{color:#e74c3c;font-weight:500}.critical-areas{color:#8e44ad}.reliability-badge{background:#e74c3c;border-radius:20px;color:#fff;display:inline-block;font-size:1rem;font-weight:700;margin-bottom:.5rem;padding:.3rem 1rem}.professional-header{background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:8px;color:#fff;margin-bottom:1.5rem;padding:1rem;text-align:center}.professional-header h3{font-size:1.2rem;font-weight:700;margin:0}.code-function{background:#2c3e50;border-radius:8px;color:#fff;font-weight:600;line-height:1.5;margin:1rem 0;padding:1rem}.business-critical{background:#f39c12}.business-critical,.failure-consequence{border-radius:6px;color:#fff;font-weight:600;margin:.5rem 0;padding:.8rem}.failure-consequence{background:#e74c3c;font-size:1rem;text-align:center}@media (max-width:768px){.explanation-details,.explanation-section{padding:15px}.priority-grid{grid-template-columns:1fr}.explanation-details summary{font-size:1.1em}.category-info-content{max-height:98%;max-width:98%;padding:1rem}.category-info-content h2{font-size:1.3rem}.info-section{padding:.8rem}}.dashboard-tabs{display:flex;gap:15px;justify-content:center;margin:20px 0}.tab-btn{align-items:center;background:#fff;border:2px solid #ddd;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.tab-btn:hover{transform:translateY(-2px)}.tab-btn.active,.tab-btn:hover{background:#007bff;border-color:#007bff;color:#fff}.tab-btn.active{box-shadow:0 4px 12px #007bff4d}.external-link-btn,.info-btn-large{align-items:center;background:#17a2b8;border:2px solid #17a2b8;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.external-link-btn:hover,.info-btn-large:hover{background:#138496;border-color:#138496;color:#fff;text-decoration:none;transform:translateY(-2px)}.code-quality-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0}.code-quality-info-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin:20px 0;padding:25px}.code-quality-content{margin:30px 0}.code-quality-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:25px 0}.quality-feature-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:25px;text-align:center;transition:all .3s ease}.quality-feature-card:hover{border-color:#007bff;box-shadow:0 8px 25px #007bff26;transform:translateY(-5px)}.feature-icon{font-size:3em;margin-bottom:15px}.quality-feature-card h3{color:#007bff;font-size:1.2em;margin:15px 0 10px}.quality-feature-card p{color:#6c757d;font-size:.95em;line-height:1.6}.code-quality-commands{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin:25px 0;padding:25px}.code-quality-commands h3{color:#007bff;font-size:1.3em;margin-bottom:20px;text-align:center}.command-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.command-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;transition:all .3s ease}.command-card:hover{border-color:#007bff;box-shadow:0 4px 15px #007bff1a}.command-card h4{color:#2c3e50;font-size:1.1em;margin:0 0 10px}.command-card code{background:#2d2d2d;border-radius:6px;color:#a8e6cf;display:block;font-family:Courier New,monospace;font-size:.9em;line-height:1.4;margin:10px 0;padding:12px;white-space:pre-line}.command-card p{color:#6c757d;font-size:.9em;line-height:1.5;margin:10px 0 0}.code-quality-modal{max-height:80vh;max-width:900px;overflow-y:auto}.quality-explanation h3{border-bottom:2px solid #e9ecef;color:#007bff;font-size:1.2em;margin:25px 0 15px;padding-bottom:5px}.quality-explanation p{color:#6c757d;line-height:1.6;margin:15px 0}.test-categories-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:20px 0}.test-category{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px;transition:all .3s ease}.test-category:hover{border-color:#007bff;transform:translateY(-2px)}.test-category strong{color:#007bff;display:block;font-size:1em;margin-bottom:8px}.test-category p{color:#6c757d;font-size:.9em;line-height:1.4;margin:0}.quality-explanation ul{color:#6c757d;line-height:1.6;margin:15px 0;padding-left:20px}.quality-explanation li{margin:8px 0}.file-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0}.file-category{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px}.file-category h4{border-bottom:1px solid #e9ecef;color:#007bff;font-size:1em;margin:0 0 12px;padding-bottom:8px;text-align:center}.file-category ul{list-style:none;margin:0;padding:0}.file-category li{border-bottom:1px solid #e9ecef;color:#6c757d;font-family:Courier New,monospace;font-size:.9em;padding:4px 0}.file-category li:last-child{border-bottom:none}@media (max-width:768px){.dashboard-tabs{flex-direction:column;gap:10px}.tab-btn{justify-content:center;text-align:center}.code-quality-grid,.command-grid,.file-grid,.test-categories-grid{grid-template-columns:1fr}.code-quality-modal{margin:20px;max-width:95vw}}.code-quality-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:25px}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.action-btn.refresh{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.action-btn.run{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff}.action-btn.backup{background:linear-gradient(135deg,#6f42c1,#5a32a3);color:#fff}.action-btn:hover:not(:disabled){box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.action-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.7}.file-stats{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:25px}.stat-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:10px;padding:15px 20px}.stat-label{color:#6c757d;font-weight:500}.stat-value{color:#2c3e50;font-size:1.1em;font-weight:700}.stat-value.selected{background:#e3f2fd;color:#007bff}.stat-value.selected,.stat-value.tested{border-radius:12px;font-size:.9em;padding:2px 8px}.stat-value.tested{background:#f1f8e9;color:#28a745}.quick-selection{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:25px;padding:20px}.quick-selection h3{color:#2c3e50;font-size:1.2em;margin:0 0 15px}.selection-buttons{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.selection-btn{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:8px;color:#2c3e50;cursor:pointer;font-weight:600;padding:15px;text-align:left;transition:all .3s ease}.selection-btn:hover{background:linear-gradient(135deg,#007bff,#0056b3);box-shadow:0 4px 12px #007bff4d;color:#fff;transform:translateY(-2px)}.selection-desc{display:block;font-size:.85em;font-weight:400;margin-top:5px;opacity:.8}.file-selection{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:25px;padding:20px}.file-selection h3{color:#2c3e50;font-size:1.2em;margin:0 0 20px}.file-grid{grid-gap:12px;border:1px solid #e9ecef;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));max-height:400px;overflow-y:auto;padding:10px}.file-item.selected{background:#e3f2fd;border-color:#007bff}.file-checkbox{align-items:center}.file-checkbox input[type=checkbox]{accent-color:#007bff;height:18px;width:18px}.file-info{flex:1 1;min-width:0}.file-path{font-size:.9em;word-break:break-word}.file-meta{gap:10px}.file-type{border-radius:4px;font-size:.75em;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.file-type.python{background:#3776ab;color:#fff}.file-type.javascript{background:#f7df1e;color:#333}.file-type.css{background:#1572b6;color:#fff}.file-size{color:#6c757d;font-size:.8em;font-weight:500}.test-results-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:25px;padding:20px}.test-results-section h3{color:#2c3e50;font-size:1.2em;margin:0 0 20px}.results-summary{border-radius:8px;margin-bottom:20px;padding:20px;text-align:center}.results-summary.success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745}.results-summary.failed{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:2px solid #dc3545}.result-status{font-size:1.3em;font-weight:700;margin-bottom:8px}.result-meta{color:#6c757d;font-size:.9em}.test-categories-results{grid-gap:12px;display:grid;gap:12px;margin-bottom:20px}.test-category-result{border-left:4px solid;border-radius:8px;padding:15px}.test-category-result.passed{background:#f8f9fa;border-left-color:#28a745}.test-category-result.failed{background:#f8f9fa;border-left-color:#dc3545}.category-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.category-status{font-size:1.2em}.category-name{color:#2c3e50;flex:1 1;font-weight:600}.issues-count{background:#dc3545;border-radius:12px;color:#fff;font-size:.8em;font-weight:600;padding:2px 8px}.raw-output{margin-top:20px}.raw-output summary{background:#e9ecef;border-radius:6px;color:#495057;cursor:pointer;font-weight:600;margin-bottom:10px;padding:10px 15px}.raw-output pre{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;font-size:.85em;line-height:1.4;overflow-x:auto;padding:15px}.backup-history{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:25px;padding:20px}.backup-history h3{color:#2c3e50;font-size:1.2em;margin:0 0 15px}.backup-list{grid-gap:10px;display:grid}.backup-item{align-items:center;background:#f8f9fa;display:flex;justify-content:space-between;padding:12px 15px}.backup-info{flex:1 1}.backup-id{color:#2c3e50;font-size:.9em;font-weight:600}.backup-date{color:#6c757d;font-size:.8em;margin-top:2px}.file-count{color:#28a745;font-weight:600;margin-left:8px}.backup-description{color:#6c757d;font-size:.75em;font-style:italic;margin-top:4px}.no-backups{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.no-backups p{color:#6c757d;margin:8px 0}.no-backups p:first-child{color:#495057;font-weight:600}.rollback-btn{background:linear-gradient(135deg,#ffc107,#e0a800);border:none;border-radius:6px;color:#212529;cursor:pointer;font-size:.85em;font-weight:600;padding:8px 16px;transition:all .3s ease}.rollback-btn:hover{background:linear-gradient(135deg,#e0a800,#d39e00);transform:translateY(-1px)}.backup-approval-modal .modal-content{max-width:500px}.backup-message{margin-bottom:25px;text-align:center}.success-icon{font-size:3em;margin-bottom:15px}.backup-message h3{color:#28a745;margin-bottom:10px}.backup-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-top:15px;padding:15px;text-align:left}.backup-warning strong{color:#856404}.file-status-summary{margin:20px 0;text-align:left}.failed-files,.passed-files{border-radius:8px;margin:15px 0;padding:15px}.passed-files{background:#d4edda;border:1px solid #c3e6cb}.failed-files{background:#f8d7da;border:1px solid #f5c6cb}.passed-files h4{color:#155724;margin-bottom:10px}.failed-files h4{color:#721c24;margin-bottom:10px}.file-status-summary ul{margin:10px 0;max-height:150px;overflow-y:auto;padding-left:20px}.file-status-summary li{font-family:monospace;font-size:.9em;margin:5px 0}.test-summary{margin:15px 0;text-align:left}.test-summary p{margin:10px 0}.backup-actions{gap:15px}.approve-backup-btn{background:linear-gradient(135deg,#28a745,#1e7e34);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.approve-backup-btn:hover{background:linear-gradient(135deg,#1e7e34,#155724);transform:translateY(-2px)}.skip-backup-btn{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.skip-backup-btn:hover{background:#5a6268;transform:translateY(-2px)}@media (max-width:768px){.code-quality-actions,.file-stats{align-items:stretch;flex-direction:column}.selection-buttons{grid-template-columns:1fr}.backup-actions{flex-direction:column}}.file-item{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;position:relative;transition:all .3s ease}.file-item.test-running{background:#fff8e1;border-color:#ffc107}.file-item.test-completed{background:#f1f8e9;border-color:#28a745}.file-item.test-failed{background:#ffebee;border-color:#dc3545}.file-item.test-error{background:#f3e5f5;border-color:#6f42c1}.test-status-icon{animation:pulse 2s infinite;display:inline-block;font-size:1.1em;margin-left:8px}.test-status-icon.completed,.test-status-icon.error,.test-status-icon.failed{animation:none}.view-report-btn{background:linear-gradient(135deg,#17a2b8,#138496);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75em;font-weight:600;margin-left:8px;padding:4px 8px;transition:all .3s ease}.view-report-btn:hover{background:linear-gradient(135deg,#138496,#117a8b);transform:translateY(-1px)}.file-path{color:#2c3e50;font-family:Courier New,monospace;font-size:.85em;font-weight:500;justify-content:space-between;margin-bottom:4px}.file-meta,.file-path{align-items:center;display:flex}.file-meta{flex-wrap:wrap;gap:8px}.file-report-modal .modal-content{max-height:90vh;max-width:800px;overflow-y:auto}.file-report-content{padding:0}.report-summary{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:25px;padding:20px}.report-status{align-items:center;display:flex;font-size:1.2em;font-weight:600;gap:10px;margin-bottom:15px}.report-status.success{color:#28a745}.report-status.failed{color:#dc3545}.status-icon{font-size:1.5em}.report-meta{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.meta-item{background:#fff;border:1px solid #e9ecef;border-radius:6px;font-size:.9em;padding:10px}.meta-item strong{color:#495057;margin-right:8px}.detailed-test-results{margin-bottom:25px}.detailed-test-results h4{color:#2c3e50;font-size:1.1em;margin:0 0 15px}.test-categories-list{grid-gap:10px;display:grid;gap:10px}.test-category-item{background:#fff;border:1px solid #e9ecef;border-left-width:4px;border-radius:8px;padding:15px}.test-category-item.passed{background:#f8fff9;border-left-color:#28a745}.test-category-item.failed{background:#fffbfb;border-left-color:#dc3545}.category-status{font-size:1.1em}.issues-badge{background:#dc3545;border-radius:12px;color:#fff;font-size:.75em;font-weight:600;padding:2px 8px}.category-details{color:#6c757d;font-size:.9em;line-height:1.4;margin-top:5px}.file-checkbox{align-items:flex-start;cursor:pointer;display:flex;gap:12px;padding:12px;width:100%}.file-report-modal .raw-output{margin-top:20px}.file-report-modal .raw-output summary{background:#e9ecef;border-radius:6px;color:#495057;cursor:pointer;font-weight:600;margin-bottom:10px;padding:10px 15px}.file-report-modal .raw-output pre{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;font-size:.8em;line-height:1.4;max-height:300px;overflow-x:auto;overflow-y:auto;padding:15px}@media (max-width:768px){.file-report-modal .modal-content{margin:20px;max-width:95vw}.report-meta{grid-template-columns:1fr}.file-path{align-items:flex-start;flex-direction:column}.test-status-icon{margin-left:0;margin-top:4px}}.selection-btn.clear-all{background:linear-gradient(135deg,#dc3545,#c82333);border-color:#dc3545;color:#fff}.selection-btn.clear-all:hover{background:linear-gradient(135deg,#c82333,#a71e2a);color:#fff}.file-item.test-waiting{background:#f1f3f4;border-color:#6c757d}.test-status-icon.waiting{color:#6c757d}.selected-files-display{background:#fff;border:2px solid #007bff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:25px;padding:20px}.selected-files-display h3{color:#007bff;font-size:1.2em;margin:0 0 15px}.selected-files-list{grid-gap:8px;display:grid;gap:8px}.selected-file-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:10px 15px;transition:all .3s ease}.selected-file-item.status-waiting{background:#f1f3f4;border-left:4px solid #6c757d}.selected-file-item.status-running{background:#fff8e1;border-left:4px solid #ffc107}.selected-file-item.status-completed{background:#f1f8e9;border-left:4px solid #28a745}.selected-file-item.status-failed{background:#ffebee;border-left:4px solid #dc3545}.selected-file-item.status-error{background:#f3e5f5;border-left:4px solid #6f42c1}.selected-file-info{align-items:center;display:flex;flex:1 1;gap:10px}.selected-file-path{color:#2c3e50;font-family:Courier New,monospace;font-size:.9em;font-weight:500}.selected-file-size{color:#6c757d;font-size:.8em}.selected-status-icon{font-size:1.1em;margin-left:8px}.remove-file-btn{background:none;border:none;cursor:pointer;font-size:.9em;opacity:.6;transition:opacity .3s ease}.remove-file-btn:hover{opacity:1}.error-details{background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;margin-bottom:25px;padding:20px}.error-details h4{color:#d32f2f;font-size:1.1em;margin:0 0 15px}.error-type{margin-bottom:10px;padding:10px}.error-output,.error-type{background:#fff;border:1px solid #ffcdd2;border-radius:6px}.error-output{padding:15px}.error-text{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;color:#d32f2f;font-size:.85em;line-height:1.4;margin:8px 0 0;overflow-x:auto;padding:10px}.copy-report-btn{background:linear-gradient(135deg,#6f42c1,#5a32a3);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9em;font-weight:600;margin-top:10px;padding:12px 20px;transition:all .3s ease;width:100%}.copy-report-btn:hover{background:linear-gradient(135deg,#5a32a3,#4c2a91);box-shadow:0 4px 12px #6f42c14d;transform:translateY(-2px)}.report-actions{border-top:1px solid #e9ecef;margin-top:15px;padding-top:15px}.backup-history-modal .modal-content{margin:10px auto;max-height:95vh!important;max-width:none!important;overflow-y:auto;width:99%!important}.backup-history-modal{align-items:flex-start!important}.backup-history-modal,.backup-history-modal .modal-overlay{padding:10px!important}.backup-history-modal .modal-body{padding:15px}.backup-list{display:flex;flex-direction:column;gap:10px}.backup-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 6px #00000014;padding:15px;transition:all .3s ease}.backup-item:hover{box-shadow:0 3px 10px #0000001f;transform:translateY(-1px)}.backup-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:8px}.backup-id{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85em;line-height:1.2;min-width:200px;padding:4px 10px;word-break:break-word}.backup-actions{flex-shrink:0;gap:8px;min-width:180px}.delete-btn,.restore-btn{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:.8em;font-weight:600;gap:4px;justify-content:center;min-width:85px;padding:8px 14px;transition:all .3s ease;white-space:nowrap}.restore-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.restore-btn:hover{background:linear-gradient(135deg,#218838,#17a2b8);box-shadow:0 2px 8px #28a7454d;transform:translateY(-1px)}.delete-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.delete-btn:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 2px 8px #dc35454d;transform:translateY(-1px)}.backup-details{color:#6c757d;font-size:.85em;line-height:1.3}.backup-date{align-items:center;display:flex;gap:10px;margin-bottom:3px}.file-count{background:#e9ecef;border-radius:12px;color:#495057;font-size:.8em;padding:2px 8px}.backup-description{background:#f8f9fa;border-left:3px solid #007bff;border-radius:6px;margin-top:8px;padding:8px 12px}.no-backups{color:#6c757d;padding:40px 20px;text-align:center}.no-backups p{font-size:1.1em;margin:10px 0}@media (max-width:768px){.backup-header{align-items:stretch;flex-direction:column;gap:10px}.backup-actions{justify-content:center}.delete-btn,.restore-btn{flex:1 1;justify-content:center}}.action-btn.changed-files{background:linear-gradient(135deg,#8e44ad,#9b59b6);border:none;color:#fff;transition:all .3s ease}.action-btn.changed-files:hover{background:linear-gradient(135deg,#9b59b6,#8e44ad);box-shadow:0 4px 12px #8e44ad4d;transform:translateY(-2px)}.action-btn.changed-files:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.changed-files-modal{display:flex;flex-direction:column;max-height:80vh;max-width:800px;overflow:hidden}.changed-files-modal .modal-body{flex:1 1;overflow-y:auto}.no-changes{color:#666;padding:40px 20px;text-align:center}.no-changes-icon{font-size:3rem;margin-bottom:16px}.no-changes h3{color:#2c3e50;font-size:1.3rem;margin:0 0 12px}.no-changes p{color:#7f8c8d;margin:0}.changed-files-info{background:#f8f9fa;border-left:4px solid #8e44ad;border-radius:8px;margin-bottom:20px;padding:16px}.changed-files-info p{color:#2c3e50;font-size:1rem;margin:0}.changed-files-list{border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;max-height:400px;overflow-y:auto}.changed-file-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 16px;transition:background-color .2s ease}.changed-file-item:last-child{border-bottom:none}.changed-file-item:hover{background-color:#f8f9fa}.changed-file-item .file-info{flex:1 1}.changed-file-item .file-path{align-items:center;color:#2c3e50;display:flex;font-family:Monaco,Menlo,monospace;font-size:.9rem;gap:8px}.status-badge{border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.status-badge.m{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.status-badge.a{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-badge.d{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-badge.untracked{background:#e2e3e5;border:1px solid #d6d8db;color:#383d41}.changed-files-actions{border-top:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:12px;padding-top:16px}.select-changed-btn,.test-all-changed-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;min-width:140px;padding:12px 20px;transition:all .3s ease}.select-changed-btn:hover,.test-all-changed-btn:hover{background:linear-gradient(135deg,#20c997,#28a745);box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.cancel-btn{font-weight:600;padding:12px 20px;transition:all .3s ease}.cancel-btn:hover{background:#5a6268;transform:translateY(-2px)}@media (max-width:768px){.changed-files-modal{margin:20px;max-width:95vw}.changed-files-actions{flex-direction:column}.cancel-btn,.select-changed-btn,.test-all-changed-btn{margin-bottom:8px;width:100%}.changed-file-item{align-items:flex-start;flex-direction:column;gap:8px}.changed-file-item input[type=checkbox]{align-self:flex-end}.backup-history-modal .modal-content{margin:5px auto;max-width:none;width:99%}.backup-header{align-items:stretch;flex-direction:column;gap:10px}.backup-id{font-size:.8em;min-width:auto;text-align:center}.backup-actions{justify-content:center;min-width:auto}.delete-btn,.restore-btn{flex:1 1;font-size:.75em;min-width:75px;padding:6px 10px}}.backup-item-compact{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 16px;transition:all .2s ease}.backup-item-compact:hover{background:#e9ecef;border-color:#dee2e6}.backup-main-info{align-items:center;display:flex;flex:1 1;font-size:14px;gap:20px;min-width:0}.backup-id-compact{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;flex-shrink:0;font-family:Courier New,monospace;font-weight:600;min-width:200px;padding:4px 8px}.backup-date-compact{color:#6c757d;font-size:13px}.file-count-compact{color:#28a745;font-size:12px;font-weight:500}.backup-description-compact{color:#17a2b8;flex:1 1;font-size:12px;font-style:italic;max-width:400px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.backup-actions-compact{display:flex;gap:8px}.delete-btn-compact,.restore-btn-compact{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.restore-btn-compact{background:#28a745;color:#fff}.restore-btn-compact:hover{background:#218838;transform:scale(1.05)}.delete-btn-compact{background:#dc3545;color:#fff}.delete-btn-compact:hover{background:#c82333;transform:scale(1.05)}.action-btn.manual-backup{background:linear-gradient(135deg,#6f42c1,#8e44ad);border:none;color:#fff;font-weight:500}.action-btn.manual-backup:hover:not(:disabled){background:linear-gradient(135deg,#5a2d91,#7d3c98);transform:translateY(-2px)}.action-btn.manual-backup:disabled{background:#6c757d;cursor:not-allowed;transform:none}.manual-backup-modal .modal-content{max-width:500px}.backup-info{text-align:center}.selected-files-count{color:#495057;font-size:18px;margin-bottom:24px}.backup-description-section{margin-bottom:24px;text-align:left}.backup-description-section label{color:#495057;display:block;font-weight:500;margin-bottom:8px}.backup-description-section input{border:1px solid #ced4da;border-radius:6px;font-size:14px;padding:12px;transition:border-color .2s ease;width:100%}.backup-description-section input:focus{border-color:#6f42c1;box-shadow:0 0 0 2px #6f42c133;outline:none}.backup-actions{display:flex;gap:12px;justify-content:center}.create-backup-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s ease}.create-backup-btn:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1c7a6b);transform:translateY(-2px)}.create-backup-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}.cancel-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s ease}.cancel-btn:hover:not(:disabled){background:#5a6268;transform:translateY(-2px)}.backup-history-page{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-top:20px;padding:20px}.page-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.page-header h2{color:#2c3e50;font-size:24px;margin:0}.backup-history-content{min-height:400px}.backup-list-page{display:flex;flex-direction:column;gap:12px}.bulk-operations{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.selection-count{background:#17a2b8;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px;white-space:nowrap}.bulk-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.bulk-btn.select-all{background:#28a745;color:#fff}.bulk-btn.select-all:hover:not(:disabled){background:#218838;transform:translateY(-2px)}.bulk-btn.clear{background:#6c757d;color:#fff}.bulk-btn.clear:hover:not(:disabled){background:#5a6268;transform:translateY(-2px)}.bulk-btn.restore{background:#17a2b8;color:#fff}.bulk-btn.restore:hover:not(:disabled){background:#138496;transform:translateY(-2px)}.bulk-btn.delete{background:#dc3545;color:#fff}.bulk-btn.delete:hover:not(:disabled){background:#c82333;transform:translateY(-2px)}.bulk-btn:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed;transform:none}.backup-item-page{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;display:flex;justify-content:space-between;padding:16px 20px;position:relative;transition:all .2s ease}.backup-item-page.selected{background:#e3f2fd;border-color:#2196f3;box-shadow:0 2px 8px #2196f333}.backup-item-page:hover{background:#e9ecef;border-color:#dee2e6;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.backup-item-page.selected:hover{background:#d1e7dd;border-color:#0d6efd}.backup-checkbox{align-items:center;display:flex;flex-shrink:0;margin-right:16px}.backup-checkbox input[type=checkbox]{accent-color:#2196f3;cursor:pointer;height:18px;margin:0;width:18px}.backup-checkbox input[type=checkbox]:checked{accent-color:#0d6efd}.backup-checkbox label{cursor:pointer;margin-left:8px}.backup-main-info-page{align-items:center;display:flex;flex:1 1;font-size:15px;gap:24px;min-width:0}@media (max-width:768px){.bulk-operations{align-items:stretch;flex-direction:column;gap:8px}.bulk-operations>*{justify-content:center}.selection-count{align-self:center;text-align:center}.backup-item-page{align-items:stretch;flex-direction:column;gap:12px;padding:12px 16px}.backup-checkbox{align-self:center;margin-bottom:8px;margin-right:0}.backup-main-info-page{align-items:stretch;flex-direction:column;gap:8px}.backup-date-page,.backup-id-page,.file-count-page{min-width:auto;text-align:center}.backup-actions-page{gap:8px;justify-content:center}.delete-btn-page,.restore-btn-page{flex:1 1;min-width:100px}}.changed-files-selection{background:#f8f9fa;border-radius:5px;display:flex;gap:10px;margin-bottom:15px;padding:10px}.clear-all-btn,.select-all-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:5px 12px;transition:all .2s}.select-all-btn{background:#28a745;color:#fff}.select-all-btn:hover{background:#218838}.clear-all-btn{background:#dc3545;color:#fff}.clear-all-btn:hover{background:#c82333}.selection-info{color:#666;font-size:14px;margin-bottom:10px;text-align:center}.action-buttons{display:flex;flex-wrap:wrap;gap:10px}.select-changed-btn:disabled{cursor:not-allowed;opacity:.5}
/*# sourceMappingURL=main.88c8f717.css.map*/