/* =========================================================== SITE CHECK PRO — APP CORE THEME (BASE.CSS) Applies to all authenticated pages (dashboard, tools, reports) =========================================================== */ /* ------------------------- GLOBAL RESET + VARIABLES -------------------------- */ :root { --brand: #3b82f6; --brand-dark: #1e40af; --accent: #6366f1; --bg-light: #f9fafb; --bg-dark: #0f172a; --card: #ffffff; --card-dark: #111827; --border-subtle: rgba(15,23,42,0.08); --text: #0f172a; --text-light: #e2e8f0; --radius-lg: 16px; --radius-md: 12px; --shadow-lg: 0 14px 40px rgba(15, 23, 42, 0.12); --shadow-md: 0 8px 22px rgba(15, 23, 42, 0.08); } body { font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif; background: var(--bg-light); color: var(--text); } /* DARK MODE (Alpine toggles the class="dark") */ .dark body { background: var(--bg-dark); color: var(--text-light); } /* =========================================================== GLOBAL NAV TOP BAR (base.html) =========================================================== */ .global-nav { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,0.85); backdrop-filter: blur(12px); border-bottom: 1px solid var(--border-subtle); height: 58px; } .dark .global-nav { background: rgba(17,24,39,0.65); border-color: rgba(255,255,255,0.05); } .nav-link { font-size: 0.95rem; color: #475569; transition: 0.2s ease; } .nav-link:hover { color: var(--brand); } .mobile-link { display: block; padding: 0.55rem 0; color: #1f2937; font-size: 1rem; } .dark .mobile-link { color: #e2e8f0; } /* =========================================================== DASHBOARD LAYOUT CORE =========================================================== */ .scp-main { padding-top: 110px; padding-bottom: 40px; min-height: calc(100vh - 110px); } /* GRID CONTAINERS */ .dashboard-grid { display: grid; grid-template-columns: 1fr 300px; gap: 32px; } .dashboard-main { width: 100%; } .dashboard-sidebar { positi