:root{--yunis-blue-primary: #0065b3;--yunis-blue-dark: #004d88;--yunis-blue-header: #1b75bc;--yunis-blue-light: #eef7ff;--yunis-cyan-sky: #13b5ea;--yunis-cyan-light: #e0f7fe;--yunis-red-accent: #e31b23;--yunis-navy: #0b192c;--bg-main: #f8fafc;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--bg-glass: rgba(255, 255, 255, .92);--text-main: #0f172a;--text-muted: #475569;--text-subtle: #64748b;--border-light: #e2e8f0;--border-hover: #cbd5e1;--shadow-sm: 0 1px 3px rgba(0, 101, 179, .05);--shadow-md: 0 4px 20px -2px rgba(0, 101, 179, .08);--shadow-lg: 0 12px 35px -4px rgba(0, 101, 179, .12);--shadow-glow: 0 0 25px rgba(19, 181, 234, .2);--font-main: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Outfit", sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--transition-fast: all .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}.dark{--bg-main: #0a111e;--bg-card: #111a2e;--bg-card-hover: #18253f;--bg-glass: rgba(17, 26, 46, .92);--text-main: #f8fafc;--text-muted: #cbd5e1;--text-subtle: #64748b;--border-light: #1e2d48;--border-hover: #334155;--shadow-md: 0 4px 20px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 35px -4px rgba(0, 0, 0, .55)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-main);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.dark ::-webkit-scrollbar-thumb{background:#334155}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .35s ease-out forwards}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);font-family:var(--font-main);font-size:.88rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:var(--transition-fast);outline:none}.btn-primary{background:linear-gradient(135deg,var(--yunis-blue-primary) 0%,var(--yunis-blue-dark) 100%);color:#fff;box-shadow:0 4px 14px #0065b340}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0065b359;background:linear-gradient(135deg,#005699,#003b6a)}.btn-cyan{background:linear-gradient(135deg,#13b5ea,#0065b3);color:#fff;box-shadow:0 4px 14px #13b5ea4d}.btn-cyan:hover{transform:translateY(-1px);box-shadow:0 6px 20px #13b5ea66}.btn-secondary{background:var(--bg-card);color:var(--text-main);border-color:var(--border-light)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.btn-sm{padding:6px 12px;font-size:.8rem;border-radius:var(--radius-sm)}.input-field{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-main);font-family:var(--font-main);font-size:.92rem;transition:var(--transition-fast)}.input-field:focus{outline:none;border-color:var(--yunis-blue-primary);box-shadow:0 0 0 3px #0065b326}mark.search-highlight{background-color:#fef08acc;color:#854d0e;border-radius:2px;padding:0 3px;font-weight:700}.dark mark.search-highlight{background-color:#a16207b3;color:#fef08a}