body{font-family:'Inter',sans-serif}.font-arabic{font-family:'Amiri',serif}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.glass-effect{background:#fffffff2;backdrop-filter:blur(10px)}.gradient-green{background:linear-gradient(135deg,#1a4731 0%,#2d5a3f 100%)}.gold-text{color:#d4af37}.gold-bg{background-color:#d4af37}.progress-bar-striped{background-image:linear-gradient(45deg,#ffffff26 25%,transparent 25%,transparent 50%,#ffffff26 50%,#ffffff26 75%,transparent 75%,transparent);background-size:1rem 1rem;animation:progress-bar-stripes 1s linear infinite}@keyframes progress-bar-stripes{0%{background-position:1rem 0}100%{background-position:0 0}}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a 0 10px 10px -5px #0000000a}.nav-item.active{color:#1a4731;border-top:2px solid #0f5132}.nav-item.active i{transform:translateY(-2px)}.slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.slide-in-left{animation:slideInLeft .3s ease-out}@keyframes slideInLeft{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.toggle-checkbox:checked{right:0;border-color:#1a4731}.toggle-checkbox:checked+.toggle-label{background-color:#1a4731}.unsplash-hero{background-image:url(https://unsplash.com/photos/a-large-white-house-sitting-on-the-side-of-a-road-27dyESJ0RIk?w=1920&auto=format&fit=crop);background-size:cover;background-position:center;background-attachment:fixed}.nav-desktop-top{transition:all .3s ease}.nav-desktop-top:hover{background-color:#1a47310d}.nav-desktop-top.active{background-color:#1a4731;color:#fff}.drawer-overlay{transition:opacity .3s ease}.drawer-content{transition:transform .3s ease}.drawer-open .drawer-overlay{opacity:1;pointer-events:auto}.drawer-open .drawer-content{transform:translateX(0)}.ql-toolbar{border:none;border-bottom:1px solid #e5e7eb}.ql-container{border:none;font-size:16px}.editor-area{min-height:400px}#loadingBar{position:fixed;top:0;left:0;width:100%;height:3px;background:transparent;z-index:9999;display:none}.loading-progress{width:0;height:100%;background:#4285f4;transition:width .3s ease}