:root{--bg-main: #040e0a;--bg-surface: #071912;--bg-surface-elevated: #0b241b;--bg-glass: rgba(11, 36, 27, .65);--border-glass: rgba(212, 175, 55, .18);--border-glass-hover: rgba(212, 175, 55, .4);--gold-primary: #d4af37;--gold-light: #fae084;--gold-dark: #a27b16;--gold-glow: rgba(212, 175, 55, .25);--emerald-accent: #10b981;--emerald-light: #34d399;--emerald-dark: #047857;--emerald-glow: rgba(16, 185, 129, .25);--text-main: #f8fafc;--text-muted: #94a3b8;--text-faint: #64748b;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-arabic: "Amiri", serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-card: 0 10px 30px -5px rgba(0, 0, 0, .5), 0 0 1px 1px var(--border-glass);--shadow-glow: 0 0 25px var(--gold-glow)}[data-theme=light]{--bg-main: #f4f7f5;--bg-surface: #ffffff;--bg-surface-elevated: #f0fdf4;--bg-glass: rgba(255, 255, 255, .85);--border-glass: rgba(4, 120, 87, .15);--border-glass-hover: rgba(212, 175, 55, .5);--gold-primary: #b8860b;--gold-light: #d4af37;--gold-dark: #8c6508;--gold-glow: rgba(184, 134, 11, .15);--emerald-accent: #059669;--emerald-light: #10b981;--emerald-dark: #065f46;--emerald-glow: rgba(5, 150, 105, .15);--text-main: #0f172a;--text-muted: #475569;--text-faint: #94a3b8;--shadow-card: 0 10px 25px -5px rgba(0, 0, 0, .08), 0 0 1px 1px var(--border-glass)}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100vh;display:flex;flex-direction:column;background-image:radial-gradient(circle at 50% 0%,rgba(212,175,55,.08),transparent 45%),radial-gradient(circle at 100% 100%,rgba(16,185,129,.06),transparent 35%);background-attachment:fixed;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}.glass-card{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:var(--border-glass-hover)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--gold-light),var(--gold-primary));color:#04100c;font-weight:700;font-size:.92rem;padding:10px 20px;border-radius:var(--radius-md);border:none;cursor:pointer;box-shadow:0 4px 15px var(--gold-glow);transition:all .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #d4af3766}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#ffffff0f;color:var(--text-main);font-weight:600;font-size:.9rem;padding:10px 16px;border-radius:var(--radius-md);border:1px solid var(--border-glass);cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#ffffff1f;border-color:var(--gold-primary)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:#ffffff0d;border:1px solid var(--border-glass);color:var(--text-main);cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:#ffffff1f;border-color:var(--gold-primary);color:var(--gold-light)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .2s ease}.modal-content{background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:var(--radius-lg);width:100%;max-width:650px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #000000bf;overflow:hidden;animation:scaleUp .25s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulseGold{0%{box-shadow:0 0 #d4af3766}70%{box-shadow:0 0 0 12px #d4af3700}to{box-shadow:0 0 #d4af3700}}.pulse-indicator{animation:pulseGold 2s infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d4af3799}.font-arabic{font-family:var(--font-arabic)}@media print{body{background:#fff!important;color:#000!important}.no-print,header,footer,.btn-primary,.btn-secondary,.compass-section,.modal-overlay{display:none!important}.print-only{display:block!important}.glass-card{border:1px solid #ddd!important;background:transparent!important;box-shadow:none!important}}