:root {
    --bg-canvas: #f0f4f9;
    --surface-glass: rgba(255, 255, 255, 0.90);
    --border-glass: rgba(226, 232, 240, 0.85);
    --text-dark: #0f172a;
    --text-muted: #64748b;
    --primary-indigo: #4f46e5;
    --primary-glow: rgba(79, 70, 229, 0.22);
    --accent-cyan: #06b6d4;
    --accent-emerald: #10b981;
    --accent-amber: #f59e0b;
    --accent-rose: #f43f5e;
    --card-shadow: 0 16px 40px -12px rgba(15, 23, 42, 0.06);
}

body {
    background-color: var(--bg-canvas);
    color: var(--text-dark);
    font-family: 'Plus Jakarta Sans', -apple-system, sans-serif;
    margin: 0;
    padding: 0;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
    position: relative;
    overflow-x: hidden;
}

.font-num {
    font-family: 'Space Grotesk', monospace !important;
}

.ambient-orb {
    position: fixed;
    border-radius: 50%;
    filter: blur(140px);
    z-index: 0;
    pointer-events: none;
    opacity: 0.55;
}
.orb-indigo { width: 440px; height: 440px; background: rgba(79, 70, 229, 0.12); top: -80px; right: -50px; }
.orb-cyan   { width: 380px; height: 380px; background: rgba(6, 182, 212, 0.10); bottom: -60px; left: 10%; }

/* গ্লোবাল ন্যাভবার */
.dash-topbar {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--border-glass);
    padding: 12px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 1020;
}

.nav-links {
    display: flex;
    gap: 12px;
    align-items: center;
}

.nav-item-btn {
    background: #ffffff;
    border: 1px solid var(--border-glass);
    color: var(--text-dark);
    border-radius: 12px;
    padding: 7px 14px;
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
}
.nav-item-btn:hover, .nav-item-btn.active {
    border-color: var(--primary-indigo);
    color: var(--primary-indigo);
}

.main-content-layout {
    padding: 28px;
    max-width: 1560px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}