:root{--color-primary:#63b8f3;--color-primary-light:#ddf3ff;--color-primary-dark:#0a1b35;--color-brand-blue:#63b8f3;--color-brand-soft:#eaf7ff;--color-brand-ink:#0a1b35;--color-black:#0a1b35;--color-black-light:#2c2c2c;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-xs:.75rem;--font-sm:.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-4xl:2.25rem;--font-5xl:3rem;--space-1:.25rem;--space-2:.5rem;--space-3:.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:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--container-max-width:1280px;--container-padding:2rem}@media (width<=768px){:root{--container-padding:1.5rem}}@media (width<=640px){:root{--container-padding:1rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}html[dir=rtl] body{direction:rtl}html[dir=rtl] input,html[dir=rtl] textarea,html[dir=rtl] select{text-align:right}html[dir=rtl] .findit-request-category{left:auto;right:.7rem}html[dir=rtl] .findit-photo-list button,html[dir=rtl] .seller-findit-close,html[dir=rtl] .findit-close-checkout{left:-.35rem;right:auto}html[dir=rtl] .seller-findit-close,html[dir=rtl] .findit-close-checkout{left:.8rem}html[dir=rtl] .findit-dashboard-heading>span{text-align:left}html[dir=rtl] .dashboard-sidebar{border-left:1px solid #e5e7eb;border-right:0;left:auto;right:0;box-shadow:-10px 0 28px #0f172a09}html[dir=rtl] .dashboard-main.with-sidebar{margin-left:0;margin-right:280px}html[dir=rtl] .dashboard-main.without-sidebar{margin-left:0;margin-right:80px}html[dir=rtl] .sidebar-header{justify-content:flex-start}html[dir=rtl] .sidebar-unread-badge{margin-left:0;margin-right:auto}html[dir=rtl] .mobile-dashboard-header{left:0;right:0}@media (width<=768px){html[dir=rtl] .dashboard-sidebar{border-left:0;border-radius:18px 0 0 18px;transform:translate(100%);box-shadow:-14px 0 38px #0f172a38}html[dir=rtl] .dashboard-sidebar.mobile-open{transform:translate(0)}html[dir=rtl] .dashboard-main.with-sidebar,html[dir=rtl] .dashboard-main.without-sidebar{margin-right:0}}body{font-family:var(--font-family);font-size:var(--font-base);color:var(--color-gray-900);background-color:var(--color-white);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}img,picture,video,canvas,svg{max-width:100%}button,input,select,textarea{font:inherit}.container{max-width:var(--container-max-width);padding:0 var(--container-padding);margin:0 auto}.app-main{flex-grow:1;padding-top:80px}h1,h2,h3,h4,h5,h6{margin-bottom:var(--space-4);color:var(--color-black);font-weight:700;line-height:1.2}h1{font-size:var(--font-4xl)}h2{font-size:var(--font-3xl)}h3{font-size:var(--font-2xl)}h4{font-size:var(--font-xl)}h5{font-size:var(--font-lg)}h6{font-size:var(--font-base)}@media (width>=768px){h1{font-size:var(--font-5xl)}h2{font-size:var(--font-4xl)}h3{font-size:var(--font-3xl)}}p{margin-bottom:var(--space-4);color:var(--color-gray-600)}a{color:inherit;text-decoration:none}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-base);cursor:pointer;transition:all var(--transition-base);border:none;display:inline-flex}.btn-primary{background-color:var(--color-black);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-black-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-primary);color:var(--color-black)}.btn-secondary:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.btn-outline{border:2px solid var(--color-black);color:var(--color-black);background-color:#0000}.btn-outline:hover{background-color:var(--color-black);color:var(--color-white);transform:translateY(-1px)}.card{background:var(--color-white);border-radius:var(--radius-xl);transition:all var(--transition-base);box-shadow:var(--shadow-sm);text-decoration:none;display:block;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.empty-state{min-height:15rem;padding:var(--space-10) var(--space-6);border:1px dashed var(--color-gray-200);border-radius:var(--radius-xl);background:var(--color-gray-50);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{width:3rem;height:3rem;margin-bottom:var(--space-4);border-radius:var(--radius-lg);background:var(--color-white);color:var(--color-gray-600);box-shadow:var(--shadow-sm);place-items:center;display:grid}.empty-state-title{margin-bottom:var(--space-2);font-size:var(--font-xl)}.empty-state-description{max-width:28rem;margin-bottom:var(--space-6)}.skeleton{gap:var(--space-5);animation:fadeIn var(--transition-base);display:grid}.skeleton-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.skeleton-list{grid-template-columns:1fr}.skeleton-card{padding:var(--space-4);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);background:var(--color-white)}.skeleton-block{border-radius:var(--radius-md);background:linear-gradient(90deg, var(--color-gray-100) 25%, var(--color-gray-50) 37%, var(--color-gray-100) 63%);background-size:400% 100%;animation:1.25s infinite shimmer}.skeleton-media{height:9rem;margin-bottom:var(--space-4)}.skeleton-line{height:.8rem;margin-top:var(--space-3)}.skeleton-line-wide{width:78%}.skeleton-line-short{width:45%}@keyframes shimmer{to{background-position:-135% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.card-image{background-color:var(--color-gray-100);justify-content:center;align-items:center;width:100%;height:200px;font-size:4rem;display:flex}.card-content{padding:var(--space-5)}.card-title{font-weight:600;font-size:var(--font-lg);margin-bottom:var(--space-2);color:var(--color-black)}.card-seller{font-size:var(--font-sm);color:var(--color-gray-500);margin-bottom:var(--space-2)}.card-price{font-size:var(--font-xl);color:var(--color-black);font-weight:700}.card-old-price{font-size:var(--font-sm);color:var(--color-gray-400);margin-left:var(--space-2);text-decoration:line-through}.grid{gap:var(--space-6);display:grid}.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)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}@media (width<=1024px){.grid-cols-4,.grid-cols-5{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.grid-cols-3,.grid-cols-4,.grid-cols-5{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5{grid-template-columns:1fr}}.listing-card-action{min-height:44px;margin:auto var(--space-4) var(--space-4);border:1px solid var(--color-black);border-radius:var(--radius-full);color:var(--color-black);font-size:var(--font-sm);transition:background-color var(--transition-base), color var(--transition-base), transform var(--transition-base);justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.listing-card-action:hover{background:var(--color-black);color:var(--color-white);transform:translateY(-1px)}@media (width<=640px){.app-main{padding-top:64px}.btn{min-height:44px}input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px}.booking-details-grid,.cart-grid,.checkout-grid,.course-grid,.details-grid,.digital-grid,.favorites-grid,.form-row,.packages-grid,.profile-grid,.purchases-grid,.results-grid,.seller-type-grid,.service-grid{grid-template-columns:1fr!important}.orders-table-container,.items-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table,.items-table,.orders-table{min-width:40rem}.cart-btn,.remove-btn,.page-btn,.quantity-selector button{min-width:44px;min-height:44px}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.mt-16{margin-top:var(--space-16)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:var(--font-sm)}.text-base{font-size:var(--font-base)}.text-lg{font-size:var(--font-lg)}.text-xl{font-size:var(--font-xl)}.text-2xl{font-size:var(--font-2xl)}.text-3xl{font-size:var(--font-3xl)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--color-primary)}.text-black{color:var(--color-black)}.text-white{color:var(--color-white)}.text-gray{color:var(--color-gray-500)}.bg-primary{background-color:var(--color-primary)}.bg-black{background-color:var(--color-black)}.bg-white{background-color:var(--color-white)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:600;display:inline-flex}.badge-primary{background:var(--color-primary);color:var(--color-black)}.badge-success{color:#065f46;background:#d1fae5}.badge-warning{color:#92400e;background:#fef3c7}.badge-error{color:#991b1b;background:#fee2e2}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s ease-out fadeIn}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}.navbar{box-shadow:var(--shadow-md);z-index:1000;background:#fff;padding:.75rem 0;position:fixed;top:0;left:0;right:0}.footer{background:var(--color-black);color:var(--color-gray-400);margin-top:auto;padding:3rem 0 1.5rem}.section{padding:var(--space-16) 0}.section-title{font-size:var(--font-3xl);text-align:center;margin-bottom:var(--space-8);font-weight:700}.section-title span{color:var(--color-primary)}@media (width<=768px){.section{padding:var(--space-8) 0}.section-title{font-size:var(--font-2xl)}}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.left-0{left:0}.right-0{right:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.cursor-pointer{cursor:pointer}.sticky-top{position:sticky;top:100px}:root{--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}.form-group{margin-bottom:1.25rem}.form-label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-input{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;width:100%;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.form-input:focus{border-color:#87ceeb;outline:none;box-shadow:0 0 0 3px #87ceeb1a}.form-input.error{border-color:#ef4444}.form-error{color:#ef4444;margin-top:.25rem;font-size:.75rem}