@import "https://fonts.googleapis.com/css2?family=Aref+Ruqaa&family=Cairo:wght@300;400;600;700&family=Dancing+Script:wght@700&family=Playfair+Display:wght@600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&family=Playfair+Display:wght@600;700&display=swap";html,body,#root{box-sizing:border-box;background-color:#151518;width:100%;min-height:100dvh;margin:0;padding:0;overflow-x:hidden}*,:before,:after{box-sizing:inherit}.landing-container{color:#f5f6fa;background-color:#212422;flex-direction:column;align-items:center;min-height:100vh;font-family:Cairo,sans-serif;display:flex;overflow-x:hidden}.welcome-screen{text-align:center;flex-direction:column;justify-content:center;gap:15px;height:100vh;animation:2.5s ease-in-out forwards fadeInOut;display:flex}.welcome-text-en{margin:0;font-family:Dancing Script,cursive;font-size:3rem;font-weight:700}.welcome-text-ar{margin:0;font-size:2rem}.main-content{flex-direction:column;width:100%;display:flex}.hero-section{flex-direction:column;justify-content:space-between;width:100%;height:100vh;display:flex}.top-header{text-align:center;letter-spacing:4px;opacity:.8;padding:30px 0;font-size:1rem;font-weight:700}.hero-body{text-align:center;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;padding:0 20px;display:flex}.logo-ring{border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;margin-bottom:25px;display:flex}.logo-img{object-fit:cover;border-radius:50%;width:130px;height:130px}.signature-en{margin:0;font-family:Dancing Script,cursive;font-size:3.5rem;line-height:1}.signature-ar{margin:0;font-family:Aref Ruqaa,serif;font-size:3rem;line-height:1.2}.subtitle{letter-spacing:3px;opacity:.7;margin:20px 0;font-size:.75rem}.divider{background-color:#ffffff4d;width:40px;height:1px;margin:15px 0 25px}.description{opacity:.6;max-width:300px;font-size:.85rem;font-weight:300;line-height:1.6}.scroll-indicator{opacity:.5;justify-content:center;padding-bottom:40px;animation:2s infinite bounce;display:flex}.menu-sections-wrapper{flex-direction:column;gap:60px;width:100%;max-width:800px;margin:0 auto;padding:20px 15px 80px;display:flex}.section-header{text-align:center;margin-bottom:30px}.section-header h2{letter-spacing:4px;color:#fff;text-transform:uppercase;margin:0 0 5px;font-family:Playfair Display,serif;font-size:2.2rem}.section-header p{color:#888;margin:0;font-family:Cairo,sans-serif;font-size:1.1rem}.menu-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=768px){.menu-grid{grid-template-columns:1fr 1fr}}.classic-card{background-color:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;height:110px;display:flex;overflow:hidden}.classic-card-img{background-color:#0003;border-right:1px solid #ffffff0d;flex-shrink:0;justify-content:center;align-items:center;width:100px;display:flex}.classic-card-img img{object-fit:contain;filter:drop-shadow(0 4px 6px #00000080);width:70%;height:70%}.classic-card-content{flex-direction:column;flex-grow:1;justify-content:center;padding:0 20px;display:flex}.classic-card-top{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:flex-end;margin-bottom:12px;padding-bottom:12px;display:flex}.item-en{color:#fff;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:600}.item-price{color:#fff;font-family:Playfair Display,serif;font-size:1.2rem;font-weight:700}.item-price small{opacity:.6;margin-left:2px;font-family:Cairo,sans-serif;font-size:.6rem}.classic-card-bottom{display:flex}.item-ar{color:#777;font-family:Cairo,sans-serif;font-size:.95rem}.fade-in-up{animation:1.2s cubic-bezier(.16,1,.3,1) forwards scaleUpReveal}@keyframes fadeInOut{0%{opacity:0;transform:scale(.9)}20%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}@keyframes scaleUpReveal{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.menu-footer{text-align:center;box-sizing:border-box;border-top:1px solid #ffffff0d;flex-direction:column;align-items:center;gap:30px;width:100%;max-width:800px;margin:0 auto;padding:40px 20px 60px;display:flex}.footer-address{flex-direction:column;align-items:center;gap:12px;display:flex}.icon-wrapper{color:#f5f6fa;opacity:.9}.address-text{color:#b0b0b0;max-width:300px;font-family:Cairo,sans-serif;font-size:.95rem;line-height:1.6;text-decoration:none;transition:color .3s}.address-text:hover{color:#fff}.footer-contact{flex-direction:column;align-items:center;gap:20px;margin-top:15px;display:flex}.social-icons-row{justify-content:center;align-items:center;gap:25px;display:flex}.social-btn{color:#f5f6fa;background:#ffffff08;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;text-decoration:none;transition:all .3s;display:flex}.social-btn:hover{background:#ffffff1a;transform:translateY(-5px)}.social-btn.facebook:hover{color:#1877f2;border-color:#1877f2}.social-btn.whatsapp:hover{color:#25d366;border-color:#25d366}.social-btn.phone:hover{color:#00cec9;border-color:#00cec9}.phone-number-display{color:#d1d1d1;letter-spacing:2px;margin-top:5px;font-family:Cairo,sans-serif;font-size:1rem}html,body,#root{background-color:#151518;width:100%;min-height:100dvh;margin:0;padding:0;overflow-x:hidden}.dashboard-container{color:#f5f6fa;background:radial-gradient(circle at top,#2b2b30 0%,#151518 100%);flex-direction:column;width:100%;min-height:100dvh;font-family:Cairo,sans-serif;display:flex}.center-all{justify-content:center;align-items:center;display:flex}.glass-panel{-webkit-backdrop-filter:blur(20px);background:#141416a6;border:1px solid #ffffff0f}.glass-form{-webkit-backdrop-filter:blur(20px);text-align:center;background:#141416a6;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:22px;width:90%;max-width:380px;padding:45px 40px;display:flex;box-shadow:0 20px 40px #0009,0 0 20px #ffffff0d}.login-logo-wrapper{background:#ffffff05;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 5px;padding:10px;display:flex;box-shadow:0 8px 32px #0006}.login-logo{object-fit:contain;width:100%;height:100%}.login-title{letter-spacing:4px;background:linear-gradient(135deg,#fff 0%,#d4af37 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 10px #00000080;-webkit-background-clip:text;margin:0;font-family:Playfair Display,serif;font-size:2.2rem;font-weight:700}.login-subtitle{color:#fff6;letter-spacing:2px;text-transform:uppercase;margin:-12px 0 10px;font-family:Cairo,sans-serif;font-size:.85rem}.glass-form input{color:#fff;background:#00000059;border:1px solid #ffffff14;border-radius:12px;outline:none;padding:14px 18px;font-family:Cairo,sans-serif;font-size:1rem;transition:all .3s}.glass-form input:focus{background:#00000073;border-color:#ffffff40;box-shadow:0 0 12px #ffffff14}.error-msg{color:#ff4d4d;margin:-10px 0 0;font-size:.9rem}.primary-btn{color:#151518;cursor:pointer;letter-spacing:.5px;background:#f5f6fa;border:none;border-radius:30px;padding:12px 26px;font-family:Cairo,sans-serif;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0003}.primary-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #ffffff1a}.primary-btn:active{transform:translateY(1px)}.secondary-btn{color:#f5f6fa;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:30px;padding:12px 26px;font-family:Cairo,sans-serif;font-weight:600;transition:all .3s}.secondary-btn:hover{background:#ffffff0d;border-color:#ffffff4d}.logout-btn{color:#ff4d4d;cursor:pointer;background:#ff4d4d14;border:1px solid #ff4d4d33;border-radius:30px;padding:8px 22px;font-family:Cairo,sans-serif;font-weight:600;transition:all .3s}.logout-btn:hover{background:#ff4d4d2e;border-color:#ff4d4d73;box-shadow:0 0 10px #ff4d4d26}.dashboard-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:18px 40px;display:flex}.dashboard-header h1{letter-spacing:2px;background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-family:Playfair Display,serif;font-size:1.6rem;font-weight:700}.dashboard-content{flex-grow:1;display:flex}.sidebar{border-right:1px solid #ffffff0d;flex-direction:column;gap:12px;width:260px;padding:30px 20px;display:flex}.nav-btn{color:#fff6;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;padding:14px 20px;font-family:Cairo,sans-serif;font-size:1.05rem;font-weight:600;transition:all .3s}.nav-btn:hover{color:#ffffffb3;background:#ffffff05}.nav-btn.active{color:#fff;background:#ffffff0f;border:1px solid #ffffff0a;box-shadow:0 4px 15px #0003}.main-panel{flex-grow:1;padding:50px 60px;overflow-y:auto}.panel-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.panel-header h2{background:linear-gradient(135deg,#fff 0%,#ccc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-family:Playfair Display,serif;font-size:2.2rem;font-weight:700}.data-grid{flex-direction:column;gap:16px;display:flex}.row-card{-webkit-backdrop-filter:blur(20px);background:#14141699;border:1px solid #ffffff0f;border-radius:16px;justify-content:space-between;align-items:center;padding:20px 30px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.row-card:hover{border-color:#ffffff26;transform:translateY(-3px);box-shadow:0 10px 20px #0006}.row-info h3{letter-spacing:.5px;margin:0 0 5px;font-family:Playfair Display,serif;font-size:1.3rem;font-weight:600}.row-info p{color:#ffffff80;margin:0;font-size:.95rem}.action-btn{cursor:pointer;border:1px solid #0000;border-radius:30px;margin-left:10px;padding:6px 18px;font-family:Cairo,sans-serif;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-btn.edit{color:#fff;background:#ffffff0d;border-color:#ffffff1f}.action-btn.edit:hover{background:#ffffff1f;border-color:#ffffff4d;box-shadow:0 4px 12px #ffffff0d}.action-btn.delete{color:#ff4d4d;background:#ff4d4d1a;border-color:#ff4d4d40}.action-btn.delete:hover{background:#ff4d4d33;border-color:#ff4d4d73;box-shadow:0 4px 12px #ff4d4d1a}.empty-state{color:#ffffff59;text-align:center;margin-top:50px;font-size:1.2rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{-webkit-backdrop-filter:blur(25px);background:#141416d9;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:30px;width:90%;max-width:460px;padding:40px;display:flex;box-shadow:0 25px 50px #000000b3,0 0 20px #ffffff08}.modal-content h3{text-align:center;background:linear-gradient(135deg,#fff 0%,#ccc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-family:Playfair Display,serif;font-size:1.7rem;font-weight:700}.input-group{flex-direction:column;gap:20px;display:flex}.input-group input{color:#fff;background:#00000059;border:1px solid #ffffff14;border-radius:12px;outline:none;padding:14px 18px;font-family:Cairo,sans-serif;font-size:.95rem;transition:all .3s}.input-group input:focus{background:#00000073;border-color:#ffffff40;box-shadow:0 0 10px #ffffff0d}.modal-actions{justify-content:flex-end;gap:15px;display:flex}.animate-fade-in{animation:.3s ease-in fadeIn}.animate-scale-up{animation:.3s cubic-bezier(.16,1,.3,1) scaleUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.header-breadcrumbs{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.header-breadcrumbs h2{background:linear-gradient(135deg,#fff 0%,#ccc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-family:Playfair Display,serif;font-size:2.2rem;font-weight:700}.back-link{color:#ffffff80;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:Cairo,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.back-link:hover{color:#fff;transform:translate(-3px)}.item-row-card{justify-content:space-between;align-items:center;display:flex}.item-row-left{align-items:center;gap:20px;display:flex}.item-row-right{align-items:center;gap:30px;display:flex}.admin-card-img-wrapper{background:#00000059;border:1px solid #ffffff0a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;padding:6px;display:flex;box-shadow:inset 0 2px 4px #0009,0 1px 2px #ffffff0d}.admin-card-img{object-fit:contain;filter:drop-shadow(0 2px 3px #00000080);width:100%;height:100%}.admin-card-price{color:#fff;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:30px;padding:6px 16px;font-family:Cairo,sans-serif;font-size:1.1rem;font-weight:700;box-shadow:0 4px 10px #00000026}.admin-card-price small{opacity:.6;font-size:.65rem}.file-upload-wrapper{box-sizing:border-box;align-items:center;gap:15px;width:100%;display:flex}.file-upload-btn{cursor:pointer;color:#ffffffa6;background:#0000004d;border:1px dashed #fff3;border-radius:12px;flex-grow:1;justify-content:center;align-items:center;padding:12px 20px;font-family:Cairo,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.file-upload-btn:hover{color:#fff;background:#ffffff08;border-color:#ffffff73;box-shadow:0 4px 12px #0000001a}.modal-img-preview{object-fit:cover;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;width:50px;height:50px;box-shadow:0 4px 10px #0006}@media (width<=768px){.dashboard-content{flex-direction:column}.sidebar{border-bottom:1px solid #ffffff0d;border-right:none;flex-direction:row;width:100%;padding:15px 10px;overflow-x:auto}.nav-btn{white-space:nowrap;padding:10px 15px;font-size:.95rem}.panel-header{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:30px}.panel-header h2{font-size:1.8rem}.main-panel{padding:30px 20px}.row-card{flex-direction:column;align-items:flex-start;gap:15px;padding:20px}.row-actions{justify-content:flex-end;width:100%;display:flex}.item-row-left{width:100%}.item-row-right{justify-content:space-between;width:100%}}