:root{--color-primary: #10B981;--color-primary-dark: #059669;--color-primary-darker: #047857;--color-primary-light: #A7F3D0;--color-primary-lighter: #D1FAE5;--color-primary-50: #F0FDF4;--color-secondary-gold: #F59E0B;--color-secondary-blue: #3B82F6;--color-secondary-teal: #0891B2;--color-success: #10B981;--color-success-light: #D1FAE5;--color-success-text: #047857;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-warning-text: #92400E;--color-info: #3B82F6;--color-info-light: #DBEAFE;--color-info-text: #1E40AF;--color-error: #EF4444;--color-error-light: #FEE2E2;--color-error-text: #991B1B;--color-text-primary: #1F2937;--color-text-secondary: #6B7280;--color-text-light: #9CA3AF;--color-bg-primary: #FFFFFF;--color-bg-secondary: #F9FAFB;--color-bg-tertiary: #F3F4F6;--color-border: #E5E7EB;--color-border-dark: #D1D5DB;--color-islamic-crescent: #10B981;--color-islamic-moon: #F3F4F6;--color-islamic-star: #FFD700;--gradient-primary: linear-gradient(135deg, #10B981 0%, #059669 100%);--gradient-primary-light: linear-gradient(135deg, #D1FAE5 0%, #A7F3D0 100%);--gradient-accent: linear-gradient(135deg, #10B981 0%, #0891B2 100%);--gradient-gold: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);--gradient-subtle: linear-gradient(135deg, #F0FDF4 0%, #DBEAFE 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-green: 0 4px 12px rgba(16, 185, 129, .15);--shadow-gold: 0 4px 12px rgba(245, 158, 11, .15)}.btn-primary{background:var(--color-primary);color:#fff;border:2px solid var(--color-primary);padding:10px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:var(--shadow-green);transform:translateY(-1px)}.btn-primary:active{background:var(--color-primary-darker);border-color:var(--color-primary-darker);transform:translateY(0)}.btn-primary:disabled{background:var(--color-text-light);border-color:var(--color-text-light);cursor:not-allowed;opacity:.6}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);padding:10px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.btn-secondary:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary);color:var(--color-primary)}.btn-success{background:var(--color-success);color:#fff;border:2px solid var(--color-success)}.btn-success:hover{background:var(--color-success-text);box-shadow:var(--shadow-green)}.btn-warning{background:var(--color-warning);color:#fff;border:2px solid var(--color-warning)}.btn-warning:hover{background:var(--color-warning-text);box-shadow:var(--shadow-gold)}.btn-error{background:var(--color-error);color:#fff;border:2px solid var(--color-error)}.btn-error:hover{background:var(--color-error-text)}.card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;padding:24px;box-shadow:var(--shadow-md);transition:all .2s ease}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary-light)}.card-header{border-bottom:2px solid var(--color-border);padding-bottom:16px;margin-bottom:16px}.card-header h3{color:var(--color-text-primary);font-size:18px;font-weight:600;margin:0}.card-success{border-left:4px solid var(--color-success);background:linear-gradient(90deg,var(--color-success-light),transparent)}.card-warning{border-left:4px solid var(--color-warning);background:linear-gradient(90deg,var(--color-warning-light),transparent)}.card-info{border-left:4px solid var(--color-info);background:linear-gradient(90deg,var(--color-info-light),transparent)}.card-error{border-left:4px solid var(--color-error);background:linear-gradient(90deg,var(--color-error-light),transparent)}.card-gradient-primary{background:var(--gradient-primary);color:#fff;border:none}.card-gradient-accent{background:var(--gradient-accent);color:#fff;border:none}.card-gradient-gold{background:var(--gradient-gold);color:#fff;border:none}.card-gradient-subtle{background:var(--gradient-subtle);border:none}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.badge-success{background:var(--color-success-light);color:var(--color-success-text)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning-text)}.badge-info{background:var(--color-info-light);color:var(--color-info-text)}.badge-error{background:var(--color-error-light);color:var(--color-error-text)}.badge-primary{background:var(--color-primary-light);color:var(--color-primary-dark)}.badge-gold{background:var(--color-warning-light);color:var(--color-warning-text)}.alert{padding:16px;border-radius:8px;margin-bottom:16px;border-left:4px solid;font-size:14px;line-height:1.6}.alert-success{background:var(--color-success-light);color:var(--color-success-text);border-left-color:var(--color-success)}.alert-warning{background:var(--color-warning-light);color:var(--color-warning-text);border-left-color:var(--color-warning)}.alert-info{background:var(--color-info-light);color:var(--color-info-text);border-left-color:var(--color-info)}.alert-error{background:var(--color-error-light);color:var(--color-error-text);border-left-color:var(--color-error)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}input,select,textarea{background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:6px;padding:12px 16px;font-size:14px;font-family:Inter,sans-serif;transition:all .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #10b9811a}input:disabled,select:disabled,textarea:disabled{background:var(--color-bg-tertiary);color:var(--color-text-light);cursor:not-allowed}.header-primary{background:var(--gradient-primary);color:#fff;padding:40px 0}.header-gold{background:var(--gradient-gold);color:#fff;padding:40px 0}.header-accent{background:var(--gradient-accent);color:#fff;padding:40px 0}.border-primary{border-color:var(--color-primary)}.border-gold{border-color:var(--color-warning)}.divider{height:1px;background:var(--color-border);margin:24px 0}.divider-primary{background:var(--color-primary-light);height:2px}.bg-primary-light{background:var(--color-primary-lighter)}.bg-success-light{background:var(--color-success-light)}.bg-warning-light{background:var(--color-warning-light)}.bg-info-light{background:var(--color-info-light)}.bg-error-light{background:var(--color-error-light)}.gradient-pink-to-green,.gradient-red-to-green{background:var(--gradient-primary)!important}.status-active{color:var(--color-success)}.status-pending{color:var(--color-warning)}.status-inactive{color:var(--color-text-light)}.status-error{color:var(--color-error)}.progress-bar{background:var(--color-border);height:8px;border-radius:4px;overflow:hidden}.progress-bar-fill{background:var(--color-primary);height:100%;transition:width .3s ease}.progress-bar-warning{background:var(--color-warning)}.progress-bar-error{background:var(--color-error)}.progress-bar-success{background:var(--color-success)}.disabled,[disabled]{opacity:.6;cursor:not-allowed}:root{--pattern-primary: rgba(16, 185, 129, .15);--pattern-secondary: rgba(245, 158, 11, .1);--pattern-accent: rgba(8, 145, 178, .08);--pattern-light: rgba(16, 185, 129, .06);--pattern-border: rgba(16, 185, 129, .25)}.border-islamic-simple{border:2px solid var(--pattern-border);border-radius:12px;position:relative;overflow:hidden}.border-islamic-simple:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:repeating-linear-gradient(90deg,var(--color-primary),var(--color-primary) 12px,transparent 12px,transparent 24px)}.border-islamic-simple:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:repeating-linear-gradient(90deg,var(--color-primary),var(--color-primary) 12px,transparent 12px,transparent 24px)}.border-islamic-star{border:1px solid var(--pattern-border);border-radius:8px;position:relative;background-clip:padding-box}.border-islamic-star:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:radial-gradient(circle at 12% 50%,var(--pattern-primary) 1px,transparent 1px),radial-gradient(circle at 88% 50%,var(--pattern-primary) 1px,transparent 1px),radial-gradient(circle at 50% 12%,var(--pattern-primary) 1px,transparent 1px),radial-gradient(circle at 50% 88%,var(--pattern-primary) 1px,transparent 1px);background-size:100% 100%;background-repeat:no-repeat;border-radius:8px;pointer-events:none}.border-islamic-chevron{border-left:3px solid var(--color-primary);border-right:3px solid var(--color-primary);border-radius:8px;padding-left:16px;padding-right:16px;background:linear-gradient(90deg,var(--pattern-light) 0%,transparent 10%,transparent 90%,var(--pattern-light) 100%)}.pattern-hexagon{background-image:linear-gradient(120deg,var(--pattern-primary) 25%,transparent 25%),linear-gradient(120deg,transparent 75%,var(--pattern-primary) 75%),linear-gradient(60deg,var(--pattern-primary) 25%,transparent 25%),linear-gradient(60deg,transparent 75%,var(--pattern-primary) 75%);background-size:30px 52px;background-position:0 0,0 0,15px 26px,15px 26px;background-repeat:repeat}.pattern-stars{background:radial-gradient(circle at 20% 50%,var(--pattern-accent) 1px,transparent 1px),radial-gradient(circle at 60% 70%,var(--pattern-primary) 1.5px,transparent 1.5px),radial-gradient(circle at 80% 20%,var(--pattern-accent) 1px,transparent 1px);background-size:40px 60px;background-repeat:repeat}.pattern-geometric{background-image:linear-gradient(90deg,var(--pattern-border) 1px,transparent 1px),linear-gradient(0deg,var(--pattern-border) 1px,transparent 1px);background-size:40px 40px}.pattern-quatrefoil{background-image:radial-gradient(circle at 25% 25%,var(--pattern-primary) 2px,transparent 2px),radial-gradient(circle at 75% 25%,var(--pattern-primary) 2px,transparent 2px),radial-gradient(circle at 25% 75%,var(--pattern-primary) 2px,transparent 2px),radial-gradient(circle at 75% 75%,var(--pattern-primary) 2px,transparent 2px),radial-gradient(circle at 50% 50%,var(--pattern-accent) 1px,transparent 1px);background-size:50px 50px;background-repeat:repeat}.pattern-moroccan{background-image:linear-gradient(45deg,var(--pattern-primary) 25%,transparent 25%,transparent 75%,var(--pattern-primary) 75%,var(--pattern-primary)),linear-gradient(45deg,var(--pattern-primary) 25%,transparent 25%,transparent 75%,var(--pattern-primary) 75%,var(--pattern-primary));background-size:40px 40px;background-position:0 0,20px 20px}.pattern-sunburst{background:repeating-linear-gradient(0deg,var(--pattern-accent) 0,var(--pattern-accent) 1px,transparent 1px,transparent 10px),repeating-linear-gradient(45deg,var(--pattern-accent) 0,var(--pattern-accent) 1px,transparent 1px,transparent 10px),repeating-linear-gradient(90deg,var(--pattern-accent) 0,var(--pattern-accent) 1px,transparent 1px,transparent 10px),repeating-linear-gradient(135deg,var(--pattern-accent) 0,var(--pattern-accent) 1px,transparent 1px,transparent 10px)}.corner-islamic-tl{position:relative}.corner-islamic-tl:before{content:"";position:absolute;top:0;left:0;width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary) 1px,transparent 1px),linear-gradient(225deg,var(--color-primary) 1px,transparent 1px);background-size:8px 8px;background-repeat:repeat;border-radius:0 0 12px;opacity:.4}.corner-islamic-tr{position:relative}.corner-islamic-tr:after{content:"";position:absolute;top:0;right:0;width:40px;height:40px;background:linear-gradient(225deg,var(--color-primary) 1px,transparent 1px),linear-gradient(315deg,var(--color-primary) 1px,transparent 1px);background-size:8px 8px;background-repeat:repeat;border-radius:0 0 0 12px;opacity:.4}.corner-islamic-bl{position:relative}.corner-islamic-bl:before{content:"";position:absolute;bottom:0;left:0;width:40px;height:40px;background:linear-gradient(45deg,var(--color-primary) 1px,transparent 1px),linear-gradient(315deg,var(--color-primary) 1px,transparent 1px);background-size:8px 8px;background-repeat:repeat;border-radius:12px 0 0;opacity:.4}.corner-islamic-br{position:relative}.corner-islamic-br:after{content:"";position:absolute;bottom:0;right:0;width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary) 1px,transparent 1px),linear-gradient(45deg,var(--color-primary) 1px,transparent 1px);background-size:8px 8px;background-repeat:repeat;border-radius:0 0 0 12px;opacity:.4}.corner-islamic-all{position:relative}.corner-islamic-all:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid transparent;-o-border-image:repeating-linear-gradient(45deg,var(--color-primary),var(--color-primary) 4px,transparent 4px,transparent 8px) 1;border-image:repeating-linear-gradient(45deg,var(--color-primary),var(--color-primary) 4px,transparent 4px,transparent 8px) 1;border-radius:12px;pointer-events:none}.pattern-dots{background-image:radial-gradient(circle,var(--pattern-primary) 1px,transparent 1px),radial-gradient(circle,var(--pattern-accent) 1px,transparent 1px);background-size:30px 30px,60px 60px;background-position:0 0,15px 15px;background-repeat:repeat}.pattern-crosshatch{background-image:repeating-linear-gradient(0deg,var(--pattern-primary) 0,var(--pattern-primary) 1px,transparent 1px,transparent 20px),repeating-linear-gradient(90deg,var(--pattern-primary) 0,var(--pattern-primary) 1px,transparent 1px,transparent 20px)}.pattern-waves{background-image:radial-gradient(ellipse at center,var(--pattern-primary) 1px,transparent 1px),radial-gradient(ellipse at center,var(--pattern-accent) 1px,transparent 1px);background-size:40px 20px,80px 40px;background-position:0 0,0 10px}.pattern-diagonal{background-image:repeating-linear-gradient(45deg,var(--pattern-primary),var(--pattern-primary) 1px,transparent 1px,transparent 30px),repeating-linear-gradient(-45deg,var(--pattern-accent),var(--pattern-accent) 1px,transparent 1px,transparent 30px)}.pattern-divider{position:relative;height:2px;background:var(--pattern-border);margin:24px 0}.pattern-divider:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:radial-gradient(circle at 25% 25%,var(--color-primary) 2px,transparent 2px),radial-gradient(circle at 75% 25%,var(--color-primary) 2px,transparent 2px),radial-gradient(circle at 25% 75%,var(--color-primary) 2px,transparent 2px),radial-gradient(circle at 75% 75%,var(--color-primary) 2px,transparent 2px),radial-gradient(circle at 50% 50%,var(--pattern-primary) 3px,transparent 3px);background-size:20px 20px;background-position:0 0;background-repeat:no-repeat}.divider-geometric{position:relative;height:1px;background:var(--pattern-border);margin:32px 0}.divider-geometric:before{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:repeating-linear-gradient(90deg,var(--color-primary) 0,var(--color-primary) 8px,transparent 8px,transparent 16px,var(--color-primary) 16px,var(--color-primary) 17px,transparent 17px,transparent 32px);transform:translateY(-50%)}.divider-leaf{position:relative;height:20px;margin:32px 0;display:flex;align-items:center;justify-content:center}.divider-leaf:before{content:"";position:absolute;left:0;right:0;height:1px;background:var(--pattern-border);top:50%}.divider-leaf:after{content:"✦";position:relative;z-index:1;background:#fff;padding:0 16px;color:var(--color-primary);font-size:12px;letter-spacing:2px}.divider-stars{position:relative;text-align:center;margin:32px 0;padding:8px 0}.divider-stars:before{content:"✦ ✦ ✦";color:var(--color-primary);font-size:12px;letter-spacing:12px;opacity:.6}.card-islamic{border:1px solid var(--pattern-border);border-radius:12px;background:linear-gradient(#fff,#fff),linear-gradient(135deg,var(--pattern-light) 0%,transparent 100%);background-clip:padding-box,border-box;background-origin:padding-box,border-box;position:relative;overflow:hidden}.card-islamic:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:repeating-linear-gradient(90deg,var(--color-primary),var(--color-primary) 16px,transparent 16px,transparent 32px);opacity:.5}.btn-islamic{position:relative;overflow:hidden}.btn-islamic:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.3),rgba(255,255,255,.3) 8px,transparent 8px,transparent 16px)}.section-islamic{position:relative;padding:32px 0;border-top:2px solid var(--pattern-border);border-bottom:2px solid var(--pattern-border)}.section-islamic:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:repeating-linear-gradient(90deg,var(--color-primary),var(--color-primary) 12px,transparent 12px,transparent 24px)}.section-islamic:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:repeating-linear-gradient(90deg,var(--color-primary),var(--color-primary) 12px,transparent 12px,transparent 24px)}.header-islamic{position:relative;padding-bottom:16px;border-bottom:3px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,var(--color-primary),var(--color-primary));background-clip:padding-box,border-box;background-origin:padding-box,border-box}.text-islamic{position:relative;padding-bottom:4px}.text-islamic:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:repeating-linear-gradient(90deg,var(--color-primary),var(--color-primary) 4px,transparent 4px,transparent 8px);opacity:.5}@media(max-width:768px){.pattern-hexagon{background-size:24px 42px}.pattern-moroccan{background-size:32px 32px}.corner-islamic-tl:before,.corner-islamic-tr:after,.corner-islamic-bl:before,.corner-islamic-br:after{width:30px;height:30px}.pattern-divider:before{width:16px;height:16px}.divider-geometric:before{background-size:24px 24px}}@media(prefers-reduced-motion:reduce){.pattern-dots,.pattern-hexagon,.pattern-stars,.pattern-geometric{animation:none!important}}@media(prefers-color-scheme:dark){:root{--pattern-primary: rgba(16, 185, 129, .2);--pattern-secondary: rgba(245, 158, 11, .15);--pattern-accent: rgba(8, 145, 178, .15);--pattern-light: rgba(16, 185, 129, .1);--pattern-border: rgba(16, 185, 129, .35)}.card-islamic{background:linear-gradient(#1f2937,#1f2937),linear-gradient(135deg,var(--pattern-light) 0%,transparent 100%);background-clip:padding-box,border-box;background-origin:padding-box,border-box}.divider-leaf:after{background:#1f2937}}.bg-pattern-hexagon{background-image:linear-gradient(120deg,var(--pattern-primary) 25%,transparent 25%),linear-gradient(120deg,transparent 75%,var(--pattern-primary) 75%),linear-gradient(60deg,var(--pattern-primary) 25%,transparent 25%),linear-gradient(60deg,transparent 75%,var(--pattern-primary) 75%);background-size:30px 52px;background-position:0 0,0 0,15px 26px,15px 26px;background-repeat:repeat}.bg-pattern-stars{background:radial-gradient(circle at 20% 50%,var(--pattern-accent) 1px,transparent 1px),radial-gradient(circle at 60% 70%,var(--pattern-primary) 1.5px,transparent 1.5px),radial-gradient(circle at 80% 20%,var(--pattern-accent) 1px,transparent 1px);background-size:40px 60px;background-repeat:repeat}.bg-pattern-geometric{background-image:linear-gradient(90deg,var(--pattern-border) 1px,transparent 1px),linear-gradient(0deg,var(--pattern-border) 1px,transparent 1px);background-size:40px 40px}.bg-pattern-quatrefoil{background-image:radial-gradient(circle at 25% 25%,var(--pattern-primary) 2px,transparent 2px),radial-gradient(circle at 75% 25%,var(--pattern-primary) 2px,transparent 2px),radial-gradient(circle at 25% 75%,var(--pattern-primary) 2px,transparent 2px),radial-gradient(circle at 75% 75%,var(--pattern-primary) 2px,transparent 2px),radial-gradient(circle at 50% 50%,var(--pattern-accent) 1px,transparent 1px);background-size:50px 50px;background-repeat:repeat}.bg-pattern-moroccan{background-image:linear-gradient(45deg,var(--pattern-primary) 25%,transparent 25%,transparent 75%,var(--pattern-primary) 75%,var(--pattern-primary)),linear-gradient(45deg,var(--pattern-primary) 25%,transparent 25%,transparent 75%,var(--pattern-primary) 75%,var(--pattern-primary));background-size:40px 40px;background-position:0 0,20px 20px}.bg-pattern-dots{background-image:radial-gradient(circle,var(--pattern-primary) 1px,transparent 1px),radial-gradient(circle,var(--pattern-accent) 1px,transparent 1px);background-size:30px 30px,60px 60px;background-position:0 0,15px 15px;background-repeat:repeat}.bg-pattern-crosshatch{background-image:repeating-linear-gradient(0deg,var(--pattern-primary) 0,var(--pattern-primary) 1px,transparent 1px,transparent 20px),repeating-linear-gradient(90deg,var(--pattern-primary) 0,var(--pattern-primary) 1px,transparent 1px,transparent 20px)}.bg-pattern-waves{background-image:radial-gradient(ellipse at center,var(--pattern-primary) 1px,transparent 1px),radial-gradient(ellipse at center,var(--pattern-accent) 1px,transparent 1px);background-size:40px 20px,80px 40px;background-position:0 0,0 10px}.bg-pattern-diagonal{background-image:repeating-linear-gradient(45deg,var(--pattern-primary),var(--pattern-primary) 1px,transparent 1px,transparent 30px),repeating-linear-gradient(-45deg,var(--pattern-accent),var(--pattern-accent) 1px,transparent 1px,transparent 30px)}:root{--icon-xs: 16px;--icon-sm: 20px;--icon-md: 24px;--icon-lg: 32px;--icon-xl: 48px;--icon-2xl: 64px;--icon-color-primary: var(--color-primary);--icon-color-secondary: var(--color-primary-dark);--icon-color-accent: #F59E0B;--icon-color-success: #10B981;--icon-color-error: #EF4444;--icon-color-light: #D1FAE5;--icon-color-muted: #9CA3AF}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--icon-color-primary)}.icon-xs{width:var(--icon-xs);height:var(--icon-xs)}.icon-sm{width:var(--icon-sm);height:var(--icon-sm)}.icon-md{width:var(--icon-md);height:var(--icon-md)}.icon-lg{width:var(--icon-lg);height:var(--icon-lg)}.icon-xl{width:var(--icon-xl);height:var(--icon-xl)}.icon-2xl{width:var(--icon-2xl);height:var(--icon-2xl)}.icon-primary{color:var(--icon-color-primary)}.icon-secondary{color:var(--icon-color-secondary)}.icon-accent{color:var(--icon-color-accent)}.icon-success{color:var(--icon-color-success)}.icon-error{color:var(--icon-color-error)}.icon-light{color:var(--icon-color-light)}.icon-muted{color:var(--icon-color-muted)}.icon-white{color:#fff}.icon svg{width:100%;height:100%;display:block}.icon-with-bg{background:var(--pattern-light);border-radius:8px;padding:4px}.icon-with-bg.sm{padding:3px;border-radius:6px}.icon-with-bg.lg{padding:8px;border-radius:10px}.icon-circular{background:var(--color-primary);color:#fff;border-radius:50%;padding:6px}.icon-circular.sm{padding:4px}.icon-circular.lg{padding:10px}.icon-bordered{border:2px solid var(--pattern-border);border-radius:8px;padding:4px}.icon-bordered.dashed{border-style:dashed}.icon-hover{transition:all .3s ease;cursor:pointer}.icon-hover:hover{color:var(--color-primary-dark);transform:scale(1.1)}.icon-hover:active{transform:scale(.95)}.icon-glow{transition:filter .3s ease}.icon-glow:hover{filter:drop-shadow(0 0 8px rgba(16,185,129,.4))}@keyframes icon-pulse{0%,to{opacity:1}50%{opacity:.6}}.icon-pulse{animation:icon-pulse 2s ease-in-out infinite}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-spin{animation:icon-spin 1s linear infinite}@keyframes icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.icon-bounce{animation:icon-bounce 1s ease-in-out infinite}.icon-badge{position:relative;display:inline-block}.icon-badge:after{content:attr(data-badge);position:absolute;top:-5px;right:-5px;background:var(--color-primary);color:#fff;min-width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;border:2px solid white}.icon-badge.success:after{background:var(--color-success)}.icon-badge.error:after{background:var(--color-error)}.icon-badge.accent:after{background:var(--icon-color-accent)}.icon-with-text{display:inline-flex;align-items:center;gap:8px}.icon-with-text.lg{gap:12px}.icon-group{display:flex;align-items:center;justify-content:center;gap:6px}.icon-group.vertical{flex-direction:column;gap:4px}.icon-list{display:flex;flex-direction:column;gap:12px}.icon-list>*{display:flex;align-items:center;gap:12px}@media(max-width:768px){.icon-responsive-sm{width:var(--icon-sm);height:var(--icon-sm)}.icon-responsive-md{width:var(--icon-md);height:var(--icon-md)}}@media(max-width:480px){.icon-responsive-xs{width:var(--icon-xs);height:var(--icon-xs)}.icon-with-text{gap:6px;font-size:14px}}@media(prefers-color-scheme:dark){.icon-with-bg{background:var(--pattern-border);opacity:.8}.icon-bordered{border-color:var(--pattern-primary)}}.icon-op-50{opacity:.5}.icon-op-75{opacity:.75}.icon:disabled,.icon.disabled{opacity:.5;cursor:not-allowed;color:var(--icon-color-muted)}.icon.loading{animation:icon-spin 1s linear infinite;opacity:.7}.icon.success{color:var(--icon-color-success);animation:icon-bounce .6s ease-out}.icon.error{color:var(--icon-color-error)}:root{--fade-light: rgba(255, 255, 255, .2);--fade-medium: rgba(255, 255, 255, .4);--fade-heavy: rgba(255, 255, 255, .6);--fade-dark: rgba(0, 0, 0, .3);--fade-dark-heavy: rgba(0, 0, 0, .5);--vignette-light: radial-gradient(ellipse at center, transparent 0%, rgba(0, 0, 0, .2) 100%);--vignette-medium: radial-gradient(ellipse at center, transparent 0%, rgba(0, 0, 0, .4) 100%);--vignette-heavy: radial-gradient(ellipse at center, transparent 0%, rgba(0, 0, 0, .6) 100%)}.bg-faded{position:relative;background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}.bg-faded:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--fade-light);pointer-events:none;z-index:1}.bg-fade-light:before{background:var(--fade-light)}.bg-fade-medium:before{background:var(--fade-medium)}.bg-fade-heavy:before{background:var(--fade-heavy)}.bg-fade-dark:before{background:var(--fade-dark)}.bg-fade-dark-heavy:before{background:var(--fade-dark-heavy)}.bg-vignette{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}.bg-vignette:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--vignette-light);pointer-events:none;z-index:1}.bg-vignette-light:after{background:var(--vignette-light)}.bg-vignette-medium:after{background:var(--vignette-medium)}.bg-vignette-heavy:after{background:var(--vignette-heavy)}.bg-with-pattern{position:relative}.bg-with-pattern:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,var(--pattern-primary),var(--pattern-primary) 1px,transparent 1px,transparent 30px),repeating-linear-gradient(-45deg,var(--pattern-accent),var(--pattern-accent) 1px,transparent 1px,transparent 30px);opacity:.3;pointer-events:none;z-index:2}.bg-pattern-dots:after{background-image:radial-gradient(circle,var(--pattern-primary) 1px,transparent 1px),radial-gradient(circle,var(--pattern-accent) 1px,transparent 1px);background-size:30px 30px,60px 60px;background-position:0 0,15px 15px}.bg-pattern-hexagon:after{background-image:linear-gradient(120deg,var(--pattern-primary) 25%,transparent 25%),linear-gradient(120deg,transparent 75%,var(--pattern-primary) 75%),linear-gradient(60deg,var(--pattern-primary) 25%,transparent 25%),linear-gradient(60deg,transparent 75%,var(--pattern-primary) 75%);background-size:30px 52px;background-position:0 0,0 0,15px 26px,15px 26px}.bg-pattern-moroccan:after{background-image:linear-gradient(45deg,var(--pattern-primary) 25%,transparent 25%,transparent 75%,var(--pattern-primary) 75%,var(--pattern-primary)),linear-gradient(45deg,var(--pattern-primary) 25%,transparent 25%,transparent 75%,var(--pattern-primary) 75%,var(--pattern-primary));background-size:40px 40px;background-position:0 0,20px 20px}.frame-islamic{position:relative;border:4px solid var(--color-primary);border-radius:2px;box-shadow:inset 0 0 0 1px var(--color-primary-light),inset 0 0 0 3px var(--color-primary),0 4px 12px #10b98126}.frame-islamic:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid transparent;-o-border-image:repeating-linear-gradient(45deg,var(--color-primary),var(--color-primary) 4px,transparent 4px,transparent 8px) 1;border-image:repeating-linear-gradient(45deg,var(--color-primary),var(--color-primary) 4px,transparent 4px,transparent 8px) 1;pointer-events:none}.frame-ornate{position:relative;border:6px solid;-o-border-image:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark)) 1;border-image:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark)) 1;border-radius:4px;padding:0}.frame-ornate:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:2px dashed var(--pattern-border);border-radius:2px;pointer-events:none}.frame-delicate{position:relative;border:2px solid var(--pattern-border);border-radius:8px;box-shadow:inset 0 0 0 1px var(--pattern-primary)}.frame-delicate:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,var(--pattern-primary) 2px,transparent 2px),radial-gradient(circle at top right,var(--pattern-primary) 2px,transparent 2px),radial-gradient(circle at bottom left,var(--pattern-primary) 2px,transparent 2px),radial-gradient(circle at bottom right,var(--pattern-primary) 2px,transparent 2px);background-size:20px 20px;background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;border-radius:6px;pointer-events:none}.frame-geometric{position:relative;border:3px solid var(--color-primary);clip-path:polygon(20px 0%,100% 0%,100% calc(100% - 20px),calc(100% - 20px) 100%,0% 100%,0% 20%)}.frame-geometric:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid var(--pattern-border);clip-path:polygon(18px 0%,100% 0%,100% calc(100% - 18px),calc(100% - 18px) 100%,0% 100%,0% 18%);pointer-events:none}.frame-shadow{position:relative;border:2px solid var(--color-primary-light);border-radius:4px;box-shadow:4px 4px 0 0 var(--color-primary-light),8px 8px 16px #10b98133}.frame-shadow:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:repeating-linear-gradient(90deg,transparent 0,transparent 2px,var(--pattern-primary) 2px,var(--pattern-primary) 4px);border-radius:2px;pointer-events:none;opacity:.5}.corner-tl{position:relative}.corner-tl:before{content:"";position:absolute;top:0;left:0;width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary) 1px,transparent 1px),linear-gradient(225deg,var(--color-primary) 1px,transparent 1px);background-size:8px 8px;background-repeat:repeat;opacity:.6;z-index:2}.corner-tr:after{content:"";position:absolute;top:0;right:0;width:40px;height:40px;background:linear-gradient(225deg,var(--color-primary) 1px,transparent 1px),linear-gradient(315deg,var(--color-primary) 1px,transparent 1px);background-size:8px 8px;background-repeat:repeat;opacity:.6;z-index:2}.corner-bl:before{content:"";position:absolute;bottom:0;left:0;width:40px;height:40px;background:linear-gradient(45deg,var(--color-primary) 1px,transparent 1px),linear-gradient(315deg,var(--color-primary) 1px,transparent 1px);background-size:8px 8px;background-repeat:repeat;opacity:.6;z-index:2}.corner-br:after{content:"";position:absolute;bottom:0;right:0;width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary) 1px,transparent 1px),linear-gradient(45deg,var(--color-primary) 1px,transparent 1px);background-size:8px 8px;background-repeat:repeat;opacity:.6;z-index:2}.hero-image{position:relative;background-size:cover;background-position:center;background-attachment:fixed}.hero-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--fade-medium);z-index:1}.hero-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--vignette-light);z-index:2}.property-image{position:relative;border:3px solid var(--color-primary);border-radius:8px;overflow:hidden}.property-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--fade-light);z-index:1}.property-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,var(--pattern-primary),var(--pattern-primary) 1px,transparent 1px,transparent 30px);opacity:.15;z-index:2;pointer-events:none}.testimonial-bg{position:relative;background-size:cover;background-position:center}.testimonial-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--fade-heavy);z-index:1}.testimonial-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--vignette-medium);z-index:2}.feature-bg{position:relative;background-size:cover;background-position:center}.feature-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--fade-medium),var(--fade-light)),var(--pattern-dots);z-index:1}@media(max-width:768px){.bg-faded{background-attachment:scroll}.frame-ornate{border-width:4px}.frame-geometric{clip-path:polygon(16px 0%,100% 0%,100% calc(100% - 16px),calc(100% - 16px) 100%,0% 100%,0% 16%)}.frame-geometric:before{clip-path:polygon(14px 0%,100% 0%,100% calc(100% - 14px),calc(100% - 14px) 100%,0% 100%,0% 14%)}.corner-tl:before,.corner-tr:after,.corner-bl:before,.corner-br:after{width:30px;height:30px}}@media(max-width:480px){.frame-shadow{box-shadow:2px 2px 0 0 var(--color-primary-light),4px 4px 8px #10b98126}}@media(prefers-color-scheme:dark){:root{--fade-light: rgba(0, 0, 0, .4);--fade-medium: rgba(0, 0, 0, .6);--fade-heavy: rgba(0, 0, 0, .8)}.frame-ornate,.frame-delicate,.frame-shadow{border-color:var(--color-primary)}}.img-fade{opacity:.85}.img-fade-light{opacity:.9}.img-fade-heavy{opacity:.7}.rounded-islamic{border-radius:12px}.rounded-lg-islamic{border-radius:16px}.rounded-xl-islamic{border-radius:20px}@tailwind base;@tailwind components;@layer components{.dashboard-container{@apply min-h-screen bg-gray-50;}.dashboard-content{@apply flex-1 p-8;}.nav-container{@apply bg-white shadow-sm border-b border-gray-200 sticky top-0 z-50;}.nav-content{@apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex justify-between items-center h-16;}.sidebar{@apply w-64 bg-white border-r border-gray-200 min-h-screen;}.sidebar-link{@apply flex items-center px-4 py-2 text-gray-600 rounded-lg transition-all duration-200 mx-2 my-1;}.sidebar-link:hover{@apply bg-primary-50 text-primary-600 transform translate-x-1;}.sidebar-link.active{@apply bg-primary-50 text-primary-600 font-medium;}.dashboard-card{@apply bg-white rounded-xl shadow-sm border border-gray-100 p-6 transition-all duration-300;}.dashboard-card:hover{@apply shadow-md transform -translate-y-1 border-primary-100;}.quick-actions{@apply grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-8;}.quick-action-card{@apply flex items-center p-4 bg-white rounded-xl shadow-sm border border-gray-100 transition-all duration-300 hover:shadow-md hover:-translate-y-1 hover:border-primary-100 cursor-pointer;}.quick-action-icon{@apply w-12 h-12 rounded-lg bg-primary-50 text-primary-600 flex items-center justify-center text-xl;}}@tailwind utilities;