feat: dashboard overhaul, chargeability reports, dispo import enhancements, UI polish

Dashboard: expanded chargeability widget, resource/project table widgets
with sorting and filters, stat cards with formatMoney integration.

Chargeability: new report client with filtering, chargeability-bookings
use case, updated dashboard overview logic.

Dispo import: TBD project handling, parse-dispo-matrix improvements,
stage-dispo-projects resource value scores, new tests.

Estimates: CommercialTermsEditor component, commercial-terms engine
module, expanded estimate schemas and types.

UI: AppShell navigation updates, timeline filter/toolbar enhancements,
role management improvements, signin page redesign, Tailwind/globals
polish, SystemSettings SMTP section, anonymization support.

Tests: new router tests (anonymization, chargeability, effort-rule,
entitlement, estimate, experience-multiplier, notification, resource,
staffing, vacation).

Co-Authored-By: claude-flow <ruv@ruv.net>

apps/web/src/components/ui/FilterBar.tsx

@@ -8,13 +8,13 @@ interface FilterBarProps {
 
 export function FilterBar({ children, hasActiveFilters, onClearFilters }: FilterBarProps) {
   return (
-    <div className="mb-4 flex flex-wrap items-center gap-3">
+    <div className="app-toolbar mb-4 flex flex-wrap items-center gap-3">
       {children}
       {hasActiveFilters && onClearFilters && (
         <button
           type="button"
           onClick={onClearFilters}
-          className="px-3 py-2 text-sm text-gray-500 hover:text-gray-700 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
+          className="rounded-xl border border-gray-300 px-3 py-2 text-sm text-gray-600 transition hover:border-gray-400 hover:bg-gray-50 hover:text-gray-900 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-800"
         >
           Clear filters
         </button>

apps/web/src/components/ui/NavProgressBar.tsx

@@ -54,10 +54,10 @@ export function NavProgressBar() {
   return (
     <div
       aria-hidden="true"
-      className="fixed top-0 left-0 right-0 z-[9999] h-0.5 pointer-events-none"
+      className="pointer-events-none fixed left-0 right-0 top-0 z-[9999] h-1"
     >
       <div
-        className="h-full bg-brand-500 transition-all ease-out"
+        className="h-full rounded-r-full bg-gradient-to-r from-brand-400 via-brand-500 to-brand-600 shadow-[0_0_18px_rgba(var(--accent-500),0.45)] transition-all ease-out"
         style={{
           width: `${width}%`,
           transitionDuration: width === 100 ? "200ms" : "400ms",