@charset "UTF-8";i[data-lucide]{display: inline-block;width: 1em;height: 1em;flex-shrink: 0;vertical-align: -0.125em;}svg.lucide{width: 1em;height: 1em;stroke: currentColor;vertical-align: -0.125em;flex-shrink: 0;}.lucide-lg{font-size: 3em;}.lucide-spin{animation: lucide-spin 1s linear infinite;}@keyframes lucide-spin{to{transform: rotate(360deg);}}@font-face{font-family: "IBM Plex Sans Arabic";src: url('/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Thin.woff2') format('woff2'),url('/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Thin.ttf') format('truetype');font-style: normal;font-weight: 100;font-display: swap;}@font-face{font-family: "IBM Plex Sans Arabic";src: url('/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-ExtraLight.woff2') format('woff2'),url('/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-ExtraLight.ttf') format('truetype');font-style: normal;font-weight: 200;font-display: swap;}@font-face{font-family: "IBM Plex Sans Arabic";src: url('/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Light.woff2') format('woff2'),url('/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Light.ttf') format('truetype');font-style: normal;font-weight: 300;font-display: swap;}@font-face{font-family: "IBM Plex Sans Arabic";src: url('/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Regular.woff2') format('woff2'),url('/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Regular.ttf') format('truetype');font-style: normal;font-weight: 400;font-display: swap;}@font-face{font-family: "IBM Plex Sans Arabic";src: url('/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Medium.woff2') format('woff2'),url('/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Medium.ttf') format('truetype');font-style: normal;font-weight: 500;font-display: swap;}@font-face{font-family: "IBM Plex Sans Arabic";src: url('/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-SemiBold.woff2') format('woff2'),url('/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-SemiBold.ttf') format('truetype');font-style: normal;font-weight: 600;font-display: swap;}@font-face{font-family: "IBM Plex Sans Arabic";src: url('/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Bold.woff2') format('woff2'),url('/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Bold.ttf') format('truetype');font-style: normal;font-weight: 700;font-display: swap;}:root{color-scheme: dark;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--gray-950: #020617;--brand-50: #f1f4f6;--brand-100: #e2e8ec;--brand-200: #c6d1d9;--brand-300: #a5b5c0;--brand-400: #8297a5;--brand-500: #657b89;--brand-600: #51636f;--brand-700: #404e58;--brand-800: #2f3a42;--brand-900: #21292f;--brand-950: #12171b;--accent-400: #9fb0ba;--accent-500: #8296a1;--accent-600: #687b86;--bg-primary: #090b0d;--bg-secondary: #0f1316;--bg-surface: #151a1e;--bg-elevated: #1c2328;--bg-overlay: rgba(4,6,8,0.78);--bg-navbar: rgba(15,19,22,0.88);--bg-sidebar: #0b0e11;--text-primary: #f3f5f6;--text-secondary: #c8cfd3;--text-muted: #8f999f;--text-inverse: #14191c;--text-disabled: #616a70;--text-on-media: #f3f5f6;--text-on-media-secondary: #c8cfd3;--text-on-media-muted: #a8b0b5;--text-on-media-inverse: #14191c;--surface-on-media: rgba(18,20,21,0.46);--border-on-media: rgba(255,255,255,0.105);--control-on-media-bg: #e2e8ec;--control-on-media-hover: #f1f4f6;--control-on-media-text: #14191c;--border-default: #283138;--border-subtle: #1d2429;--border-strong: #3a464e;--border-focus: rgba(130,151,165,0.34);--border-accent: rgba(130,151,165,0.20);--accent-primary: var(--brand-500);--accent-hover: var(--brand-400);--accent-active: var(--brand-600);--accent-muted: rgba(101,123,137,0.14);--accent-secondary: var(--accent-500);--accent-secondary-muted: rgba(130,150,161,0.10);--switch-off-bg: #525e66;--switch-off-border: #677780;--switch-on-bg: #268c90;--switch-on-border: #268c90;--switch-thumb: #ffffff;--button-primary-bg: #dce3e7;--button-primary-bg-hover: #eef2f4;--button-primary-bg-active: #c8d2d8;--button-primary-text: #11171b;--button-primary-border: #dce3e7;--button-primary-shadow: 0 8px 24px rgba(220,227,231,0.18);--gradient-brand: linear-gradient(90deg,#c8d2d8 0%,#f4f5f6 50%,#d7dfe3 100%);--gradient-surface: linear-gradient( 180deg,rgba(130,151,165,0.05) 0%,rgba(130,151,165,0) 100% );--green-400: #6ee7b7;--green-500: #2fbf86;--green-600: #23936a;--yellow-400: #f5d27a;--yellow-500: #cfa247;--yellow-600: #a77d2e;--red-400: #f19a9a;--red-500: #d35f5f;--red-600: #b34545;--blue-400: #8ab4e6;--blue-500: #4f7fbf;--blue-600: #3e66a0;--color-white: #ffffff;--color-black: #000000;--success: var(--green-500);--success-bg: rgba(47,191,134,0.10);--success-border: rgba(47,191,134,0.20);--warning: var(--yellow-500);--warning-bg: rgba(207,162,71,0.10);--warning-border: rgba(207,162,71,0.20);--danger: var(--red-500);--danger-bg: rgba(211,95,95,0.10);--danger-border: rgba(211,95,95,0.20);--info: var(--blue-500);--info-bg: rgba(79,127,191,0.10);--info-border: rgba(79,127,191,0.20);--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--font-family-base: "IBM Plex Sans Arabic",-apple-system,BlinkMacSystemFont,sans-serif;--font-family-display: "Clash Display",sans-serif;--font-feature-settings: "salt" 1;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-md: 18px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 30px;--text-3xl: 36px;--text-4xl: 48px;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--line-height-tight: 1.2;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,0.20);--shadow-sm: 0 1px 3px rgba(0,0,0,0.30);--shadow-md: 0 4px 12px rgba(0,0,0,0.35);--shadow-lg: 0 10px 30px rgba(0,0,0,0.40);--shadow-xl: 0 20px 50px rgba(0,0,0,0.50);--shadow-accent: 0 8px 24px rgba(101,123,137,0.17);--shadow-danger: 0 8px 24px rgba(239,68,68,0.30);--ease-default: cubic-bezier(0.4,0,0.2,1);--ease-in: cubic-bezier(0.4,0,1,1);--ease-out: cubic-bezier(0,0,0.2,1);--ease-bounce: cubic-bezier(0.34,1.56,0.64,1);--duration-fast: 150ms;--duration-normal: 250ms;--duration-slow: 400ms;--transition-fast: all var(--duration-fast) var(--ease-default);--transition-normal: all var(--duration-normal) var(--ease-default);--transition-slow: all var(--duration-slow) var(--ease-default);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--sidebar-width: 280px;--sidebar-width-collapsed: 80px;--sidebar-width-mobile: 320px;--navbar-height: 70px;--navbar-height-mobile: 60px;--settings-sidebar-width: 260px;--settings-panel-radius: 24px;--lm-modal-width: 580px;--lm-modal-wide: 680px;--lm-modal-compact: 460px;--lm-modal-radius: 28px;--lm-modal-sheet-radius: 28px;--lm-modal-inline: 22px;--lm-modal-surface: color-mix(in srgb,var(--bg-navbar) 94%,transparent);--lm-modal-subtle: color-mix(in srgb,var(--bg-secondary) 76%,transparent);--lm-modal-backdrop: rgba(3,5,7,.72);--lm-modal-shadow: 0 34px 110px rgba(0,0,0,.62);--z-base: 0;--z-raised: 10;--z-dropdown: 1000;--z-sticky: 1010;--z-overlay: 1050;--z-modal: 1100;--z-toast: 1200;--z-tooltip: 1300;--input-height: 34px;--input-height-sm: 30px;--input-height-lg: 52px;--input-padding-x: 16px;--input-padding-y: 10px;--input-border-radius: var(--radius-sm);--input-border: 1px solid var(--border-default);--input-bg: var(--bg-secondary);--input-focus-shadow: 0 0 0 3px var(--accent-muted);}html[data-theme="light"]{color-scheme: light;--switch-off-bg: #77716a;--switch-off-border: #77716a;--switch-on-bg: #126b72;--switch-on-border: #126b72;--switch-thumb: #ffffff;--bg-primary: #f5f2eb;--bg-secondary: #eeebe4;--bg-surface: #fbf9f4;--bg-elevated: #f8f6f0;--bg-overlay: rgba(20,19,18,0.46);--bg-navbar: rgba(250,248,243,0.92);--bg-sidebar: #f1eee7;--text-primary: #151515;--text-secondary: #5b5751;--text-muted: #756f67;--text-inverse: #faf8f3;--text-disabled: #938c83;--border-default: #d6d1c8;--border-subtle: #e7e2d9;--border-strong: #bbb4a9;--border-focus: rgba(25,25,25,0.28);--border-accent: rgba(25,25,25,0.14);--accent-primary: #33302d;--accent-hover: #151515;--accent-active: #514b45;--accent-muted: rgba(51,48,45,0.09);--accent-secondary: #605951;--accent-secondary-muted: rgba(96,89,81,0.08);--button-primary-bg: #151515;--button-primary-bg-hover: #272727;--button-primary-bg-active: #353535;--button-primary-text: #faf8f3;--button-primary-border: #151515;--button-primary-shadow: 0 8px 20px rgba(20,20,20,0.15);--gradient-brand: linear-gradient(90deg,#262626 0%,#55514c 52%,#888078 100%);--gradient-surface: linear-gradient( 180deg,rgba(36,33,28,0.035) 0%,rgba(36,33,28,0) 100% );--success: #187452;--success-bg: rgba(24,116,82,0.09);--success-border: rgba(24,116,82,0.22);--warning: #8a650f;--warning-bg: rgba(138,101,15,0.09);--warning-border: rgba(138,101,15,0.22);--danger: #b44545;--danger-bg: rgba(180,69,69,0.08);--danger-border: rgba(180,69,69,0.22);--info: #365f97;--info-bg: rgba(54,95,151,0.08);--info-border: rgba(54,95,151,0.22);--shadow-xs: 0 1px 2px rgba(20,19,18,0.05);--shadow-sm: 0 2px 5px rgba(20,19,18,0.07);--shadow-md: 0 8px 22px rgba(20,19,18,0.09);--shadow-lg: 0 16px 42px rgba(20,19,18,0.11);--shadow-xl: 0 26px 70px rgba(20,19,18,0.14);--shadow-accent: 0 8px 24px rgba(20,19,18,0.10);--shadow-danger: 0 8px 24px rgba(180,69,69,0.18);}*,*::before,*::after{margin: 0;padding: 0;box-sizing: border-box;}html{scroll-behavior: smooth;}body{font-family: var(--font-family-base),serif;background: var(--bg-primary);color: var(--text-primary);line-height: var(--line-height-normal);overflow-x: hidden;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings: var(--font-feature-settings);}a{text-decoration: none !important;color: var(--text-primary);}::-webkit-scrollbar{width: 8px;}::-webkit-scrollbar-track{background: var(--bg-primary);}::-webkit-scrollbar-thumb{background: var(--border-default);border-radius: var(--radius-sm);}::-webkit-scrollbar-thumb:hover{background: var(--accent-primary);}.search-section{position: relative;}.search-form{background: rgba(15,15,15,0.37);border-radius: var(--radius-sm);padding: var(--space-4);border: 1px solid var(--border-default);backdrop-filter: blur(7px);}@media (max-width: 768px){.search-form{padding: var(--space-2);}.language-dropdown{display: none !important;}.search-form .w-100.d-flex{flex-direction: column;}}.search-input{background: var(--bg-primary);border: 1px solid var(--border-default);color: var(--text-primary);border-radius: var(--radius-md);padding: var(--space-2) var(--space-3);font-size: var(--text-base);transition: var(--transition-normal);}.search-input:focus{background: var(--bg-primary);border-color: var(--accent-primary);box-shadow: 0 0 0 0.2rem rgba(99,102,241,0.25);color: var(--text-primary);outline: none;}.search-input::placeholder{color: var(--text-muted);}.category-filters{margin-top: 1rem;}.filter-tag{display: inline-block;background: transparent;color: var(--text-secondary);border: 1px solid var(--border-default);padding: var(--space-1) var(--space-2);margin: 0.25rem;border-radius: var(--radius-full);font-size: var(--text-sm);cursor: pointer;transition: var(--transition-normal);text-decoration: none;}.filter-tag:hover,.filter-tag.active{background: var(--accent-primary);color: var(--color-white);border-color: var(--accent-primary);transform: translateY(-1px);}.language-dropdown{position: relative;}.language-dropdown select{padding: var(--space-2);}.filter-dropdown{background: var(--bg-primary);border: 1px solid var(--border-default);border-radius: var(--radius-sm);color: var(--text-primary);font-size: var(--text-base);min-width: 100%;height: 100%;cursor: pointer;transition: var(--transition-normal);appearance: none;background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666666'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat: no-repeat;background-position: left 0.75rem center;background-size: 1.2em;}.filter-dropdown:hover,.filter-dropdown:focus{border-color: var(--accent-primary);box-shadow: 0 0 0 0.2rem rgba(99,102,241,0.15);}.gallery-section{background: var(--bg-primary);position: relative;min-height: 120px;top: 80px;}@media (max-width: 768px){.gallery-section{top: 70px;}}.gallery-header{margin-bottom: 3rem;}.section-title{font-size: var(--text-lg);font-weight: var(--font-semibold);margin-bottom: 1rem;color: var(--text-primary);}.section-subtitle{color: var(--text-secondary);font-size: var(--text-sm);}.gallery-grid{position: relative;display: grid;grid-template-columns: repeat(1,1fr);gap: 8px;width: 100%;margin-bottom: 2rem;}@media (min-width: 768px){.gallery-grid{grid-template-columns: repeat(3,1fr);gap: 16px;}.grid-item{height: 240px !important;}}@media (min-width: 900px){.gallery-grid{grid-template-columns: repeat(4,1fr);gap: 8px;}.grid-item{height: 280px !important;}}@media (min-width: 1200px){.gallery-grid{grid-template-columns: repeat(5,1fr);gap: 28px;}.grid-item{height: 280px !important;}}@media (max-width: 320px){.grid-item{height: 200px !important;}}.grid-item{width: 100%;position: relative;}.card-top-left{position: absolute;top: 12px;left: 12px;display: flex;flex-wrap: wrap;gap: 5px;}.media-type-badge{position: absolute;bottom: 10px;right: 10px;background: rgba(0,0,0,0.6);color: #fff;font-size: 0.7rem;font-weight: var(--font-bold);padding: 3px 8px;border-radius: 12px;pointer-events: none;letter-spacing: 0.05em;}.inspiration-card{width: 100%;height: 100%;background: var(--bg-surface);border-radius: var(--radius-xs);overflow: hidden;position: relative;transition: transform 0.2s ease,box-shadow 0.2s ease;border: 1px solid var(--border-default);}.card-image{width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.4s ease;}.card-overlay{position: absolute;inset: 0;background: linear-gradient( to bottom,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100% );opacity: 0;transition: opacity 0.2s ease;display: flex;flex-direction: column;justify-content: space-between;padding: var(--space-3);z-index: 2;cursor: pointer;}.inspiration-card:hover .card-overlay{opacity: 1;}.card-actions{display: flex;gap: 0.5rem;width: 100%;}.action-btn{background: rgba(255,255,255,0.9);color: var(--bg-primary);border: none;width: 40px;height: 40px;border-radius: var(--radius-full);display: flex;align-items: center;justify-content: center;transition: var(--transition-normal);backdrop-filter: blur(10px);cursor: pointer;}.action-btn:hover{background: var(--color-white);transform: scale(1.1);}.card-categories{position: absolute;top: 1rem;right: 1rem;display: flex;flex-wrap: wrap;gap: 0.5rem;z-index: 1;}.category-badge{background: rgba(0,0,0,0.6);color: var(--color-white);padding: var(--space-1) var(--space-2);border-radius: var(--radius-sm);font-size: var(--text-sm);backdrop-filter: blur(4px);}@media (max-width: 768px){.card-categories,.card-overlay{display: none !important;}}.skeleton-card{width: 100%;height: 100%;background: var(--bg-surface);border-radius: var(--radius-sm);overflow: hidden;}.skeleton-shimmer{width: 100%;height: 100%;background: linear-gradient(90deg,var(--border-default) 25%,rgba(42,42,42,0.5) 50%,var(--border-default) 75%);background-size: 200% 100%;animation: shimmer 1.5s infinite;}@keyframes shimmer{0%{background-position: 200% 0;}100%{background-position: -200% 0;}}.loading-overlay{position: fixed;inset: 0;background: var(--bg-primary);display: flex;align-items: center;justify-content: center;z-index: 9999;opacity: 1;transition: opacity 0.5s ease;}.loading-overlay.fade-out{opacity: 0;pointer-events: none;}.loading-spinner{border: 4px solid var(--border-default);border-top: 4px solid var(--accent-primary);border-radius: var(--radius-full);width: 40px;height: 40px;animation: spin 1s linear infinite;}@keyframes spin{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}.modal-content{background: var(--bg-surface);border: 1px solid var(--border-default);border-radius: var(--radius-sm);}.modal-header{border-bottom: 1px solid var(--border-default);}.modal-title{color: var(--text-primary);}input[type="submit"],input[type="reset"]{border-radius: var(--radius-full) !important;}.btn{display: inline-flex;text-decoration: none;white-space: nowrap;}.lang-radio{display: none;}.lang-label{display: inline-block;padding: var(--space-1) var(--space-2);border: 1px solid var(--border-default);border-radius: var(--radius-xl);cursor: pointer;transition: var(--transition-normal);color: var(--text-secondary);background: transparent;font-size: var(--text-sm);margin: 0.25rem;}.lang-radio:checked + .lang-label{border-color: var(--accent-primary);background: var(--accent-primary);color: var(--color-white);}.lang-label:hover{border-color: var(--accent-primary);color: var(--text-primary);}.image-modal{position: fixed;inset: 0;z-index: var(--z-modal);display: flex;align-items: center;justify-content: center;padding: var(--space-2);}.image-modal .modal-backdrop{position: absolute;inset: 0;background: rgba(0,0,0,0.95);backdrop-filter: blur(10px);}.image-modal-container{position: relative;max-width: 90vw;max-height: 90vh;display: flex;flex-direction: column;gap: 1rem;}.image-modal-container img{max-width: 100%;max-height: calc(90vh - 100px);object-fit: contain;border-radius: var(--radius-sm);}.modal-close-btn{position: absolute;top: -50px;right: 0;width: 40px;height: 40px;background: rgba(255,255,255,0.1);border: 1px solid rgba(255,255,255,0.2);border-radius: var(--radius-full);color: var(--color-white);cursor: pointer;transition: var(--transition-normal);display: flex;justify-content: center;align-items: center;}.modal-close-btn:hover{background: rgba(255,255,255,0.2);transform: rotate(90deg);}.modal-actions-bar{display: flex;gap: 0.5rem;justify-content: center;flex-wrap: wrap;}.modal-action-btn{display: flex;align-items: center;gap: 0.5rem;padding: var(--space-1) var(--space-2);background: var(--bg-surface);border: 1px solid var(--border-default);border-radius: var(--radius-full);color: var(--text-primary);cursor: pointer;transition: var(--transition-normal);text-decoration: none;justify-content: center;}.modal-action-btn:hover{background: var(--accent-primary);border-color: var(--accent-primary);color: var(--color-white);transform: translateY(-2px);}.modal-action-btn :is(i,svg){font-size: 1.1rem;}@media (max-width: 768px){.image-modal-container{max-width: 95vw;}.modal-actions-bar{gap: 0.25rem;}.modal-action-btn{padding: var(--space-1) var(--space-2);font-size: var(--text-sm);flex: 1;}.modal-action-btn span{display: none;}.modal-action-btn :is(i,svg){font-size: var(--text-sm);}}.modern-footer{background: var(--bg-surface);border-top: 1px solid var(--border-default);padding: var(--space-6) 0 var(--space-4);margin-top: 5rem;}.footer-content{display: flex;justify-content: space-between;align-items: center;margin-bottom: 2rem;gap: 2rem;flex-wrap: wrap;}.footer-brand{display: flex;align-items: center;gap: 1rem;}.footer-tagline{color: var(--text-secondary);margin: 0;font-size: var(--text-sm);}.footer-links{display: flex;gap: 1rem;}.footer-social{width: 40px;height: 40px;border-radius: var(--radius-full);background: var(--bg-primary);border: 1px solid var(--border-default);display: flex;align-items: center;justify-content: center;color: var(--text-secondary);transition: var(--transition-normal);text-decoration: none;}.footer-social:hover{background: var(--accent-primary);border-color: var(--accent-primary);color: var(--color-white);transform: translateY(-3px);}.footer-bottom{text-align: center;padding-top: 2rem;border-top: 1px solid var(--border-default);}.footer-bottom p{color: var(--text-muted);margin: 0;font-size: var(--text-sm);}.footer-bottom a{color: var(--accent-primary);text-decoration: none;transition: var(--transition-normal);}.footer-bottom a:hover{color: var(--accent-hover);}.footer-bottom .lucide-heart{color: #e74c3c;animation: heartbeat 1.5s ease-in-out infinite;}@keyframes heartbeat{0%,100%{transform: scale(1);}25%{transform: scale(1.1);}50%{transform: scale(1);}}@media (max-width: 768px){.footer-content{flex-direction: column;text-align: center;}}.form-check-input{background-color: var(--bg-primary);border: 1px solid var(--border-default);}.form-check-input:checked{background-color: var(--accent-primary);border-color: var(--accent-primary);}.form-check{display: flex;align-items: center;}.form-check .form-check-input{float: left;margin: 0 !important;}.form-check-label{margin-right: 0.5rem;}@media (max-width: 768px){.profile-section{padding: 0 !important;position: relative;top: 100px;padding-bottom: 80px !important;}}#navbar{--navbar-logo-filter: none;position: fixed;top: 0;right: 0;left: 0;z-index: var(--z-toast);width: 100%;margin: 0;padding: var(--space-3) 0 var(--space-2);border: 0;border-radius: 0;background: linear-gradient( 180deg,color-mix(in srgb,var(--bg-primary) 82%,transparent) 0%,color-mix(in srgb,var(--bg-primary) 34%,transparent) 62%,transparent 100% );box-shadow: none;transition: padding var(--duration-normal) var(--ease-default),background-color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default);}#navbar .navbar-shell{align-items: center;justify-content: space-between;}#navbar .navbar-actions-zone{margin-inline-start: auto;}@media (min-width: 992px){#navbar .navbar-shell{display: grid !important;grid-template-columns: minmax(0,1fr) minmax(320px,700px) minmax(0,1fr);grid-template-areas: "brand search actions";align-items: center;column-gap: var(--space-4);width: 100%;}#navbar .navbar-brand-zone{grid-area: brand;justify-self: start;}#navbar .navbar-search-zone{grid-area: search;width: 100%;min-width: 0;margin: 0;}#navbar .navbar-actions-zone{grid-area: actions;justify-self: end;min-width: 0;}}html[data-theme="light"] #navbar{--navbar-logo-filter: invert(1) contrast(1.08);}#navbar.scrolled{background: color-mix(in srgb,var(--bg-primary) 84%,transparent);-webkit-backdrop-filter: blur(var(--space-5)) saturate(125%);backdrop-filter: blur(var(--space-5)) saturate(125%);box-shadow: var(--shadow-lg);}#navbar .logo{width: 42px;height: 42px;display: grid;place-items: center;overflow: hidden;border: 1px solid var(--border-subtle);border-radius: var(--radius-lg);background: rgba(255,255,255,.025);}#navbar .logo img{width: 29px;height: 29px;object-fit: contain;filter: var(--navbar-logo-filter);transition: filter var(--duration-normal) var(--ease-default),opacity var(--duration-fast) var(--ease-default);}#navbar .unified-search-bar{min-height: 44px;border: 1px solid var(--border-default);border-radius: var(--radius-full);background: color-mix(in srgb,var(--bg-primary) 42%,transparent);-webkit-backdrop-filter: blur(var(--radius-lg)) saturate(120%);backdrop-filter: blur(var(--radius-lg)) saturate(120%);box-shadow: none;transition: var(--transition-fast);}#navbar .unified-search-bar:focus-within{border-color: var(--border-focus);background: color-mix(in srgb,var(--bg-secondary) 72%,transparent);box-shadow: none;}#navbar .gallery-layout-switcher{direction: ltr;display: inline-flex;align-items: center;gap: 2px;padding: 3px;border: 1px solid var(--border-default);border-radius: var(--radius-full);background: color-mix(in srgb,var(--bg-primary) 54%,transparent);-webkit-backdrop-filter: blur(14px) saturate(120%);backdrop-filter: blur(14px) saturate(120%);box-shadow: var(--shadow-xs);}#navbar .gallery-layout-button{display: inline-flex;-webkit-tap-highlight-color: transparent;}#navbar .gallery-layout-button :is(svg,i){width: 17px;height: 17px;stroke-width: 1.8;}#navbar .notification-bell,#navbar .user-dropdown{position: relative;}#navbar .notif-btn{position: relative;display: inline-flex;}#navbar .notif-btn :is(i,svg){width: 18px;height: 18px;stroke-width: 1.7;}#navbar .notif-item:focus-visible{outline: 2px solid var(--border-focus);outline-offset: 2px;}#navbar .notif-badge{position: absolute;top: -4px;right: -4px;display: none;align-items: center;justify-content: center;width: 17px;height: 17px;border: 2px solid var(--bg-primary);border-radius: var(--radius-full);background: var(--danger);color: var(--color-white);font-size: 9px;font-weight: var(--font-bold);line-height: 1;box-shadow: var(--shadow-sm);}#navbar .user-btn{display: flex;}#navbar .user-avatar{display: flex;align-items: center;justify-content: center;width: 34px;height: 34px;flex: 0 0 34px;overflow: hidden;border: 1px solid var(--border-default);border-radius: var(--radius-md);background: var(--bg-elevated);color: var(--text-primary);font-size: var(--text-sm);font-weight: var(--font-semibold);}#navbar .user-avatar img,#navbar .notif-avatar img{width: 100%;height: 100%;object-fit: cover;}#navbar .user-name{color: var(--text-secondary);font-size: var(--text-sm);font-weight: var(--font-medium);white-space: nowrap;}#navbar .user-btn:hover .user-name,#navbar .user-btn.active .user-name{color: var(--text-primary);}.user-name{--name-width: 40px;display: inline-block;width: var(--name-width);overflow: hidden;white-space: nowrap;vertical-align: middle;}.user-name__text{display: inline-block;will-change: transform,letter-spacing,opacity;transition: transform 1.8s cubic-bezier(.16,1,.3,1),letter-spacing 1.2s cubic-bezier(.16,1,.3,1),opacity .8s ease;}.user-name.is-english{direction: ltr;text-align: left;}.user-name.is-english .user-name__text{transform: translateX(0);}.user-name.is-arabic{direction: rtl;text-align: right;}.user-name.is-arabic .user-name__text{transform: translateX(0);}.user-name.is-english:hover .user-name__text{transform: translateX( calc(var(--name-width) - 100%) );letter-spacing: .015em;}.user-name.is-arabic:hover .user-name__text{transform: translateX( calc(100% - var(--name-width)) );letter-spacing: -.01em;}#navbar .notif-dropdown,#navbar .dropdown-menu-custom{position: absolute;z-index: var(--z-dropdown);top: calc(100% + var(--space-3));left: 0;right: auto;overflow: hidden;border-radius: var(--radius-xl);background: var(--bg-primary);box-shadow: var(--shadow-xl);-webkit-backdrop-filter: blur(24px) saturate(125%);backdrop-filter: blur(24px) saturate(125%);opacity: 0;visibility: hidden;transform: translate3d(0,-8px,0) scale(.985);transform-origin: top left;transition: opacity var(--duration-fast) var(--ease-out),visibility var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);}#navbar .notif-dropdown::before,#navbar .dropdown-menu-custom::before{content: '';position: absolute;z-index: 2;top: 0;left: var(--space-5);width: var(--space-10);height: 1px;background: var(--gradient-brand);opacity: .45;pointer-events: none;}#navbar .notif-dropdown.show,#navbar .dropdown-menu-custom.show{opacity: 1;visibility: visible;transform: translate3d(0,0,0) scale(1);}#navbar .notif-dropdown{width: min(380px,calc(100vw - var(--space-6)));min-width: 0;padding: var(--space-2);}#navbar .notif-header{display: flex;align-items: center;justify-content: space-between;min-height: 54px;padding: var(--space-3);border-bottom: 1px solid var(--border-subtle);color: var(--text-primary);font-size: var(--text-sm);font-weight: var(--font-semibold);}#navbar .notif-list{max-height: min(390px,58vh);margin-top: var(--space-1);overflow-y: auto;overscroll-behavior: contain;scrollbar-width: thin;scrollbar-color: var(--border-default) transparent;}#navbar .notif-list::-webkit-scrollbar{width: 6px;}#navbar .notif-list::-webkit-scrollbar-track{background: transparent;}#navbar .notif-list::-webkit-scrollbar-thumb{border-radius: var(--radius-full);background: var(--border-default);}#navbar .notif-list > .notif-item{position: relative;display: flex;align-items: flex-start;justify-content: flex-start;gap: var(--space-3);min-height: 64px;margin: var(--space-1) 0;padding: var(--space-3);border: 0;border-radius: var(--radius-lg);color: var(--text-primary);text-align: right;background: transparent;cursor: pointer;transition: background-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default);}#navbar .notif-list > .notif-item:hover{background: var(--bg-elevated);transform: translateX(-2px);}#navbar .notif-list > .notif-item.unread{background: var(--accent-secondary-muted);box-shadow: inset -2px 0 0 var(--accent-primary);}#navbar .notif-list > .notif-item.unread:hover{background: var(--accent-muted);}#navbar .notif-avatar{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;flex: 0 0 40px;overflow: hidden;border: 1px solid var(--border-default);border-radius: var(--radius-md);background: var(--bg-elevated);color: var(--text-primary);box-shadow: var(--shadow-xs);}#navbar .notif-avatar > span{font-size: .85rem;font-weight: var(--font-semibold);}#navbar .notif-copy{min-width: 0;flex: 1;}#navbar .notif-empty :is(svg,i){width: 24px;height: 24px;display: block;margin-bottom: var(--space-2);}#navbar .notif-text{color: var(--text-secondary);font-size: 13px;font-weight: var(--font-regular);line-height: var(--line-height-relaxed);}#navbar .notif-item.unread .notif-text{color: var(--text-primary);font-weight: var(--font-medium);}#navbar .notif-time{margin-top: var(--space-1);color: var(--text-muted);font-size: 11px;}#navbar .notif-list > div:not(.notif-item){display: grid;place-items: center;min-height: 150px;padding: var(--space-8) var(--space-4) !important;border-radius: var(--radius-lg);color: var(--text-muted) !important;background: var(--bg-secondary);}#navbar .dropdown-menu-custom{width: 248px;min-width: 248px;padding: var(--space-2);}#navbar .dropdown-item-custom{display: flex;text-align: right;text-decoration: none;}#navbar .dropdown-item-custom :is(i,svg){box-sizing: border-box;width: 30px;height: 30px;padding: 6px;flex: 0 0 30px;border: 1px solid var(--border-subtle);border-radius: var(--radius-md);background: var(--bg-secondary);color: var(--text-muted);stroke-width: 1.7;transition: var(--transition-fast);}#navbar .dropdown-item-custom:hover :is(i,svg){border-color: var(--border-default);color: var(--text-primary);}#navbar .theme-toggle-item{text-align: start;}#navbar .theme-toggle-copy{min-width: 0;flex: 1;display: grid;gap: 1px;}#navbar .theme-toggle-copy strong{color: inherit;font-size: 13px;font-weight: var(--font-medium);line-height: 1.3;}#navbar .theme-toggle-copy small{color: var(--text-muted);font-size: 10px;font-weight: var(--font-regular);line-height: 1.35;}#navbar .theme-toggle-switch{direction: ltr;position: relative;width: 46px;height: 26px;flex: 0 0 46px;padding: 3px;border: 1px solid var(--switch-off-border);border-radius: var(--radius-full);transition: background-color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default);}#navbar .theme-toggle-switch__thumb{width: 18px;height: 18px;display: block;border-radius: var(--radius-full);transform: translateX(0);transition: transform var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-default);}html[data-theme="light"] #navbar .theme-toggle-switch__thumb{transform: translateX(20px);}#navbar .theme-toggle-item:active .theme-toggle-switch__thumb{width: 17px;}#navbar .dropdown-divider-custom{height: 1px;margin: var(--space-2) var(--space-1);background: var(--border-subtle);}#navbar .dropdown-menu-custom form{margin: 0;}#navbar .dropdown-menu-custom form .dropdown-item-custom:hover :is(i,svg){border-color: var(--danger-border);background: var(--danger-bg);color: var(--danger);}@media (max-width: 768px){#navbar .logo{margin-left: 4px;}#navbar .user-name{display: none;}#navbar .notif-dropdown{position: fixed;top: calc(var(--navbar-height-mobile) + var(--space-2));right: var(--space-3);left: var(--space-3);width: auto;max-width: none;max-height: calc(100dvh - var(--navbar-height-mobile) - var(--space-6));transform-origin: top center;}#navbar .dropdown-menu-custom{top: calc(100% + var(--space-2));width: min(260px,calc(100vw - var(--space-6)));min-width: 0;}}@media (prefers-reduced-motion: reduce){#navbar .logo img{transition: none;}html[data-theme="light"] #navbar .theme-toggle-switch__thumb{transform: translateX(17px);}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){#navbar.scrolled,#navbar .unified-search-bar,#navbar .gallery-layout-switcher{background: var(--bg-secondary);}}.toast-container-custom{position: fixed;inset-block-start: calc(env(safe-area-inset-top,0px) + 76px);inset-inline-end: 20px;z-index: 99999;width: min(380px,calc(100vw - 32px));display: grid;gap: 10px;pointer-events: none;}.toast-container-custom.toast-container-custom--dialog{position: absolute;inset: 12px;width: auto;max-width: none;z-index: 20;}.toast-item{position: relative;overflow: hidden;min-height: 64px;padding: 12px 14px;display: flex;align-items: center;gap: 12px;border: 1px solid var(--border-default);border-radius: 14px;background: color-mix(in srgb,var(--bg-surface) 96%,transparent);color: var(--text-primary);box-shadow: 0 14px 40px rgba(0,0,0,.28);-webkit-backdrop-filter: blur(16px);backdrop-filter: blur(16px);pointer-events: auto;opacity: 0;transform: translateY(-8px);transition: opacity .2s ease,transform .2s ease;}.toast-item.show{opacity: 1;transform: translateY(0);}.toast-item.hide{opacity: 0;transform: translateY(-8px);}.toast-icon{width: 34px;height: 34px;flex: 0 0 34px;display: grid;place-items: center;border-radius: 50%;font-size: 15px;font-weight: 700;}.toast-success{border-inline-start: 3px solid var(--success);}.toast-error{border-inline-start: 3px solid var(--danger);}.toast-warning{border-inline-start: 3px solid var(--warning);}.toast-info{border-inline-start: 3px solid var(--accent-primary);}.toast-success .toast-icon{background: rgba(16,185,129,.14);color: var(--success);}.toast-error .toast-icon{background: rgba(239,68,68,.14);color: var(--danger);}.toast-warning .toast-icon{background: rgba(245,158,11,.14);color: var(--warning);}.toast-info .toast-icon{background: rgba(99,102,241,.14);color: var(--accent-primary);}.toast-content{min-width: 0;flex: 1;}.toast-title{margin: 0 0 3px;color: var(--text-primary);font-size: var(--text-sm);font-weight: 700;}.toast-message{color: var(--text-secondary);font-size: var(--text-sm);line-height: 1.55;overflow-wrap: anywhere;}.toast-action{margin-block-start: 8px;text-decoration: underline;text-underline-offset: 3px;}.toast-close{flex: 0 0 28px;display: grid;place-items: center;}.toast-progress{position: absolute;inset-inline: 0;inset-block-end: 0;height: 2px;background: var(--border-default);overflow: hidden;}.toast-progress-bar{width: 100%;height: 100%;transition-property: width;transition-timing-function: linear;}.toast-success .toast-progress-bar{background: var(--success);}.toast-error .toast-progress-bar{background: var(--danger);}.toast-warning .toast-progress-bar{background: var(--warning);}.toast-info .toast-progress-bar{background: var(--accent-primary);}@media (max-width: 768px){.toast-container-custom{inset-block-start: calc(env(safe-area-inset-top,0px) + 64px);inset-inline: 12px;width: auto;}.toast-container-custom.toast-container-custom--dialog{inset: 10px;}.toast-item{width: 100%;min-height: 58px;padding: 10px 12px;gap: 10px;}.toast-icon{width: 30px;height: 30px;flex-basis: 30px;}}@media (prefers-reduced-motion: reduce){.toast-item,.toast-progress-bar{transition: none !important;}}.lamha-pro-welcome-backdrop{position: fixed;inset: 0;z-index: 9999;display: grid;place-items: center;padding: 1rem;background: radial-gradient(circle at 50% 20%,rgba(255,255,255,.14),transparent 28%),rgba(3,7,18,.72);backdrop-filter: blur(16px);animation: proBackdropIn .26s ease both;}.lamha-pro-welcome-card{position: relative;width: min(560px,100%);border-radius: 28px;padding: 2rem;overflow: hidden;color: var(--text-primary,#fff);background: linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.06)),rgba(9,13,21,.94);border: 1px solid rgba(255,255,255,.18);box-shadow: 0 32px 90px rgba(0,0,0,.42);animation: proCardIn .46s cubic-bezier(.2,.85,.2,1.15) both;}.lamha-pro-welcome-card::before{content: '';position: absolute;inset: -30% -20% auto auto;width: 280px;height: 280px;border-radius: var(--radius-full);background: radial-gradient(circle,rgba(250,234,249,.52),transparent 62%);pointer-events: none;}.lamha-pro-level-pill{display: inline-flex;align-items: center;gap: .45rem;padding: .45rem .75rem;border-radius: 999px;margin-bottom: 1rem;background: rgba(255,255,255,.10);border: 1px solid rgba(255,255,255,.16);font-size: .85rem;color: rgba(255,255,255,.82);}.lamha-pro-welcome-title{margin: 0 0 .75rem;font-size: clamp(1.6rem,4vw,2.35rem);font-weight: 800;letter-spacing: -.03em;}.lamha-pro-welcome-copy{margin: 0 0 1.4rem;color: rgba(255,255,255,.72);line-height: 1.9;}.lamha-pro-rewards{display: grid;grid-template-columns: repeat(3,1fr);gap: .75rem;margin-bottom: 1.4rem;}.lamha-pro-reward{padding: .85rem;border-radius: 18px;background: rgba(255,255,255,.075);border: 1px solid rgba(255,255,255,.12);color: rgba(255,255,255,.78);font-size: .85rem;}.lamha-pro-reward strong{display: block;margin-bottom: .2rem;color: #fff;font-size: .95rem;}.lamha-pro-badge-heading{display: block;margin-bottom: .15rem;}.lamha-pro-badge-hint{color: rgba(255,255,255,.62);}.lamha-pro-badge-grid{display: flex;flex-wrap: wrap;gap: .5rem;margin: .8rem 0 1.25rem;}.lamha-pro-actions{display: flex;gap: .75rem;flex-wrap: wrap;}@keyframes proBackdropIn{from{opacity: 0;}to{opacity: 1;}}@keyframes proCardIn{from{opacity: 0;transform: translateY(24px) scale(.96);}to{opacity: 1;transform: translateY(0) scale(1);}}@media (max-width: 768px){.toast-container-custom{top: calc(env(safe-area-inset-top) + 80px);left: 12px;right: 12px;max-width: none;width: auto;}.toast-container-custom.toast-container-custom--dialog{top: 10px;right: 10px;left: 10px;}.toast-item{width: 100%;padding: var(--space-3) var(--space-2);gap: var(--space-2);border-radius: var(--radius-sm);}.toast-icon{width: 36px;height: 36px;font-size: 1rem;display: none;}.toast-title{margin-bottom: 2px;font-size: var(--text-md);}.toast-message{font-size: var(--text-sm);line-height: 1.5;}}@media (max-width: 576px){.lamha-pro-welcome-card{padding: 1.25rem;border-radius: 22px;}.lamha-pro-rewards{grid-template-columns: 1fr;}.lamha-pro-actions{flex-direction: column;}}@media (prefers-reduced-motion: reduce){.lamha-pro-welcome-backdrop,.lamha-pro-welcome-card{animation: none !important;}.lamha-pro-welcome-backdrop,.lamha-pro-welcome-card{transition: none !important;}}.mobile-search-btn{display: inline-flex;-webkit-tap-highlight-color: transparent;}.mobile-search-btn :is(svg,i){width: 19px;height: 19px;stroke-width: 1.8;}.mobile-search-overlay{position: fixed;inset: 0;z-index: 99999999;display: flex;flex-direction: column;width: 100%;height: 100dvh;overflow: hidden;color: var(--text-primary);background: radial-gradient(circle at 82% 0%,color-mix(in srgb,var(--brand-500) 10%,transparent),transparent 34%),linear-gradient(180deg,var(--bg-primary) 0%,color-mix(in srgb,var(--bg-secondary) 78%,var(--bg-primary)) 100%);opacity: 0;visibility: hidden;pointer-events: none;transform: translate3d(0,-14px,0) scale(.995);transition: opacity 220ms var(--ease-out),visibility 220ms var(--ease-out),transform 260ms var(--ease-out);}.mobile-search-overlay.open{opacity: 1;visibility: visible;pointer-events: auto;transform: translate3d(0,0,0) scale(1);}.mso-header{position: relative;z-index: 2;display: flex;align-items: center;gap: var(--space-2);padding: calc(env(safe-area-inset-top,0px) + var(--space-3)) var(--space-4) var(--space-3);background: color-mix(in srgb,var(--bg-primary) 76%,transparent);-webkit-backdrop-filter: blur(24px) saturate(120%);backdrop-filter: blur(24px) saturate(120%);}.mso-header::after{content: '';position: absolute;right: var(--space-4);bottom: 0;left: var(--space-4);height: 1px;background: linear-gradient(90deg,transparent,var(--border-subtle),transparent);}.mso-input-wrap{position: relative;display: flex;flex: 1;align-items: center;gap: var(--space-2);min-width: 0;min-height: 48px;padding-inline: var(--space-3);border: 1px solid var(--border-default);border-radius: var(--radius-full);background: color-mix(in srgb,var(--bg-elevated) 88%,transparent);box-shadow: var(--shadow-sm);transition: border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default);}.mso-input-wrap:focus-within{border-color: var(--border-focus);background: var(--bg-elevated);box-shadow: var(--input-focus-shadow),var(--shadow-md);}.mso-search-icon{width: 18px;height: 18px;flex: 0 0 18px;color: var(--text-muted);stroke-width: 1.8;}.mso-input{flex: 1;min-width: 0;padding: 0;border: 0;outline: 0;color: var(--text-primary);background: transparent;font-family: var(--font-family-base);font-size: 15px;line-height: 1.5;direction: rtl;caret-color: var(--brand-400);}.mso-input::placeholder{color: var(--text-muted);}.mso-clear,.mso-cancel{-webkit-tap-highlight-color: transparent;}.mso-clear{display: none;flex: 0 0 28px;}.mso-clear svg{width: 14px;height: 14px;}.mso-cancel{flex: 0 0 auto;}.mso-body{width: min(100%,720px);margin-inline: auto;padding: var(--space-6) var(--space-4) calc(var(--space-10) + env(safe-area-inset-bottom,0px));flex: 1;overflow-y: auto;overscroll-behavior: contain;scrollbar-width: thin;scrollbar-color: var(--border-default) transparent;}.mso-body::-webkit-scrollbar{width: 5px;}.mso-body::-webkit-scrollbar-track{background: transparent;}.mso-body::-webkit-scrollbar-thumb{border-radius: var(--radius-full);background: var(--border-default);}.mso-section-label{margin: 0 0 var(--space-3);color: var(--text-muted);font-size: 11px;font-weight: var(--font-semibold);line-height: 1.4;letter-spacing: .04em;}.mso-group + .mso-group{margin-top: var(--space-6);}.mso-group .mso-section-label{margin-top: 0 !important;}.mso-suggestions-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--space-3);}.mso-card{position: relative;isolation: isolate;display: flex;align-items: flex-end;min-height: 132px;overflow: hidden;border: 1px solid var(--border-subtle);border-radius: var(--radius-lg);color: var(--text-primary);background-color: var(--bg-elevated);background-size: cover;background-position: center;box-shadow: var(--shadow-xs);text-decoration: none;-webkit-tap-highlight-color: transparent;transition: border-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default);}.mso-card::before{content: '';position: absolute;z-index: -1;inset: 0;background: linear-gradient(180deg,rgba(4,6,8,.04) 18%,rgba(4,6,8,.84) 100%);}.mso-card::after{content: '';position: absolute;inset: 0;z-index: -1;background: linear-gradient(130deg,transparent 52%,rgba(255,255,255,.055));pointer-events: none;}.mso-card-label{display: block;width: 100%;padding: var(--space-4);color: #fff;font-size: var(--text-sm);font-weight: var(--font-semibold);line-height: 1.35;text-shadow: 0 1px 12px rgba(0,0,0,.45);}.mso-card:active{transform: scale(.975);}.mso-card:focus-visible{outline: 2px solid var(--border-focus);outline-offset: 3px;}@media (hover: hover) and (pointer: fine){.mso-card:hover{border-color: var(--border-default);transform: translateY(-2px);box-shadow: var(--shadow-md);}}#msoResults{display: none;}.mso-results-list,#msoResultsList{display: flex;flex-direction: column;gap: var(--space-2);}.mso-result-item{position: relative;display: grid;grid-template-columns: 62px minmax(0,1fr);align-items: center;gap: var(--space-3);min-height: 74px;padding: var(--space-2);padding-inline-end: calc(var(--space-2) + 24px);overflow: hidden;border: 1px solid transparent;border-radius: var(--radius-lg);color: var(--text-primary);background: transparent;text-decoration: none;-webkit-tap-highlight-color: transparent;transition: border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default);}.mso-result-item::after{content: '‹';position: absolute;inset-inline-end: var(--space-3);top: 50%;color: var(--text-muted);font-size: 22px;font-family: sans-serif;line-height: 1;transform: translateY(-50%);}.mso-result-item:hover,.mso-result-item:focus-visible{border-color: var(--border-subtle);background: var(--bg-surface);}.mso-result-item:active{transform: scale(.99);background: var(--bg-elevated);}.mso-result-item:focus-visible{outline: 2px solid var(--border-focus);outline-offset: 2px;}.mso-result-thumb{display: flex;align-items: center;justify-content: center;width: 62px;height: 54px;overflow: hidden;flex-shrink: 0;border: 1px solid var(--border-subtle);border-radius: var(--radius-md) !important;object-fit: cover;background: var(--bg-elevated);color: var(--text-secondary);font-weight: var(--font-semibold);}.mso-result-name{overflow: hidden;color: var(--text-primary);font-size: var(--text-sm);font-weight: var(--font-medium);text-overflow: ellipsis;white-space: nowrap;}.mso-result-count{margin-top: 3px;overflow: hidden;color: var(--text-muted);font-size: var(--text-xs);line-height: 1.45;text-overflow: ellipsis;white-space: nowrap;}.mso-no-results{display: grid;place-items: center;min-height: 180px;margin: 0;padding: var(--space-8) var(--space-4);border: 1px dashed var(--border-subtle);border-radius: var(--radius-xl);color: var(--text-muted);background: color-mix(in srgb,var(--bg-surface) 42%,transparent);font-size: var(--text-sm);line-height: var(--line-height-relaxed);text-align: center;}.mso-no-results.is-loading::before{content: '';width: 24px;height: 24px;margin-bottom: var(--space-3);border: 2px solid var(--border-default);border-top-color: var(--brand-400);border-radius: 50%;animation: mso-spin .8s linear infinite;}@keyframes mso-spin{to{transform: rotate(360deg);}}@media (max-width: 420px){.mso-header{padding-inline: var(--space-3);}.mso-body{padding-inline: var(--space-3);}.mso-suggestions-grid{gap: var(--space-2);}.mso-card{min-height: 116px;}.mso-card-label{padding: var(--space-3);}}@media (min-width: 992px){.mobile-search-btn{display: none !important;}.mobile-search-overlay{display: none !important;}}@media (prefers-reduced-motion: reduce){.mobile-search-overlay,.mso-card,.mso-result-item,.mso-input-wrap{transform: none !important;}.mobile-search-overlay,.mso-card,.mso-result-item,.mso-input-wrap{transition: none !important;}.mso-no-results.is-loading::before{animation-duration: 1.5s;}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.mso-header{background: var(--bg-primary);}.mso-input-wrap{background: var(--bg-elevated);}}.unified-search-wrap{position: relative;max-width: 700px;margin: auto;width: 100%;}.unified-search-bar{position: relative;display: flex;align-items: center;gap: var(--space-2);padding: 0 var(--space-3);min-height: 44px;border: 1px solid var(--border-default);border-radius: var(--radius-sm);background: var(--bg-primary);transition: border-color 0.15s,box-shadow 0.15s;cursor: text;}.unified-search-wrap.active .unified-search-bar{border-color: var(--accent-primary);box-shadow: none;}.usb-icon{color: var(--text-muted);flex-shrink: 0;width: 16px;height: 16px;pointer-events: none;}.usb-placeholder{position: absolute;inset-inline-start: 42px;inset-inline-end: 48px;display: flex;align-items: center;gap: .35rem;min-width: 0;color: var(--text-muted);font-size: var(--text-base);pointer-events: none;opacity: 1;transform: translateY(0);transition: opacity 160ms ease,transform 160ms ease;white-space: nowrap;overflow: hidden;}.usb-placeholder-prefix{flex-shrink: 0;}.usb-placeholder-word{display: inline-block;color: var(--text-secondary);font-weight: var(--font-semibold);overflow: hidden;text-overflow: ellipsis;}.usb-placeholder-word.is-leaving{animation: search-word-out 180ms ease forwards;}.usb-placeholder-word.is-entering{animation: search-word-in 240ms ease forwards;}.unified-search-bar:focus-within .usb-placeholder,.unified-search-bar.has-search-value .usb-placeholder{opacity: 0;transform: translateY(-4px);}@keyframes search-word-out{from{opacity: 1;transform: translateY(0);}to{opacity: 0;transform: translateY(-7px);}}@keyframes search-word-in{from{opacity: 0;transform: translateY(7px);}to{opacity: 1;transform: translateY(0);}}.usb-input{position: relative;z-index: 1;flex: 1;background: none;border: none;outline: none;color: var(--text-primary);font-size: var(--text-base);font-family: var(--font-family-base);padding: var(--space-2) 0;direction: rtl;min-width: 0;}.usb-input::placeholder{color: var(--text-muted);}.usb-actions{display: flex;align-items: center;gap: var(--space-1);flex-shrink: 0;}.filter-pill-btn{display: flex;align-items: center;gap: var(--space-1);background: none;border: 1px solid transparent;border-radius: var(--radius-full);color: var(--text-secondary);font-size: var(--text-sm);font-family: var(--font-family-base);cursor: pointer;padding: var(--space-1) var(--space-2);transition: color 0.15s,border-color 0.15s,background 0.15s;white-space: nowrap;}.filter-pill-btn:hover,.filter-pill-btn.active{border-color: var(--accent-primary);color: var(--accent-primary);background: rgba(99,102,241,0.08);}.filter-pill-label:not(:empty){font-weight: 600;font-size: var(--text-xs);}.usb-submit{display: flex;}#searchDropdown{position: absolute;top: calc(100% + 6px);left: 0;right: 0;background: var(--bg-surface);border: 1px solid var(--border-default);border-radius: var(--radius-md);z-index: 1060;box-shadow: 0 16px 48px rgba(0,0,0,0.35);display: none;overflow: hidden;max-height: 480px;overflow-y: auto;}#searchDropdown.show{display: block;}#searchDropdown::-webkit-scrollbar{width: 5px;}#searchDropdown::-webkit-scrollbar-track{background: transparent;}#searchDropdown::-webkit-scrollbar-thumb{background: var(--border-default);border-radius: 3px;}.sd-group{padding: var(--space-2) 0;}.sd-group-header{display: flex;align-items: center;gap: var(--space-2);padding: var(--space-1) var(--space-4);font-size: var(--text-xs);font-weight: 700;color: var(--text-muted);text-transform: uppercase;letter-spacing: 0.07em;}.sd-group-header svg,.sd-group-header i{width: 12px;height: 12px;}.sd-item{display: flex;align-items: center;gap: var(--space-3);padding: var(--space-2) var(--space-4);text-decoration: none;color: var(--text-primary);transition: background 0.1s;cursor: pointer;}.sd-item:hover,.sd-item--active{background: var(--bg-elevated);}.sd-thumb-wrap{flex-shrink: 0;width: 36px;height: 36px;border-radius: var(--radius-sm);overflow: hidden;display: flex;align-items: center;justify-content: center;background: var(--bg-elevated);border: 1px solid var(--border-subtle);}.sd-thumb{width: 100%;height: 100%;object-fit: cover;}.sd-swatch{width: 24px;height: 24px;border-radius: 4px;border: 1px solid rgba(255,255,255,0.15);display: block;}.sd-avatar{width: 36px;height: 36px;border-radius: 50%;background: var(--accent-primary);color: #fff;font-size: var(--text-sm);font-weight: 700;display: flex;align-items: center;justify-content: center;}.sd-icon-placeholder{color: var(--text-muted);font-size: var(--text-xs);display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}.sd-item-body{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 2px;}.sd-item-title{font-size: var(--text-sm);font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.sd-item-sub{font-size: var(--text-xs);color: var(--text-muted);}.sd-item-meta{font-size: var(--text-xs);color: var(--text-muted);flex-shrink: 0;margin-right: auto;}.sd-divider{height: 1px;background: var(--border-subtle,var(--border-default));margin: var(--space-1) 0;}.sd-more{display: block;padding: var(--space-1) var(--space-4);font-size: var(--text-xs);color: var(--accent-primary);text-decoration: none;transition: opacity 0.1s;}.sd-more:hover{opacity: 0.8;}.sd-loading,.sd-empty{display: flex;align-items: center;justify-content: center;gap: var(--space-2);padding: var(--space-6) var(--space-4);color: var(--text-muted);font-size: var(--text-sm);}.sd-empty svg,.sd-empty i{width: 18px;height: 18px;flex-shrink: 0;}.sd-spinner{width: 16px;height: 16px;border: 2px solid var(--border-default);border-top-color: var(--accent-primary);border-radius: 50%;animation: sd-spin 0.7s linear infinite;flex-shrink: 0;}@keyframes sd-spin{to{transform: rotate(360deg);}}.usb-filter-panel{border-top: 1px solid var(--border-default);background: var(--bg-primary);padding: var(--space-3) var(--space-4);display: none;}.usb-filter-section{margin-bottom: var(--space-3);}.usb-filter-section:last-child{margin-bottom: 0;}.usb-filter-label{font-size: var(--text-xs);font-weight: 700;color: var(--text-muted);text-transform: uppercase;letter-spacing: 0.08em;margin-bottom: var(--space-2);display: flex;align-items: center;gap: var(--space-1);}.usb-filter-pills{display: flex;flex-wrap: wrap;gap: var(--space-1);}.udrop-pill{padding: var(--space-1) var(--space-3);border-radius: 20px;border: 1px solid var(--border-default);background: var(--bg-surface);color: var(--text-secondary);font-size: var(--text-xs);font-family: var(--font-family-base);cursor: pointer;transition: border-color 0.12s,color 0.12s,background 0.12s;white-space: nowrap;line-height: 1;}.udrop-pill:hover{border-color: var(--accent-primary);color: var(--accent-primary);}.udrop-pill.active{background: var(--accent-primary);border-color: var(--accent-primary);color: #fff;}.udrop-color-pill{padding: var(--space-1) var(--space-2);display: inline-flex;align-items: center;gap: var(--space-1);}.color-swatch{width: 12px;height: 12px;border-radius: 3px;background: var(--swatch);border: 1px solid rgba(255,255,255,0.15);display: inline-block;flex-shrink: 0;}.udrop-color-pill.active{background: transparent;border-color: var(--accent-primary);box-shadow: 0 0 0 2px var(--accent-primary);}.unified-search-bar .usb-placeholder{inset-inline-end: 138px !important;}.usb-language-picker{position: relative;display: inline-flex;align-items: center;flex: 0 0 auto;}.usb-language-trigger{display: inline-flex;white-space: nowrap;-webkit-tap-highlight-color: transparent;}.usb-language-trigger > svg:first-child,.usb-language-trigger > i:first-child{width: 16px;height: 16px;stroke-width: 1.8;}.usb-language-chevron{width: 12px !important;height: 12px !important;opacity: .62;transition: transform var(--duration-fast,150ms) ease;}.usb-language-picker.is-open .usb-language-chevron{transform: rotate(180deg);}.usb-language-menu{position: absolute;z-index: 1070;top: calc(100% + 12px);inset-inline-end: -8px;width: min(286px,calc(100vw - 32px));padding: 7px;overflow: hidden;border: 1px solid var(--border-subtle);border-radius: var(--radius-xl,18px);background: color-mix(in srgb,var(--bg-surface) 94%,transparent);-webkit-backdrop-filter: blur(22px) saturate(125%);backdrop-filter: blur(22px) saturate(125%);box-shadow: var(--shadow-xl,0 18px 55px rgba(0,0,0,.3));direction: rtl;}.usb-language-menu[hidden]{display: none !important;}.usb-language-menu__head{display: flex;align-items: center;gap: 10px;padding: 10px 10px 11px;border-bottom: 1px solid var(--border-subtle);}.usb-language-menu__icon{display: inline-flex;align-items: center;justify-content: center;flex: 0 0 34px;width: 34px;height: 34px;border: 1px solid var(--border-subtle);border-radius: 11px;background: var(--bg-secondary);color: var(--text-primary);}.usb-language-menu__icon svg,.usb-language-menu__icon i{width: 17px;height: 17px;stroke-width: 1.8;}.usb-language-menu__head > span:last-child{display: grid;min-width: 0;gap: 2px;}.usb-language-menu__head strong{color: var(--text-primary);font-size: 12px;font-weight: var(--font-semibold,600);}.usb-language-menu__head small{color: var(--text-muted);font-size: 10px;line-height: 1.5;}.usb-language-options{display: grid;gap: 2px;max-height: min(330px,52vh);padding-top: 6px;overflow-y: auto;overscroll-behavior: contain;scrollbar-width: thin;scrollbar-color: var(--border-default) transparent;}.usb-language-options::-webkit-scrollbar{width: 5px;}.usb-language-options::-webkit-scrollbar-track{background: transparent;}.usb-language-options::-webkit-scrollbar-thumb{border-radius: 999px;background: var(--border-default);}.usb-language-option{display: grid;grid-template-columns: 32px minmax(0,1fr) 22px;text-align: right;}.usb-language-flag{display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;border: 1px solid var(--border-subtle);border-radius: 10px;background: var(--bg-secondary);font-size: 17px;line-height: 1;}.usb-language-copy{display: grid;min-width: 0;gap: 1px;}.usb-language-copy strong{overflow: hidden;color: inherit;font-size: 12px;font-weight: var(--font-medium,500);text-overflow: ellipsis;white-space: nowrap;}.usb-language-copy small{color: var(--text-muted);font-size: 9px;letter-spacing: .04em;}.usb-language-check{display: inline-flex;align-items: center;justify-content: center;color: var(--accent-primary);}.usb-language-check svg,.usb-language-check i{width: 15px;height: 15px;stroke-width: 2.2;}.usb-language-loading,.usb-language-empty{display: flex;align-items: center;justify-content: center;gap: 8px;min-height: 74px;padding: 12px;color: var(--text-muted);font-size: 11px;text-align: center;}.usb-language-empty svg,.usb-language-empty i{width: 16px;height: 16px;}@media (max-width: 1120px) and (min-width: 992px){.usb-language-trigger [data-language-trigger-label],.usb-language-chevron{display: none;}.unified-search-bar .usb-placeholder{inset-inline-end: 96px !important;}}@media (max-width: 991px){.filter-pill-label{display: none;}#searchDropdown{position: fixed;top: 80px;left: 0;right: 0;border-radius: var(--radius-md) var(--radius-md) 0 0;max-height: 65vh;}}@media (prefers-reduced-motion: reduce){.usb-placeholder,.usb-placeholder-word{animation: none !important;transition: none !important;}.usb-language-chevron{transition: none;}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.usb-language-menu{background: var(--bg-surface);}}