.bottom-nav[data-v-e0cf2c6e]{position:fixed;bottom:0;left:0;right:0;z-index:500;display:flex;align-items:center;background:#07120ef5;border-top:1px solid rgba(8,127,91,.18);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding-bottom:env(safe-area-inset-bottom,0px)}.nav-item[data-v-e0cf2c6e]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:9px 4px;text-decoration:none;color:var(--color-subtle);font-size:.6rem;font-weight:600;letter-spacing:.02em;transition:color .2s;-webkit-tap-highlight-color:transparent;position:relative}.nav-icon-wrap[data-v-e0cf2c6e]{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:28px;border-radius:10px;transition:background .2s}.nav-item.active[data-v-e0cf2c6e]{color:var(--color-brand-light)}.nav-item.active .nav-icon-wrap[data-v-e0cf2c6e]{background:#087f5b26}.nav-label[data-v-e0cf2c6e]{font-family:var(--font);font-size:.6rem}.nav-dot[data-v-e0cf2c6e]{position:absolute;top:2px;right:2px;width:5px;height:5px;border-radius:50%;background:var(--color-accent)}#app-shell{min-height:100vh;display:flex;flex-direction:column;position:relative}.page-enter-active,.page-leave-active{transition:opacity .18s ease,transform .18s ease}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-4px)}:root{--color-brand: #087f5b;--color-brand-dark: #07563f;--color-brand-light: #12b886;--color-accent: #d9a441;--color-accent-light: #f0c060;--color-accent-pale: rgba(217,164,65,.14);--color-accent-border: rgba(217,164,65,.28);--color-bg: #07120e;--color-surface: #0d1f1a;--color-card: rgba(10,28,22,.92);--color-card-2: rgba(6,18,14,.96);--color-border: rgba(255,255,255,.07);--color-border-brand: rgba(8,127,91,.3);--color-text: #e8f5f0;--color-muted: #6b9e8a;--color-subtle: #3a6054;--color-success: #12b886;--color-warning: #f0c060;--color-error: #f87171;--radius-card: 20px;--radius-sm: 12px;--radius-pill: 9999px;--nav-height: 64px;--header-height: 56px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--font: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-arab: "Amiri", "Traditional Arabic", serif;--font-mono: "SF Mono", "Fira Code", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{height:100%;font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);min-height:100vh;overflow-x:hidden;overscroll-behavior:none;background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(8,127,91,.18) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 0% 70%,rgba(7,86,63,.1) 0%,transparent 60%),radial-gradient(ellipse 50% 30% at 100% 100%,rgba(217,164,65,.06) 0%,transparent 50%);background-attachment:fixed}#app{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#087f5b4d;border-radius:99px}.glass{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.glass-brand{background:#087f5b1a;border:1px solid var(--color-border-brand);border-radius:var(--radius-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(135deg,#12b886,#087f5b 60%,#07563f);color:#fff;font-family:var(--font);font-weight:700;font-size:.875rem;padding:12px 20px;border:none;border-radius:var(--radius-pill);cursor:pointer;transition:all .22s;box-shadow:0 4px 16px #087f5b59;letter-spacing:.01em}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 22px #087f5b80}.btn-primary:active{transform:scale(.97)}.btn-accent{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(135deg,#f0c060,#d9a441 60%,#b8842a);color:#1a1000;font-family:var(--font);font-weight:700;font-size:.875rem;padding:12px 20px;border:none;border-radius:var(--radius-pill);cursor:pointer;transition:all .22s;box-shadow:0 4px 16px #d9a4414d}.btn-accent:hover{transform:translateY(-1px);box-shadow:0 6px 22px #d9a44173}.btn-accent:active{transform:scale(.97)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#087f5b14;border:1px solid var(--color-border-brand);color:var(--color-brand-light);font-family:var(--font);font-weight:600;font-size:.8rem;padding:8px 14px;border-radius:var(--radius-pill);cursor:pointer;transition:all .2s}.btn-outline:hover{background:#087f5b29}.btn-outline:active{transform:scale(.97)}.btn-ghost{background:none;border:none;color:var(--color-muted);font-size:.8rem;font-family:var(--font);cursor:pointer;padding:5px 8px;transition:color .2s}.btn-ghost:hover{color:var(--color-text)}.btn-full{width:100%}.section-title{font-size:1rem;font-weight:800;color:var(--color-text);margin-bottom:12px}.title-3d-icon{width:22px;height:22px;border-radius:6px;object-fit:cover;box-shadow:0 2px 5px #0000004d;border:1px solid rgba(8,127,91,.3);flex-shrink:0}.label-sm{font-size:.68rem;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em}.arabic-text{font-family:var(--font-arab);direction:rtl;text-align:right;line-height:2}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--radius-pill);font-size:.68rem;font-weight:700}.badge-brand{background:#087f5b26;color:var(--color-brand-light);border:1px solid rgba(8,127,91,.25)}.badge-accent{background:var(--color-accent-pale);color:var(--color-accent-light);border:1px solid var(--color-accent-border)}.badge-muted{background:#ffffff0d;color:var(--color-muted);border:1px solid var(--color-border)}.divider{height:1px;background:var(--color-border);margin:12px 0}.field-input{width:100%;background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font);font-size:.9rem;padding:11px 14px;transition:border-color .2s;outline:none}.field-input:focus{border-color:var(--color-brand)}.field-input::placeholder{color:var(--color-subtle)}.field-label{font-size:.72rem;font-weight:600;color:var(--color-muted);margin-bottom:5px;display:block}.skeleton{background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040a08d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:flex-end;justify-content:center}@media(min-width:640px){.modal-overlay{align-items:center}}.modal-sheet{width:100%;max-width:580px;max-height:92vh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;background:#081a14;border:1px solid rgba(8,127,91,.2);border-radius:var(--radius-card) var(--radius-card) 0 0;padding:6px 0 calc(16px + var(--safe-bottom))}@media(min-width:640px){.modal-sheet{border-radius:var(--radius-card);max-height:88vh}}.modal-handle{width:36px;height:4px;background:#ffffff1f;border-radius:99px;margin:10px auto 0}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 0;margin-bottom:14px;box-sizing:border-box;width:100%}.modal-title{font-size:1.05rem;font-weight:800;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-body{padding:0 14px;box-sizing:border-box;width:100%;overflow-x:hidden}@media(min-width:480px){.modal-header{padding:14px 18px 0}.modal-body{padding:0 18px}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.anim-slide-up{animation:slideUp .28s cubic-bezier(.16,1,.3,1)}.anim-fade-in{animation:fadeIn .22s ease}input[type=range]{width:100%;height:4px;accent-color:var(--color-brand-light);cursor:pointer;border-radius:99px}.disclaimer{background:#d9a4410f;border:1px solid rgba(217,164,65,.2);border-radius:var(--radius-sm);padding:10px 12px;font-size:.72rem;color:var(--color-muted);line-height:1.5}.disclaimer strong{color:var(--color-accent-light)}.app-footer{text-align:center;padding:16px 0 6px}.footer-copy{font-size:.72rem;color:var(--color-subtle);letter-spacing:.03em;font-weight:500}