feat(css): add print stylesheets for clean page printing

src/app/dashboard/page.tsx

@@ -11,7 +11,7 @@ export default function Dashboard() {
   return (
     <div className="min-h-screen bg-gray-50 dark:bg-gray-950">
       {/* Header */}
-      <header className="bg-white dark:bg-gray-900 shadow-sm border-b dark:border-gray-800">
+      <header className="no-print bg-white dark:bg-gray-900 shadow-sm border-b dark:border-gray-800">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
           <div className="flex justify-between items-center h-16">
             <h1 className="text-2xl font-bold text-gray-900 dark:text-white">Dashboard</h1>

src/app/globals.css

@@ -1,4 +1,11 @@
 @import 'tailwindcss';
+@import '../styles/print.css';
+
+@media print {
+  .no-print {
+    display: none !important;
+  }
+}
 
 :root {
   --background: #ffffff;

src/components/layout/Header.tsx

@@ -25,7 +25,7 @@ export const Header: React.FC = () => {
   };
 
   return (
-    <header className="bg-white dark:bg-gray-950 border-b border-gray-200 dark:border-gray-800 sticky top-0 z-40 transition-colors duration-200">
+    <header className="no-print bg-white dark:bg-gray-950 border-b border-gray-200 dark:border-gray-800 sticky top-0 z-40 transition-colors duration-200">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         <div className="flex items-center justify-between h-16 gap-4">
           {/* Logo */}
@@ -73,6 +73,13 @@ export const Header: React.FC = () => {
             >
               {t('navigation.dashboard')}
             </Link>
+            <button
+              onClick={() => window.print()}
+              className="no-print px-4 py-2 border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors text-sm"
+              aria-label="Print this page"
+            >
+              Print
+            </button>
           </nav>
 
           {/* Theme Toggle, Language Switcher and Mobile Menu Button */}

src/styles/print.css

@@ -0,0 +1,105 @@
+@media print {
+  /* ── Hide screen-only elements ─────────────────────────────────────── */
+  nav,
+  header,
+  footer,
+  aside,
+  button,
+  dialog,
+  [role='dialog'],
+  [role='tooltip'],
+  [data-radix-popper-content-wrapper],
+  [data-print='false'],
+  [class*='no-print'],
+  .no-print {
+    display: none !important;
+  }
+
+  /* ── Page setup ────────────────────────────────────────────────────── */
+  @page {
+    margin: 1.5cm;
+  }
+
+  /* ── Reset layout ──────────────────────────────────────────────────── */
+  *,
+  *::before,
+  *::after {
+    background: #fff !important;
+    color: #000 !important;
+    box-shadow: none !important;
+    border-radius: 0 !important;
+    gap: 0 !important;
+  }
+
+  html,
+  body {
+    width: 100%;
+    font-family: Georgia, 'Times New Roman', Times, serif;
+    font-size: 12pt;
+    line-height: 1.5;
+  }
+
+  body > *,
+  main,
+  article,
+  section,
+  .container,
+  [class*='max-w-'],
+  [class*='mx-auto'] {
+    display: block !important;
+    width: 100% !important;
+    max-width: 100% !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    float: none !important;
+  }
+
+  /* ── Page-break rules ──────────────────────────────────────────────── */
+  h1,
+  h2,
+  h3,
+  tr {
+    page-break-inside: avoid;
+    break-inside: avoid;
+  }
+
+  h1,
+  h2,
+  h3 {
+    page-break-after: avoid;
+    break-after: avoid;
+  }
+
+  img,
+  table,
+  figure {
+    page-break-inside: avoid;
+    break-inside: avoid;
+  }
+
+  /* ── Show link URLs ────────────────────────────────────────────────── */
+  a[href]::after {
+    content: ' (' attr(href) ')';
+    font-size: 10pt;
+    color: #444 !important;
+  }
+
+  /* Don't expand internal/anchor links or javascript: links */
+  a[href^='#']::after,
+  a[href^='javascript:']::after {
+    content: '';
+  }
+
+  /* ── Tables ────────────────────────────────────────────────────────── */
+  table {
+    border-collapse: collapse;
+    width: 100%;
+  }
+
+  th,
+  td {
+    border: 1px solid #999 !important;
+    padding: 4pt 6pt;
+    text-align: left;
+  }
+}