:root{--primary:#f5b111;--primary-hover:#e09f0b;--secondary:#1a1a1a;--bg-color:#f8fafc;--card-bg:#fff;--text-main:#1f2937;--text-muted:#6b7280;--border-color:#e5e7eb;--success:#10b981;--danger:#ef4444;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--radius-md:.5rem;--radius-lg:1rem;--radius-full:9999px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Tajawal,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.grid{display:grid}.btn{border-radius:var(--radius-md);transition:var(--transition);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:700;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--secondary)}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.header{background-color:var(--card-bg);box-shadow:var(--shadow-sm);z-index:50;padding:1rem 0;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--secondary);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:900;display:flex}.logo-icon{color:var(--primary)}.nav-links{gap:2rem;display:flex}.nav-link{color:var(--text-muted);transition:var(--transition);font-weight:500}.nav-link:hover,.nav-link.active{color:var(--primary)}.hero{text-align:center;background:linear-gradient(135deg, var(--card-bg) 0%, var(--bg-color) 100%);border-bottom:1px solid var(--border-color);padding:4rem 1rem}.hero h1{color:var(--secondary);margin-bottom:1rem;font-size:3rem;font-weight:900}.hero p{color:var(--text-muted);max-width:600px;margin:0 auto 2rem;font-size:1.25rem}.shops-section{padding:4rem 0}.section-title{text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:800}.shops-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;display:grid}.shop-card{background-color:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--border-color);overflow:hidden}.shop-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.shop-image{object-fit:cover;background-color:var(--border-color);width:100%;height:160px}.shop-content{padding:1rem}.shop-title{margin-bottom:.4rem;font-size:1.05rem;font-weight:700}.shop-category{color:var(--primary);border-radius:var(--radius-full);background-color:#f5b1111a;margin-bottom:1rem;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-block}.shop-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;display:grid}.dashboard-layout{grid-template-columns:350px 1fr;align-items:start;gap:3rem;display:grid}@media (width<=992px){.dashboard-layout{grid-template-columns:1fr;gap:2rem}.shops-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}}@media (width<=768px){.header-content{flex-direction:column;gap:1rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:1.5rem}.hero{padding:2.5rem 1rem}.hero h1{font-size:2rem}.hero p{font-size:1rem}.shops-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.dashboard-item{flex-direction:column;align-items:flex-start!important;gap:1.5rem!important}.dashboard-item-actions{justify-content:flex-end;width:100%;margin-top:1rem}}@media (width<=480px){.hero h1{font-size:1.75rem}.logo{font-size:1.25rem}.btn{padding:.6rem 1.2rem;font-size:.875rem}.nav-links{gap:1rem;font-size:.9rem}.shops-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.shop-image{height:120px}.shop-content{padding:.75rem}.shop-title{font-size:.9rem}.shop-category{margin-bottom:.5rem;padding:.15rem .5rem;font-size:.7rem}.shop-footer{margin-top:.5rem;padding-top:.5rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.product-card-image{height:140px!important}.product-card-title{margin-bottom:.25rem!important;font-size:1rem!important}.product-card-price{font-size:.9rem!important}}