#app { display:flex; min-height:100vh; }
.app-side { width:210px; background:#0a3d3b; color:#f2ead9; padding:20px 14px; flex-shrink:0; position:sticky; top:0; height:100vh; }
.app-brand { font-family:'Playfair Display',serif; font-size:1.2rem; font-weight:700; margin-bottom:22px; display:flex; gap:8px; align-items:center; }
.brand-mark { font-size:1.5rem; } .brand-sub { color:var(--gold,#c9a86a); font-size:.75rem; letter-spacing:.1em; text-transform:uppercase; display:block; }
.app-nav { display:flex; flex-direction:column; gap:4px; }
.nav-item { color:#d6ece6; text-decoration:none; padding:9px 12px; border-radius:8px; font-size:.92rem; }
.nav-item:hover, .nav-item.active { background:rgba(201,168,106,.2); color:#fff; }
.app-main { flex:1; padding:18px 26px 40px; }
.app-topbar { display:flex; justify-content:flex-end; align-items:center; gap:14px; margin-bottom:20px; }
.lang-btn { background:var(--gold,#c9a86a); color:#fff; border:none; border-radius:999px; padding:8px 16px; font-weight:600; cursor:pointer; }
.topbar-title { color:#0a3d3b; font-weight:600; font-size:.95rem; }
.app-section { margin-bottom:8px; padding:18px; background:#fff; border-radius:18px; border:1px solid rgba(201,168,106,.2); }
.app-section h2.lux-heading { margin-top:0; }
[dir="rtl"] .app-side { order:2; }
[dir="rtl"] .app-nav { text-align:right; }
@media(max-width:760px){ .app-side{ width:64px; } .nav-item span,.brand-sub,.app-brand{ display:none; } .nav-item{ text-align:center; } }