updeted

Frontend/erp-system/components/Layouts/AppSidebar.tsx

@@ -268,7 +268,7 @@ function SidebarContent({
   return (
     <nav
       className={cn(
-        "sidebar-surface flex h-full flex-col rounded-3xl bg-card p-3 shadow-sm ring-1 ring-foreground/10 transition-[width] duration-300 ease-in-out",
+        "sidebar-surface flex h-full flex-col rounded-3xl bg-card p-3 shadow-sm ring-1 ring-foreground/10 transition-[width] duration-300 ease-in-out print:hidden",
         !isMobile && (collapsed ? "w-20" : "w-64")
       )}
     >

Frontend/erp-system/components/Layouts/Breadcrumbs.tsx

@@ -64,7 +64,7 @@ export function Breadcrumbs() {
   }))
 
   return (
-    <Breadcrumb className="mb-4">
+    <Breadcrumb className="mb-4 print:hidden">
       <BreadcrumbList>
         {crumbs.map((crumb, i) => {
           const isLast = i === crumbs.length - 1

Frontend/erp-system/components/Layouts/Header.tsx

@@ -219,7 +219,7 @@ export function Header() {
   }
 
   return (
-    <header className="mx-3 mt-3 mb-3 flex items-center justify-between gap-2 rounded-3xl bg-card py-4 pr-3 pl-12 shadow-sm ring-1 ring-foreground/10 sm:mx-6 sm:pr-4 sm:pl-14 lg:mx-8 lg:mt-4 lg:mb-4 lg:gap-4 lg:p-4">
+    <header className="print:hidden mx-3 mt-3 mb-3 flex items-center justify-between gap-2 rounded-3xl bg-card py-4 pr-3 pl-12 shadow-sm ring-1 ring-foreground/10 sm:mx-6 sm:pr-4 sm:pl-14 lg:mx-8 lg:mt-4 lg:mb-4 lg:gap-4 lg:p-4">
       <div className="flex min-w-0 flex-1 items-center gap-2 sm:gap-3">
         {showBackButton && (
           <button