@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Cairo:wght@400;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Pirata+One&family=Bebas+Neue&family=Inter:wght@400;500;600;700;800&family=Cairo:wght@400;600;700;800&display=swap";:root{--primary-50: #fef3f2;--primary-100: #fee4e2;--primary-200: #fecdd3;--primary-300: #fda4af;--primary-400: #fb7185;--primary-500: #f43f5e;--primary-600: #e11d48;--primary-700: #be123c;--primary-800: #9f1239;--primary-900: #881337;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gray-950: #030712;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--accent-gold: #f59e0b;--accent-blue: #3b82f6;--accent-purple: #8b5cf6;--font-sans: "Inter", "Cairo", system-ui, -apple-system, sans-serif;--font-heading: "Inter", "Cairo", system-ui, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25)}body{font-family:var(--font-sans);background:var(--gray-950);color:var(--gray-50);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--luffy-red: #C41E3A;--straw-gold: #DAA520;--treasure-gold: #FFD700;--ocean-blue: #1e5799;--sky-blue: #4fc3f7;--dark-sea: #0a1830;--deep-ocean: #050d1a;--wave-teal: #14b8a6;--sand-light: #fdf3e0;--rope-brown: #8B4513;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--font-pirate: "Pirata One", "Bebas Neue", cursive;--font-sans: "Inter", "Cairo", system-ui, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-sm: 0 1px 2px rgba(0,0,0,.1);--shadow-md: 0 4px 6px rgba(0,0,0,.15);--shadow-lg: 0 10px 25px rgba(0,0,0,.2);--shadow-xl: 0 20px 40px rgba(0,0,0,.3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--deep-ocean);color:var(--sand-light);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{min-height:100vh}.app{background:linear-gradient(180deg,var(--deep-ocean) 0%,var(--dark-sea) 50%,var(--deep-ocean) 100%);min-height:100vh;position:relative}.rtl{direction:rtl;text-align:right}.navbar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;background:#0a1830f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(218,165,32,.15);z-index:1000}.navbar-brand{display:flex;align-items:center;gap:.75rem}.skull-icon{font-size:2rem;filter:drop-shadow(0 0 8px rgba(218,165,32,.6));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.navbar-brand h2{font-family:var(--font-pirate);font-size:1.5rem;background:linear-gradient(135deg,var(--treasure-gold),var(--straw-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.navbar-actions{display:flex;gap:.75rem;align-items:center}.lang-toggle{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:linear-gradient(135deg,#daa52033,#c41e3a1a);border:2px solid var(--straw-gold);border-radius:50px;color:var(--treasure-gold);font-weight:700;font-size:.85rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.lang-toggle:before{content:"🧭";font-size:1rem;animation:spin 8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lang-toggle:hover{background:linear-gradient(135deg,var(--straw-gold),var(--luffy-red));color:#fff;transform:scale(1.05);box-shadow:0 0 20px #daa52080}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 5% 80px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 20% 20%,rgba(196,30,58,.15),transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(218,165,32,.1),transparent 50%),linear-gradient(180deg,var(--deep-ocean) 0%,var(--dark-sea) 100%)}.hero:before{content:"";position:absolute;bottom:0;left:0;width:200%;height:150px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%231e5799' fill-opacity='0.3' d='M0,160L48,176C96,192,192,224,288,213.3C384,203,480,149,576,133.3C672,117,768,139,864,165.3C960,192,1056,224,1152,213.3C1248,203,1344,149,1392,122.7L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") repeat-x;background-size:1440px auto;animation:oceanWave 10s linear infinite}@keyframes oceanWave{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-content{max-width:800px;text-align:center;z-index:10;position:relative}.eyebrow{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--straw-gold);margin-bottom:1rem;padding:.5rem 1.5rem;background:#daa5201a;border:1px solid rgba(218,165,32,.3);border-radius:50px}h1,h2,h3,h4{font-family:var(--font-pirate);letter-spacing:2px}h1{font-size:clamp(2.5rem,8vw,5rem);background:linear-gradient(135deg,#fff 0%,var(--treasure-gold) 50%,var(--straw-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;margin-bottom:1rem;text-shadow:0 0 60px rgba(218,165,32,.3)}h2{font-size:clamp(1.5rem,4vw,2.5rem);color:var(--sand-light)}h3{font-size:1.25rem;color:var(--treasure-gold)}h4{font-size:1rem;font-family:var(--font-sans);font-weight:700;color:var(--sand-light)}.muted{color:#a0b0c5;font-size:.9rem}.hero-visual{display:none}.actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin:2rem 0}button{font-family:var(--font-sans);font-weight:600;border:none;cursor:pointer;transition:all .3s ease;border-radius:var(--radius-lg)}button:disabled{opacity:.5;cursor:not-allowed}.primary{padding:1rem 2rem;font-size:1rem;background:linear-gradient(135deg,var(--luffy-red),#a01830);color:#fff;box-shadow:0 4px 20px #c41e3a66;position:relative;overflow:hidden}.primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.primary:hover:before{left:100%}.primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #c41e3a80}.ghost{padding:.75rem 1.5rem;background:#ffffff0d;color:var(--sand-light);border:1px solid rgba(218,165,32,.3)}.ghost:hover{background:#daa52026;border-color:var(--straw-gold);transform:translateY(-2px)}.danger{padding:.75rem 1.5rem;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff}.danger:hover{transform:translateY(-2px);box-shadow:0 4px 15px #dc262666}.link{background:none;color:var(--straw-gold);padding:.5rem;text-decoration:underline}.badge-row{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.pill{padding:.5rem 1rem;font-size:.75rem;font-weight:600;border-radius:50px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d}.pill.gold{background:linear-gradient(135deg,var(--treasure-gold),var(--straw-gold));color:#1a1a1a;border:none}.pill.dark{background:#c41e3a33;border-color:#c41e3a66;color:#fca5a5}.pill.outline{border-color:var(--sky-blue);color:var(--sky-blue)}.section{padding:4rem 5%;position:relative}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.card{background:#0a1830cc;border:1px solid rgba(218,165,32,.15);border-radius:var(--radius-2xl);padding:1.5rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(218,165,32,.1)}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.item{background:#050d1ae6;border:1px solid rgba(218,165,32,.1);border-radius:var(--radius-xl);overflow:hidden;transition:all .4s ease}.item:hover{transform:translateY(-8px);border-color:var(--straw-gold);box-shadow:0 20px 40px #0006,0 0 30px #daa5201a}.item-img{height:180px;background-size:cover;background-position:center;position:relative}.item-img:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(transparent,#050d1af2)}.item-body{padding:1.25rem}.item-top{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.item-top>div:first-child{flex:1}.price{font-family:var(--font-pirate);font-size:1.5rem;color:var(--treasure-gold);white-space:nowrap}.offer-strip{background:linear-gradient(135deg,#c41e3a1a,#daa5200d),#0a1830e6;border-top:2px solid rgba(218,165,32,.2);border-bottom:2px solid rgba(218,165,32,.2)}.offer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.offer-card{padding:1.5rem;background:#050d1acc;border:1px solid rgba(218,165,32,.2);border-radius:var(--radius-xl);transition:all .3s ease}.offer-card:hover{transform:translateY(-5px);border-color:var(--straw-gold);box-shadow:0 10px 30px #0000004d}.offer-card h3{margin-bottom:.5rem}.cafe{background:radial-gradient(ellipse at 80% 20%,rgba(79,195,247,.1),transparent 50%),linear-gradient(180deg,var(--dark-sea),var(--deep-ocean))}.basket{position:fixed;right:1rem;bottom:1rem;width:340px;max-height:70vh;overflow:auto;background:#0a1830fa;border:2px solid rgba(218,165,32,.3);border-radius:var(--radius-2xl);padding:1.5rem;box-shadow:0 20px 60px #0009;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100}.basket-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(218,165,32,.15)}.basket-items{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.basket-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ffffff08;border-radius:var(--radius-md)}.qty{display:flex;align-items:center;gap:.5rem}.qty button{width:28px;height:28px;border-radius:var(--radius-md);background:#daa52033;color:var(--treasure-gold);font-size:1rem;display:flex;align-items:center;justify-content:center}.qty button:hover{background:var(--straw-gold);color:#1a1a1a}.basket-summary{padding-top:1rem;border-top:1px solid rgba(218,165,32,.15)}.row{display:flex;justify-content:space-between;margin-bottom:.5rem}.row.total{font-size:1.1rem;font-weight:700;color:var(--treasure-gold);margin-top:.5rem;padding-top:.5rem;border-top:1px dashed rgba(218,165,32,.3)}.modal{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem}.modal-content{background:linear-gradient(180deg,#0a1830fc,#050d1afc);border:2px solid rgba(218,165,32,.3);border-radius:var(--radius-2xl);padding:2rem;max-width:480px;width:100%;position:relative}.close{position:absolute;top:1rem;right:1rem;background:none;color:var(--sand-light);font-size:1.5rem;padding:.5rem}.order-actions{display:flex;gap:1rem;margin:1.5rem 0;flex-wrap:wrap}.order-preview{background:#0000004d;padding:1rem;border-radius:var(--radius-md);font-family:monospace;font-size:.85rem;white-space:pre-wrap;max-height:200px;overflow:auto}.footer{padding:3rem 5% 2rem;background:var(--deep-ocean);border-top:1px solid rgba(218,165,32,.15);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.footer strong{font-family:var(--font-pirate);font-size:1.25rem;color:var(--treasure-gold)}.links{display:flex;gap:1.5rem}.links a{color:var(--sand-light);text-decoration:none;font-weight:600;transition:color .2s}.links a:hover{color:var(--straw-gold)}.admin-hero{padding:100px 5% 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.admin-actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.admin-grid{padding:0 5% 4rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.panel{background:#0a1830cc;border:1px solid rgba(218,165,32,.15);border-radius:var(--radius-xl);padding:1.5rem}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.panel-block{padding-top:1rem;margin-top:1rem;border-top:1px solid rgba(255,255,255,.1)}label{display:block;font-size:.85rem;color:#a0b0c5;margin-bottom:.5rem}input{width:100%;padding:.75rem 1rem;background:#050d1acc;border:1px solid rgba(218,165,32,.2);border-radius:var(--radius-md);color:var(--sand-light);font-family:var(--font-sans);font-size:.95rem;transition:all .2s}input:focus{outline:none;border-color:var(--straw-gold);box-shadow:0 0 0 3px #daa5201a}.dual{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.75rem}.item-edit{padding:1rem;margin-top:1rem;border:1px dashed rgba(218,165,32,.2);border-radius:var(--radius-md)}.save-success{padding:.75rem 1rem;background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);color:var(--success);font-weight:600}.save-error{padding:.75rem 1rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--error);font-weight:600}.error{color:#fca5a5;font-weight:600;margin-top:.5rem}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--deep-ocean)}.loading-content{text-align:center}.loading-icon{font-size:4rem;margin-bottom:1rem;animation:float 2s ease-in-out infinite}.loading-title{font-family:var(--font-pirate);color:var(--treasure-gold);font-size:1.5rem;margin-bottom:.5rem}.loading-text{color:#a0b0c5}@media(max-width:768px){.navbar{padding:.75rem 4%}.navbar-brand h2{font-size:1.1rem}.skull-icon{font-size:1.5rem}.lang-toggle{padding:.5rem 1rem;font-size:.75rem}.hero{padding:100px 4% 60px;min-height:auto}h1{font-size:2rem}.actions{flex-direction:column;align-items:stretch}.section{padding:3rem 4%}.items-grid{grid-template-columns:1fr}.basket{width:calc(100% - 2rem);right:1rem;left:1rem;max-height:60vh}.footer,.admin-hero{flex-direction:column;text-align:center}.admin-grid,.dual,.offer-grid{grid-template-columns:1fr}}@media(max-width:480px){.navbar-actions{gap:.5rem}.navbar-actions .ghost{display:none}.navbar-brand h2{font-size:.95rem}.badge-row{flex-direction:column;align-items:center}.section-head{flex-direction:column;align-items:flex-start}.card{padding:1rem}.item-img{height:150px}}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{width:100%;max-width:400px;background:#0a1830f2;border:2px solid rgba(218,165,32,.3);border-radius:var(--radius-2xl);padding:2rem}