@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);@import url(https://use.fontawesome.com/releases/v5.13.0/css/all.css);:root{--primary-50:#f0fdf4;--primary-100:#dcfce7;--primary-200:#bbf7d0;--primary-300:#86efac;--primary-400:#4ade80;--primary-500:#22c55e;--primary-600:#16a34a;--primary-700:#15803d;--primary-800:#166534;--primary-900:#14532d;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success-500:#10b981;--warning-500:#f59e0b;--error-500:#ef4444;--info-500:#3b82f6;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-base:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:400;line-height:1.6;color:var(--gray-800);background-color:var(--gray-50);min-height:100vh}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-6xl{font-size:var(--text-6xl)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:inherit;font-size:var(--text-sm);font-weight:500;line-height:1.5;text-decoration:none;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background-color:var(--primary-600);border-color:var(--primary-600)}.btn-primary:hover:not(:disabled){background-color:var(--primary-700);border-color:var(--primary-700);box-shadow:var(--shadow-md)}.btn-secondary{color:var(--gray-700);background-color:#fff;border-color:var(--gray-300)}.btn-secondary:hover:not(:disabled){background-color:var(--gray-50);border-color:var(--gray-400)}.btn-outline{color:var(--primary-600);background-color:initial;border-color:var(--primary-600)}.btn-outline:hover:not(:disabled){color:#fff;background-color:var(--primary-600)}.btn-ghost{color:var(--gray-600);background-color:initial;border-color:transparent}.btn-ghost:hover:not(:disabled){color:var(--gray-900);background-color:var(--gray-100)}.btn-demo{color:#fff;background:linear-gradient(135deg,var(--info-500),#2563eb);border-color:var(--info-500);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.btn-demo:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-demo:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.btn-demo:hover:before{left:100%}.btn-demo i{margin-right:var(--space-1)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn-xl{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.card{background-color:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300)}.card-header{border-bottom:1px solid var(--gray-200)}.card-body,.card-footer,.card-header{padding:var(--space-6)}.card-footer{border-top:1px solid var(--gray-200);background-color:var(--gray-50)}.form-group{margin-bottom:var(--space-4)}.form-label{font-weight:500}.form-input{display:block;padding:var(--space-3);line-height:1.5}.form-input::placeholder{color:var(--gray-400)}.container{max-width:1280px}.container,.container-sm{margin:0 auto;padding:0 var(--space-4)}.container-sm{max-width:640px}.grid{display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{grid-gap:var(--space-2);gap:var(--space-2)}.gap-4{grid-gap:var(--space-4);gap:var(--space-4)}.gap-6{grid-gap:var(--space-6);gap:var(--space-6)}.gap-8{grid-gap:var(--space-8);gap:var(--space-8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow-base)}.shadow-lg{box-shadow:var(--shadow-lg)}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-700);text-decoration:underline}.error{color:var(--error-500);font-size:var(--text-sm)}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.sm\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:grid-cols-5{grid-template-columns:repeat(5,1fr)}}.auth-modal{width:100%;max-width:420px;margin:0 auto;padding:var(--space-8);background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl)}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-title{font-size:var(--text-3xl);font-weight:700;color:var(--gray-900);margin:0 0 var(--space-3) 0;letter-spacing:-.025em}.auth-subtitle{font-size:var(--text-base);color:var(--gray-600);margin:0;line-height:1.5}.auth-form{display:flex;flex-direction:column;grid-gap:var(--space-6);gap:var(--space-6)}.form-input-icon{transition:color var(--transition-fast)}.form-input{font-family:var(--font-sans);border:2px solid var(--gray-300);outline:none}.form-input-error{background-color:rgba(239,68,68,.05)}.form-error{padding:var(--space-2) 0}.auth-actions{display:flex;flex-direction:column;grid-gap:var(--space-4);gap:var(--space-4);margin-top:var(--space-2)}.auth-submit-btn{width:100%;font-weight:600;letter-spacing:.025em;box-shadow:var(--shadow-md)}.auth-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-lg)}.auth-demo-btn{width:100%;font-weight:600}.auth-divider{position:relative;text-align:center;margin:var(--space-2) 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--gray-300);z-index:1}.auth-divider span{position:relative;background-color:#fff;padding:0 var(--space-4);font-size:var(--text-sm);color:var(--gray-500);z-index:2}.auth-terms{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--gray-200)}.auth-terms-text{font-size:var(--text-xs);color:var(--gray-600);text-align:center;line-height:1.5;margin:0}.auth-footer{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--gray-200);text-align:center}.auth-footer-text{font-size:var(--text-sm);color:var(--gray-600);margin:0}.auth-link-btn{color:var(--primary-600);background:none;border:none;font-size:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:color var(--transition-fast);margin-left:var(--space-1)}.auth-link-btn:hover{color:var(--primary-700);text-decoration:underline}.logout-btn{background:linear-gradient(135deg,var(--error-500),#dc2626);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;grid-gap:var(--space-2);gap:var(--space-2)}.logout-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:var(--shadow-md);transform:translateY(-1px)}.logout-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.fa-spinner{animation:spin 1s linear infinite}@media (max-width:480px){.auth-modal{padding:var(--space-6);margin:var(--space-4);max-width:none;width:calc(100% - 2rem)}.auth-title{font-size:var(--text-2xl)}.auth-subtitle{font-size:var(--text-sm)}.form-input{padding:var(--space-2) var(--space-2) var(--space-2) 2.25rem}.form-input-icon{left:var(--space-2)}}.auth-link-btn:focus,.btn:focus,.form-input:focus,.logout-btn:focus{outline:2px solid var(--primary-500);outline-offset:2px}@media (prefers-contrast:high){.form-input{border-width:3px}.form-error{font-weight:600}}.navbar{position:sticky;top:0;z-index:50;background-color:#fff;border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:visible}.navbar-container{max-width:1280px;margin:0 auto;padding:0 var(--space-4);justify-content:space-between;height:80px;grid-gap:var(--space-6);gap:var(--space-6);overflow:visible;position:relative}.navbar-container,.navbar-left{display:flex;align-items:center}.navbar-left{grid-gap:var(--space-4);gap:var(--space-4)}.navbar-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--gray-600);background-color:initial;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-lg)}.navbar-menu-btn:hover{color:var(--primary-600);background-color:var(--gray-100)}.navbar-home-btn{display:flex;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--gray-600);background-color:initial;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-sm);font-weight:500;text-decoration:none}.navbar-home-btn:hover{color:var(--primary-600);background-color:var(--gray-100);text-decoration:none}.navbar-home-btn i{font-size:var(--text-base)}.navbar-home-text{display:none}@media (min-width:640px){.navbar-home-text{display:inline}}.navbar-logo-link{text-decoration:none;color:inherit}.navbar-logo{display:flex;align-items:center;grid-gap:var(--space-3);gap:var(--space-3)}.navbar-logo-img{height:48px;width:auto;border-radius:var(--radius-md)}.navbar-brand-text{font-size:var(--text-2xl);font-weight:700;color:var(--primary-600);letter-spacing:-.025em}.navbar-center{flex:1 1;max-width:500px;margin:0 var(--space-8)}.navbar-search{position:relative;width:100%}.navbar-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:var(--text-sm);pointer-events:none}.navbar-search-input{width:100%;padding:var(--space-3) var(--space-3) var(--space-3) 2.5rem;font-size:var(--text-sm);color:var(--gray-700);background-color:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-full);transition:all var(--transition-fast)}.navbar-search-input:focus{outline:none;background-color:#fff;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(34,197,94,.1)}.navbar-search-input:disabled{cursor:not-allowed;opacity:.6}.navbar-right{display:flex;align-items:center;grid-gap:var(--space-4);gap:var(--space-4)}.navbar-user-actions{display:flex;align-items:center;grid-gap:var(--space-3);gap:var(--space-3)}.navbar-sell-btn{display:inline-flex;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:600;color:var(--gray-600);background-color:initial;border:2px solid var(--gray-200);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.navbar-sell-btn:hover{color:var(--primary-700);background-color:var(--primary-100);border-color:var(--primary-300);transform:translateY(-1px);box-shadow:var(--shadow-md);text-decoration:none}.navbar-sell-btn i{font-size:var(--text-xs)}.navbar-cart-btn{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--gray-600);background-color:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-lg)}.navbar-cart-btn:hover{color:var(--primary-600);background-color:var(--primary-50);border-color:var(--primary-200);transform:translateY(-1px);box-shadow:var(--shadow-md)}.navbar-cart-badge{position:absolute;top:-6px;right:-6px;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-1);font-size:var(--text-xs);font-weight:700;color:#fff;background-color:var(--primary-600);border-radius:var(--radius-full);border:2px solid #fff;box-shadow:var(--shadow-sm)}.navbar-auth-actions{display:flex;align-items:center;grid-gap:var(--space-3);gap:var(--space-3)}.navbar-demo-btn{display:inline-flex;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:600;color:var(--gray-600);background-color:initial;border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.navbar-demo-btn:hover{color:var(--primary-700);background-color:var(--primary-100);border-color:var(--primary-300);transform:translateY(-1px);box-shadow:var(--shadow-md)}.navbar-demo-btn i{font-size:var(--text-xs)}.navbar-login-btn{display:inline-flex;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:600;color:var(--gray-600);background-color:initial;border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.navbar-login-btn:hover{color:var(--primary-700);background-color:var(--primary-100);border-color:var(--primary-300);transform:translateY(-1px);box-shadow:var(--shadow-md)}.navbar-signup-btn{display:inline-flex;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:600;color:var(--gray-600);background-color:initial;border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.navbar-signup-btn:hover{color:var(--primary-700);background-color:var(--primary-100);border-color:var(--primary-300);transform:translateY(-1px);box-shadow:var(--shadow-md)}.navbar-user-menu{display:flex;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-1) var(--space-3);color:var(--gray-700);background-color:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-sm);font-weight:500}.navbar-user-menu:hover{color:var(--primary-700);background-color:var(--primary-100);border-color:var(--primary-300);box-shadow:var(--shadow-sm)}.navbar-user-avatar{width:32px;height:32px;border-radius:var(--radius-full);border:2px solid var(--gray-200)}.navbar-user-name{font-weight:600;color:var(--gray-900)}.navbar-user-chevron{font-size:var(--text-xs);color:var(--gray-500);transition:transform var(--transition-fast)}.navbar-user-menu-container{position:relative;z-index:2000}.navbar-user-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;width:280px;background-color:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:2001;overflow:visible;pointer-events:auto}.navbar-user-dropdown-header{display:flex;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-4);background-color:var(--gray-50);border-bottom:1px solid var(--gray-200)}.navbar-user-dropdown-avatar{width:48px;height:48px;border-radius:var(--radius-full);border:2px solid var(--gray-200)}.navbar-user-dropdown-info{flex:1 1;min-width:0}.navbar-user-dropdown-name{display:block;font-size:var(--text-sm);font-weight:600;color:var(--gray-900);margin-bottom:var(--space-1)}.navbar-user-dropdown-email{display:block;font-size:var(--text-xs);color:var(--gray-600)}.navbar-user-dropdown-divider{height:1px;background-color:var(--gray-200);margin:0}.navbar-user-dropdown-menu{padding:var(--space-2);z-index:2002;position:relative;pointer-events:auto}.navbar-user-dropdown-item{display:flex;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);width:100%;padding:var(--space-3);color:var(--gray-700);background-color:initial;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-sm);text-decoration:none;pointer-events:auto;position:relative;z-index:1001}.navbar-user-dropdown-item:hover:not(.navbar-user-dropdown-item-disabled){color:var(--primary-600);background-color:var(--primary-50);text-decoration:none}.navbar-user-dropdown-item-disabled{opacity:.5;cursor:not-allowed;color:var(--gray-500)}.navbar-user-dropdown-item i{width:16px;font-size:var(--text-sm);color:var(--gray-500)}.navbar-user-dropdown-item:hover:not(.navbar-user-dropdown-item-disabled) i{color:var(--primary-600)}.navbar-user-dropdown-footer{padding:var(--space-3);background-color:var(--gray-50);z-index:2002;position:relative;pointer-events:auto}.navbar-user-dropdown-footer .logout-btn{width:100%;display:flex;align-items:center;justify-content:center;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-3) var(--space-4);color:var(--error-600);background-color:#fff;border:2px solid var(--error-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-sm);font-weight:600;pointer-events:auto;position:relative;z-index:1001}.navbar-user-dropdown-footer .logout-btn:hover{color:#fff;background-color:var(--error-600);border-color:var(--error-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.navbar-dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:initial;z-index:1999;pointer-events:auto}@media (max-width:768px){.navbar-brand-text,.navbar-center{display:none}.sidebar{width:100%;max-width:320px}.cart-sidebar{width:100%;max-width:400px}.navbar-user-name{display:none}.navbar-auth-actions,.navbar-user-actions{grid-gap:var(--space-2);gap:var(--space-2)}.navbar-demo-btn span,.navbar-login-btn span,.navbar-sell-btn span,.navbar-signup-btn span{display:none}.navbar-demo-btn,.navbar-login-btn,.navbar-sell-btn,.navbar-signup-btn{padding:var(--space-2);min-width:44px;justify-content:center}}@media (max-width:480px){.navbar-container{padding:0 var(--space-3);grid-gap:var(--space-3);gap:var(--space-3)}.navbar-auth-actions,.navbar-user-actions{grid-gap:var(--space-1);gap:var(--space-1)}}.sidebar{position:fixed;top:0;left:0;bottom:0;width:400px;background-color:#fff;border-right:1px solid var(--gray-200);box-shadow:var(--shadow-xl);transform:translateX(-100%);transition:transform var(--transition-base);z-index:60;overflow-y:auto}.sidebar-open{transform:translateX(0)}.sidebar-container{height:100%;display:flex;flex-direction:column}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--gray-200);background-color:var(--gray-50)}.sidebar-title{font-size:var(--text-xl);font-weight:600;color:var(--gray-900);margin:0}.sidebar-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--gray-500);background-color:initial;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.sidebar-close-btn:hover{color:var(--gray-700);background-color:var(--gray-200)}.sidebar-content{flex:1 1;padding:var(--space-6)}.sidebar-user-section{height:100%;display:flex;flex-direction:column}.sidebar-user-info{display:flex;align-items:center;grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4);background-color:var(--primary-50);border-radius:var(--radius-lg);border:1px solid var(--primary-200)}.sidebar-user-avatar{width:48px;height:48px;border-radius:var(--radius-full);border:2px solid var(--primary-300)}.sidebar-user-details{flex:1 1}.sidebar-user-name{font-size:var(--text-lg);font-weight:600;color:var(--gray-900);margin:0 0 var(--space-1) 0}.sidebar-user-email{font-size:var(--text-sm);color:var(--gray-600);margin:0}.sidebar-menu-items{display:flex;flex-direction:column;grid-gap:var(--space-2);gap:var(--space-2);margin-bottom:var(--space-8)}.sidebar-menu-item{display:flex;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--gray-700);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.sidebar-menu-item:hover{color:var(--primary-700);background-color:var(--primary-50);text-decoration:none}.sidebar-menu-item i{width:16px;color:var(--gray-500);transition:color var(--transition-fast)}.sidebar-menu-item:hover i{color:var(--primary-600)}.sidebar-footer{margin-top:auto}.sidebar-guest-section{height:100%;display:flex;flex-direction:column}.sidebar-guest-message{margin-bottom:var(--space-6);text-align:center}.sidebar-guest-message h4{font-size:var(--text-xl);font-weight:600;color:var(--gray-900);margin:0 0 var(--space-3) 0}.sidebar-guest-message p{font-size:var(--text-sm);color:var(--gray-600);line-height:1.6;margin:0}.sidebar-auth-buttons{display:flex;flex-direction:column;grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-8)}.sidebar-features{display:flex;flex-direction:column;grid-gap:var(--space-4);gap:var(--space-4);margin-top:auto}.sidebar-feature{display:flex;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-3);background-color:var(--gray-50);border-radius:var(--radius-md)}.sidebar-feature i{width:20px;font-size:var(--text-lg);color:var(--primary-600)}.sidebar-feature span{font-size:var(--text-sm);font-weight:500;color:var(--gray-700)}.cart-sidebar{position:fixed;top:0;right:0;bottom:0;width:600px;background-color:#fff;border-left:1px solid var(--gray-200);box-shadow:var(--shadow-xl);transform:translateX(100%);transition:transform var(--transition-base);z-index:60;overflow-y:auto}.cart-sidebar-open{transform:translateX(0)}.cart-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--gray-200);background-color:var(--gray-50)}.cart-title{font-size:var(--text-xl);font-weight:600;color:var(--gray-900);margin:0}.cart-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--gray-500);background-color:initial;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.cart-close-btn:hover{color:var(--gray-700);background-color:var(--gray-200)}.cart-content{flex:1 1;padding:var(--space-6)}.sidebar-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;opacity:1;transition:opacity var(--transition-base)}#modal{display:flex;justify-content:center;align-items:center;z-index:9999}#modal,#modal-background{position:fixed;top:0;right:0;left:0;bottom:0}#modal-background{background-color:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9998}#modal-content{position:relative;background-color:#fff;border-radius:var(--radius-xl);width:auto;height:auto;max-height:90vh;overflow-y:auto;display:flex;justify-content:center;align-items:center;margin:auto;padding:0;box-shadow:var(--shadow-2xl);z-index:10000}@media (max-width:500px){#modal-content{width:90%;max-width:400px;margin:var(--space-4)}}@media (max-width:768px){#modal-content{max-height:85vh}}.cart-container{height:100%;display:flex;flex-direction:column;background-color:#fff}.cart-success-message{display:flex;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-4);margin:var(--space-4);margin-bottom:0;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:var(--radius-lg);color:#155724;font-size:var(--text-sm);font-weight:500;animation:slideDown .3s ease-out}.cart-success-message i{font-size:var(--text-lg);color:#28a745}.cart-error-message{display:flex;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-4);margin:var(--space-4);margin-bottom:0;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:var(--radius-lg);color:#721c24;font-size:var(--text-sm);font-weight:500;animation:slideDown .3s ease-out}.cart-error-message i{font-size:var(--text-lg);color:#dc3545}.error-close-btn{margin-left:auto;background:none;border:none;font-size:var(--text-xl);color:#721c24;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color var(--transition-base)}.error-close-btn:hover{background-color:rgba(114,28,36,.1)}.cart-empty{flex-direction:column;padding:var(--space-12) var(--space-6);text-align:center;height:100%}.cart-empty,.cart-empty-icon{display:flex;align-items:center;justify-content:center}.cart-empty-icon{width:80px;height:80px;margin:0 auto var(--space-6);background:linear-gradient(135deg,var(--gray-100),var(--gray-200));border-radius:var(--radius-full);color:var(--gray-400);font-size:var(--text-3xl)}.cart-empty-title{font-size:var(--text-2xl);font-weight:600;color:var(--gray-700);margin:0 0 var(--space-3) 0}.cart-empty-subtitle{font-size:var(--text-base);color:var(--gray-500);margin:0 0 var(--space-8) 0;line-height:1.6}.cart-empty-features{display:flex;flex-direction:column;grid-gap:var(--space-4);gap:var(--space-4);width:100%;max-width:200px}.cart-feature{display:flex;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);font-size:var(--text-sm);color:var(--gray-600)}.cart-feature i{width:20px;font-size:var(--text-lg);color:var(--primary-500)}.cart-summary{padding:var(--space-6);background:linear-gradient(135deg,var(--primary-50),var(--primary-100));border-bottom:1px solid var(--primary-200)}.cart-summary-info{display:flex;justify-content:space-between;align-items:center}.cart-item-count{font-size:var(--text-lg);font-weight:600;color:var(--gray-700)}.cart-total-amount{font-size:var(--text-2xl);font-weight:700;color:var(--primary-600)}.cart-items-container{flex:1 1;overflow-y:auto;padding:var(--space-4)}.cart-item{display:grid;grid-template-columns:80px 1fr auto auto;grid-template-areas:"image info quantity actions";grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-4);margin-bottom:var(--space-4);background-color:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.cart-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary-200)}.cart-item:last-child{margin-bottom:0}.cart-item-image-container{grid-area:image;display:flex;align-items:center;justify-content:center}.cart-item-image{width:60px;height:60px;border-radius:var(--radius-lg);object-fit:cover;border:2px solid var(--gray-100)}.cart-item-info{grid-area:info;display:flex;flex-direction:column;justify-content:center;min-width:0}.cart-item-name{font-size:var(--text-base);font-weight:600;color:var(--gray-900);margin:0 0 var(--space-1) 0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-item-description{font-size:var(--text-sm);color:var(--gray-500);margin:0 0 var(--space-2) 0;line-height:1.4}.cart-item-unit-price{font-size:var(--text-sm);color:var(--gray-600);font-weight:500}.cart-item-quantity-section{grid-area:quantity;display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:var(--space-2);gap:var(--space-2)}.cart-quantity-label{font-size:var(--text-xs);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.cart-item-quantity-controls{display:flex;align-items:center;grid-gap:var(--space-1);gap:var(--space-1);background-color:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-1)}.quantity-btn{width:32px;height:32px;border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:var(--text-sm)}.quantity-btn:hover:not(:disabled){background-color:var(--primary-500);color:#fff;border-color:var(--primary-500)}.cart-item-quantity{display:flex;align-items:center;justify-content:center;min-width:40px;padding:0 var(--space-2);font-size:var(--text-base);font-weight:600;color:var(--gray-700)}.cart-item-actions{grid-area:actions;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;grid-gap:var(--space-3);gap:var(--space-3)}.cart-item-total-price{font-size:var(--text-lg);font-weight:700;color:var(--primary-600)}.cart-item-remove-btn{display:flex;align-items:center;grid-gap:var(--space-1);gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--error-600);background-color:initial;border:1px solid var(--error-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.cart-item-remove-btn:hover{background-color:var(--error-50);border-color:var(--error-300);color:var(--error-700)}.cart-item-remove-btn i{font-size:var(--text-xs)}.cart-footer{border-top:1px solid var(--gray-200);background-color:var(--gray-50);padding:var(--space-6)}.cart-total-section{margin-bottom:var(--space-6)}.cart-shipping,.cart-subtotal,.cart-total-final{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0}.cart-shipping,.cart-subtotal{font-size:var(--text-sm);color:var(--gray-600);border-bottom:1px solid var(--gray-200)}.cart-shipping-amount,.cart-subtotal-amount{font-weight:500}.cart-shipping-amount{color:var(--success-600);font-weight:600}.cart-total-final{font-size:var(--text-lg);font-weight:700;color:var(--gray-900);border-top:2px solid var(--gray-300);padding-top:var(--space-4);margin-top:var(--space-2)}.cart-total-final .cart-total-amount{color:var(--primary-600);font-size:var(--text-xl)}.cart-actions{display:flex;flex-direction:column;grid-gap:var(--space-4);gap:var(--space-4)}.cart-checkout-btn{width:100%;padding:var(--space-4);font-size:var(--text-lg);font-weight:600}.cart-checkout-note{display:flex;align-items:center;justify-content:center;grid-gap:var(--space-2);gap:var(--space-2);font-size:var(--text-xs);color:var(--gray-500);margin:0;text-align:center}.cart-checkout-note i{color:var(--success-500)}@media (max-width:768px){.cart-item{grid-template-columns:60px 1fr;grid-template-areas:"image info" "quantity actions";grid-gap:var(--space-3);gap:var(--space-3)}.cart-item-image{width:50px;height:50px}.cart-item-quantity-section{flex-direction:row;justify-content:flex-start;grid-gap:var(--space-3);gap:var(--space-3)}.cart-item-actions{flex-direction:row;justify-content:space-between;align-items:center}.cart-empty{padding:var(--space-8) var(--space-4)}.cart-empty-icon{width:60px;height:60px;font-size:var(--text-2xl)}.cart-empty-title{font-size:var(--text-xl)}.cart-footer,.cart-summary{padding:var(--space-4)}}@media (max-width:480px){.cart-item{padding:var(--space-3)}.cart-item-name{font-size:var(--text-sm)}.cart-checkout-btn,.cart-item-total-price{font-size:var(--text-base)}.cart-checkout-btn{padding:var(--space-3)}.cart-summary-info{flex-direction:column;grid-gap:var(--space-2);gap:var(--space-2);text-align:center}.cart-total-amount{font-size:var(--text-xl)}}.purchase-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.purchase-modal{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.purchase-modal-header{text-align:center;padding:var(--space-8) var(--space-6) var(--space-6);background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;position:relative}.purchase-success-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto var(--space-4);background:hsla(0,0%,100%,.2);border-radius:var(--radius-full);font-size:var(--text-4xl);color:#fff;animation:successPulse 2s ease-in-out infinite}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.purchase-modal-title{font-size:var(--text-3xl);font-weight:700;margin:0 0 var(--space-2) 0;color:#fff}.purchase-modal-subtitle{font-size:var(--text-lg);margin:0;color:hsla(0,0%,100%,.9);line-height:1.5}.purchase-modal-content{padding:var(--space-6)}.purchase-order-info{margin-bottom:var(--space-6)}.purchase-order-header{margin-bottom:var(--space-4)}.purchase-order-header h3{font-size:var(--text-xl);font-weight:600;color:var(--gray-900);margin:0 0 var(--space-4) 0;padding-bottom:var(--space-2);border-bottom:2px solid var(--gray-200)}.purchase-order-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-4)}.purchase-order-detail{display:flex;flex-direction:column;grid-gap:var(--space-1);gap:var(--space-1)}.purchase-label{font-size:var(--text-sm);color:var(--gray-500);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.purchase-value{font-size:var(--text-base);color:var(--gray-900);font-weight:600}.purchase-items-list{margin-bottom:var(--space-4)}.purchase-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);margin-bottom:var(--space-2);background-color:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.purchase-item:last-child{margin-bottom:0}.purchase-item-info{display:flex;flex-direction:column;grid-gap:var(--space-1);gap:var(--space-1)}.purchase-item-name{font-size:var(--text-base);font-weight:600;color:var(--gray-900)}.purchase-item-quantity{font-size:var(--text-sm);color:var(--gray-600)}.purchase-item-price{font-size:var(--text-lg);font-weight:600;color:var(--primary-600)}.purchase-total-section{padding:var(--space-4);background-color:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.purchase-total-line{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;font-size:var(--text-base);color:var(--gray-600)}.purchase-total-line:last-child{border-top:2px solid var(--gray-300);margin-top:var(--space-2);padding-top:var(--space-3)}.purchase-total-final{font-size:var(--text-lg);font-weight:700;color:var(--gray-900)}.purchase-next-steps{padding:var(--space-4);background:linear-gradient(135deg,var(--primary-50),var(--primary-100));border-radius:var(--radius-lg);border:1px solid var(--primary-200)}.purchase-next-steps h4{font-size:var(--text-lg);font-weight:600;color:var(--gray-900);margin:0 0 var(--space-4) 0;text-align:center}.purchase-steps{display:flex;flex-direction:column;grid-gap:var(--space-4);gap:var(--space-4)}.purchase-step{display:flex;align-items:flex-start;grid-gap:var(--space-3);gap:var(--space-3)}.purchase-step-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--primary-500);color:#fff;border-radius:var(--radius-full);font-size:var(--text-lg);flex-shrink:0}.purchase-step-content h5{font-size:var(--text-base);font-weight:600;color:var(--gray-900);margin:0 0 var(--space-1) 0}.purchase-step-content p{font-size:var(--text-sm);color:var(--gray-600);margin:0;line-height:1.5}.purchase-modal-actions{display:flex;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--gray-200);background-color:var(--gray-50);border-radius:0 0 var(--radius-2xl) var(--radius-2xl)}.purchase-continue-btn,.purchase-view-orders-btn{flex:1 1;display:flex;align-items:center;justify-content:center;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:600;border-radius:var(--radius-lg);transition:all var(--transition-base);text-decoration:none}.purchase-continue-btn:hover,.purchase-view-orders-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.purchase-modal-close{position:absolute;top:var(--space-4);right:var(--space-4);width:32px;height:32px;background:hsla(0,0%,100%,.2);border:none;border-radius:var(--radius-full);color:#fff;font-size:var(--text-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);z-index:1}.purchase-modal-close:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}@media (max-width:768px){.purchase-modal-overlay{padding:var(--space-2)}.purchase-modal{max-height:95vh}.purchase-modal-header{padding:var(--space-6) var(--space-4) var(--space-4)}.purchase-success-icon{width:60px;height:60px;font-size:var(--text-3xl)}.purchase-modal-title{font-size:var(--text-2xl)}.purchase-modal-subtitle{font-size:var(--text-base)}.purchase-modal-content{padding:var(--space-4)}.purchase-order-details{grid-template-columns:1fr;grid-gap:var(--space-2);gap:var(--space-2)}.purchase-modal-actions{flex-direction:column;padding:var(--space-4)}.purchase-steps{grid-gap:var(--space-3);gap:var(--space-3)}.purchase-step{grid-gap:var(--space-2);gap:var(--space-2)}.purchase-step-icon{width:32px;height:32px;font-size:var(--text-base)}}@media (max-width:480px){.purchase-item{flex-direction:column;align-items:flex-start;grid-gap:var(--space-2);gap:var(--space-2)}.purchase-item-price{align-self:flex-end}.purchase-next-steps{padding:var(--space-3)}}.user-edit-form-container{max-width:600px;margin:0 auto;padding:var(--space-6);background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200)}.user-edit-form-header{text-align:center;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--gray-200)}.user-edit-form-title{display:flex;align-items:center;justify-content:center;grid-gap:var(--space-3);gap:var(--space-3);font-size:var(--text-2xl);font-weight:700;color:var(--gray-900);margin:0 0 var(--space-3) 0}.user-edit-form-title i{color:var(--primary-600);font-size:var(--text-xl)}.user-edit-form-subtitle{font-size:var(--text-base);color:var(--gray-600);margin:0;line-height:1.6}.user-edit-form{display:flex;flex-direction:column;grid-gap:var(--space-6);gap:var(--space-6)}.form-error-banner{grid-gap:var(--space-2);gap:var(--space-2);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500}.form-error-banner i{flex-shrink:0}.form-group{display:flex;flex-direction:column;grid-gap:var(--space-2);gap:var(--space-2)}.form-label{margin:0}.form-input-icon{z-index:1;pointer-events:none}.form-input{color:var(--gray-800);border:1px solid var(--gray-300);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input:focus+.form-input-icon,.form-input:not(:placeholder-shown)+.form-input-icon{color:var(--primary-500)}.form-input-error{border-color:var(--error-500);background-color:var(--error-50)}.form-input-error:focus{border-color:var(--error-500);box-shadow:0 0 0 3px rgba(239,68,68,.1)}.form-input:disabled{opacity:.7}.form-error{margin:0;font-weight:500}.form-error i{color:var(--error-500);flex-shrink:0}.form-help-text{margin:0;font-style:italic}.form-section{padding:var(--space-6);background-color:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);margin:var(--space-4) 0}.form-section-title{display:flex;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);font-size:var(--text-lg);font-weight:600;color:var(--gray-800);margin:0 0 var(--space-2) 0}.form-section-title i{color:var(--primary-600);font-size:var(--text-base)}.form-section-subtitle{font-size:var(--text-sm);color:var(--gray-600);margin:0 0 var(--space-4) 0;line-height:1.5}.form-actions{justify-content:flex-end;margin-top:var(--space-4)}.form-actions .btn{min-width:140px;display:flex;align-items:center;justify-content:center;grid-gap:var(--space-2);gap:var(--space-2)}.form-actions .btn i{font-size:var(--text-sm)}.form-actions .btn:disabled{cursor:not-allowed;opacity:.6}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-spin{animation:spin 1s linear infinite}@media (max-width:768px){.user-edit-form-container{margin:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg)}.user-edit-form-title{font-size:var(--text-xl)}.form-actions{flex-direction:column;grid-gap:var(--space-3);gap:var(--space-3)}.form-actions .btn{width:100%;min-width:auto}.form-section{padding:var(--space-4);margin:var(--space-3) 0}}@media (max-width:480px){.user-edit-form-container{margin:var(--space-2);padding:var(--space-3)}.user-edit-form-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.user-edit-form-title{font-size:var(--text-lg);flex-direction:column;grid-gap:var(--space-2);gap:var(--space-2)}.form-input{padding:var(--space-2) var(--space-2) var(--space-2) 2.25rem;font-size:var(--text-sm)}.form-input-icon{left:var(--space-2);font-size:var(--text-xs)}}.product-modal-container{max-width:1000px;width:90vw;max-height:90vh;background-color:#fff;border-radius:var(--radius-2xl);overflow:hidden;display:flex;flex-direction:column}.product-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);background:linear-gradient(135deg,var(--primary-50),var(--primary-100));border-bottom:1px solid var(--primary-200)}.product-modal-badge{display:flex;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--primary-600);color:#fff;border-radius:var(--radius-full);font-weight:600}.product-modal-badge,.product-modal-badge i,.product-modal-edit-btn{font-size:var(--text-sm)}.product-modal-edit-btn{display:flex;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-2) var(--space-4);color:var(--primary-700);background-color:#fff;border:1px solid var(--primary-300);border-radius:var(--radius-lg);text-decoration:none;font-weight:500;transition:all var(--transition-fast)}.product-modal-edit-btn:hover{background-color:var(--primary-50);border-color:var(--primary-400);text-decoration:none;color:var(--primary-800)}.product-modal-content{display:grid;grid-template-columns:1fr 1fr;flex:1 1;overflow:hidden}.product-modal-image-section{display:flex;flex-direction:column;background-color:var(--gray-50);border-right:1px solid var(--gray-200)}.product-modal-image-container{flex:1 1;position:relative;display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.product-modal-image{max-width:100%;max-height:400px;width:auto;height:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);object-fit:cover;transition:transform var(--transition-base)}.product-modal-image-overlay{position:absolute;top:var(--space-10);right:var(--space-10);opacity:0;transition:opacity var(--transition-fast)}.product-modal-image-container:hover .product-modal-image-overlay{opacity:1}.product-modal-image-container:hover .product-modal-image{transform:scale(1.02)}.product-modal-zoom-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:hsla(0,0%,100%,.9);border:1px solid var(--gray-300);border-radius:var(--radius-full);color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.product-modal-zoom-btn:hover{background-color:#fff;color:var(--primary-600);border-color:var(--primary-300)}.product-modal-gallery-dots{display:flex;justify-content:center;padding:var(--space-4);grid-gap:var(--space-2);gap:var(--space-2)}.gallery-dot{width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--gray-300);transition:background-color var(--transition-fast)}.gallery-dot.active{background-color:var(--primary-500)}.product-modal-info-section{display:flex;flex-direction:column;overflow-y:auto}.product-modal-info{flex:1 1;padding:var(--space-8)}.product-modal-title{font-size:var(--text-3xl);font-weight:700;color:var(--gray-900);margin:0 0 var(--space-6) 0;line-height:1.2}.product-modal-meta{display:flex;grid-gap:var(--space-6);gap:var(--space-6);margin-bottom:var(--space-6)}.product-modal-category,.product-modal-freshness{display:flex;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);font-size:var(--text-sm);color:var(--gray-600)}.product-modal-category i,.product-modal-freshness i{color:var(--primary-500)}.product-modal-price-section{margin-bottom:var(--space-8)}.product-modal-price{display:flex;align-items:baseline;grid-gap:var(--space-2);gap:var(--space-2);margin-bottom:var(--space-3)}.price-amount{font-size:var(--text-4xl);font-weight:700;color:var(--primary-600)}.price-unit{font-size:var(--text-lg);color:var(--gray-500)}.product-modal-savings{display:flex;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--success-50);color:var(--success-700);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;width:-moz-fit-content;width:fit-content}.product-modal-savings i{color:var(--success-600)}.product-modal-description{margin-bottom:var(--space-8)}.description-title{display:flex;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);font-size:var(--text-lg);font-weight:600;color:var(--gray-800);margin:0 0 var(--space-4) 0}.description-title i{color:var(--primary-500)}.description-text{font-size:var(--text-base);line-height:1.7;color:var(--gray-600);margin:0}.product-modal-farmer-info{display:flex;grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-6);background-color:var(--gray-50);border-radius:var(--radius-xl);border:1px solid var(--gray-200)}.farmer-avatar{font-size:var(--text-4xl)}.farmer-name{font-size:var(--text-lg);font-weight:600;color:var(--gray-800);margin:0 0 var(--space-1) 0}.farmer-location{display:flex;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);font-size:var(--text-sm);color:var(--gray-600);margin:0 0 var(--space-3) 0}.farmer-location i{color:var(--primary-500)}.farmer-rating{grid-gap:var(--space-3);gap:var(--space-3)}.stars{display:flex;grid-gap:var(--space-1);gap:var(--space-1)}.stars i{color:var(--warning-400)}.rating-text,.stars i{font-size:var(--text-sm)}.rating-text{color:var(--gray-600);font-weight:500}.product-modal-actions{padding:var(--space-8);background-color:var(--gray-50);border-top:1px solid var(--gray-200)}.quantity-selector{margin-bottom:var(--space-6)}.quantity-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--gray-700);margin-bottom:var(--space-3)}.quantity-controls{display:flex;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);width:-moz-fit-content;width:fit-content}.quantity-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-lg);color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast)}.quantity-btn:hover:not(:disabled){background-color:var(--primary-50);border-color:var(--primary-300);color:var(--primary-600)}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-display{min-width:60px;padding:var(--space-3);color:var(--gray-700);background-color:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-lg)}.product-modal-add-btn,.quantity-display{display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:600}.product-modal-add-btn{width:100%;padding:var(--space-4);color:#fff;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-6);box-shadow:var(--shadow-lg)}.product-modal-add-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl);background:linear-gradient(135deg,var(--primary-700),var(--primary-800))}.product-modal-add-btn:disabled{opacity:.8;transform:none;cursor:not-allowed}.product-modal-benefits{flex-direction:column}.benefit-item,.product-modal-benefits{display:flex;grid-gap:var(--space-3);gap:var(--space-3)}.benefit-item{align-items:center;font-size:var(--text-sm);color:var(--gray-600)}.benefit-item i{width:16px;color:var(--primary-500)}.product-modal-guest-cta{padding:var(--space-8);background:linear-gradient(135deg,var(--primary-50),var(--primary-100));border-top:1px solid var(--primary-200)}.guest-cta-content{text-align:center}.guest-cta-title{display:flex;align-items:center;justify-content:center;grid-gap:var(--space-2);gap:var(--space-2);font-size:var(--text-xl);font-weight:600;color:var(--gray-800);margin:0 0 var(--space-4) 0}.guest-cta-title i{color:var(--primary-600)}.guest-cta-text{font-size:var(--text-base);color:var(--gray-600);line-height:1.6;margin:0 0 var(--space-6) 0}.guest-cta-buttons{display:flex;grid-gap:var(--space-4);gap:var(--space-4);justify-content:center}@media (max-width:768px){.product-modal-container{width:95vw;max-height:95vh}.product-modal-content{grid-template-columns:1fr;grid-template-rows:auto 1fr}.product-modal-image-section{border-right:none;border-bottom:1px solid var(--gray-200)}.product-modal-image-container{padding:var(--space-6)}.product-modal-image{max-height:250px}.product-modal-actions,.product-modal-info{padding:var(--space-6)}.product-modal-title{font-size:var(--text-2xl)}.price-amount{font-size:var(--text-3xl)}.product-modal-meta{flex-direction:column;grid-gap:var(--space-3);gap:var(--space-3)}.guest-cta-buttons{flex-direction:column;align-items:center}.guest-cta-buttons .btn{width:100%;max-width:300px}}@media (max-width:480px){.product-modal-header{flex-direction:column;grid-gap:var(--space-3);gap:var(--space-3);text-align:center}.product-modal-actions,.product-modal-header,.product-modal-image-container,.product-modal-info{padding:var(--space-4)}.product-modal-title{font-size:var(--text-xl)}.price-amount{font-size:var(--text-2xl)}.product-modal-farmer-info{padding:var(--space-4);grid-gap:var(--space-3);gap:var(--space-3)}.farmer-avatar{font-size:var(--text-3xl)}.quantity-controls{width:100%;justify-content:center}}.user-products-container{width:100%}.user-products-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center}.user-products-loading .loading-spinner{font-size:var(--text-2xl);color:var(--primary-600);margin-bottom:var(--space-4)}.user-products-loading p{font-size:var(--text-base);color:var(--gray-600);margin:0}.user-products-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center;background-color:var(--error-50);border:1px solid var(--error-200);border-radius:var(--radius-lg)}.user-products-error i{font-size:var(--text-3xl);color:var(--error-500);margin-bottom:var(--space-4)}.user-products-error p{font-size:var(--text-base);color:var(--error-700);margin:0 0 var(--space-6) 0}.empty-state,.user-products-empty{padding:var(--space-12)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:var(--gray-50);border:2px dashed var(--gray-300);border-radius:var(--radius-xl)}.empty-state i{font-size:var(--text-5xl);color:var(--gray-400);margin-bottom:var(--space-6)}.empty-state h3{font-size:var(--text-xl);font-weight:600;color:var(--gray-900);margin:0 0 var(--space-4) 0}.empty-state p{font-size:var(--text-base);color:var(--gray-600);margin:0 0 var(--space-8) 0;line-height:1.6;max-width:400px}.user-products-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-4) 0}.products-count{grid-gap:var(--space-3);gap:var(--space-3)}.count-number,.products-count{display:flex;align-items:center}.count-number{justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:700;box-shadow:var(--shadow-md)}.count-label{font-size:var(--text-base);font-weight:600;color:var(--gray-700)}.user-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--space-6);gap:var(--space-6)}.user-product-card{background-color:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative}.user-product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-200)}.product-image-container{height:200px}.user-product-card:hover .product-image{transform:scale(1.05)}.product-type-badge{position:absolute;top:var(--space-3);left:var(--space-3);display:flex;align-items:center;grid-gap:var(--space-1);gap:var(--space-1);padding:var(--space-1) var(--space-3);background-color:var(--primary-600);color:#fff;border-radius:var(--radius-full);font-weight:600;box-shadow:var(--shadow-md)}.product-type-badge,.product-type-badge i{font-size:var(--text-xs)}.product-actions-overlay{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;grid-gap:var(--space-2);gap:var(--space-2);opacity:0;transform:translateY(-8px);transition:all var(--transition-base)}.user-product-card:hover .product-actions-overlay{opacity:1;transform:translateY(0)}.action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.edit-btn{background-color:var(--primary-600);color:#fff}.edit-btn:hover{background-color:var(--primary-700);transform:scale(1.1);text-decoration:none;color:#fff}.view-btn{background-color:#fff;color:var(--gray-600);border:1px solid var(--gray-300)}.view-btn:hover{background-color:var(--gray-50);color:var(--gray-800);transform:scale(1.1);text-decoration:none}.product-content{padding:var(--space-5)}.product-header{display:flex;align-items:flex-start;justify-content:space-between;grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-4)}.product-name{flex:1 1;margin:0}.product-name-link,.product-name a{color:var(--gray-900);text-decoration:none;transition:color var(--transition-fast);background:none;border:none;padding:0;font:inherit;cursor:pointer;text-align:left;width:100%}.product-name-link:hover,.product-name a:hover{color:var(--primary-600);text-decoration:none}.product-price{font-size:var(--text-xl);flex-shrink:0}.product-description{font-size:var(--text-sm);color:var(--gray-600);line-height:1.6;margin:0 0 var(--space-4) 0}.product-meta{display:flex;grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.meta-item{display:flex;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);color:var(--gray-500)}.meta-item,.meta-item i{font-size:var(--text-xs)}.meta-item i{color:var(--gray-400)}.product-footer{display:flex;grid-gap:var(--space-3);gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--gray-200)}.product-footer .btn{flex:1 1;display:flex;align-items:center;justify-content:center;grid-gap:var(--space-2);gap:var(--space-2);font-size:var(--text-sm);font-weight:500}.product-footer .btn i{font-size:var(--text-xs)}@media (max-width:1024px){.user-products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}}@media (max-width:768px){.user-products-header{flex-direction:column;align-items:stretch;grid-gap:var(--space-4);gap:var(--space-4)}.products-count{justify-content:center}.user-products-header .btn{width:100%;justify-content:center}.user-products-grid{grid-template-columns:1fr;grid-gap:var(--space-4);gap:var(--space-4)}.product-header{flex-direction:column;align-items:flex-start;grid-gap:var(--space-2);gap:var(--space-2)}.product-price{font-size:var(--text-lg)}.product-footer,.product-meta{flex-direction:column;grid-gap:var(--space-2);gap:var(--space-2)}}@media (max-width:480px){.user-products-container{margin:0 -var(--space-2)}.user-product-card{border-radius:var(--radius-lg)}.product-content{padding:var(--space-4)}.empty-state{padding:var(--space-8);margin:0 var(--space-2)}.empty-state i{font-size:var(--text-4xl)}.empty-state h3{font-size:var(--text-lg)}.product-actions-overlay{opacity:1;transform:translateY(0)}}.user-page{min-height:100vh;background:linear-gradient(135deg,var(--gray-50),var(--primary-50));padding:var(--space-8) 0}.user-content{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.user-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-20);text-align:center}.loading-spinner{font-size:var(--text-4xl);color:var(--primary-600)}.user-loading p{font-size:var(--text-lg);color:var(--gray-600);margin:0}.user-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-20);text-align:center;background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin:var(--space-8)}.user-not-found i{font-size:var(--text-6xl);color:var(--gray-400);margin-bottom:var(--space-6)}.user-not-found h2{font-size:var(--text-2xl);font-weight:700;color:var(--gray-900);margin:0 0 var(--space-4) 0}.user-not-found p{font-size:var(--text-base);color:var(--gray-600);margin:0 0 var(--space-8) 0}.user-profile-container{background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--gray-200)}.user-profile-header{display:grid;grid-template-columns:auto 1fr auto;grid-gap:var(--space-8);gap:var(--space-8);align-items:center;padding:var(--space-8);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;position:relative;overflow:hidden}.user-profile-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='4' fill='%23fff' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");z-index:1}.user-profile-header>*{position:relative;z-index:2}.user-avatar-section{position:relative;display:flex;flex-direction:column;align-items:center}.user-avatar-large{width:120px;height:120px;border-radius:var(--radius-full);border:4px solid #fff;box-shadow:var(--shadow-lg);margin-bottom:var(--space-3)}.user-status-badge{display:flex;align-items:center;grid-gap:var(--space-1);gap:var(--space-1);padding:var(--space-1) var(--space-3);background-color:var(--success-500);color:#fff;border-radius:var(--radius-full);font-weight:600;box-shadow:var(--shadow-md)}.user-status-badge,.user-status-badge i{font-size:var(--text-xs)}.user-info-section{flex:1 1}.user-display-name{font-size:var(--text-4xl);font-weight:800;margin:0 0 var(--space-2) 0;letter-spacing:-.025em}.user-email{font-size:var(--text-lg);margin:0 0 var(--space-4) 0;opacity:.9}.user-meta{display:flex;grid-gap:var(--space-6);gap:var(--space-6);flex-wrap:wrap}.user-meta-item{display:flex;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);font-size:var(--text-sm);opacity:.9}.user-meta-item i{font-size:var(--text-xs)}.user-actions{display:flex;grid-gap:var(--space-3);gap:var(--space-3)}.user-actions .btn{background-color:#fff;color:var(--primary-600);border:2px solid #fff;font-weight:600}.user-actions .btn:hover{background-color:var(--primary-50);color:var(--primary-700);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.user-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-6);gap:var(--space-6);padding:var(--space-8);background-color:var(--gray-50);border-bottom:1px solid var(--gray-200)}.stat-card{display:flex;align-items:center;grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-6);background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:all var(--transition-base)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-200)}.stat-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-lg);color:#fff;font-size:var(--text-xl);box-shadow:var(--shadow-md)}.stat-content{flex:1 1}.stat-number{font-weight:800;color:var(--gray-900);margin:0 0 var(--space-1) 0}.stat-label{margin:0;font-weight:500}.user-profile-content{padding:var(--space-8)}.profile-section{margin-bottom:var(--space-8)}.profile-section:last-child{margin-bottom:0}.user-profile-section-title{display:flex;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);font-size:var(--text-xl);font-weight:700;color:var(--gray-900);margin:0 0 var(--space-6) 0;padding-bottom:var(--space-4);border-bottom:2px solid var(--primary-200)}.section-title i{color:var(--primary-600);font-size:var(--text-lg)}.section-content{padding-left:var(--space-8)}.user-bio{font-size:var(--text-base);line-height:1.7;color:var(--gray-700);margin:0}.recent-products-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);background-color:var(--gray-50);border:2px dashed var(--gray-300);border-radius:var(--radius-lg);text-align:center}.recent-products-placeholder i{font-size:var(--text-4xl);color:var(--gray-400);margin-bottom:var(--space-4)}.recent-products-placeholder p{font-size:var(--text-base);color:var(--gray-600);margin:0}@media (max-width:1024px){.user-profile-header{grid-template-columns:1fr;text-align:center;grid-gap:var(--space-6);gap:var(--space-6)}.user-info-section{order:2}.user-actions{order:3;justify-content:center}.user-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}}@media (max-width:768px){.user-page{padding:var(--space-4) 0}.user-content{padding:0 var(--space-2)}.user-profile-header{padding:var(--space-6)}.user-display-name{font-size:var(--text-3xl)}.user-email{font-size:var(--text-base)}.user-meta{justify-content:center;grid-gap:var(--space-4);gap:var(--space-4)}.user-stats{padding:var(--space-6);grid-template-columns:1fr}.stat-card{padding:var(--space-4)}.stat-icon{width:50px;height:50px;font-size:var(--text-lg)}.stat-number{font-size:var(--text-2xl)}.user-profile-content{padding:var(--space-6)}.section-content{padding-left:0}}@media (max-width:480px){.user-avatar-large{width:100px;height:100px}.user-display-name{font-size:var(--text-2xl)}.user-actions .btn{width:100%}.stat-card{flex-direction:column;text-align:center;grid-gap:var(--space-3);gap:var(--space-3)}.stat-icon{width:60px;height:60px}.section-title{font-size:var(--text-lg);flex-direction:column;grid-gap:var(--space-2);gap:var(--space-2);text-align:center}.recent-products-placeholder{padding:var(--space-8)}}.homepage{min-height:100vh}.hero-section{background:linear-gradient(135deg,var(--primary-50),var(--primary-100));padding:var(--space-20) 0;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='4' fill='%2316a34a' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");z-index:1}.hero-container{max-width:1280px;margin:0 auto;padding:0 var(--space-4);position:relative;z-index:2}.hero-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-12);gap:var(--space-12);align-items:center}.hero-text{max-width:600px}.hero-title{font-size:var(--text-5xl);font-weight:800;line-height:1.1;color:var(--gray-900);margin:0 0 var(--space-6) 0;letter-spacing:-.025em}.hero-subtitle{font-size:var(--text-xl);line-height:1.7;color:var(--gray-600);margin:0 0 var(--space-8) 0}.hero-actions{display:flex;grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-10);flex-wrap:wrap}.hero-stats{display:flex;grid-gap:var(--space-8);gap:var(--space-8);margin-top:var(--space-8)}.stat{display:flex;flex-direction:column;align-items:flex-start}.stat-number{font-size:var(--text-3xl);font-weight:700;color:var(--primary-600);line-height:1}.stat-label{font-size:var(--text-sm);color:var(--gray-600);margin-top:var(--space-1)}.hero-image{position:relative;display:flex;justify-content:center;align-items:center}.hero-img{width:100%;height:500px;object-fit:cover;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);border:8px solid #fff;position:relative;z-index:1}.hero-badge{position:absolute;top:var(--space-4);right:var(--space-4);display:flex;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--primary-600);color:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;box-shadow:var(--shadow-lg)}.hero-badge i{font-size:var(--text-lg)}.features-section{padding:var(--space-24) 0;background-color:#fff}.section-title{font-size:var(--text-4xl);font-weight:700;text-align:center;color:var(--gray-900);margin:0 0 var(--space-16) 0;letter-spacing:-.025em}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-8);gap:var(--space-8)}.feature-card{text-align:center;padding:var(--space-8);background-color:var(--gray-50);border-radius:var(--radius-xl);border:1px solid var(--gray-200);transition:all var(--transition-base);height:100%}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-200);background-color:#fff}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-full);margin:0 auto var(--space-6);box-shadow:var(--shadow-lg)}.feature-icon i{font-size:var(--text-3xl);color:#fff}.feature-title{font-size:var(--text-xl);font-weight:600;color:var(--gray-900);margin:0 0 var(--space-4) 0}.feature-description{font-size:var(--text-base);line-height:1.7;color:var(--gray-600);margin:0}.products-section{padding:var(--space-24) 0;background-color:var(--gray-50)}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-subtitle{font-size:var(--text-lg);color:var(--gray-600);margin:var(--space-4) auto 0;max-width:600px;line-height:1.6}.product-filters{display:flex;justify-content:center;grid-gap:var(--space-2);gap:var(--space-2);margin-bottom:var(--space-12);flex-wrap:wrap}.filter-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--gray-600);background-color:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{color:var(--primary-600);border-color:var(--primary-300);background-color:var(--primary-50)}.filter-btn-active{color:#fff;background-color:var(--primary-600);border-color:var(--primary-600)}.filter-btn-active:hover{background-color:var(--primary-700);border-color:var(--primary-700)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-6);gap:var(--space-6);margin-bottom:var(--space-12)}.products-footer{text-align:center}.search-info{margin-bottom:var(--space-6);padding:var(--space-4);background-color:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-lg)}.search-info-content{display:flex;align-items:center;justify-content:space-between;grid-gap:var(--space-4);gap:var(--space-4);flex-wrap:wrap}.search-info-text{font-size:var(--text-sm);color:var(--gray-700)}.search-info-text strong{color:var(--primary-700);font-weight:600}.search-clear-btn{display:inline-flex;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--gray-600);background-color:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-fast)}.search-clear-btn:hover{color:var(--error-600);border-color:var(--error-300);background-color:var(--error-50)}.search-clear-btn i{font-size:var(--text-xs)}.products-page{min-height:100vh;background-color:var(--gray-50)}.page-header{padding:var(--space-16) 0 var(--space-8) 0;background:linear-gradient(135deg,var(--primary-50),var(--primary-100));border-bottom:1px solid var(--primary-200)}.page-header-content{text-align:center;max-width:800px;margin:0 auto}.page-title{font-size:var(--text-4xl);font-weight:700;color:var(--gray-900);margin:0 0 var(--space-4) 0;letter-spacing:-.025em}.page-subtitle{font-size:var(--text-lg);color:var(--gray-600);margin:0;line-height:1.6}.no-products{display:flex;align-items:center;justify-content:center;padding:var(--space-16) var(--space-4);text-align:center}.no-products-content{max-width:500px}.no-products-icon{font-size:var(--text-6xl);color:var(--gray-400);margin-bottom:var(--space-6)}.no-products-title{font-size:var(--text-2xl);font-weight:600;color:var(--gray-900);margin:0 0 var(--space-4) 0}.no-products-subtitle{font-size:var(--text-base);color:var(--gray-600);margin:0 0 var(--space-8) 0;line-height:1.6}.cta-section{padding:var(--space-24) 0;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20c0 4.4-3.6 8-8 8s-8-3.6-8-8 3.6-8 8-8 8 3.6 8 8zm0-20c0 4.4-3.6 8-8 8S4 4.4 4 0s3.6-8 8-8 8 3.6 8 8z' fill='%23fff' fill-opacity='.1'/%3E%3C/svg%3E");z-index:1}.cta-content{text-align:center;position:relative;z-index:2;max-width:600px;margin:0 auto}.cta-title{font-size:var(--text-4xl);font-weight:700;color:#fff;margin:0 0 var(--space-6) 0;letter-spacing:-.025em}.cta-subtitle{font-size:var(--text-lg);color:var(--primary-100);margin:0 0 var(--space-8) 0;line-height:1.7}.cta-actions{display:flex;justify-content:center;grid-gap:var(--space-4);gap:var(--space-4);flex-wrap:wrap}.product-container{height:100%}.product-card{height:100%;display:flex;flex-direction:column;overflow:hidden;transition:all var(--transition-base);cursor:pointer}.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-200)}.product-image-container{position:relative;width:100%;height:240px;overflow:hidden;background-color:var(--gray-100)}.product-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.product-card:hover .product-image{transform:scale(1.05)}.product-quick-add{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#fff;color:var(--primary-600);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-md);opacity:0;transform:translateY(-8px);transition:all var(--transition-base);cursor:pointer;z-index:5}.product-card:hover .product-quick-add{opacity:1;transform:translateY(0)}.product-quick-add:hover{transform:scale(1.1)}.product-badge,.product-quick-add:hover{background-color:var(--primary-600);color:#fff}.product-badge{position:absolute;bottom:var(--space-3);left:var(--space-3);display:flex;align-items:center;grid-gap:var(--space-1);gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-base);font-weight:600;box-shadow:var(--shadow-sm)}.product-badge,.product-badge i{font-size:var(--text-xs)}.product-info{flex:1 1;padding:var(--space-4) 0}.product-name{font-size:var(--text-lg);font-weight:600;color:var(--gray-900);margin:0 0 var(--space-2) 0;line-height:1.4;cursor:pointer;transition:color var(--transition-fast)}.product-name:hover{color:var(--primary-600)}.product-meta{margin-bottom:var(--space-3)}.product-category{display:inline-flex;align-items:center;grid-gap:var(--space-1);gap:var(--space-1);font-size:var(--text-sm);color:var(--gray-500)}.product-category i{font-size:var(--text-xs)}.product-price-section{display:flex;align-items:baseline;grid-gap:var(--space-2);gap:var(--space-2);margin-bottom:var(--space-4)}.product-price{font-size:var(--text-2xl);font-weight:700;color:var(--primary-600)}.product-unit{font-size:var(--text-sm);color:var(--gray-500)}.product-actions{display:flex;grid-gap:var(--space-2);gap:var(--space-2);margin-top:auto}.product-view-btn{flex:1 1}.product-add-btn{flex:2 1}.product-farmer-info{display:flex;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-3);background-color:var(--gray-50);border-top:1px solid var(--gray-200)}.farmer-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--gray-400);font-size:var(--text-lg)}.farmer-details{flex:1 1;display:flex;flex-direction:column}.farmer-label{font-size:var(--text-xs);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.farmer-name{color:var(--gray-700)}.farmer-name,.farmer-rating{font-size:var(--text-sm);font-weight:500}.farmer-rating{display:flex;align-items:center;grid-gap:var(--space-1);gap:var(--space-1);color:var(--warning-500)}.farmer-rating i{font-size:var(--text-xs)}.products-grid .product-container{height:100%}.products-grid .product-card{height:100%;display:flex;flex-direction:column}.products-grid .product-card .card-body{flex:1 1;display:flex;flex-direction:column}.products-grid .product-card .product-actions{margin-top:auto}@media (max-width:1024px){.hero-content{grid-template-columns:1fr;grid-gap:var(--space-8);gap:var(--space-8);text-align:center}.hero-text{order:2;max-width:none}.hero-image{order:1}.hero-stats{justify-content:center}}@media (max-width:768px){.hero-section{padding:var(--space-16) 0}.hero-title{font-size:var(--text-4xl)}.hero-subtitle{font-size:var(--text-lg)}.hero-actions,.hero-stats{flex-direction:column;align-items:center}.hero-stats{grid-gap:var(--space-4);gap:var(--space-4)}.features-grid{grid-template-columns:1fr;grid-gap:var(--space-6);gap:var(--space-6)}.products-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.cta-title,.section-title{font-size:var(--text-3xl)}.cta-actions{align-items:center}.cta-actions,.product-actions{flex-direction:column}.product-add-btn,.product-view-btn{flex:1 1}}@media (max-width:480px){.hero-section{padding:var(--space-12) 0}.hero-title{font-size:var(--text-3xl)}.hero-img{height:300px}.products-grid{grid-template-columns:1fr}.feature-card{padding:var(--space-6)}.filter-btn{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.product-image-container{height:200px}}.product-form-page{min-height:100vh;background:linear-gradient(135deg,var(--gray-50),var(--primary-50));padding:var(--space-8) var(--space-4)}.product-form-container{max-width:800px;margin:0 auto;background-color:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden}.product-form-header{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff;padding:var(--space-8);text-align:center;position:relative}.back-btn{position:absolute;top:var(--space-6);left:var(--space-6);color:#fff!important;border-color:hsla(0,0%,100%,.3)!important}.back-btn:hover{background-color:hsla(0,0%,100%,.1)!important;border-color:hsla(0,0%,100%,.5)!important}.product-form-title{font-size:var(--text-3xl);font-weight:700;margin:0 0 var(--space-3) 0;display:flex;align-items:center;justify-content:center;grid-gap:var(--space-3);gap:var(--space-3)}.product-form-title i{font-size:var(--text-2xl)}.product-form-subtitle{font-size:var(--text-lg);color:var(--primary-100);margin:0;opacity:.9}.product-form{padding:var(--space-8)}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--gray-700);margin-bottom:var(--space-2)}.required{color:var(--error-500);margin-left:var(--space-1)}.form-input-container{position:relative;display:flex;align-items:center}.form-input-icon{position:absolute;left:var(--space-3);color:var(--gray-400);font-size:var(--text-sm);z-index:2}.form-input{width:100%;padding:var(--space-3) var(--space-3) var(--space-3) 2.5rem;font-size:var(--text-base);color:var(--gray-700);background-color:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-lg);transition:all var(--transition-base)}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(34,197,94,.1)}.form-input:disabled{background-color:var(--gray-50);color:var(--gray-500);cursor:not-allowed}.form-input-error{border-color:var(--error-500)!important;box-shadow:0 0 0 3px rgba(239,68,68,.1)!important}.form-textarea-container{position:relative}.form-textarea{width:100%;padding:var(--space-3);font-size:var(--text-base);color:var(--gray-700);background-color:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-lg);transition:all var(--transition-base);resize:vertical;min-height:120px;font-family:inherit}.form-textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(34,197,94,.1)}.form-textarea:disabled{background-color:var(--gray-50);color:var(--gray-500);cursor:not-allowed}.form-select{width:100%;padding:var(--space-3);font-size:var(--text-base);color:var(--gray-700);background-color:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.form-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(34,197,94,.1)}.form-select:disabled{background-color:var(--gray-50);color:var(--gray-500);cursor:not-allowed}.form-select option{padding:var(--space-2);font-size:var(--text-base)}.price-input{display:flex;align-items:center;border:2px solid var(--gray-200);border-radius:var(--radius-lg);background-color:#fff;transition:all var(--transition-base);overflow:hidden}.price-input:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(34,197,94,.1)}.price-symbol{display:flex;align-items:center;justify-content:center;padding:var(--space-3);background-color:var(--gray-50);color:var(--gray-600);font-weight:600;border-right:1px solid var(--gray-200)}.price-input .form-input{border:none;padding:var(--space-3);border-radius:0;box-shadow:none}.price-input .form-input:focus{border:none;box-shadow:none}.price-unit{display:flex;align-items:center;justify-content:center;padding:var(--space-3);background-color:var(--gray-50);color:var(--gray-600);font-size:var(--text-sm);border-left:1px solid var(--gray-200);white-space:nowrap}.form-help-text{font-size:var(--text-xs);color:var(--gray-500);margin:var(--space-1) 0 0 0}.form-error{display:flex;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);font-size:var(--text-sm);color:var(--error-600);margin:var(--space-2) 0 0 0}.form-error i{font-size:var(--text-xs)}.form-error-banner{display:flex;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-4);background-color:var(--error-50);border:1px solid var(--error-200);border-radius:var(--radius-lg);color:var(--error-700);margin-bottom:var(--space-6)}.form-error-banner i{font-size:var(--text-lg);color:var(--error-500)}.image-preview{margin-top:var(--space-4);padding:var(--space-4);background-color:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.image-preview-label{font-size:var(--text-sm);font-weight:500;color:var(--gray-600);margin:0 0 var(--space-2) 0}.image-preview-img{max-width:200px;max-height:200px;width:auto;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);object-fit:cover;display:block;margin-bottom:var(--space-3)}.form-input[type=file]{padding:var(--space-3);cursor:pointer}.form-input[type=file]::-webkit-file-upload-button{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;margin-right:var(--space-3);-webkit-transition:all var(--transition-base);transition:all var(--transition-base)}.form-input[type=file]::-webkit-file-upload-button:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));transform:translateY(-1px)}.image-remove-btn{background:linear-gradient(135deg,var(--error-500),var(--error-600));color:#fff;border:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;grid-gap:var(--space-2);gap:var(--space-2)}.image-remove-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--error-600),var(--error-700));transform:translateY(-1px)}.image-remove-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-actions{display:flex;grid-gap:var(--space-4);gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--gray-200)}.form-actions .btn{flex:1 1}.danger-zone{margin-top:var(--space-12);padding:var(--space-6);background-color:var(--error-50);border:2px solid var(--error-200);border-radius:var(--radius-lg)}.danger-zone-header{margin-bottom:var(--space-4)}.danger-zone-title{display:flex;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);font-size:var(--text-lg);font-weight:600;color:var(--error-700);margin:0 0 var(--space-2) 0}.danger-zone-title i{color:var(--error-500)}.danger-zone-subtitle{font-size:var(--text-sm);color:var(--error-600);margin:0}.delete-confirmation{padding:var(--space-4);background-color:#fff;border-radius:var(--radius-md);border:1px solid var(--error-300)}.delete-confirmation-text{font-size:var(--text-sm);color:var(--error-700);margin:0 0 var(--space-4) 0;font-weight:500}.delete-confirmation-actions{display:flex;grid-gap:var(--space-3);gap:var(--space-3);justify-content:flex-end}@media (max-width:768px){.product-form-page{padding:var(--space-4) var(--space-2)}.product-form-container{border-radius:var(--radius-xl)}.product-form-header{padding:var(--space-6)}.back-btn{top:var(--space-4);left:var(--space-4)}.product-form-title{font-size:var(--text-2xl)}.product-form-subtitle{font-size:var(--text-base)}.product-form{padding:var(--space-6)}.delete-confirmation-actions,.form-actions,.price-input{flex-direction:column}.price-symbol,.price-unit{border:none;border-bottom:1px solid var(--gray-200);border-radius:0}.price-unit{border-bottom:none;border-top:1px solid var(--gray-200)}}@media (max-width:480px){.product-form-header{padding:var(--space-4)}.product-form-title{font-size:var(--text-xl);flex-direction:column;grid-gap:var(--space-2);gap:var(--space-2)}.product-form{padding:var(--space-4)}.image-preview-img{max-width:150px;max-height:150px}}.orders-page{max-width:1200px;margin:0 auto;padding:var(--space-6);min-height:100vh}.orders-header{text-align:center;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:2px solid var(--gray-200)}.orders-header h1{font-size:var(--text-4xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-2)}.orders-subtitle{font-size:var(--text-lg);color:var(--gray-600);margin:0}.orders-empty,.orders-error,.orders-loading,.orders-not-logged-in{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-6);min-height:400px}.orders-empty-icon,.orders-error-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:var(--space-6);background:linear-gradient(135deg,var(--gray-100),var(--gray-200));border-radius:var(--radius-full);color:var(--gray-400);font-size:var(--text-3xl)}.loading-spinner{font-size:var(--text-3xl);color:var(--primary-500);margin-bottom:var(--space-4)}.orders-empty h2,.orders-error h2,.orders-loading h2,.orders-not-logged-in h2{font-size:var(--text-2xl);font-weight:600;color:var(--gray-700);margin-bottom:var(--space-3)}.orders-empty p,.orders-error p,.orders-loading p,.orders-not-logged-in p{font-size:var(--text-base);color:var(--gray-500);margin-bottom:var(--space-6);line-height:1.6}.orders-list{display:flex;flex-direction:column;grid-gap:var(--space-6);gap:var(--space-6)}.order-card{background-color:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-base)}.order-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-200)}.order-card-header{display:grid;grid-template-columns:1fr auto auto;grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-6);cursor:pointer;transition:background-color var(--transition-base);align-items:center}.order-card-header:hover{background-color:var(--gray-50)}.order-info{flex-direction:column}.order-id,.order-info{display:flex;grid-gap:var(--space-2);gap:var(--space-2)}.order-id{align-items:center}.order-label{font-size:var(--text-sm);color:var(--gray-500);font-weight:500}.order-number{font-size:var(--text-lg);font-weight:600;color:var(--gray-900)}.order-date{display:flex;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);font-size:var(--text-sm);color:var(--gray-600)}.order-date i{color:var(--gray-400)}.order-summary{flex-direction:column;align-items:flex-end}.order-items-count,.order-summary{display:flex;grid-gap:var(--space-2);gap:var(--space-2)}.order-items-count{align-items:center;font-size:var(--text-sm);color:var(--gray-600)}.order-items-count i{color:var(--gray-400)}.order-total-amount{font-size:var(--text-xl);font-weight:700;color:var(--primary-600)}.order-expand-icon{padding:var(--space-2);color:var(--gray-400);font-size:var(--text-lg);transition:transform var(--transition-base)}.order-details{border-top:1px solid var(--gray-200);background-color:var(--gray-50);animation:slideDown .3s ease-out}.order-details-header{padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--gray-200)}.order-details-header h4{font-size:var(--text-lg);font-weight:600;color:var(--gray-900);margin:0}.order-items{padding:var(--space-4) var(--space-6)}.order-item{display:grid;grid-template-columns:60px 1fr auto auto;grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-4);margin-bottom:var(--space-4);background-color:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);align-items:center}.order-item:last-child{margin-bottom:0}.order-item-image{width:60px;height:60px;border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--gray-100)}.order-item-image img{width:100%;height:100%;object-fit:cover}.order-item-placeholder{color:var(--gray-400);font-size:var(--text-xl)}.order-item-info{min-width:0}.order-item-name{font-size:var(--text-base);font-weight:600;color:var(--gray-900);margin:0 0 var(--space-1) 0;line-height:1.4}.order-item-price{font-size:var(--text-sm);color:var(--gray-500);margin:0}.order-item-quantity{display:flex;flex-direction:column;align-items:center;grid-gap:var(--space-1);gap:var(--space-1)}.quantity-label{font-size:var(--text-xs);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.quantity-value{font-size:var(--text-base);font-weight:600;color:var(--gray-900)}.order-item-total{font-size:var(--text-lg);font-weight:600;color:var(--primary-600);text-align:right}.order-items-empty{text-align:center;padding:var(--space-8);color:var(--gray-500)}.order-details-footer{padding:var(--space-6);border-top:1px solid var(--gray-200);background-color:#fff}.order-summary-line{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;font-size:var(--text-base);color:var(--gray-600)}.order-summary-line:last-child{border-top:1px solid var(--gray-200);margin-top:var(--space-2);padding-top:var(--space-4)}.order-total-line{font-size:var(--text-lg);font-weight:700;color:var(--gray-900)}@media (max-width:768px){.orders-page{padding:var(--space-4)}.orders-header h1{font-size:var(--text-3xl)}.order-card-header{grid-template-columns:1fr;grid-gap:var(--space-3);gap:var(--space-3);text-align:left}.order-summary{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.order-item{grid-template-columns:50px 1fr auto;grid-gap:var(--space-3);gap:var(--space-3)}.order-item-quantity{flex-direction:row;grid-gap:var(--space-2);gap:var(--space-2)}.order-item-total{grid-column:2/-1;text-align:right;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--gray-200)}}@media (max-width:480px){.order-item{grid-template-columns:1fr;text-align:center}.order-item-image{justify-self:center}.order-item-total{grid-column:1;margin-top:var(--space-3)}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}
/*# sourceMappingURL=main.4a70cdf2.chunk.css.map */