/* BMN Platform — Shared Styles */

:root {
    --bg-base: #0f0f1a;
    --bg-card: #1a1a2e;
    --bg-input: #12122a;
    --border: #2a2a3e;
    --border-hover: #4a4a6e;
    --text-primary: #fff;
    --text-secondary: #ccc;
    --text-muted: #888;
    --text-dim: #555;
    --green: #2e7d32;
    --green-bg: #e8f5e9;
    --red: #c62828;
    --red-bg: #ffebee;
    --orange: #e65100;
    --orange-bg: #fff3e0;
    --accent: #4a9eff;
    --radius: 10px;
    --radius-sm: 6px;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: var(--bg-base); color: var(--text-secondary); }

/* Nav bar */
.nav-bar {
    background: #12122a; display: flex; align-items: center; justify-content: space-between;
    padding: 0 32px; height: 48px; border-bottom: 1px solid var(--border);
}
.nav-brand { font-size: 14px; font-weight: 700; color: var(--text-muted); letter-spacing: 0.5px; text-transform: uppercase; }
.nav-links { display: flex; gap: 0; height: 100%; }
.nav-link {
    display: flex; align-items: center; padding: 0 20px; height: 100%;
    color: var(--text-muted); text-decoration: none; font-size: 14px; font-weight: 500;
    border-bottom: 2px solid transparent; transition: all 0.15s;
}
.nav-link:hover { color: var(--text-primary); background: rgba(255,255,255,0.03); }
.nav-link.active { color: var(--text-primary); border-bottom-color: var(--accent); }