:root{--color-primary: #f8f8f8;--color-primary-dark: #e0e0e0;--color-primary-light: #ffffff;--color-dark: #1a1a1a;--color-dark-secondary: #2d2d2d;--color-gray-900: #111827;--color-gray-800: #1f2937;--color-gray-700: #374151;--color-gray-600: #4b5563;--color-gray-500: #6b7280;--color-gray-400: #9ca3af;--color-gray-300: #d1d5db;--color-gray-200: #e5e7eb;--color-gray-100: #f3f4f6;--color-gray-50: #f9fafb;--color-success: #10b981;--color-success-light: #d1fae5;--color-success-dark: #065f46;--color-error: #ef4444;--color-error-light: #fee2e2;--color-error-dark: #991b1b;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-warning-dark: #92400e;--color-background: #f8f8f8;--color-white: #ffffff;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "Monaco", "Courier New", monospace;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .1);--shadow-xl: 0 10px 15px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}.card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg)}.card--sm{padding:var(--spacing-md);border-radius:var(--radius-lg)}.card--lg{padding:var(--spacing-xl)}.card--elevated{box-shadow:var(--shadow-xl)}.card--bordered{border:1px solid var(--color-gray-200);box-shadow:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:10px 20px;font-size:14px;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base);font-family:var(--font-family);white-space:nowrap}.btn--primary{background:var(--color-dark);color:var(--color-white)}.btn--primary:hover{background:var(--color-dark-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--secondary{background:var(--color-white);color:var(--color-dark);border:1px solid var(--color-gray-200)}.btn--secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.btn--outline{background:transparent;color:var(--color-dark);border:2px solid var(--color-dark)}.btn--outline:hover{background:var(--color-dark);color:var(--color-white)}.btn--success{background:var(--color-success);color:var(--color-white)}.btn--success:hover{background:var(--color-success-dark)}.btn--error{background:var(--color-error);color:var(--color-white)}.btn--error:hover{background:var(--color-error-dark)}.btn--sm{padding:6px 12px;font-size:13px}.btn--lg{padding:12px 24px;font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-size:14px;font-weight:600;color:var(--color-gray-700);margin-bottom:var(--spacing-sm)}.form-input,.form-textarea,.form-select{width:100%;padding:10px 12px;font-size:14px;font-family:var(--font-family);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);transition:all var(--transition-base)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:100px}.form-error{color:var(--color-error);font-size:13px;margin-top:var(--spacing-xs)}.badge{display:inline-block;padding:4px 12px;font-size:12px;font-weight:600;border-radius:var(--radius-full)}.badge--success{background:var(--color-success-light);color:var(--color-success-dark)}.badge--error{background:var(--color-error-light);color:var(--color-error-dark)}.badge--warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.badge--primary{background:var(--color-primary);color:var(--color-dark)}.container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}.container--sm{max-width:768px}.container--lg{max-width:1440px}.heading{font-weight:700;line-height:1.2;color:var(--color-gray-900)}.heading--xl{font-size:48px}.heading--lg{font-size:36px}.heading--md{font-size:24px}.heading--sm{font-size:18px}.text{line-height:1.6}.text--center{text-align:center}.text--muted{color:var(--color-gray-500)}.text--bold{font-weight:600}.text--uppercase{text-transform:uppercase;letter-spacing:.5px}.text--sm{font-size:14px}.text--xs{font-size:13px}.loading{text-align:center;padding:var(--spacing-2xl);color:var(--color-gray-500)}.error-message{color:var(--color-error);text-align:center;padding:var(--spacing-lg);background:var(--color-error-light);border-radius:var(--radius-md);margin:var(--spacing-lg) 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);z-index:9999;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-dark);color:var(--color-white);text-decoration:none;border-radius:var(--radius-md);font-weight:600;font-size:14px;transition:top var(--transition-fast)}.skip-link:focus{top:var(--spacing-md)}*:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;transition:outline var(--transition-fast)}.btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.btn--primary:focus-visible{outline-color:var(--color-dark)}.form-input:focus-visible,.form-textarea:focus-visible,.form-select:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}a:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}*:focus:not(:focus-visible){outline:none}*{box-sizing:border-box}#root{width:100%;min-height:100vh}.app-container{display:flex;flex-direction:column;min-height:100vh}main{flex:1}.admin-layout{display:flex;min-height:100vh;background:#f5f5f5}.admin-sidebar{width:240px;background:#1a1a1a;color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;height:100vh;z-index:100;transition:width .3s ease}.sidebar-header{padding:24px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.company-logo{display:flex;align-items:center;justify-content:center;gap:12px;font-size:18px;font-weight:600}.company-logo img{height:40px;width:auto;display:block}.company-logo svg{flex-shrink:0}.sidebar-nav{flex:1;padding:16px 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#a0a0a0;text-decoration:none;transition:all .2s;font-size:14px;font-weight:500;position:relative}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#ffffff1a;color:#fff}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#fff}.nav-item svg{flex-shrink:0}.nav-badge{margin-left:auto;background:#e9e9e9;color:#1a1a1a;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-link{display:flex;align-items:center;gap:8px;width:100%;padding:12px 20px;background:none;border:none;color:#a0a0a0;text-align:left;text-decoration:none;cursor:pointer;font-size:14px;font-weight:500;transition:color .2s}.sidebar-link:hover{color:#fff}.sidebar-link.logout{color:#f44}.sidebar-link.logout:hover{color:#f66}.admin-main{flex:1;margin-left:240px;display:flex;flex-direction:column}.admin-header{background:#fff;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e5e5;position:sticky;top:0;z-index:10}.header-left h1{font-size:24px;font-weight:600;margin:0 0 4px;color:#1a1a1a}.header-subtitle{margin:0;color:#666;font-size:14px}.header-right{display:flex;align-items:center;gap:16px}.search-box{display:flex;align-items:center;gap:8px;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:8px;padding:8px 12px;min-width:200px}.search-box svg{color:#666}.search-box input{border:none;background:none;outline:none;font-size:14px;flex:1}.notification-wrapper{position:relative}.notification-btn{position:relative;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s}.notification-btn:hover{background:#f5f5f5}.notification-badge{position:absolute;top:4px;right:4px;background:#f44;color:#fff;font-size:10px;font-weight:600;padding:2px 5px;border-radius:10px;min-width:16px;text-align:center}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:500px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e5e5e5}.notification-header h3{margin:0;font-size:16px;font-weight:600;color:#1a1a1a}.notification-count{background:#f5f5f5;color:#666;font-size:12px;font-weight:600;padding:4px 8px;border-radius:12px}.notification-list{max-height:400px;overflow-y:auto}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#999}.notification-empty .material-symbols-outlined{font-size:48px;margin-bottom:12px;color:#ccc}.notification-empty p{margin:0;font-size:14px}.notification-section{padding:12px 0;border-bottom:1px solid #f5f5f5}.notification-section:last-child{border-bottom:none}.notification-section h4{margin:0 0 8px;padding:0 16px;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.notification-item{display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;color:inherit;transition:background .2s}.notification-item:hover{background:#f5f5f5}.notification-item .material-symbols-outlined{flex-shrink:0;font-size:20px;color:#666}.notification-content{flex:1;min-width:0}.notification-title{margin:0 0 4px;font-size:14px;font-weight:500;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-subtitle{margin:0;font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view-all-link{display:block;padding:8px 16px;text-align:center;font-size:12px;font-weight:500;color:#1a1a1a;text-decoration:none;transition:background .2s}.view-all-link:hover{background:#f5f5f5}.profile-wrapper{position:relative}.user-profile{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 12px;border-radius:8px;transition:background .2s}.user-profile:hover{background:#f5f5f5}.user-profile img{width:36px;height:36px;border-radius:50%;object-fit:cover}.user-profile span{font-size:14px;font-weight:500;color:#1a1a1a}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden}.profile-dropdown-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #e5e5e5}.profile-dropdown-header img{width:48px;height:48px;border-radius:50%;object-fit:cover}.profile-name{margin:0 0 4px;font-size:14px;font-weight:600;color:#1a1a1a}.profile-email{margin:0;font-size:12px;color:#666}.profile-dropdown-menu{padding:8px 0}.profile-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;color:#1a1a1a;text-align:left;text-decoration:none;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.profile-menu-item:hover{background:#f5f5f5}.profile-menu-item .material-symbols-outlined{font-size:20px;color:#666}.profile-menu-item.logout{color:#f44;border-top:1px solid #e5e5e5}.profile-menu-item.logout .material-symbols-outlined{color:#f44}.profile-menu-item.logout:hover{background:#fff5f5}.admin-content{flex:1;padding:32px;overflow-y:auto}.mobile-menu-btn{display:none;background:none;border:none;padding:8px;cursor:pointer;border-radius:8px;transition:background .2s}.mobile-menu-btn:hover{background:#f5f5f5}.mobile-menu-btn .material-symbols-outlined{font-size:24px;color:#1a1a1a}.mobile-menu-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:99}@media (max-width: 768px){.mobile-menu-btn,.mobile-menu-overlay{display:block}.admin-sidebar{position:fixed;left:-240px;width:240px;z-index:100;transition:left .3s ease}.admin-sidebar.mobile-open{left:0}.admin-main{margin-left:0}.admin-header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.header-left{width:100%}.header-left h1{font-size:20px}.header-right{width:100%;justify-content:space-between}.search-box{flex:1;min-width:auto}.user-profile span{display:none}.admin-content{padding:16px}}.footer{background:linear-gradient(135deg,var(--color-dark) 0%,var(--color-dark-secondary) 100%);color:var(--color-gray-300);margin-top:auto;border-top:1px solid var(--color-gray-700)}.footer-content{max-width:var(--layout-max-width, 1050px);margin:0 auto;padding:var(--spacing-2xl) var(--spacing-md) var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl)}.footer-section h3{color:var(--color-white);margin:0 0 var(--spacing-md) 0;font-size:1.5rem}.footer-section h4{color:var(--color-white);margin:0 0 var(--spacing-md) 0;font-size:1rem;font-weight:600}.footer-section p{margin:0;font-size:.875rem;line-height:1.6}.footer-nav{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-nav a{color:var(--color-gray-300);text-decoration:none;font-size:.875rem;transition:color var(--transition-base)}.footer-nav a:hover{color:var(--color-white)}.footer-bottom{border-top:1px solid var(--color-gray-700);padding:var(--spacing-lg) var(--spacing-md);text-align:center}.footer-bottom p{margin:0;font-size:.875rem;color:var(--color-gray-400)}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-md) var(--spacing-lg)}.footer-section h3{font-size:1.25rem}}.header{background:var(--color-background);border-bottom:1px solid var(--color-gray-200);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.header-content{max-width:var(--layout-max-width, 1050px);margin:0 auto;padding:var(--spacing-sm);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.logo img{height:40px;width:auto;display:block}.logo h1{margin:0;font-size:24px;color:var(--color-dark);font-weight:700}.nav{display:flex;gap:var(--spacing-xl);flex:1;justify-content:center}.desktop-nav{display:flex}@media (max-width: 768px){.desktop-nav{display:none}}.nav a{color:var(--color-dark);text-decoration:none;font-weight:600;transition:color var(--transition-base)}.nav a:hover{color:var(--color-gray-600)}.admin-nav-link{display:flex;align-items:center;gap:6px}.admin-nav-link .material-symbols-outlined{font-size:20px}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.user-menu{display:flex;align-items:center;gap:var(--spacing-sm)}.user-name{color:var(--color-dark);font-size:14px;font-weight:500}.logout-button{background:transparent;border:1px solid var(--color-gray-200);color:var(--color-dark);padding:6px var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;transition:all var(--transition-base)}.logout-button:hover{background:var(--color-error);color:var(--color-white);border-color:var(--color-error)}.cart-button{position:relative;background:var(--color-dark);color:var(--color-white);border:none;padding:var(--spacing-sm) 20px;border-radius:var(--radius-lg);cursor:pointer;font-size:20px;transition:background var(--transition-base);display:flex;align-items:center;gap:var(--spacing-sm)}.cart-button:hover{background:var(--color-dark-secondary)}.cart-icon{line-height:1}.cart-badge{position:absolute;top:-8px;right:-8px;background:var(--color-error);color:var(--color-white);border-radius:var(--radius-full);width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}@media (max-width: 768px){.logo h1{font-size:20px}.cart-button{padding:10px var(--spacing-md)}.header-content,.header-actions{gap:var(--spacing-sm)}.user-menu{display:none}}.mobile-menu-button{display:none;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);z-index:1001}@media (max-width: 768px){.mobile-menu-button{display:block}}.hamburger{width:24px;height:20px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger span{display:block;height:2px;width:100%;background:var(--color-dark);border-radius:2px;transition:all var(--transition-slow) ease}.hamburger.open span:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.mobile-menu-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:1000;animation:fadeIn var(--transition-slow) ease}@media (max-width: 768px){.mobile-menu-overlay{display:block}}.mobile-menu{display:none;position:fixed;top:0;right:0;bottom:0;width:85%;max-width:350px;background:var(--color-background);z-index:1001;transform:translate(100%);transition:transform var(--transition-slow) ease;overflow-y:auto;box-shadow:var(--shadow-lg)}@media (max-width: 768px){.mobile-menu{display:block}}.mobile-menu.open{transform:translate(0)}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--color-gray-200)}.mobile-menu-header h2{margin:0;font-size:1.5rem;color:var(--color-dark)}.mobile-menu-close{background:none;border:none;font-size:2.5rem;color:var(--color-dark);cursor:pointer;line-height:1;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:background var(--transition-base)}.mobile-menu-close:hover{background:var(--color-white)}.mobile-menu-nav{display:flex;flex-direction:column;padding:var(--spacing-md) 0}.mobile-menu-nav a{display:block;padding:var(--spacing-md) var(--spacing-lg);color:var(--color-dark);text-decoration:none;font-size:1.125rem;font-weight:500;transition:background var(--transition-base),color var(--transition-base);border-left:3px solid transparent}.mobile-menu-nav a:hover{background:var(--color-white)}.mobile-menu-nav a.active{color:var(--color-gray-700);background:var(--color-white);border-left-color:var(--color-dark)}.mobile-menu-nav a.admin-link{display:flex;align-items:center;gap:var(--spacing-sm)}.mobile-menu-nav a.admin-link .material-symbols-outlined{font-size:20px}.mobile-menu-cart-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-md);background:var(--color-white);border-radius:var(--radius-lg);color:var(--color-dark);font-weight:500}.mobile-menu-cart-info .cart-icon{font-size:1.25rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e5e5}.modal-header h2{margin:0;font-size:24px;font-weight:600;color:#1a1a1a}.modal-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#f5f5f5}.product-form{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:1rem;color:#1a1a1a}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px;border:1px solid #e5e5e5;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#1a1a1a}.form-group textarea{resize:vertical;max-height:60px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.image-upload-section{display:flex;flex-direction:column;gap:12px}.image-preview{width:100%;max-width:300px;border:2px solid #e5e5e5;border-radius:8px;overflow:hidden;background:#f5f5f5}.image-preview img{width:100%;height:auto;display:block}.file-input{display:none}.file-label{display:flex;align-items:center;gap:8px;padding:12px;border:2px dashed #e5e5e5;border-radius:8px;cursor:pointer;transition:all .2s;background:#f9f9f9;font-size:14px;color:#666}.file-label:hover{border-color:#1a1a1a;background:#f5f5f5}.file-label .material-symbols-outlined{font-size:20px}.helper-text{color:#666;font-size:12px;margin:4px 0}.error-message{background:#fee2e2;color:#991b1b;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #e5e5e5}.btn-cancel,.btn-save{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background:transparent;border:1px solid #e5e5e5;color:#666}.btn-cancel:hover:not(:disabled){background:#f5f5f5}.btn-save{background:#1a1a1a;color:#fff}.btn-save:hover:not(:disabled){background:#333}.btn-cancel:disabled,.btn-save:disabled{opacity:.5;cursor:not-allowed}.delete-section{margin-top:40px;padding-top:24px;border-top:1px solid #e5e5e5}.btn-delete{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid #e5e5e5;background:transparent;color:#dc3545}.btn-delete:hover:not(:disabled){background:#fff5f5;border-color:#dc3545}.btn-delete:disabled{opacity:.5;cursor:not-allowed}.btn-delete .material-symbols-outlined{font-size:18px}@media (max-width: 768px){.modal-overlay{padding:0;align-items:flex-end}.modal-content{max-width:100%;max-height:95vh;border-radius:16px 16px 0 0}.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}}.cart-overlay{position:fixed;inset:0;background:#00000080;z-index:999}.cart-sidebar{position:fixed;top:0;right:0;width:450px;max-width:90vw;height:100vh;background:var(--color-background);box-shadow:var(--shadow-xl);z-index:1000;display:flex;flex-direction:column;animation:slideIn var(--transition-slow) ease-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200)}.cart-header h2{margin:0;font-size:24px;color:var(--color-dark)}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-gray-500);padding:var(--spacing-sm);line-height:1;transition:color var(--transition-base)}.close-btn:hover{color:var(--color-dark)}.cart-content{flex:1;overflow-y:auto;display:flex;flex-direction:column}.empty-cart{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-gray-500)}.cart-items{flex:1;padding:var(--spacing-md)}.cart-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-white);border-radius:var(--radius-xl);margin-bottom:var(--spacing-md)}.cart-item-image{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-lg)}.cart-item-details{flex:1}.cart-item-details h3{margin:0 0 var(--spacing-sm) 0;font-size:16px;color:var(--color-dark)}.cart-item-price{color:var(--color-dark);font-weight:600;margin:0 0 var(--spacing-sm) 0}.quantity-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.quantity-controls button{width:28px;height:28px;border:1px solid var(--color-gray-200);background:var(--color-background);border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:all var(--transition-base)}.quantity-controls button:hover{background:var(--color-dark);color:var(--color-white);border-color:var(--color-dark)}.quantity-controls span{min-width:24px;text-align:center;font-weight:600}.remove-btn{background:none;border:none;color:var(--color-error);cursor:pointer;font-size:14px;padding:var(--spacing-sm);align-self:flex-start;transition:opacity var(--transition-base)}.remove-btn:hover{opacity:.7}.cart-footer{border-top:1px solid var(--color-gray-200);padding:var(--spacing-lg)}.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);font-size:18px;font-weight:600}.total-amount{font-size:28px;color:var(--color-dark)}.checkout-btn{width:100%;background:var(--color-dark);color:var(--color-white);border:none;padding:var(--spacing-md);border-radius:var(--radius-md);font-weight:600;font-size:16px;cursor:pointer;transition:background var(--transition-base);margin-bottom:var(--spacing-sm)}.checkout-btn:hover{background:var(--color-dark-secondary)}.clear-cart-btn{width:100%;background:none;color:var(--color-gray-500);border:1px solid var(--color-gray-200);padding:var(--spacing-sm);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.clear-cart-btn:hover{background:var(--color-white);border-color:var(--color-gray-500)}.product-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base);height:100%;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.product-image-container{position:relative;width:100%;padding:100% 0 0;overflow:hidden;background:var(--color-background);cursor:pointer;border:none;font:inherit;text-align:left;display:block}.product-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-image:hover{transform:scale(1.05)}.stock-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:var(--color-error);color:var(--color-white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:12px;font-weight:600}.product-info{padding:var(--spacing-md);display:flex;flex-direction:column;flex:1}.product-category{font-size:12px;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:var(--spacing-sm)}.product-name{font-size:18px;font-weight:600;color:var(--color-dark);margin:0 0 var(--spacing-sm) 0;line-height:1.3}.product-rating{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.stars{color:var(--color-warning);font-size:16px}.rating-text{font-size:14px;color:var(--color-gray-500)}.product-description{font-size:14px;color:var(--color-gray-600);line-height:1.5;margin:0 0 var(--spacing-md) 0;flex:1}.product-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-top:auto}.product-price{font-size:24px;font-weight:700;color:var(--color-dark)}.add-to-cart-btn{background:var(--color-dark);color:var(--color-white);border:none;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.add-to-cart-btn:hover:not(:disabled){background:var(--color-dark-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.add-to-cart-btn:disabled{background:var(--color-gray-300);color:var(--color-gray-500);cursor:not-allowed}.product-gallery-container{max-width:var(--layout-max-width, 1050px);margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.gallery-header{margin-bottom:var(--spacing-xl)}.gallery-header h1{font-size:36px;font-weight:700;color:var(--color-dark);margin:0 0 var(--spacing-lg) 0}.category-filters{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.category-btn{padding:10px 20px;border:2px solid var(--color-gray-200);background:var(--color-background);color:var(--color-dark);border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.category-btn:hover{border-color:var(--color-dark);color:var(--color-dark)}.category-btn.active{background:var(--color-dark);color:var(--color-white);border-color:var(--color-dark)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.no-products{text-align:center;padding:64px var(--spacing-md);color:var(--color-gray-500)}@media (max-width: 768px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-md)}.gallery-header h1{font-size:28px}}.toast{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) 20px;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:300px;max-width:500px;animation:slideIn var(--transition-slow) ease-out;margin-bottom:var(--spacing-sm);border-left:4px solid}.toast-exit{animation:slideOut var(--transition-slow) ease-out forwards}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.toast-success{border-left-color:var(--color-success)}.toast-error{border-left-color:var(--color-error)}.toast-warning{border-left-color:var(--color-warning)}.toast-info{border-left-color:var(--color-dark)}.toast-icon{font-size:20px;font-weight:700;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-white)}.toast-success .toast-icon{color:var(--color-success)}.toast-error .toast-icon{color:var(--color-error)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-info .toast-icon{color:var(--color-dark)}.toast-message{flex:1;color:var(--color-dark);font-size:14px;line-height:1.4;font-weight:500}.toast-close{background:none;border:none;color:var(--color-gray-500);font-size:18px;cursor:pointer;padding:var(--spacing-xs);line-height:1;flex-shrink:0;transition:color var(--transition-base)}.toast-close:hover{color:var(--color-dark)}@media (max-width: 768px){.toast{min-width:unset;max-width:calc(100vw - 32px)}}.toast-container{position:fixed;top:80px;right:var(--spacing-md);z-index:9999;display:flex;flex-direction:column;pointer-events:none}.toast-container>*{pointer-events:auto}@media (max-width: 768px){.toast-container{top:70px;right:var(--spacing-md);left:var(--spacing-md)}}.about-container{width:100%}.about-hero{background:var(--color-white);padding:80px var(--spacing-md) 60px;text-align:center;border-bottom:1px solid var(--color-gray-200)}.about-hero h1{font-size:48px;margin:0 0 var(--spacing-md) 0;color:var(--color-dark)}.about-lead{font-size:20px;color:var(--color-gray-600);max-width:700px;margin:0 auto;line-height:1.6}.about-content{max-width:900px;margin:0 auto;padding:60px var(--spacing-md)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.value-item{padding:var(--spacing-lg);background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);transition:all var(--transition-base)}.value-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.value-item h3{font-size:20px;margin:0 0 var(--spacing-sm) 0;color:var(--color-primary)}.value-item p{font-size:16px;line-height:1.6;margin:0;color:var(--color-gray-600)}@media (max-width: 768px){.about-hero{padding:60px var(--spacing-md) 40px}.about-hero h1{font-size:36px}.about-lead{font-size:18px}.about-content{padding:40px var(--spacing-md)}.about-section{margin-bottom:40px}.about-section h2{font-size:28px}.about-section p{font-size:16px}.values-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}}.admin-customers{max-width:1400px}.customers-header{margin-bottom:24px}.customers-header h2{font-size:24px;font-weight:600;margin:0;color:#1a1a1a}.customers-table-container{background:#fff;border-radius:16px;overflow:hidden;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.customers-table{width:100%;border-collapse:collapse}.customers-table thead{background:#f9fafb;border-bottom:1px solid #e5e5e5}.customers-table th{padding:16px;text-align:left;font-size:13px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.customers-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s}.customers-table tbody tr:hover{background:#f9fafb}.customers-table tbody tr:last-child{border-bottom:none}.customers-table td{padding:16px;font-size:14px;color:#1a1a1a}.customer-total{font-weight:600}.no-data,.loading{padding:60px;text-align:center;color:#999;font-size:14px}@media (max-width: 768px){.customers-table-container{overflow:visible}.customers-table thead{display:none}.customers-table,.customers-table tbody,.customers-table tr{display:block;width:100%}.customers-table tr{margin-bottom:16px;border:1px solid #e5e5e5;border-radius:12px;padding:16px;background:#fff}.customers-table td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.customers-table td:last-child{border-bottom:none}.customers-table td:before{content:attr(data-label);font-weight:600;font-size:13px;color:#666;text-transform:uppercase;letter-spacing:.5px}}.admin-messages{max-width:1400px}.loading{padding:3rem;text-align:center;color:#666;font-size:16px}.messages-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.messages-header{padding:24px;border-bottom:1px solid #e5e5e5}.header-top{margin-bottom:20px}.messages-header h2{font-size:24px;font-weight:600;margin:0 0 4px;color:#1a1a1a}.unread-count{margin:0;color:#666;font-size:14px}.filters{display:flex;gap:16px}.search-box{flex:1;position:relative;display:flex;align-items:center;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:8px;padding:8px 12px}.search-box .material-symbols-outlined{color:#666;font-size:20px;margin-right:8px}.search-box input{flex:1;border:none;background:none;outline:none;font-size:14px;color:#1a1a1a}.search-box input::placeholder{color:#999}.status-filter{min-width:160px;padding:8px 12px;border:1px solid #e5e5e5;border-radius:8px;background:#fff;font-size:14px;color:#1a1a1a;cursor:pointer;outline:none}.status-filter:hover{border-color:#ccc}.table-container{overflow-x:auto}.messages-table{width:100%;border-collapse:collapse}.messages-table thead{background:#f9fafb;border-bottom:1px solid #e5e5e5}.messages-table th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.icon-col{width:50px}.sort-btn{display:flex;align-items:center;gap:4px;background:none;border:none;padding:0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;cursor:pointer;transition:color .2s}.sort-btn:hover{color:#374151}.sort-btn .material-symbols-outlined{font-size:16px}.message-row{border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s}.message-row:hover{background:#f9fafb}.message-row.unread{background:#eff6ff}.message-row.unread:hover{background:#dbeafe}.messages-table td{padding:16px;font-size:14px;color:#1a1a1a}.unread-icon{color:#3b82f6;font-size:20px}.read-icon{color:#9ca3af;font-size:20px}.type-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.type-badge.order{background:#1a1a1a;color:#fff}.type-badge.contact{background:#e5e5e5;color:#1a1a1a}.from-col{font-weight:500}.subject-col{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-col{color:#666;font-size:13px}.date-col{color:#666;font-size:13px;white-space:nowrap}.no-messages{text-align:center;padding:3rem!important;color:#999}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #e5e5e5}.pagination-info{font-size:14px;color:#666}.pagination-controls{display:flex;align-items:center;gap:16px}.pagination-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #e5e5e5;border-radius:6px;background:#fff;font-size:14px;color:#1a1a1a;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){border-color:#1a1a1a;background:#f9fafb}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn .material-symbols-outlined{font-size:18px}.page-info{font-size:14px;color:#666}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000}.message-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:700px;max-height:90vh;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:1001;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid #e5e5e5}.modal-title{flex:1;display:flex;align-items:center;gap:12px}.modal-title h3{margin:0;font-size:20px;font-weight:600;color:#1a1a1a}.modal-close{background:none;border:none;padding:4px;cursor:pointer;border-radius:6px;transition:background .2s}.modal-close:hover{background:#f0f0f0}.modal-close .material-symbols-outlined{font-size:24px;color:#666}.modal-content{padding:24px;overflow-y:auto;flex:1}.message-meta{margin-bottom:20px}.meta-row{margin-bottom:8px;font-size:14px;color:#666}.meta-label{font-weight:600;color:#1a1a1a}.message-thread{margin-bottom:24px}.thread-message{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e5e5e5}.thread-message:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.thread-message .message-meta{margin-bottom:12px}.thread-message .message-body{padding:16px;border-radius:8px;margin-bottom:0}.customer-message .message-body{background:#eff6ff;border-left:3px solid #3b82f6}.admin-reply .message-body{background:#f0fdf4;border-left:3px solid #22c55e}.thread-replies{margin-top:20px}.message-body p{margin:0;font-size:15px;line-height:1.6;color:#374151;white-space:pre-wrap}.modal-actions{display:flex;gap:12px}.btn-primary,.btn-secondary{flex:1;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:#1a1a1a;color:#fff}.btn-primary:hover{background:#333}.btn-secondary{background:#fff;color:#1a1a1a;border:1px solid #e5e5e5}.btn-secondary:hover{background:#f9fafb;border-color:#ccc}@media (max-width: 768px){.messages-header{padding:16px}.filters{flex-direction:column}.status-filter{width:100%}.messages-table{font-size:12px}.messages-table td,.messages-table th{padding:12px 8px}.subject-col{max-width:200px}.pagination{flex-direction:column;gap:12px;padding:12px 16px}.pagination-controls{width:100%;justify-content:center}.message-modal{width:95%;max-height:95vh}.modal-header,.modal-content{padding:16px}.modal-actions{flex-direction:column}}.admin-orders{max-width:1400px}.orders-header{margin-bottom:24px}.orders-header h2{font-size:24px;font-weight:600;margin:0;color:#1a1a1a}.orders-table-container{background:#fff;border-radius:16px;overflow:hidden;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.orders-table thead{background:#f9fafb;border-bottom:1px solid #e5e5e5}.orders-table th{padding:16px;text-align:left;font-size:13px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.orders-table tbody tr{border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s}.orders-table tbody tr:last-child{border-bottom:none}.orders-table td{padding:16px;font-size:14px;color:#1a1a1a}.order-id{font-family:Monaco,Courier New,monospace;font-weight:600;color:#666}.status-badge.status-paid,.status-badge.status-succeeded,.status-badge.status-processing{background:#d1fae5;color:#065f46}.status-badge.status-pending{background:#fef3c7;color:#92400e}.status-badge.status-failed{background:#fee2e2;color:#991b1b}.status-badge.status-shipped{background:#dbeafe;color:#1e40af}.status-badge.status-in_transit{background:#e0e7ff;color:#3730a3}.status-badge.status-delivered{background:#dcfce7;color:#166534}.action-btn{background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.no-data{padding:60px;text-align:center;color:#999;font-size:14px}@media (max-width: 768px){.orders-table-container{overflow:visible}.orders-table thead{display:none}.orders-table,.orders-table tbody,.orders-table tr{display:block;width:100%}.orders-table tr{margin-bottom:16px;border:1px solid #e5e5e5;border-radius:12px;padding:16px;background:#fff}.orders-table td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.orders-table td:last-child{border-bottom:none}.orders-table td:before{content:attr(data-label);font-weight:600;font-size:13px;color:#666;text-transform:uppercase;letter-spacing:.5px}}.admin-overview{max-width:1400px}.loading{text-align:center;padding:40px;color:#666}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#fff;border-radius:16px;padding:24px;display:flex;gap:16px;position:relative;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s;cursor:pointer}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-card.primary{background:linear-gradient(135deg,#2d3748,#1a202c);color:#fff}.stat-icon{width:48px;height:48px;border-radius:12px;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.light{background:#f5f5f5;color:#666}.stat-content{flex:1}.stat-label{font-size:14px;font-weight:500;opacity:.9;margin-bottom:2px}.stat-card.primary .stat-label{color:#ffffffe6}.stat-sublabel{font-size:12px;opacity:.7;margin-bottom:8px}.stat-card.primary .stat-sublabel{color:#ffffffb3}.stat-value{font-size:32px;font-weight:700;margin-bottom:8px;line-height:1}.stat-card:not(.primary) .stat-value{color:#1a1a1a}.stat-change{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.stat-card.primary .stat-change.positive{color:#6ee7b7}.change-detail{font-weight:400;opacity:.8;margin-left:4px}.stat-arrow{display:flex;align-items:center;opacity:.5}.stat-card:not(.primary) .stat-arrow{color:#666}.charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.chart-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a}.chart-card.large{grid-column:span 1}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-header h3{font-size:18px;font-weight:600;margin:0;color:#1a1a1a}.chart-controls{display:flex;gap:8px}.chart-control-btn{background:#f5f5f5;border:1px solid #e5e5e5;border-radius:8px;padding:6px 12px;font-size:13px;cursor:pointer;transition:all .2s;color:#666}.chart-control-btn:hover{background:#e5e5e5;color:#1a1a1a}.chart-legend{display:flex;gap:24px;margin-bottom:16px}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.legend-dot{width:12px;height:12px;border-radius:50%}.legend-dot.earnings{background:#1a1a1a}.legend-dot.costs{background:#d1d5db}.chart-placeholder{background:#f9fafb;border:2px dashed #e5e5e5;border-radius:12px;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666}.chart-note{font-size:12px;opacity:.7;margin-top:8px}.donut-chart{width:200px;height:200px;margin:24px auto;border-radius:50%;background:conic-gradient(#1a1a1a 0deg 140deg,#4b5563 140deg 240deg,#d1d5db 240deg 360deg);display:flex;align-items:center;justify-content:center;position:relative}.donut-chart:before{content:"";position:absolute;width:140px;height:140px;background:#fff;border-radius:50%}.donut-value{position:relative;z-index:1;text-align:center}.donut-amount{font-size:28px;font-weight:700;color:#1a1a1a}.categories-list{display:flex;flex-direction:column;gap:12px}.category-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:background .2s}.category-item:hover{background:#f9fafb}.category-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.category-dot.electronics{background:#1a1a1a}.category-dot.laptops{background:#4b5563}.category-dot.phones{background:#d1d5db}.category-name{flex:1;font-size:14px;color:#1a1a1a}.category-arrow{color:#9ca3af}@media (max-width: 1200px){.charts-grid{grid-template-columns:1fr}.chart-card.large{grid-column:span 1}}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.chart-header{flex-direction:column;align-items:flex-start;gap:12px}.chart-controls{width:100%;flex-direction:column}.chart-control-btn{width:100%}}.admin-products{max-width:1400px}.products-header{margin-bottom:24px}.products-header h2{font-size:24px;font-weight:600;margin:0;color:#1a1a1a}.products-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.add-product-btn{display:flex;align-items:center;gap:8px;background:#1a1a1a;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.add-product-btn:hover{background:#2d2d2d}.products-actions{display:flex;gap:12px}.control-btn{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:8px 16px;font-size:14px;cursor:pointer;transition:all .2s}.control-btn:hover{background:#f9fafb;border-color:#d1d5db}.sort-dropdown{position:relative}.sort-dropdown:hover .sort-menu{display:block}.sort-menu{display:none;position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:150px;z-index:100}.sort-menu button{display:block;width:100%;padding:12px 16px;border:none;background:none;text-align:left;font-size:14px;cursor:pointer;transition:background .2s}.sort-menu button:first-child{border-radius:8px 8px 0 0}.sort-menu button:last-child{border-radius:0 0 8px 8px}.sort-menu button:hover{background:#f9fafb}.products-table-container{background:#fff;border-radius:16px;overflow:hidden;overflow-x:auto;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.products-table{width:100%;border-collapse:collapse}.products-table thead{background:#f9fafb;border-bottom:1px solid #e5e5e5}.products-table th{padding:16px;text-align:left;font-size:13px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.products-table tbody tr{border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s}.products-table tbody tr:hover{background:#f9fafb}.products-table tbody tr:last-child{border-bottom:none}.products-table td{padding:16px;font-size:14px;color:#1a1a1a}.product-name{font-weight:500}.product-id{font-family:Monaco,Courier New,monospace;color:#666;font-size:13px}.product-price{font-weight:600}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.status-badge.status-available{background:#d1fae5;color:#065f46}.status-badge.status-in-review{background:#fef3c7;color:#92400e}.status-badge.status-sold-out{background:#fee2e2;color:#991b1b}.status-badge.status-preorder{background:#dbeafe;color:#1e40af}.stock-indicator{display:inline-block;padding:4px 8px;border-radius:6px;font-size:13px;font-weight:600;background:#f0f0f0;color:#1a1a1a}.stock-indicator.low-stock{background:#fef3c7;color:#92400e}.action-buttons{display:flex;gap:4px}.action-btn{background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.action-btn:hover{background:#f0f0f0}.action-btn.edit-btn:hover{color:#1a1a1a;background:#e5e5e5}.action-btn.delete-btn:hover{color:#dc2626;background:#fee2e2}.pagination{display:flex;justify-content:center;align-items:center;gap:8px}.page-btn{background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:8px 12px;font-size:14px;cursor:pointer;transition:all .2s;min-width:36px}.page-btn:hover{background:#f9fafb;border-color:#d1d5db}.page-btn.active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.pagination-dots{color:#999;padding:0 4px}@media (max-width: 768px){.products-controls{flex-direction:column;align-items:stretch;gap:12px}.products-actions{width:100%;flex-direction:column}.control-btn{width:100%;justify-content:center}.products-table-container{overflow:visible}.products-table thead{display:none}.products-table,.products-table tbody,.products-table tr{display:block;width:100%}.products-table tr{margin-bottom:16px;border:1px solid #e5e5e5;border-radius:12px;padding:16px;background:#fff}.products-table td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.products-table td:last-child{border-bottom:none}.products-table td:before{content:attr(data-label);font-weight:600;font-size:13px;color:#666;text-transform:uppercase;letter-spacing:.5px}.pagination{flex-wrap:wrap}}.admin-search{padding:20px}.search-header{margin-bottom:30px}.search-header h2{margin:0 0 10px;font-size:24px;color:#000}.search-header p{margin:0;color:#999}.no-results{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:40px;text-align:center}.no-results p{margin:0;color:#999}.search-section{margin-bottom:40px}.search-section h3{margin:0 0 15px;font-size:18px;color:#000;font-weight:500}.results-list{display:flex;flex-direction:column;gap:10px}.result-item{display:flex;align-items:center;gap:15px;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:15px;text-decoration:none;color:inherit;transition:all .2s}.result-item:hover{border-color:#666;background:#222}.result-icon{flex-shrink:0;width:40px;height:40px;background:#333;border-radius:8px;display:flex;align-items:center;justify-content:center}.result-icon .material-symbols-outlined{font-size:24px;color:#999}.result-content{flex:1;min-width:0}.result-content h4{margin:0 0 5px;font-size:16px;font-weight:500;color:#fff}.result-content p{margin:0;font-size:14px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-meta{display:flex;align-items:center;gap:10px;flex-shrink:0}.result-amount,.result-stat{font-size:14px;font-weight:500;color:#fff}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.status-active,.status-completed,.status-read{background:#22c55e1a;color:#22c55e}.status-pending,.status-unread{background:#eab3081a;color:#eab308}.status-sold-out,.status-cancelled{background:#ef44441a;color:#ef4444}.status-processing{background:#3b82f61a;color:#3b82f6}.admin-settings{max-width:1400px}.page-header{margin-bottom:32px}.page-header h2{font-size:24px;font-weight:600;margin:0 0 8px;color:#1a1a1a}.page-subtitle{margin:0;color:#666;font-size:14px}.coming-soon{background:#fff;border-radius:16px;padding:80px 40px;text-align:center;box-shadow:0 1px 3px #0000001a}.coming-soon svg{margin-bottom:24px}.coming-soon h3{font-size:20px;font-weight:600;margin:0 0 8px;color:#1a1a1a}.coming-soon p{margin:0;color:#666;font-size:14px}.cancel-container{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.cancel-content{text-align:center;max-width:600px;background:var(--color-white);padding:var(--spacing-2xl) var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.cancel-icon{width:80px;height:80px;background:var(--color-error);color:var(--color-white);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto var(--spacing-lg);animation:scaleIn .5s ease-out}.cancel-content h1{color:var(--color-dark);margin-bottom:var(--spacing-md);font-size:2rem}.cancel-content p{color:var(--color-gray-600);font-size:1.1rem;margin-bottom:var(--spacing-md);line-height:1.6}.cancel-message{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.cancel-actions{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.btn-primary,.btn-secondary{padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-primary{background:var(--color-dark);color:var(--color-white)}@media (max-width: 768px){.cancel-content{padding:var(--spacing-xl) var(--spacing-lg)}.cancel-content h1{font-size:1.5rem}.cancel-icon{width:60px;height:60px;font-size:2rem}}.checkout-container{max-width:800px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.checkout-container h1{margin-bottom:var(--spacing-xl);color:var(--color-dark)}.checkout-empty{text-align:center;padding:var(--spacing-2xl) var(--spacing-xl)}.checkout-empty h2{color:var(--color-dark);margin-bottom:var(--spacing-md)}.checkout-empty p{color:var(--color-gray-600);margin-bottom:var(--spacing-xl)}.checkout-summary{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-lg)}.checkout-summary h2{color:var(--color-dark);margin-bottom:var(--spacing-lg);font-size:1.5rem}.checkout-items{border-top:1px solid var(--color-gray-200);border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-md) 0;margin-bottom:var(--spacing-lg)}.checkout-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-gray-200)}.checkout-item:last-child{border-bottom:none}.checkout-item-info h3{color:var(--color-dark);font-size:1.1rem;margin-bottom:var(--spacing-sm)}.checkout-item-quantity{color:var(--color-gray-600);font-size:.9rem}.checkout-item-price{font-size:1.2rem;font-weight:600;color:var(--color-dark)}.checkout-total{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;margin-bottom:var(--spacing-xl)}.checkout-total h3{color:var(--color-dark);font-size:1.5rem}.checkout-total-amount{font-size:2rem;font-weight:700;color:var(--color-primary)}.btn-checkout{width:100%;padding:var(--spacing-md);background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--spacing-md)}.btn-checkout:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary,.btn-secondary{width:100%;padding:.875rem;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:transparent;color:var(--color-gray-600);border:1px solid var(--color-gray-200)}.btn-secondary:hover{background:var(--color-gray-50);color:var(--color-dark)}@media (max-width: 768px){.checkout-container{padding:var(--spacing-md)}.checkout-summary{padding:var(--spacing-lg)}.checkout-total-amount{font-size:1.5rem}}.contact-container{width:100%;background:var(--color-background)}.contact-hero{background:var(--color-white);padding:80px 16px 60px;text-align:center;border-bottom:1px solid var(--color-gray-200)}.contact-hero h1{font-size:48px;margin:0 0 16px;color:var(--color-dark);font-weight:700}.contact-lead{font-size:20px;color:var(--color-gray-600);max-width:600px;margin:0 auto}.contact-content{max-width:1280px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-md)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}.contact-info h2,.contact-form-section h2{font-size:28px;margin:0 0 var(--spacing-md) 0;color:var(--color-dark);font-weight:600}.contact-info>p{color:var(--color-gray-600);margin:0 0 var(--spacing-xl) 0;line-height:1.6}.info-items{display:flex;flex-direction:column;gap:var(--spacing-xl)}.info-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);transition:all var(--transition-base)}.info-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-gray-300)}.info-icon{font-size:32px;flex-shrink:0;color:var(--color-primary)}.info-item h3{font-size:18px;margin:0 0 var(--spacing-sm) 0;color:var(--color-dark);font-weight:600}.info-item p{font-size:16px;color:var(--color-gray-600);margin:0;line-height:1.6}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-lg);background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.submit-btn{background:var(--color-dark);color:var(--color-white);border:none;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;font-size:16px;cursor:pointer;transition:all var(--transition-base);align-self:flex-start}.submit-btn:hover{background:var(--color-dark-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.success-message{background:var(--color-success-light);border:2px solid var(--color-success);border-radius:var(--radius-xl);padding:var(--spacing-2xl) var(--spacing-xl);text-align:center}.success-message h3{color:var(--color-success-dark);font-size:24px;margin:0 0 var(--spacing-md) 0;font-weight:600}.success-message p{color:var(--color-gray-700);margin:0;font-size:16px}@media (max-width: 968px){.contact-grid{grid-template-columns:1fr;gap:var(--spacing-2xl)}}@media (max-width: 768px){.contact-hero{padding:60px 16px 40px}.contact-hero h1{font-size:36px}.contact-lead{font-size:18px}.contact-content{padding:var(--spacing-xl) var(--spacing-md)}.contact-form{padding:var(--spacing-lg)}.info-icon{font-size:24px}}.customer-detail-container{max-width:1400px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{margin:0;border:none;padding:0}.customer-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem 1.5rem}.address-display{line-height:1.6}.edit-btn{background:#2563eb;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s;display:inline-flex;align-items:center;gap:.5rem}.edit-btn:hover{background:#1d4ed8}.edit-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.edit-input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;color:#111827;font-family:inherit;transition:border-color .2s}.edit-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.edit-buttons{display:flex;gap:.5rem}.save-btn{background:#059669;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.save-btn:hover:not(:disabled){background:#047857}.save-btn:disabled{background:#9ca3af;cursor:not-allowed}.cancel-btn{background:#6b7280;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.cancel-btn:hover:not(:disabled){background:#4b5563}.cancel-btn:disabled{background:#9ca3af;cursor:not-allowed}.order-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:2rem;padding-top:2rem;border-top:2px solid #e5e7eb}.stat-card{background:#f9fafb;padding:1.25rem;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem}.stat-label{color:#6b7280;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{color:#111827;font-size:1.25rem;font-weight:600}.customer-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.amount{font-weight:600;color:#059669}.orders-table{width:100%;border-collapse:collapse}.orders-table thead{background:#f9fafb}.orders-table th{text-align:left;padding:.75rem;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.orders-table td{padding:.75rem;border-bottom:1px solid #e5e7eb}.orders-table tbody tr:hover{background:#f9fafb}.order-id{font-family:Courier New,monospace;font-size:.875rem;color:#059669;font-weight:600}.order-total{font-weight:600}.view-order-btn{background:#2563eb;color:#fff;border:none;padding:.375rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.view-order-btn:hover{background:#1d4ed8}@media (max-width: 768px){.customer-detail-container{padding:1rem}.customer-detail-header{flex-direction:column;gap:1rem}.customer-stats{width:100%;justify-content:space-between}.stat-item{align-items:flex-start}.customer-detail-grid{grid-template-columns:1fr;gap:1rem}.orders-table{font-size:.875rem}.orders-table th,.orders-table td{padding:.5rem}}.home-container{width:100%}.hero{background:linear-gradient(135deg,var(--color-dark) 0%,var(--color-dark-secondary) 100%);color:var(--color-white);padding:120px var(--spacing-md);text-align:center}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:56px;font-weight:700;margin:0 0 var(--spacing-lg) 0;line-height:1.2}.hero-subtitle{font-size:20px;margin:0 0 40px;opacity:.95}.hero-cta{display:inline-block;background:var(--color-white);color:var(--color-dark);padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--radius-md);font-weight:700;font-size:18px;text-decoration:none;transition:transform var(--transition-base),box-shadow var(--transition-base)}.hero-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.features{padding:80px var(--spacing-md);background:var(--color-background)}.features-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl)}.feature-card{text-align:center;padding:var(--spacing-xl);background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);transition:transform var(--transition-base),box-shadow var(--transition-base)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-icon{font-size:48px;margin-bottom:var(--spacing-md)}.feature-card h3{font-size:20px;margin:0 0 var(--spacing-sm) 0;color:var(--color-dark)}.feature-card p{color:var(--color-gray-600);margin:0}.cta-section{padding:80px var(--spacing-md);text-align:center;background:var(--color-white)}.cta-section h2{font-size:36px;margin:0 0 var(--spacing-md) 0;color:var(--color-dark)}.cta-section p{font-size:18px;color:var(--color-gray-600);margin:0 0 var(--spacing-xl) 0}.cta-button{display:inline-block;background:var(--color-dark);color:var(--color-white);padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--radius-md);font-weight:700;font-size:18px;text-decoration:none;transition:all var(--transition-base)}.cta-button:hover{background:var(--color-dark-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.hero{padding:80px var(--spacing-md)}.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.features{padding:60px var(--spacing-md)}.features-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.cta-section{padding:60px var(--spacing-md)}.cta-section h2{font-size:28px}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);padding:var(--spacing-xl) var(--spacing-md)}.login-card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--spacing-2xl) 2.5rem;max-width:420px;width:100%}.login-card h1{font-size:2rem;color:var(--color-gray-900);margin:0 0 var(--spacing-sm) 0;text-align:center}.login-subtitle{color:var(--color-gray-500);text-align:center;margin:0 0 var(--spacing-xl) 0}.login-error{background:var(--color-error-light);color:var(--color-error-dark);padding:.75rem var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg);font-size:.875rem;border:1px solid var(--color-error-light)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group input{padding:.75rem var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:1rem;transition:all var(--transition-base)}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled{background:var(--color-gray-100);cursor:not-allowed}.login-button{padding:.875rem var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white);border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base);margin-top:var(--spacing-sm)}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-lg)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.login-card{padding:var(--spacing-xl) var(--spacing-lg)}.login-card h1{font-size:1.75rem}}.order-detail-container{max-width:1400px}.back-button{background:none;border:none;color:#2563eb;font-size:1rem;cursor:pointer;padding:.5rem 0;margin-bottom:1.5rem;display:inline-flex;align-items:center;gap:.5rem}.back-button:hover{color:#1d4ed8;text-decoration:underline}.order-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.order-detail-header h1{font-size:2rem;color:#111827;margin:0}.order-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.order-date{color:#6b7280;font-size:.875rem}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.status-badge.status-paid{background-color:#d1fae5;color:#065f46}.status-badge.status-unpaid{background-color:#fee2e2;color:#991b1b}.status-badge.status-shipped{background-color:#dbeafe;color:#1e40af}.status-badge.status-in_transit{background-color:#e0e7ff;color:#3730a3}.status-badge.status-delivered{background-color:#dcfce7;color:#166534}.order-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.detail-section{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem}.detail-section.full-width{grid-column:1 / -1}.detail-section h2{font-size:1.25rem;color:#111827;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.info-group{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.info-group:last-child{margin-bottom:0}.info-group label{font-size:.875rem;color:#6b7280;font-weight:500}.info-group span{color:#111827;font-size:1rem}.monospace{font-family:Courier New,monospace;font-size:.875rem;background:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem;word-break:break-all}.amount{font-size:1.25rem;font-weight:600;color:#059669}.address{color:#111827;line-height:1.6}.items-table{width:100%;border-collapse:collapse}.items-table thead{background:#f9fafb}.items-table th{text-align:left;padding:.75rem;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.items-table td{padding:.75rem;border-bottom:1px solid #e5e7eb}.items-table tbody tr:hover{background:#f9fafb}.items-table tfoot td{padding:1rem .75rem;border-top:2px solid #e5e7eb;border-bottom:none;font-size:1.125rem}.loading,.error{text-align:center;padding:3rem;color:#6b7280;font-size:1.125rem}.error{color:#dc2626}.shipping-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.shipping-header h2{margin:0;border:none;padding:0}.create-shipment-btn{background:#2563eb;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.create-shipment-btn:hover:not(:disabled){background:#1d4ed8}.create-shipment-btn:disabled{background:#9ca3af;cursor:not-allowed}.tracking-info{display:flex;flex-direction:column;gap:1rem}.tracking-number{font-weight:600;color:#059669}.tracking-link,.label-link{color:#2563eb;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:.25rem}.tracking-link:hover,.label-link:hover{text-decoration:underline}.no-tracking{color:#6b7280;font-style:italic;margin:0}@media (max-width: 768px){.order-detail-container{padding:1rem}.order-detail-header{flex-direction:column;gap:1rem}.order-meta{align-items:flex-start}.order-detail-grid{grid-template-columns:1fr;gap:1rem}.items-table{font-size:.875rem}.items-table th,.items-table td{padding:.5rem}}.product-detail-container{max-width:1400px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.btn-back-link{display:inline-flex;align-items:center;color:var(--color-gray-600);background:none;border:none;font-size:.875rem;cursor:pointer;padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-lg);transition:color var(--transition-base)}.btn-back-link:hover{color:var(--color-primary)}.product-not-found{text-align:center;padding:var(--spacing-2xl) var(--spacing-xl)}.product-not-found h2{color:var(--color-dark);margin-bottom:var(--spacing-lg)}.btn-back{background:var(--color-dark);color:var(--color-white);border:none;padding:.75rem var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-back:hover{background:var(--color-dark-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.product-detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);margin-top:var(--spacing-md)}@media (max-width: 968px){.product-detail-layout{grid-template-columns:1fr;gap:var(--spacing-xl)}}.product-detail-image-section{position:sticky;top:var(--spacing-xl);height:fit-content}.product-detail-image-container{width:100%;aspect-ratio:1;background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm)}.product-detail-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-detail-image:hover{transform:scale(1.05)}.product-detail-info-section{display:flex;flex-direction:column;gap:var(--spacing-xl)}.product-detail-header{border-bottom:1px solid var(--color-gray-200);padding-bottom:var(--spacing-lg)}.product-detail-category{font-size:.875rem;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:1px;font-weight:600;display:block;margin-bottom:var(--spacing-sm)}.product-detail-name{font-size:2rem;font-weight:700;color:var(--color-dark);margin:0 0 var(--spacing-md) 0;line-height:1.2}@media (max-width: 768px){.product-detail-name{font-size:1.5rem}}.product-detail-rating{display:flex;align-items:center;gap:.75rem;margin-bottom:var(--spacing-md)}.product-detail-rating .stars{color:var(--color-warning);font-size:1.25rem;letter-spacing:2px}.product-detail-rating .stars .star-outline{opacity:.3}.product-detail-rating .rating-text{font-size:.875rem;color:var(--color-gray-500)}.product-detail-price{font-size:2rem;font-weight:700;color:var(--color-dark)}.product-detail-description h3{font-size:1.125rem;font-weight:600;color:var(--color-dark);margin-bottom:.75rem}.product-detail-description p{font-size:1rem;line-height:1.7;color:var(--color-gray-600);margin:0}.product-detail-stock{padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.stock-available{color:var(--color-success);font-weight:600;font-size:.875rem}.stock-low{color:var(--color-warning);font-weight:600;font-size:.875rem}.stock-out{color:var(--color-error);font-weight:600;font-size:.875rem}.product-detail-actions{display:flex;gap:var(--spacing-md)}.btn-add-to-cart-large{flex:1;background:var(--color-dark);color:var(--color-white);border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.5px}.btn-add-to-cart-large:hover:not(:disabled){background:var(--color-dark-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-add-to-cart-large:disabled{background:var(--color-gray-300);color:var(--color-gray-500);cursor:not-allowed}.product-detail-features{border-top:1px solid var(--color-gray-200);padding-top:var(--spacing-lg)}.product-detail-features h3{font-size:1.125rem;font-weight:600;color:var(--color-dark);margin-bottom:var(--spacing-md)}.product-detail-features ul{list-style:none;padding:0;margin:0}.product-detail-features li{padding:var(--spacing-sm) 0;color:var(--color-gray-600);font-size:.875rem;line-height:1.6;position:relative;padding-left:var(--spacing-lg)}.product-detail-features li:before{content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:700}.success-container{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.success-content{text-align:center;max-width:600px;background:var(--color-white);padding:var(--spacing-2xl) var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.success-icon{width:80px;height:80px;background:var(--color-success);color:var(--color-white);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto var(--spacing-lg);animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-content h1{color:var(--color-dark);margin-bottom:var(--spacing-md);font-size:2rem}.success-content p{color:var(--color-gray-600);font-size:1.1rem;margin-bottom:var(--spacing-md);line-height:1.6}.session-id{font-family:var(--font-family-mono);font-size:.9rem;color:var(--color-gray-600);margin:var(--spacing-md) 0}.success-message{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.success-actions{margin-top:var(--spacing-xl)}.btn-primary{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-dark);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-primary:hover{background:var(--color-dark-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.success-content{padding:var(--spacing-xl) var(--spacing-lg)}.success-content h1{font-size:1.5rem}.success-icon{width:60px;height:60px;font-size:2rem}}:root{--color-gunmetal: #122d38;--color-charcoal: #0c3a4b;--color-seal-brown: #692413;--color-rust: #b93a0c;--color-lion: #b49a68;--color-ecru: #c0a679;--color-cream: #f7f6ef;--color-primary: var(--color-gunmetal);--color-primary-hover: var(--color-charcoal);--color-accent: var(--color-ecru);--color-accent-hover: var(--color-lion);--color-background: var(--color-cream);--color-surface: var(--color-cream);--color-text: var(--color-gunmetal);--color-border: rgba(180, 154, 104, .2);--font-heading: "Anton", sans-serif;--font-body: "Barlow Semi Condensed", sans-serif;--max-width: 1050px;--layout-max-width: 1050px;--radius-card: 8px;--radius-button: 4px;--radius-full: 9999px}body{background-color:var(--color-cream);font-family:var(--font-body);color:var(--color-gunmetal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card,.product-card,.surface,[class*=card]{background-color:var(--color-cream)}h1,h2,h3,h4,h5,h6,.heading,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--font-heading);color:var(--color-gunmetal);font-size:30px;line-height:36px;font-weight:400;margin-bottom:12px;text-transform:uppercase}body,p,li,span,div{font-family:var(--font-body);font-size:1rem;line-height:24px;font-weight:400}p{color:var(--color-text-secondary);margin-bottom:16px}p:last-child{margin-bottom:0}.btn,.btn--primary,.btn-primary{display:inline-block;padding:10px 32px;font-family:var(--font-body);font-size:1rem;font-weight:400;text-align:center;text-decoration:none;border-radius:var(--radius-button);cursor:pointer;transition:all .2s ease;background-color:transparent;color:var(--color-gunmetal);border:2px solid var(--color-gunmetal)}.btn--primary:hover,.btn-primary:hover{border-color:sienna;color:sienna;background-color:transparent}.btn--secondary{background-color:transparent;color:var(--color-gunmetal);border:2px solid var(--color-seal-brown);border-radius:var(--radius-button);font-weight:600}.btn--secondary:hover{background-color:#6924130d}.btn--outline{background-color:transparent;color:var(--color-gunmetal);border:1px solid var(--color-border);border-radius:var(--radius-button)}.btn--outline:hover{border-color:var(--color-lion);background-color:#b49a680d}.btn-icon,.btn--icon{width:40px;height:40px;border-radius:var(--radius-full);background:transparent;border:none;transition:background-color .15s ease}.btn-icon:hover,.btn--icon:hover{background-color:#b49a681a}.card,.product-card{background-color:var(--color-cream);border-radius:var(--radius-card);border:1px solid var(--color-border)}.card:hover{border-color:var(--color-lion)}.product-card img,.card img{border-radius:var(--radius-card)}.header,header{background-color:var(--color-cream);border-bottom:none}.logo{display:flex;align-items:center}.logo img{height:40px;width:auto;border-radius:0}@media (max-width: 768px){.logo img{height:40px}}.header-content{padding-left:16px;padding-right:16px;align-items:flex-start}.nav{justify-content:flex-start;gap:32px;align-items:baseline}.nav a{color:var(--color-gunmetal);font-family:var(--font-body);font-size:1rem;font-weight:400;text-decoration:none;transition:color .15s ease}.nav a:hover{font-weight:600;text-decoration:underline}.nav-link{color:var(--color-gunmetal);font-family:var(--font-body);font-size:1rem;font-weight:400;transition:color .15s ease}.nav-link:hover,.nav-link.active{font-weight:600;text-decoration:underline}.header-social{display:flex;gap:16px;align-items:center}.header-social a{color:var(--color-gunmetal);display:flex;align-items:center;transition:color .2s ease}.header-social a:hover{color:var(--color-rust)}.desktop-only{display:flex}@media (max-width: 768px){.desktop-only{display:none}}.cart-button{background:transparent;color:var(--color-gunmetal);padding:8px;border-radius:var(--radius-full);transition:background .2s ease}.cart-button:hover{background:#b49a681a}.cart-badge{background:var(--color-rust)}.mobile-menu-nav a,.mobile-menu-cart-info{font-weight:400}.footer,footer{background-color:var(--color-gunmetal);color:var(--color-cream);padding:64px 0}.footer a{color:var(--color-cream);transition:color .15s ease}.footer a:hover{font-weight:600;text-decoration:underline}.footer h3,.footer h4{color:var(--color-cream)}.footer-logo{height:40px;width:auto;margin-bottom:16px;border-radius:0;filter:brightness(0) invert(1)}.footer-nav a{font-size:1rem}@media (max-width: 768px){.footer-logo{height:40px}}.social-links{display:flex;gap:16px;margin-top:8px}.social-links a{color:var(--color-cream);transition:color .2s ease;display:flex;align-items:center;justify-content:center}.social-links a:hover{color:var(--color-ecru)}.social-links svg{width:24px;height:24px}.newsletter-form{display:flex;flex-direction:column;gap:8px;margin-top:8px}.footer-section .social-links{margin-top:16px;justify-content:flex-end}.newsletter-input{width:100%;padding:10px 12px;font-family:var(--font-body);font-size:16px;background-color:var(--color-cream);border:1px solid var(--color-border);border-radius:var(--radius-button);color:var(--color-gunmetal)}.newsletter-input:focus{outline:none;border-color:var(--color-ecru)}.newsletter-btn{padding:10px 24px;font-family:var(--font-body);font-size:16px;font-weight:400;background-color:transparent;color:var(--color-cream);border:2px solid var(--color-cream);border-radius:var(--radius-button);cursor:pointer;transition:all .2s ease}.newsletter-btn:hover{font-weight:600;text-decoration:underline}.newsletter-success{font-size:1rem;margin-top:8px}.newsletter-error{color:var(--color-rust);font-size:12px;margin-top:4px}.footer-legal-links{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;font-size:12px}.footer-legal-links a,.footer-legal-links .cookie-settings-link{color:var(--color-cream);text-decoration:underline;transition:color .15s ease;background:none;border:none;padding:0;font-family:var(--font-body);font-size:12px;cursor:pointer}.footer-legal-links a:hover,.footer-legal-links .cookie-settings-link:hover{font-weight:600;text-decoration:underline}.footer-legal-links .separator{color:#f7f6ef80}.form-input,.form-select,input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{background-color:var(--color-cream);border:1px solid var(--color-border);border-radius:var(--radius-button);color:var(--color-gunmetal);font-family:var(--font-body)}.form-input:focus,.form-select:focus,input:focus,textarea:focus,select:focus{border-color:var(--color-ecru);outline:none;box-shadow:0 0 0 3px #c0a6791a}.form-label,label{color:var(--color-gunmetal);font-family:var(--font-body);font-weight:500}.border,[class*=border]{border-color:var(--color-border)}.border-dark{border-color:var(--color-seal-brown)}.badge{border-radius:var(--radius-button);font-family:var(--font-body);font-weight:600}.badge--success{background-color:var(--color-ecru);color:#000}.container{max-width:var(--max-width);padding-left:16px;padding-right:16px;margin:0 auto}a{color:var(--color-gunmetal);transition:color .15s ease}a:hover{font-weight:600;text-decoration:underline}.shadow,.card--elevated{box-shadow:#0000000d 0 1px 2px}button,a,.btn,.card,input,textarea,select{transition:all .2s ease}.btn-icon,.nav-link{transition:all .15s ease}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:24px}.hero{background-color:var(--color-cream);position:relative}.hero-overlay{background:#0c3a4bb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero h1,.hero h2{color:var(--color-cream);text-shadow:0 2px 4px rgba(0,0,0,.3)}.slideshow-control{width:48px;height:48px;background:#f7f6ef33;border:1px solid rgba(247,246,239,.4);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s ease}.dot-indicator{width:8px;height:8px;border-radius:var(--radius-full);background:#f7f6ef66;transition:all .3s ease}@media (max-width: 768px){h2{font-size:24px;line-height:30px}.container{padding-left:16px;padding-right:16px}}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-ecru);outline-offset:2px}.nav-group{display:flex;flex-direction:column}.nav-subitems{display:flex;flex-direction:column;margin-left:0;padding-left:0}.nav-subitem{display:block;padding:8px 16px;margin-left:40px;font-size:13px;color:#ffffffb3;text-decoration:none;transition:all .2s ease;border-left:2px solid transparent}.nav-subitem:hover{color:#ffffffe6;background-color:#ffffff0d;border-left-color:var(--color-ecru)}.nav-subitem.active{color:#fff;background-color:#ffffff1a;border-left-color:var(--color-ecru);font-weight:500}.messages-table tbody tr[style*="cursor: pointer"]:hover{background-color:#c0a67914;transition:background-color .15s ease}.messages-table tbody tr[style*="cursor: pointer"]:active{background-color:#c0a67926}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in}.security-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:var(--color-cream);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:24px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.stat-card:hover{border-color:var(--color-ecru);box-shadow:0 2px 8px #00000014}.stat-icon{font-size:32px;line-height:1}.stat-content h3{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);margin:0 0 4px;font-family:var(--font-body)}.stat-value{font-size:28px;font-weight:600;color:var(--color-gunmetal);margin:0;font-family:var(--font-heading)}.stat-description{font-size:12px;color:var(--color-text-secondary);margin:4px 0 0;font-family:var(--font-body);font-weight:400}.event-breakdown{background:var(--color-cream);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:20px}.event-breakdown-item{display:flex;align-items:center;padding:12px;border-bottom:1px solid rgba(180,154,104,.1);transition:background-color .15s ease}.event-breakdown-item:last-child{border-bottom:none}.event-breakdown-item:hover{background-color:#c0a6790d}.event-emoji{font-size:20px;margin-right:12px;min-width:28px}.event-name{flex:1;font-size:14px;color:var(--color-gunmetal)}.event-count{font-weight:600;color:var(--color-gunmetal);font-size:16px;min-width:40px;text-align:right}.alert-section{border:2px solid var(--color-rust);border-radius:var(--radius-card);padding:24px;background:#b93a0c08;margin-bottom:32px}.alert-section h2{color:var(--color-rust);margin-top:0}.suspicious-ips{display:flex;flex-direction:column;gap:16px}.suspicious-ip-card{background:var(--color-cream);border:1px solid var(--color-rust);border-radius:var(--radius-button);padding:16px}.ip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ip-header strong{font-family:Courier New,monospace;font-size:16px;color:var(--color-gunmetal)}.ip-details p{margin:6px 0;font-size:14px;color:var(--color-text-secondary)}.ip-details strong{color:var(--color-gunmetal);font-weight:600}.badge--error{background-color:var(--color-rust);color:#fff;padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.badge--warning{background-color:#f59e0b;color:#fff;padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.badge--info{background-color:var(--color-ecru);color:var(--color-gunmetal);padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.security-timeline{display:flex;flex-direction:column;gap:16px}.timeline-item{display:flex;gap:16px;padding:16px;background:var(--color-cream);border:1px solid var(--color-border);border-radius:var(--radius-button);border-left-width:4px;transition:all .2s ease}.timeline-item:hover{box-shadow:0 2px 8px #0000000d}.timeline-item--error{border-left-color:var(--color-rust)}.timeline-item--success{border-left-color:#10b981}.timeline-item--warning{border-left-color:#f59e0b}.timeline-item--info{border-left-color:var(--color-ecru)}.timeline-marker{font-size:24px;line-height:1;min-width:32px;display:flex;align-items:center;justify-content:center}.timeline-content{flex:1}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.timeline-header strong{color:var(--color-gunmetal);font-size:14px;font-weight:600}.timeline-time{font-size:12px;color:var(--color-text-secondary)}.timeline-details p{margin:4px 0;font-size:13px;color:var(--color-text-secondary)}.timeline-details code{background:#0000000d;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:12px;color:var(--color-gunmetal)}.user-agent-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--color-text-secondary)}.security-tips{background:#c0a6790d;border:1px solid var(--color-ecru);border-radius:var(--radius-card);padding:24px}.security-tips h2{margin-top:0;color:var(--color-gunmetal)}.security-tips ul{list-style:none;padding:0;margin:0}.security-tips li{padding:8px 0;font-size:14px;color:var(--color-gunmetal)}.empty-state{text-align:center;padding:40px 20px;color:var(--color-text-secondary);font-size:14px}.admin-section{margin-bottom:32px}.admin-section h2{margin-bottom:16px}.table-container{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-card)}.admin-table{width:100%;border-collapse:collapse;background:var(--color-cream)}.admin-table thead{background:#b49a680d;border-bottom:2px solid var(--color-border)}.admin-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary)}.admin-table td{padding:12px 16px;border-bottom:1px solid rgba(180,154,104,.1);font-size:14px;color:var(--color-gunmetal)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background-color:#c0a67908}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-body);line-height:1.5;font-weight:400;color:var(--color-gray-900);background:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit}._backdrop_ql93d_3{position:fixed;bottom:0;left:0;right:0;height:100vh;background:#0000004d;z-index:999;animation:_fadeIn_ql93d_1 .3s ease}._banner_ql93d_14{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface, #F7F6EF);box-shadow:0 -4px 20px #00000026;z-index:1000;animation:_slideUp_ql93d_1 .4s cubic-bezier(.16,1,.3,1);max-height:90vh;overflow-y:auto}._content_ql93d_27{max-width:var(--max-width, 1050px);margin:0 auto;padding:var(--spacing-xl, 32px) var(--spacing-lg, 24px)}._header_ql93d_33{margin-bottom:var(--spacing-md, 16px)}._title_ql93d_37{font-family:var(--font-heading, "Anton", sans-serif);font-size:var(--font-size-2xl, 1.5rem);color:var(--color-text, #122D38);margin:0;text-transform:uppercase;letter-spacing:.5px}._description_ql93d_46{font-family:var(--font-body, "Barlow Semi Condensed", sans-serif);font-size:var(--font-size-base, 1rem);color:var(--color-text-secondary, #0C3A4B);line-height:1.6;margin:0 0 var(--spacing-lg, 24px) 0}._link_ql93d_54{color:var(--color-accent, #C0A679);text-decoration:underline;font-weight:var(--font-weight-semibold, 600);transition:color var(--transition-fast, .15s)}._link_ql93d_54:hover{color:var(--color-accent-hover, #B49A68)}._link_ql93d_54:focus{outline:2px solid var(--color-accent, #C0A679);outline-offset:2px;border-radius:2px}._actions_ql93d_72{display:flex;flex-wrap:wrap;gap:var(--spacing-md, 16px);align-items:center}._button_ql93d_80{font-family:var(--font-body, "Barlow Semi Condensed", sans-serif);padding:12px 24px;font-size:var(--font-size-base, 1rem);font-weight:var(--font-weight-semibold, 600);border-radius:var(--border-radius-small, 4px);border:none;cursor:pointer;transition:all var(--transition-base, .2s);white-space:nowrap;min-width:140px}._button_ql93d_80:focus{outline:2px solid var(--color-accent, #C0A679);outline-offset:2px}._buttonPrimary_ql93d_98{background:var(--color-accent, #C0A679);color:var(--color-primary, #122D38)}._buttonPrimary_ql93d_98:hover{background:var(--color-accent-hover, #B49A68);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}._buttonPrimary_ql93d_98:active{transform:translateY(0)}._buttonSecondary_ql93d_113{background:var(--color-primary, #122D38);color:var(--color-primary-text, #F7F6EF)}._buttonSecondary_ql93d_113:hover{background:var(--color-primary-hover, #0C3A4B);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}._buttonSecondary_ql93d_113:active{transform:translateY(0)}._buttonOutline_ql93d_128{background:transparent;color:var(--color-text, #122D38);border:2px solid var(--color-border, rgba(180, 154, 104, .2))}._buttonOutline_ql93d_128:hover{background:#b49a680d;border-color:var(--color-accent, #C0A679)}._customization_ql93d_140{margin-top:var(--spacing-lg, 24px)}._cookieTypes_ql93d_144{display:flex;flex-direction:column;gap:var(--spacing-lg, 24px);margin-bottom:var(--spacing-xl, 32px)}._cookieType_ql93d_144{padding:var(--spacing-md, 16px);background:#b49a6808;border:1px solid var(--color-border-light, rgba(180, 154, 104, .1));border-radius:var(--border-radius, 8px);transition:border-color var(--transition-base, .2s)}._cookieType_ql93d_144:hover{border-color:var(--color-border, rgba(180, 154, 104, .2))}._cookieHeader_ql93d_163{margin-bottom:var(--spacing-sm, 8px)}._cookieLabel_ql93d_167{display:flex;align-items:center;gap:var(--spacing-sm, 8px);cursor:pointer;font-family:var(--font-body, "Barlow Semi Condensed", sans-serif)}._cookieLabel_ql93d_167 input[disabled]{cursor:not-allowed}._checkbox_ql93d_179{width:20px;height:20px;cursor:pointer;accent-color:var(--color-accent, #C0A679)}._checkbox_ql93d_179:disabled{cursor:not-allowed;opacity:.6}._checkbox_ql93d_179:focus{outline:2px solid var(--color-accent, #C0A679);outline-offset:2px}._cookieName_ql93d_196{font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text, #122D38);flex:1}._badge_ql93d_203{font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-tertiary, #B49A68);background:#b49a681a;padding:4px 12px;border-radius:var(--border-radius-large, 9999px);text-transform:uppercase;letter-spacing:.5px}._cookieDescription_ql93d_214{font-family:var(--font-body, "Barlow Semi Condensed", sans-serif);font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #0C3A4B);line-height:1.5;margin:0;padding-left:28px}._customActions_ql93d_223{display:flex;flex-wrap:wrap;gap:var(--spacing-md, 16px);padding-top:var(--spacing-lg, 24px);border-top:1px solid var(--color-border-light, rgba(180, 154, 104, .1))}@keyframes _fadeIn_ql93d_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_ql93d_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width: 768px){._content_ql93d_27{padding:var(--spacing-lg, 24px) var(--spacing-md, 16px)}._title_ql93d_37{font-size:var(--font-size-xl, 1.25rem)}._description_ql93d_46{font-size:var(--font-size-sm, .875rem)}._actions_ql93d_72,._customActions_ql93d_223{flex-direction:column;width:100%}._button_ql93d_80{width:100%;min-width:unset}._cookieDescription_ql93d_214{padding-left:0;margin-top:var(--spacing-sm, 8px)}._cookieLabel_ql93d_167{flex-wrap:wrap}._badge_ql93d_203{flex-basis:100%;margin-left:28px;width:fit-content}}@media (prefers-contrast: high){._banner_ql93d_14{border-top:3px solid currentColor}._button_ql93d_80{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){._backdrop_ql93d_3,._banner_ql93d_14{animation:none}._button_ql93d_80{transition:none}._button_ql93d_80:hover{transform:none}}@media print{._backdrop_ql93d_3,._banner_ql93d_14{display:none}}.home-container{min-height:100vh}.hero-slideshow{position:relative;width:100%;max-width:var(--layout-max-width, 1050px);height:500px;overflow:hidden;margin:48px auto 0;background-color:var(--color-cream);padding:0 16px}.slideshow-container{position:relative;width:100%;height:100%}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;background-size:cover;background-position:center;background-repeat:no-repeat}.slide.active{opacity:1}.slideshow-control{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:#f7f6ef33;border:1px solid rgba(247,246,239,.4);border-radius:9999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-cream);transition:background .2s ease;z-index:10}.slideshow-control:hover{background:#f7f6ef4d}.slideshow-control.prev{left:24px}.slideshow-control.next{right:24px}.slideshow-control .material-symbols-outlined{font-size:32px}.slideshow-dots{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.dot-indicator{width:8px;height:8px;border-radius:9999px;background:#f7f6ef66;border:none;cursor:pointer;transition:all .3s ease;padding:0}.dot-indicator.active{width:32px;background-color:var(--color-ecru)}.dot-indicator:hover{background:#f7f6ef99}.collections-section{padding:80px 0;background-color:var(--color-cream)}.collections-section .section-header{flex-direction:column;text-align:center;max-width:800px;margin:0 auto 64px}.collections-section h2{font-family:var(--font-heading);font-size:30px;font-weight:600;line-height:36px;color:var(--color-gunmetal);margin-bottom:12px}.collections-grid-container{display:flex;justify-content:space-between;gap:32px;max-width:1000px;margin:0 auto}.collection-card{flex:1;max-width:308px}.collection-images{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,108px);gap:4px;margin-bottom:16px}.collection-images img{width:100%;height:100%;object-fit:cover;display:block}.collection-info{text-align:center}.contact-section{padding:80px 0;background-color:var(--color-cream)}.contact-section h2{font-family:var(--font-heading);font-size:30px;font-weight:400;letter-spacing:.05em;color:var(--color-gunmetal);text-align:center;margin-bottom:16px;text-transform:uppercase}.contact-intro{text-align:center;max-width:800px;margin:0 auto 48px}.contact-intro p{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--color-gunmetal);margin-bottom:12px}.contact-intro a{color:var(--color-gunmetal);text-decoration:underline;transition:color .2s ease}.contact-intro a:hover{color:var(--color-rust)}.contact-layout{max-width:800px;margin:0 auto}.contact-image{width:100%;height:100%;min-height:400px}.contact-image img{width:100%;height:100%;object-fit:cover}.contact-form{width:100%;padding:48px 64px;background-color:transparent}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-group{margin-bottom:16px}.form-row .form-group{margin-bottom:0}.form-group label{font-family:var(--font-body);color:var(--color-gunmetal)}.form-group input,.form-group textarea{font-family:var(--font-body);color:var(--color-gunmetal);background-color:transparent;border:none;border-bottom:1px solid #122d38;border-radius:0;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-gunmetal)}.form-group textarea{resize:vertical}.form-checkbox{display:flex;align-items:center;gap:10px;margin-bottom:24px}.form-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-gunmetal)}.form-checkbox label{font-family:var(--font-body);font-size:14px;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:var(--color-gunmetal);cursor:pointer;margin:0}.submit-btn{display:inline-block;padding:12px 48px;font-family:var(--font-body);font-size:14px;font-weight:400;text-align:center;background-color:var(--color-gunmetal);color:#fff;border:none;border-radius:0;cursor:pointer;transition:all .2s ease}.submit-btn:hover{background-color:var(--color-seal-brown)}.success-message{padding:48px 32px;text-align:center;background-color:#c0a6791a;border:1px solid var(--color-ecru);border-radius:var(--radius-card)}.success-message h3{font-family:var(--font-heading);font-size:24px;font-weight:600;color:var(--color-gunmetal);margin-bottom:12px}.success-message p{font-family:var(--font-body);font-size:16px;color:var(--color-gunmetal);margin:0}@media (max-width: 1024px){.collections-grid-container{flex-direction:column;align-items:center}.collection-card{max-width:100%}}@media (max-width: 768px){.hero-slideshow{height:500px}.slideshow-control{width:40px;height:40px}.slideshow-control.prev{left:16px}.slideshow-control.next{right:16px}.collections-section h2,.artwork-section h2,.contact-section h2{font-size:24px;line-height:30px}.masonry-grid{grid-template-columns:repeat(2,1fr);gap:8px}.contact-layout{grid-template-columns:1fr;gap:32px}.contact-image{min-height:300px}.contact-form{padding:0 16px}.form-row{grid-template-columns:1fr;gap:0}.form-row .form-group{margin-bottom:16px}.form-row .form-group:last-child{margin-bottom:0}}@media (max-width: 480px){.hero-slideshow{height:400px}.collections-section,.artwork-section,.contact-section{padding:60px 0}.collection-images{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.masonry-grid{grid-template-columns:1fr}}.gallery-container{min-height:100vh}.artwork-section{padding:80px 0;background-color:var(--color-cream)}.artwork-section .section-header{flex-direction:column;text-align:center;max-width:800px;margin:0 auto 64px}.artwork-section h2{font-family:var(--font-heading);font-size:30px;font-weight:600;line-height:36px;color:var(--color-gunmetal);margin-bottom:12px}.masonry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;grid-auto-flow:dense}.masonry-item{overflow:hidden;background-color:var(--color-cream)}.masonry-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.masonry-item:hover img{transform:scale(1.05)}.masonry-item--small{grid-row:span 1}.masonry-item--medium{grid-row:span 2}.masonry-item--tall{grid-row:span 3}@media (max-width: 768px){.artwork-section h2{font-size:24px;line-height:30px}.masonry-grid{grid-template-columns:repeat(2,1fr);gap:8px}}@media (max-width: 480px){.artwork-section{padding:60px 0}.masonry-grid{grid-template-columns:1fr}}.parade-container{min-height:100vh;background-color:var(--color-cream)}.announcement-section{padding:60px 0;background-color:var(--color-cream)}.announcement-content{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.announcement-text h1{font-family:var(--font-heading);font-size:36px;font-weight:600;color:var(--color-gunmetal);margin-bottom:24px}.announcement-text p{font-family:var(--font-body);font-size:16px;line-height:1.8;color:var(--color-gunmetal);margin-bottom:16px}.announcement-image{width:100%;height:100%}.announcement-image img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-card)}.announcement-section .journey-note{font-style:italic;margin-top:24px;padding-top:24px;border-top:1px solid var(--color-ecru)}.experience-section{padding:60px 0 32px;background-color:var(--color-cream)}.experience-section h2{font-family:var(--font-heading);font-size:32px;font-weight:600;color:var(--color-gunmetal);margin-bottom:16px;text-align:center}.section-intro{font-family:var(--font-body);font-size:16px;line-height:1.8;color:var(--color-gunmetal);max-width:800px;margin:0 auto;text-align:center}.video-section{position:relative;width:100%;max-width:var(--layout-max-width, 1050px);margin:32px auto 0;padding:0 16px}.video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;background-color:var(--color-gunmetal);border-radius:var(--radius-card);overflow:hidden}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media (max-width: 480px){.video-section{margin-top:32px}}.gallery-section{position:relative;width:100%;overflow:hidden;background-color:var(--color-cream);padding:0 0 80px}.gallery-slideshow{position:relative;width:100%;max-width:var(--layout-max-width, 1050px);height:60vh;margin:0 auto;padding:0 16px;overflow:visible}.gallery-slide{position:absolute;top:0;width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:0;align-items:stretch;transition:all .8s cubic-bezier(.645,.045,.355,1);background-color:var(--color-gunmetal);opacity:0;visibility:hidden;pointer-events:none;overflow:hidden}.gallery-slide.prev{left:0;transform:translate(-100%) scale(.95);opacity:0;visibility:hidden;z-index:1}.gallery-slide.active{left:0;transform:translate(0) scale(1);opacity:1;visibility:visible;z-index:2;pointer-events:auto}.gallery-slide.next{left:0;transform:translate(100%) scale(.95);opacity:0;visibility:hidden;z-index:1}.slide-image{width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.slide-image img{width:100%;height:100%;display:block;object-fit:cover}.slide-caption{padding:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-gunmetal)}.slide-caption p{font-family:var(--font-body);font-size:18px;line-height:1.8;color:var(--color-cream);max-width:600px}.gallery-control{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:none;align-items:center;justify-content:center;color:var(--color-gunmetal);transition:all .3s ease;z-index:10}.gallery-control:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.gallery-control.prev{left:32px}.gallery-control.next{right:32px}.gallery-control .material-symbols-outlined{font-size:28px}.gallery-dots{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.gallery-dot{width:12px;height:12px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:all .3s ease;padding:0}.gallery-dot:hover{background:#fffc}.gallery-dot.active{width:40px;border-radius:6px;background:#fff}.process-section{padding:80px 0;background-color:#c0a6790d;border-top:1px solid var(--color-ecru)}.process-section h2{font-family:var(--font-heading);font-size:32px;font-weight:600;color:var(--color-gunmetal);margin-bottom:16px;text-align:center}.process-timeline{margin-top:48px}.timeline-placeholder{padding:80px 32px;text-align:center;background-color:var(--color-cream);border:2px dashed var(--color-ecru);border-radius:var(--radius-card)}.timeline-placeholder p{font-family:var(--font-body);font-size:16px;color:var(--color-gunmetal);font-style:italic;max-width:600px;margin:0 auto}.about-parade{padding:80px 0;background-color:var(--color-cream)}.about-parade h1{font-family:var(--font-heading);font-size:32px;font-weight:600;color:var(--color-gunmetal);margin-bottom:32px;text-align:center}.about-parade h2{font-family:var(--font-heading);font-size:32px;font-weight:600;color:var(--color-gunmetal);margin-bottom:48px;text-align:left}.about-parade-content{display:grid;grid-template-columns:65% 35%;gap:48px;align-items:start;text-align:left}.about-parade p{font-family:var(--font-body);font-size:16px;line-height:1.8;color:var(--color-gunmetal);margin:0 0 16px;text-align:left}.about-parade p:last-of-type{margin-bottom:24px}.about-parade .btn{display:inline-block;margin:0;width:fit-content;text-align:left}@media (max-width: 768px){.parade-hero{padding:60px 0 48px}.parade-hero h1{font-size:32px}.parade-hero .hero-lead{font-size:16px}.announcement-content{grid-template-columns:1fr;gap:32px}.announcement-text h1,.announcement-section h2,.experience-section h2,.gallery-section h2,.process-section h2,.about-parade h2{font-size:28px}.about-parade-content{grid-template-columns:1fr;gap:32px}.gallery-slideshow{height:800px;padding:0;max-width:100%}.gallery-slide{grid-template-columns:1fr;grid-template-rows:60% 40%;gap:0;width:100%;left:0}.gallery-slide.prev{transform:translate(-100%) scale(.95)}.gallery-slide.next{transform:translate(100%) scale(.95)}.slide-caption{padding:32px}.gallery-control.prev{left:16px}.gallery-control.next{right:16px}.gallery-control{width:40px;height:40px}.gallery-control .material-symbols-outlined{font-size:24px}.gallery-placeholder,.timeline-placeholder{padding:60px 24px}}@media (max-width: 480px){.parade-hero{padding:48px 0 40px}.parade-hero h1{font-size:28px}.announcement-section,.experience-section,.gallery-section,.process-section,.about-parade{padding:60px 0}.announcement-text h1,.announcement-section h2,.experience-section h2,.gallery-section h2,.process-section h2,.about-parade h2{font-size:24px}.announcement-badge{font-size:12px;padding:6px 18px}.gallery-slideshow{height:700px;padding:0;max-width:100%}.gallery-slide{width:100%;left:0;grid-template-rows:60% 40%}.gallery-slide.prev{transform:translate(-100%) scale(.95)}.gallery-slide.next{transform:translate(100%) scale(.95)}.slide-caption{padding:24px}.slide-caption p{font-size:16px}.gallery-control.prev{left:8px}.gallery-control.next{right:8px}.gallery-control{width:36px;height:36px}.gallery-control .material-symbols-outlined{font-size:20px}.gallery-dots{bottom:16px;gap:8px}.gallery-dot{width:10px;height:10px}.gallery-dot.active{width:32px}.gallery-placeholder,.timeline-placeholder{padding:48px 16px}}.about-page{min-height:100vh;background-color:var(--color-cream)}.about-section{padding:80px 0;background-color:var(--color-cream)}.about-section .container{max-width:1000px}.about-section h1{font-family:var(--font-heading);font-size:36px;font-weight:600;line-height:42px;color:var(--color-gunmetal);text-align:center;margin-bottom:48px}.about-content{display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:start}.about-image{width:100%}.about-image img{width:100%;height:auto;border-radius:50%;object-fit:cover;aspect-ratio:1 / 1}.about-text{display:flex;flex-direction:column;gap:16px}.about-text p{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--color-gunmetal)}@media (max-width: 768px){.about-section h1{font-size:30px;line-height:36px}.about-content{grid-template-columns:1fr;gap:32px}.about-image{max-width:280px;margin:0 auto}}@media (max-width: 480px){.about-section{padding:60px 0}.about-section h1{font-size:24px;line-height:30px}}.privacy-policy-page{min-height:100vh;background:var(--color-background, #F7F6EF);padding:var(--spacing-2xl, 48px) 0}.privacy-policy-container{max-width:var(--max-width-narrow, 800px);margin:0 auto;padding:0 var(--spacing-lg, 24px)}.privacy-policy-header{text-align:center;margin-bottom:var(--spacing-3xl, 64px);padding-bottom:var(--spacing-xl, 32px);border-bottom:2px solid var(--color-border, rgba(180, 154, 104, .2))}.privacy-policy-header h1{font-family:var(--font-heading, "Anton", sans-serif);font-size:var(--font-size-5xl, 3rem);color:var(--color-text, #122D38);margin:0 0 var(--spacing-md, 16px) 0;text-transform:uppercase;letter-spacing:1px}.last-updated{font-family:var(--font-body, "Barlow Semi Condensed", sans-serif);font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #0C3A4B);font-style:italic;margin:0}.privacy-policy-content{font-family:var(--font-body, "Barlow Semi Condensed", sans-serif);color:var(--color-text, #122D38);line-height:1.8}.privacy-section{margin-bottom:var(--spacing-3xl, 64px)}.privacy-section:last-child{margin-bottom:0}.privacy-section h2{font-family:var(--font-heading, "Anton", sans-serif);font-size:var(--font-size-3xl, 1.875rem);color:var(--color-text, #122D38);margin:0 0 var(--spacing-lg, 24px) 0;text-transform:uppercase;letter-spacing:.5px}.privacy-section h3{font-family:var(--font-heading, "Anton", sans-serif);font-size:var(--font-size-xl, 1.25rem);color:var(--color-text-secondary, #0C3A4B);margin:var(--spacing-xl, 32px) 0 var(--spacing-md, 16px) 0;text-transform:uppercase;letter-spacing:.3px}.privacy-section p{font-size:var(--font-size-base, 1rem);color:var(--color-text-secondary, #0C3A4B);margin:0 0 var(--spacing-md, 16px) 0}.privacy-section ul{list-style:none;padding:0;margin:var(--spacing-lg, 24px) 0}.privacy-section ul li{position:relative;padding-left:var(--spacing-xl, 32px);margin-bottom:var(--spacing-md, 16px);font-size:var(--font-size-base, 1rem);color:var(--color-text-secondary, #0C3A4B)}.privacy-section ul li:before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;background:var(--color-accent, #C0A679);border-radius:50%}.privacy-section ul li strong{color:var(--color-text, #122D38);font-weight:var(--font-weight-semibold, 600)}.contact-list{background:#b49a680d;padding:var(--spacing-lg, 24px);border-radius:var(--border-radius, 8px);border:1px solid var(--color-border-light, rgba(180, 154, 104, .1))}.contact-list li:before{top:12px}.privacy-section a{color:var(--color-accent, #C0A679);text-decoration:underline;font-weight:var(--font-weight-semibold, 600);transition:color var(--transition-fast, .15s)}.privacy-section a:hover{color:var(--color-accent-hover, #B49A68)}.privacy-section a:focus{outline:2px solid var(--color-accent, #C0A679);outline-offset:2px;border-radius:2px}.gdpr-notice{background:#c0a6791a;padding:var(--spacing-xl, 32px);border-radius:var(--border-radius, 8px);border-left:4px solid var(--color-accent, #C0A679)}@media (max-width: 768px){.privacy-policy-page{padding:var(--spacing-xl, 32px) 0}.privacy-policy-header h1{font-size:var(--font-size-4xl, 2.25rem)}.privacy-policy-header{margin-bottom:var(--spacing-2xl, 48px);padding-bottom:var(--spacing-lg, 24px)}.privacy-section{margin-bottom:var(--spacing-2xl, 48px)}.privacy-section h2{font-size:var(--font-size-2xl, 1.5rem)}.privacy-section h3{font-size:var(--font-size-lg, 1.125rem)}.privacy-section p,.privacy-section ul li{font-size:var(--font-size-sm, .875rem)}.privacy-section ul li{padding-left:var(--spacing-lg, 24px)}.contact-list{padding:var(--spacing-md, 16px)}.gdpr-notice{padding:var(--spacing-lg, 24px)}}@media (max-width: 480px){.privacy-policy-container{padding:0 var(--spacing-md, 16px)}.privacy-policy-header h1{font-size:var(--font-size-3xl, 1.875rem)}}@media print{.privacy-policy-page{background:#fff}.privacy-section a{color:#000;text-decoration:underline}.gdpr-notice{border:2px solid black;background:#fff}}.not-found{min-height:calc(100vh - 200px);padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,var(--color-background) 0%,var(--color-surface-hover) 100%)}.not-found__container{text-align:center}.not-found__illustration{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-xl)}.not-found__number{font-size:120px;font-weight:var(--font-weight-bold);font-family:var(--font-heading);color:var(--color-border);line-height:1;-webkit-user-select:none;user-select:none}.not-found__icon{position:absolute;font-size:64px;color:var(--color-accent);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.not-found__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);font-family:var(--font-heading);color:var(--color-text);margin:0 0 var(--spacing-md)}.not-found__description{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--spacing-2xl);max-width:500px;margin-left:auto;margin-right:auto}.not-found__search{background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-2xl)}.not-found__search-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);font-family:var(--font-heading);color:var(--color-text);margin:0 0 var(--spacing-lg)}.not-found__search-form{display:flex;gap:var(--spacing-md);align-items:stretch}.not-found__search-input-wrapper{position:relative;flex:1}.not-found__search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-secondary);pointer-events:none;font-size:20px}.not-found__search-input{width:100%;padding:12px 16px 12px 44px;font-size:var(--font-size-base);font-family:var(--font-body);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);transition:all var(--transition-base)}.not-found__search-input:focus{outline:none;border-color:var(--color-accent);background:var(--color-white)}.not-found__search-input::placeholder{color:var(--color-text-secondary)}.not-found__search-form .btn{min-width:120px;white-space:nowrap}.not-found__suggestions{margin-bottom:var(--spacing-2xl)}.not-found__suggestions-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);font-family:var(--font-heading);color:var(--color-text);margin:0 0 var(--spacing-lg)}.not-found__suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);text-align:left}.not-found__suggestion-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-base);position:relative;overflow:hidden}.not-found__suggestion-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-accent);transform:translate(-4px);transition:transform var(--transition-base)}.not-found__suggestion-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.not-found__suggestion-card:hover:before{transform:translate(0)}.not-found__suggestion-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-background);border-radius:var(--radius-md);color:var(--color-accent);font-size:28px;transition:all var(--transition-base)}.not-found__suggestion-card:hover .not-found__suggestion-icon{background:var(--color-accent);color:var(--color-white)}.not-found__suggestion-content{flex:1}.not-found__suggestion-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);font-family:var(--font-heading);color:var(--color-text);margin:0 0 var(--spacing-xs)}.not-found__suggestion-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.4}.not-found__suggestion-arrow{flex-shrink:0;color:var(--color-text-secondary);font-size:20px;transition:all var(--transition-base)}.not-found__suggestion-card:hover .not-found__suggestion-arrow{color:var(--color-accent);transform:translate(4px)}.not-found__back{padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.not-found__back .btn .material-symbols-outlined{font-size:18px}@media (max-width: 768px){.not-found{padding:var(--spacing-2xl) 0}.not-found__number{font-size:80px}.not-found__icon{font-size:48px}.not-found__title{font-size:var(--font-size-3xl)}.not-found__description{font-size:var(--font-size-base)}.not-found__search{padding:var(--spacing-lg)}.not-found__search-form{flex-direction:column}.not-found__search-form .btn{width:100%}.not-found__suggestions-grid{grid-template-columns:1fr}.not-found__suggestion-card{padding:var(--spacing-md)}.not-found__suggestion-icon{width:40px;height:40px;font-size:24px}.not-found__suggestion-label{font-size:var(--font-size-base)}}@media (min-width: 769px) and (max-width: 1024px){.not-found__suggestions-grid{grid-template-columns:repeat(2,1fr)}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-background) 0%,var(--color-surface-hover) 100%);padding:var(--spacing-2xl)}.error-boundary__container{max-width:600px;width:100%;text-align:center;background:var(--color-white);padding:var(--spacing-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.error-boundary__icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--color-error-light);border-radius:var(--radius-full);margin-bottom:var(--spacing-lg)}.error-boundary__icon .material-symbols-outlined{font-size:48px;color:var(--color-error)}.error-boundary__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-md);font-family:var(--font-heading)}.error-boundary__message{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--spacing-xl)}.error-boundary__actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap}.error-boundary__actions .btn{min-width:160px}.error-boundary__actions .btn .material-symbols-outlined{font-size:20px}.error-boundary__help{padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.error-boundary__contact-link{color:var(--color-accent);text-decoration:underline;font-weight:var(--font-weight-semibold);transition:color var(--transition-fast)}.error-boundary__contact-link:hover{color:var(--color-accent-hover)}.error-boundary__details{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-gray-50);border-radius:var(--radius-md);text-align:left;border:1px solid var(--color-border)}.error-boundary__details-summary{cursor:pointer;font-weight:var(--font-weight-semibold);color:var(--color-text);padding:var(--spacing-sm);-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.error-boundary__details-summary:hover{color:var(--color-accent)}.error-boundary__technical{padding:var(--spacing-md)}.error-boundary__technical h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-error);margin:var(--spacing-md) 0 var(--spacing-sm)}.error-boundary__technical h3:first-child{margin-top:0}.error-boundary__technical pre{background:var(--color-white);padding:var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--color-border);overflow-x:auto;font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:1.5;color:var(--color-error-dark);white-space:pre-wrap;word-break:break-word}@media (max-width: 768px){.error-boundary{padding:var(--spacing-lg)}.error-boundary__container{padding:var(--spacing-xl)}.error-boundary__title{font-size:var(--font-size-2xl)}.error-boundary__message{font-size:var(--font-size-base)}.error-boundary__actions{flex-direction:column;width:100%}.error-boundary__actions .btn{width:100%;min-width:unset}.error-boundary__icon{width:64px;height:64px}.error-boundary__icon .material-symbols-outlined{font-size:36px}}