:root{--primary:#0d9488;--primary-hover:#0f766e;--primary-light:#0d948814;--secondary:#0f766e;--accent:#14b8a6;--background:#fafafa;--foreground:#111827;--card:#fff;--card-foreground:#374151;--border:#e5e7eb;--input:#fff;--input-border:#d1d5db;--ring:#0d948833;--radius:12px;--shadow-sm:0 1px 2px 0 #0000000a;--shadow:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000008;--success:#059669;--danger:#dc2626;--warning:#d97706}[data-theme=dark]{--background:#111827;--foreground:#f9fafb;--card:#1f2937;--card-foreground:#d1d5db;--border:#374151;--input:#1f2937;--input-border:#4b5563;--primary-light:#0d948826;--shadow-sm:0 1px 2px 0 #00000080;--shadow:0 4px 6px -1px #0006, 0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -2px #0000004d}*{box-sizing:border-box;font-family:var(--font-inter), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;margin:0;padding:0}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;min-height:100vh;transition:background-color .2s,color .2s}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{outline:none;font-family:inherit;font-size:16px}.container{max-width:1120px;margin:0 auto;padding:0 1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.w-full{width:100%}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.chat-container-mobile{height:calc(100vh - 70px)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.5rem}.btn{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow);transform:translateY(-1px)}.btn-secondary{color:var(--foreground);border:1px solid var(--border);background:0 0}.btn-secondary:hover{background:#00000008}.input-field{border:1px solid var(--input-border);background:var(--input);width:100%;color:var(--foreground);border-radius:8px;padding:.625rem .875rem;font-size:.875rem;transition:all .2s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.typing-dot{animation:1.4s ease-in-out infinite both typing}@keyframes typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-base{background:#e5e7eb;position:relative;overflow:hidden}[data-theme=dark] .skeleton-base{background:#374151}.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;display:grid}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.mobile-bottom-nav{display:none}.text-hero{letter-spacing:-.02em;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1}.text-h1{letter-spacing:-.02em;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.2}.page-padding{padding:3rem}.card-padding{padding:2rem}.section-padding{padding:6rem 0}.admin-header-flex{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.nav-icon-btn{white-space:nowrap;border-radius:8px;flex-shrink:0;justify-content:flex-start;align-items:center;gap:0;width:36px;height:36px;padding:0 9px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.nav-icon-btn:hover{gap:6px;width:auto;padding:0 12px 0 10px}.nav-icon-text{opacity:0;width:0;font-size:.75rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);transform:translate(-5px)}.nav-icon-btn:hover .nav-icon-text{opacity:1;width:auto;transform:translate(0)}@media (max-width:1024px){.hide-tablet{display:none!important}}@media (max-width:768px){.mobile-bottom-nav{background:var(--card);border-top:1px solid var(--border);z-index:100;padding-bottom:env(safe-area-inset-bottom,16px);height:calc(60px + env(safe-area-inset-bottom,16px));justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.container{padding:0 1.25rem}.product-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.filter-grid{grid-template-columns:1fr 1fr;gap:.75rem}.hide-mobile{display:none!important}.show-mobile{display:flex!important}.md-flex-col{flex-direction:column!important}.md-grid-1{grid-template-columns:1fr!important}.admin-sidebar{border-bottom:1px solid var(--border);overflow-x:auto;border-right:none!important;flex-direction:row!important;width:100%!important;min-width:100%!important;padding:1rem!important}.admin-sidebar-menu{flex-direction:row!important;gap:.5rem!important}.admin-sidebar-link{white-space:nowrap}.page-padding,.card-padding{padding:1.25rem!important}.section-padding{padding:3rem 0!important}.chat-container-mobile{height:calc(100dvh - 130px)!important}.admin-header-flex{gap:1rem;flex-direction:column!important;align-items:flex-start!important}.admin-header-flex>div:last-child{justify-content:space-between;width:100%}.admin-header-flex input{width:100%!important}.product-detail-layout{flex-direction:column!important}.fixed-bottom-action{bottom:calc(60px + env(safe-area-inset-bottom,16px));background:var(--card);border-top:1px solid var(--border);z-index:50;padding:1rem 1.25rem;left:0;right:0;box-shadow:0 -4px 10px #0000000d;border-radius:0!important;position:fixed!important}.mobile-only-spacer{display:block!important}}.mobile-only-spacer{display:none}@media (max-width:480px){.product-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.filter-grid{grid-template-columns:1fr}}