:root{--color-background: #fff8f0;--color-surface: #fff8f1;--color-surface-bright: #fff8f1;--color-surface-lowest: #ffffff;--color-surface-low: #f9f3eb;--color-surface-container: #f4ede2;--color-surface-container-high: #eee7df;--color-surface-container-highest: #e8e1da;--color-surface-variant: #e8e1da;--color-on-background: #1e1b17;--color-on-surface: #1e1b17;--color-on-surface-variant: #4c4637;--color-charcoal-text: #1e1b15;--color-text-muted: #7e7666;--color-primary: #564500;--color-primary-container: #725c01;--color-on-primary: #ffffff;--color-on-primary-container: #f5d676;--color-primary-fixed: #ffe081;--color-primary-fixed-dim: #e2c466;--color-secondary: #725c01;--color-secondary-container: #fddd7c;--color-tertiary: #4a463f;--color-outline: #7e7666;--color-outline-variant: #cfc6b2;--color-border-warm: rgba(227, 197, 103, .22);--color-border-warm-heavy: rgba(227, 197, 103, .45);--gradient-gold: linear-gradient(135deg, #e3c567 0%, #d4af37 50%, #b8860b 100%);--gradient-gold-hover: linear-gradient(135deg, #ebd17d 0%, #dfbd4a 50%, #ca9614 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 248, 241, .85) 0%, rgba(249, 243, 235, .85) 100%);--color-error: #ba1a1a;--color-error-container: #ffdad6;--color-success: #1a7f37;--color-success-container: #dafbe3;--color-info: #0969da;--color-info-container: #ddf4ff;--color-warning: #9a6700;--color-warning-container: #fff8c5;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-card: 16px;--radius-full: 9999px;--shadow-soft: 0 8px 28px rgba(30, 27, 21, .04);--shadow-medium: 0 12px 36px rgba(30, 27, 21, .08);--shadow-premium: 0 16px 44px rgba(114, 92, 1, .06);--shadow-focus: 0 0 0 3px rgba(227, 197, 103, .25);--spacing-xs: 4px;--spacing-base: 8px;--spacing-sm: 12px;--spacing-md: 24px;--spacing-lg: 48px;--spacing-xl: 80px;--spacing-margin-mobile: 20px;--spacing-margin-desktop: 64px;--spacing-max-width: 1200px;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--var-bg, var(--color-background));color:var(--color-on-background);font-family:Cairo,Tajawal,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Tajawal,sans-serif;font-weight:700;color:var(--color-charcoal-text);margin-top:0;line-height:1.3}p,span,li,a,td,th,label,input,textarea,select{font-family:Cairo,sans-serif;font-weight:400}.font-headline-lg{font-family:Playfair Display,Tajawal,serif;font-size:2.5rem;font-weight:600;line-height:1.2}.font-headline-md{font-family:Playfair Display,Tajawal,serif;font-size:1.75rem;font-weight:500;line-height:1.3}.font-editorial{font-family:Playfair Display,serif;font-style:italic}.font-functional{font-family:Manrope,Cairo,sans-serif;font-size:.875rem;letter-spacing:.02em}.app-container{width:100%;max-width:var(--spacing-max-width);margin-left:auto;margin-right:auto;padding-left:var(--spacing-margin-mobile);padding-right:var(--spacing-margin-mobile)}@media (min-width: 768px){.app-container{padding-left:var(--spacing-margin-desktop);padding-right:var(--spacing-margin-desktop)}}.grid-2{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 768px){.grid-2{grid-template-columns:repeat(2,1fr)}}.grid-3{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 640px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.grid-bento{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 768px){.grid-bento{grid-template-columns:1.5fr 1fr}}.premium-card{background-color:var(--color-surface-lowest);border:1px solid var(--color-border-warm);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:var(--spacing-md);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);position:relative;overflow:hidden}.premium-card:hover{transform:translateY(-4px);border-color:var(--color-border-warm-heavy);box-shadow:var(--shadow-medium)}.premium-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-gold);opacity:0;transition:opacity var(--transition-normal)}.premium-card:hover:before{opacity:1}.featured-card{background-color:var(--color-surface-low);border:1px solid var(--color-border-warm);border-radius:var(--radius-card);box-shadow:var(--shadow-premium);overflow:hidden;transition:transform var(--transition-normal),border-color var(--transition-normal)}.featured-card:hover{transform:translateY(-4px);border-color:var(--color-primary-fixed-dim)}.service-card{background-color:var(--color-surface-container);border:1px solid var(--color-border-warm);border-radius:var(--radius-lg);padding:var(--spacing-md);text-align:center;transition:all var(--transition-normal);cursor:pointer}.service-card:hover{background-color:var(--color-surface-lowest);border-color:var(--color-border-warm-heavy);transform:translateY(-2px)}.service-card .icon-container{width:56px;height:56px;margin:0 auto var(--spacing-sm) auto;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface-lowest);border:1px solid var(--color-border-warm);border-radius:var(--radius-full);color:var(--color-primary-container);transition:all var(--transition-normal)}.service-card:hover .icon-container{background:var(--gradient-gold);color:var(--color-surface-lowest);border-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-base);padding:10px 24px;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;border:1px solid transparent;min-height:44px;outline:none}.btn-primary{background:var(--gradient-gold);color:var(--color-surface-lowest);box-shadow:var(--shadow-soft);text-shadow:0 1px 1px rgba(0,0,0,.1)}.btn-primary:hover{background:var(--gradient-gold-hover);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--color-surface-lowest);border:1px solid var(--color-outline-variant);color:var(--color-charcoal-text)}.btn-secondary:hover{background-color:var(--color-surface-container);border-color:var(--color-outline)}.btn-ghost{background-color:transparent;color:var(--color-on-surface-variant)}.btn-ghost:hover{background-color:var(--color-surface-container);color:var(--color-charcoal-text)}.btn-ghost.active{color:var(--color-primary-container);background-color:var(--color-surface-container);font-weight:700}.btn-danger{background-color:var(--color-error);color:#fff}.btn-danger:hover{background-color:#a61717}.form-group{margin-bottom:var(--spacing-md);text-align:right}.form-label{display:block;font-weight:600;font-size:.9rem;color:var(--color-on-surface);margin-bottom:6px}.form-input{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--color-outline-variant);background-color:var(--color-surface-bright);color:var(--color-charcoal-text);font-size:.95rem;transition:all var(--transition-normal);text-align:right;outline:none}.form-input:focus{border-color:var(--color-primary-container);box-shadow:var(--shadow-focus);background-color:var(--color-surface-lowest)}.form-input::placeholder{color:var(--color-text-muted);opacity:.7}.form-error{color:var(--color-error);font-size:.8rem;margin-top:4px;display:block}.country-code-input{direction:ltr!important;unicode-bidi:isolate!important;text-align:left!important}.phone-wrapper{display:flex;gap:var(--spacing-base);direction:ltr}.phone-wrapper input{direction:ltr;text-align:left}.phone-wrapper select{direction:ltr;background-color:var(--color-surface-container);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);padding:0 12px;font-family:Manrope,sans-serif;color:var(--color-charcoal-text)}.glass-nav{position:sticky;top:0;z-index:100;background:var(--gradient-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-warm)}.dashboard-sidebar{background-color:var(--color-surface-low);border-left:1px solid var(--color-border-warm);min-height:calc(100vh - 72px);padding:var(--spacing-md)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;line-height:1}.badge-pending{background-color:var(--color-warning-container);color:var(--color-warning);border:1px solid rgba(154,103,0,.15)}.badge-accepted,.badge-confirmed,.badge-paid{background-color:var(--color-success-container);color:var(--color-success);border:1px solid rgba(26,127,55,.15)}.badge-rejected,.badge-declined,.badge-failed{background-color:var(--color-error-container);color:var(--color-error);border:1px solid rgba(186,26,26,.15)}.badge-cancelled{background-color:var(--color-surface-container-highest);color:var(--color-text-muted);border:1px solid var(--color-outline-variant)}.badge-active{background-color:var(--color-info-container);color:var(--color-info);border:1px solid rgba(9,105,218,.15)}.shimmer{background:linear-gradient(90deg,var(--color-surface-container) 25%,var(--color-surface-container-high) 37%,var(--color-surface-container) 63%);background-size:400% 100%;animation:loading-shimmer 1.4s ease infinite}@keyframes loading-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.animate-fade-in{animation:fadeIn .25s ease-out forwards}.animate-slide-up{animation:slideUp .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.luminous-glow{position:absolute;width:300px;height:300px;border-radius:var(--radius-full);background:radial-gradient(circle,#e3c56714,#fff8f000 70%);z-index:0;pointer-events:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-primary-container);outline-offset:2px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}